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