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