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