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