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