webgui/www/extras/AttachmentsControl/AttachmentsControl.css
JT Smith 350d7f6e01 - api: You may now use a displayOnly attribute in your asset properties list
that will display a field, but is not settable via the update() method.
 - api: You may now use a customDrawMethod attribute in your asset properties
   list that will enable you to add custom display options for that fields when
   the edit form is automatically generated.
 - Added file attachments to the Wiki.
 - Added a new attachments form control.
 - Added a form control skeleton.
2007-07-25 22:22:49 +00:00

21 lines
2 KiB
CSS

#attachments { width: 100%; background-color: #eeeeee; padding: 3px; height: 100%; }
.attachment { position: relative; width: 100px; height: 80px; border: 0px; margin-right: 5px; padding: 0px; padding-left: 20px;
border: 1px dashed #bbbbbb; overflow: hidden; float: left; text-align: center;}
.attachment img { border: 0px; width: 90px; max-height: 70px; vertical-align: middle; margin: 5px; }
.attachment a { vertical-align: middle; margin: 5px; }
body { margin: 0px; padding: 0px; background-color: #eeeeee; }
#upload { position:fixed; _position:absolute; bottom:0; right:0; font-family: sans-serif; cursor: pointer;
_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight); width: 150px; font-size: 12px; background-color: #008000; text-align: center; text-decoration: none; z-index: 10; color: white; }
#instructions { font-size: 11px; color: white; width: 100%; background-color: black; font-family: sans-serif;}
#uploadForm { position:fixed; _position:absolute; top:0; _top:expression(eval(document.body.scrollTop)); left:0; margin:0; padding:0; background-color: #eeeeee; z-index: 20; width: 100%; height: 100%; display: none; vertical-align: middle; text-align: center; padding-top: 5px; }
#uploadFormCloser { position: absolute; top: 0px; right: 0px; background-color: #800000; color: #ffffff; margin: 3px;
padding: 3px; border: 2px solid black; text-decoration: none; cursor: pointer; }
.deleteAttachment {position: absolute; top: 0px; left: 0px; background-color: #800000; color: white; z-index: 10;
font-size: 14px; text-decoration: none; border: 1px solid black; width: 16px; height: 16px;}
.thumbnail {position: absolute; z-index: 10; top: 20px; left: 0px;}
.thumbnail img { width: 15px; height: 15px; border: 1px solid black; }
.imageLink { position: absolute; top: 40px; left: 0px; background-color: #eeeeee; color: blue; z-index: 10;
font-size: 14px; text-decoration: underline; border: 1px solid black; width: 16px; height: 16px;
overflow: hidden; }