1/** 2 * The CSS in here cotrols the appearance of the media manager 3 */ 4 5#media__manager { 6 height: 100%; 7 overflow: hidden; 8} 9 10#media__left { 11 width: 30%; 12 border-right: solid 1px __border__; 13 14 height: 100%; 15 overflow: auto; 16 position: absolute; 17 left: 0; 18} 19 20#media__right { 21 width: 69.7%; 22 23 height: 100%; 24 overflow: auto; 25 position: absolute; 26 right: 0; 27} 28 29#media__manager h1 { 30 margin: 0; 31 padding: 0; 32 margin-bottom: 0.5em; 33} 34 35/* --- Tree formatting --- */ 36 37#media__tree img { 38 float: left; 39 padding: 0.5em 0.3em 0 0; 40} 41 42#media__tree ul { 43 list-style-type: none; 44 list-style-image: none; 45 margin-left: 1.5em; 46} 47 48#media__tree li { 49 clear: left; 50 list-style-type: none; 51 list-style-image: none; 52} 53*+html #media__tree li, 54* html #media__tree li { 55 border: 1px solid __background__; 56}/* I don't understand this, but this fixes a style bug in IE; 57it's dirty, so any "real" fixes are welcome */ 58 59/* --- options --- */ 60 61#media__opts { 62 padding-left: 1em; 63 margin-bottom: 0.5em; 64} 65 66#media__opts input { 67 float: left; 68 display: block; 69 margin-top: 4px; 70 position: absolute; 71} 72*+html #media__opts input, 73* html #media__opts input { 74 position: static; 75} 76 77#media__opts label { 78 display: block; 79 float: left; 80 margin-left: 20px; 81 margin-bottom: 4px; 82} 83*+html #media__opts label, 84* html #media__opts label { 85 margin-left: 10px; 86} 87 88#media__opts br { 89 clear: left; 90} 91 92/* --- file list --- */ 93 94#media__content img.load { 95 margin: 1em auto; 96} 97 98#media__content #scroll__here { 99 border: 1px dashed __border__; 100} 101 102#media__content .odd { 103 background-color: __background_other__; 104 padding: 0.4em; 105} 106 107#media__content .even { 108 padding: 0.4em; 109} 110 111#media__content a.mediafile { 112 margin-right: 1.5em; 113 font-weight: bold; 114} 115 116#media__content div.detail { 117 padding: 0.3em 0 0.3em 2em; 118} 119 120#media__content div.detail div.thumb { 121 float: left; 122 width: 130px; 123 text-align: center; 124 margin-right: 0.4em; 125} 126 127 128#media__content img.btn { 129 vertical-align: text-bottom; 130} 131 132#media__content div.example { 133 color: __text_neu__; 134 margin-left: 1em; 135} 136 137/* --- upload form --- */ 138 139#media__content div.upload { 140 font-size: 90%; 141 padding: 0 0.5em 0.5em 0.5em; 142} 143 144#media__content form#dw__upload, 145#media__content div#dw__flashupload { 146 display: block; 147 border-bottom: solid 1px __border__; 148 padding: 0 0.5em 1em 0.5em; 149} 150#media__content form#dw__upload fieldset { 151 padding: 0; 152 margin: 0; 153 border: none; 154 width: auto; 155} 156#media__content form#dw__upload p { 157 text-align: left; 158 padding: 0.25em 0; 159 margin: 0; 160 line-height: 1.0em; 161} 162#media__content form#dw__upload label.check { 163 float: none; 164 width: auto; 165 margin-left: 11.5em; 166} 167 168/* --- meta edit form --- */ 169 170#media__content form.meta { 171 display: block; 172 padding: 0 0 1em 0; 173} 174 175#media__content form.meta label { 176 display: block; 177 width: 25%; 178 float: left; 179 font-weight: bold; 180 margin-left: 1em; 181 clear: left; 182} 183 184#media__content form.meta .edit { 185 font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 186 float: left; 187 width: 70%; 188 padding-right: 0; 189 padding-left: 0.2em; 190 margin: 2px; 191} 192 193#media__content form.meta textarea.edit { 194 height: 8em; 195} 196 197#media__content form.meta div.metafield { 198 clear: left; 199} 200 201#media__content form.meta div.buttons { 202 clear: left; 203 margin-left: 20%; 204 padding-left: 1em; 205} 206