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