cannam@34: /**
cannam@34:  * The CSS in here cotrols the appearance of the media manager
cannam@34:  */
cannam@34: 
cannam@34: #media__manager {
cannam@34:     height: 100%;
cannam@34:     overflow: hidden;
cannam@34: }
cannam@34: 
cannam@34: #media__left {
cannam@34:     width: 30%;
cannam@34:     border-right: solid 1px __border__;
cannam@34: 
cannam@34:     height: 100%;
cannam@34:     overflow: auto;
cannam@34:     position: absolute;
cannam@34:     left: 0;
cannam@34: }
cannam@34: 
cannam@34: #media__right {
cannam@34:     width: 69.7%;
cannam@34: 
cannam@34:     height: 100%;
cannam@34:     overflow: auto;
cannam@34:     position: absolute;
cannam@34:     right: 0;
cannam@34: }
cannam@34: 
cannam@34: #media__manager h1 {
cannam@34:     margin: 0;
cannam@34:     padding: 0;
cannam@34:     margin-bottom: 0.5em;
cannam@34: }
cannam@34: 
cannam@34: /* --- Tree formatting --- */
cannam@34: 
cannam@34: #media__tree img {
cannam@34:     float:left;
cannam@34:     padding: 0.5em 0.3em 0 0;
cannam@34: }
cannam@34: 
cannam@34: #media__tree ul {
cannam@34:     list-style-type: none;
cannam@34:     list-style-image: none;
cannam@34:     margin-left: 1.5em;
cannam@34: }
cannam@34: 
cannam@34: #media__tree li {
cannam@34:     clear: left;
cannam@34:     list-style-type: none;
cannam@34:     list-style-image: none;
cannam@34: }
cannam@34: *+html #media__tree li,
cannam@34: * html #media__tree li {
cannam@34:     border: 1px solid __background__;
cannam@34: }/* I don't understand this, but this fixes a style bug in IE;
cannam@34: it's dirty, so any "real" fixes are welcome */
cannam@34: 
cannam@34: /* --- options --- */
cannam@34: 
cannam@34: #media__opts {
cannam@34:     padding-left: 1em;
cannam@34:     margin-bottom: 0.5em;
cannam@34: }
cannam@34: 
cannam@34: #media__opts input {
cannam@34:     float: left;
cannam@34:     display: block;
cannam@34:     margin-top: 4px;
cannam@34:     position: absolute;
cannam@34: }
cannam@34: *+html #media__opts input,
cannam@34: * html #media__opts input {
cannam@34:     position: static;
cannam@34: }
cannam@34: 
cannam@34: #media__opts label {
cannam@34:     display: block;
cannam@34:     float: left;
cannam@34:     margin-left: 20px;
cannam@34:     margin-bottom: 4px;
cannam@34: }
cannam@34: *+html #media__opts label,
cannam@34: * html #media__opts label {
cannam@34:     margin-left: 10px;
cannam@34: }
cannam@34: 
cannam@34: #media__opts br {
cannam@34:     clear: left;
cannam@34: }
cannam@34: 
cannam@34: /* --- file list --- */
cannam@34: 
cannam@34: #media__content img.load {
cannam@34:     margin: 1em auto;
cannam@34: }
cannam@34: 
cannam@34: #media__content #scroll__here {
cannam@34:     border: 1px dashed __border__;
cannam@34: }
cannam@34: 
cannam@34: #media__content .odd {
cannam@34:     background-color: __background_other__;
cannam@34:     padding: 0.4em;
cannam@34: }
cannam@34: 
cannam@34: #media__content .even {
cannam@34:     padding: 0.4em;
cannam@34: }
cannam@34: 
cannam@34: #media__content a.mediafile {
cannam@34:     margin-right: 1.5em;
cannam@34:     font-weight: bold;
cannam@34: }
cannam@34: 
cannam@34: #media__content div.detail {
cannam@34:     padding: 0.3em 0 0.3em 2em;
cannam@34: }
cannam@34: 
cannam@34: #media__content div.detail div.thumb {
cannam@34:     float: left;
cannam@34:     width: 130px;
cannam@34:     text-align: center;
cannam@34:     margin-right: 0.4em;
cannam@34: }
cannam@34: 
cannam@34: 
cannam@34: #media__content img.btn {
cannam@34:     vertical-align: text-bottom;
cannam@34: }
cannam@34: 
cannam@34: #media__content div.example {
cannam@34:     color: __text_neu__;
cannam@34:     margin-left: 1em;
cannam@34: }
cannam@34: 
cannam@34: /* --- upload form --- */
cannam@34: 
cannam@34: #media__content div.upload {
cannam@34:     font-size: 90%;
cannam@34:     padding: 0 0.5em 0.5em 0.5em;
cannam@34: }
cannam@34: 
cannam@34: #media__content form#dw__upload,
cannam@34: #media__content div#dw__flashupload {
cannam@34:     display: block;
cannam@34:     border-bottom: solid 1px __border__;
cannam@34:     padding: 0 0.5em 1em 0.5em;
cannam@34: }
cannam@34: #media__content form#dw__upload fieldset {
cannam@34:     padding: 0;
cannam@34:     margin: 0;
cannam@34:     border: none;
cannam@34:     width: auto;
cannam@34: }
cannam@34: #media__content form#dw__upload p {
cannam@34:     text-align: left;
cannam@34:     padding: 0.25em 0;
cannam@34:     margin: 0;
cannam@34:     line-height: 1.0em;
cannam@34: }
cannam@34: #media__content form#dw__upload label.check {
cannam@34:     float: none;
cannam@34:     width: auto;
cannam@34:     margin-left: 11.5em;
cannam@34: }
cannam@34: 
cannam@34: /* --- meta edit form --- */
cannam@34: 
cannam@34: #media__content form.meta {
cannam@34:     display: block;
cannam@34:     padding: 0 0 1em 0;
cannam@34: }
cannam@34: 
cannam@34: #media__content form.meta label {
cannam@34:     display: block;
cannam@34:     width: 25%;
cannam@34:     float: left;
cannam@34:     font-weight: bold;
cannam@34:     margin-left: 1em;
cannam@34:     clear: left;
cannam@34: }
cannam@34: 
cannam@34: #media__content form.meta .edit {
cannam@34:     font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
cannam@34:     float: left;
cannam@34:     width: 70%;
cannam@34:     padding-right: 0;
cannam@34:     padding-left: 0.2em;
cannam@34:     margin: 2px;
cannam@34: }
cannam@34: 
cannam@34: #media__content form.meta textarea.edit {
cannam@34:     height: 8em;
cannam@34: }
cannam@34: 
cannam@34: #media__content form.meta div.metafield {
cannam@34:     clear: left;
cannam@34: }
cannam@34: 
cannam@34: #media__content form.meta div.buttons {
cannam@34:     clear: left;
cannam@34:     margin-left: 20%;
cannam@34:     padding-left: 1em;
cannam@34: }