1/** 2 * This file provides styles for the media manager 3 * (mediamanager.php). 4 */ 5 6/*____________ structure ____________*/ 7 8html.popup { 9 overflow: auto; 10} 11 12#media__manager { 13 height: 100%; 14 overflow: hidden; 15} 16 17#mediamgr__aside { 18 width: 30%; 19 height: 100%; 20 overflow: auto; 21 position: absolute; 22 left: 0; 23 border-right: 1px solid __border__; 24} 25#mediamgr__aside .pad { 26 padding: .5em; 27} 28 29#mediamgr__content { 30 width: 69.7%; 31 height: 100%; 32 overflow: auto; 33 position: absolute; 34 right: 0; 35} 36#mediamgr__content .pad { 37 padding: .5em; 38} 39 40#media__manager h1, 41#media__manager h2 { 42 font-size: 1.5em; 43 margin-bottom: .5em; 44 padding-bottom: .2em; 45 border-bottom: 1px solid __border__; 46} 47 48/* left side 49********************************************************************/ 50 51/*____________ options ____________*/ 52 53#media__opts { 54 margin-bottom: .5em; 55} 56 57#media__opts input { 58 margin-right: .3em; 59} 60#media__opts label { 61} 62 63/*____________ tree ____________*/ 64 65#media__tree ul { 66 padding-left: .2em; 67} 68#media__tree ul li { 69 clear: left; 70 list-style-type: none; 71 list-style-image: none; 72 margin-left: 0; 73} 74#media__tree ul li img { 75 float: left; 76 padding: .5em .3em 0 0; 77} 78#media__tree ul li div.li { 79 display: inline; 80} 81#media__tree ul li li { 82 margin-left: 1.5em; 83} 84 85/* right side 86********************************************************************/ 87 88/*____________ upload form ____________*/ 89 90/* upload info */ 91#media__content div.upload { 92 font-size: .9em; 93 margin-bottom: .5em; 94} 95 96#media__content form#dw__upload, 97#media__content div#dw__flashupload { 98 display: block; 99 border-bottom: solid 1px __border__; 100 padding-bottom: 1em; 101 margin-bottom: 1em; 102} 103#media__content form#dw__upload p { 104 margin-bottom: .5em; 105} 106 107#media__content form#dw__upload label { 108} 109#media__content form#dw__upload label.check { 110} 111#media__content form#dw__upload input.check { 112} 113#media__content form#dw__upload input.edit { 114} 115#media__content form#dw__upload img { 116} 117 118/*____________ file list ____________*/ 119 120#media__content img.load { 121 margin: 1em auto; 122} 123 124#media__content .odd, 125#media__content .even { 126 padding: .5em; 127} 128#media__content .odd { 129 background-color: __background_alt__; 130} 131#media__content .even { 132} 133/* highlight newly uploaded or edited file */ 134#media__content #scroll__here { 135 border: 1px dashed __border__; 136} 137 138/* link which inserts media file */ 139#media__content a.mediafile { 140 margin-right: 1.5em; 141 font-weight: bold; 142} 143#media__content span.info { 144} 145#media__content img.btn { 146 vertical-align: text-bottom; 147} 148 149/* info how to insert media, if JS disabled */ 150#media__content div.example { 151 color: __text_neu__; 152 margin-left: 1em; 153} 154 155#media__content div.detail { 156 padding: .2em 0; 157} 158#media__content div.detail div.thumb { 159 float: left; 160 margin: 0 .5em 0 18px; 161} 162#media__content div.detail div.thumb a { 163 display: block; 164} 165#media__content div.detail p { 166 margin-bottom: 0; 167} 168 169 170/*____________ media search ____________*/ 171 172form#dw__mediasearch { 173} 174form#dw__mediasearch p { 175} 176form#dw__mediasearch label { 177} 178form#dw__mediasearch label span { 179} 180form#dw__mediasearch input.edit { 181} 182form#dw__mediasearch input.button { 183} 184 185 186/* meta edit form 187********************************************************************/ 188 189#media__content form.meta { 190} 191 192#media__content form.meta div.metafield { 193 clear: left; 194 margin-bottom: .5em; 195 overflow: hidden; 196} 197 198#media__content form.meta label { 199 display: block; 200 width: 25%; 201 float: left; 202 font-weight: bold; 203 clear: left; 204} 205#media__content form.meta .edit { 206 float: left; 207 width: 70%; 208 margin: 0; 209} 210#media__content form.meta textarea.edit { 211 /* needed because of IE8 hack in _edit.css for textarea.edit: */ 212 max-width: 70%; 213 min-width: 70%; 214} 215 216#media__content form.meta div.buttons { 217 clear: left; 218 margin: .2em 0 0 25%; 219} 220