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