1/** 2 * This file provides styles for the media manager popup 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 @ini_border; 24} 25[dir=rtl] #mediamgr__aside { 26 left: auto; 27 right: 0; 28 border-right-width: 0; 29 border-left: 1px solid @ini_border; 30} 31#mediamgr__aside .pad { 32 padding: .5em; 33} 34 35#mediamgr__content { 36 width: 69.7%; 37 height: 100%; 38 overflow: auto; 39 position: absolute; 40 right: 0; 41} 42[dir=rtl] #mediamgr__content { 43 right: auto; 44 left: 0; 45} 46#mediamgr__content .pad { 47 padding: .5em; 48} 49 50#media__manager h1, 51#media__manager h2 { 52 font-size: 1.5em; 53 margin-bottom: .5em; 54 padding-bottom: .2em; 55 border-bottom: 1px solid @ini_border; 56} 57 58/* left side 59********************************************************************/ 60 61/*____________ options ____________*/ 62 63#media__opts { 64 margin-bottom: .5em; 65} 66 67#media__opts input { 68 margin-right: .3em; 69} 70[dir=rtl] #media__opts input { 71 margin-right: 0; 72 margin-left: .3em; 73} 74#media__opts label { 75} 76 77/*____________ tree ____________*/ 78 79#media__tree ul { 80 padding-left: .2em; 81} 82[dir=rtl] #media__tree ul { 83 padding-left: 0; 84 padding-right: .2em; 85} 86#media__tree ul li { 87 clear: left; 88 list-style-type: none; 89 list-style-image: none; 90 margin-left: 0; 91} 92[dir=rtl] #media__tree ul li { 93 clear: right; 94 margin-right: 0; 95} 96#media__tree ul li img { 97 float: left; 98 padding: .5em .3em 0 0; 99} 100[dir=rtl] #media__tree ul li img { 101 float: right; 102 padding: .5em 0 0 .3em; 103} 104#media__tree ul li div.li { 105 display: inline; 106} 107#media__tree ul li li { 108 margin-left: 1.5em; 109} 110#media__tree li.media { 111 margin-top:0; 112} 113 114[dir=rtl] #media__tree ul li li { 115 margin-left: 0; 116 margin-right: 1.5em; 117} 118 119/* right side 120********************************************************************/ 121 122/*____________ upload form ____________*/ 123 124/* upload info */ 125#media__content div.upload { 126 font-size: .9em; 127 margin-bottom: .5em; 128} 129 130#media__content div.qq-upload-drop-area { 131 background-color:#fff; 132} 133 134#mediamanager__uploader { 135 margin-bottom: 1em; 136} 137#mediamanager__uploader p { 138 margin-bottom: .5em; 139} 140 141/*____________ file list ____________*/ 142 143#media__content img.load { 144 margin: 1em auto; 145} 146 147#media__content .odd, 148#media__content .even { 149 padding: .5em; 150} 151#media__content .odd { 152 background-color: @ini_background_alt; 153} 154#media__content .even { 155} 156/* highlight newly uploaded or edited file */ 157#media__content #scroll__here { 158 border: 1px dashed @ini_border; 159} 160 161/* link which inserts media file */ 162#media__content a.mediafile { 163 margin-right: 1.5em; 164 font-weight: bold; 165 cursor: pointer; 166} 167[dir=rtl] #media__content a.mediafile { 168 margin-right: 0; 169 margin-left: 1.5em; 170} 171#media__content span.info { 172} 173#media__content img.btn { 174 vertical-align: text-bottom; 175} 176 177/* info how to insert media, if JS disabled */ 178#media__content div.example { 179 color: @ini_text_neu; 180 margin-left: 1em; 181} 182 183#media__content div.detail { 184 padding: .2em 0; 185} 186#media__content div.detail div.thumb { 187 float: left; 188 margin: 0 .5em 0 18px; 189} 190[dir=rtl] #media__content div.detail div.thumb { 191 float: right; 192 margin: 0 18px 0 .5em; 193} 194#media__content div.detail div.thumb a { 195 display: block; 196 cursor: pointer; 197} 198#media__content div.detail p { 199 margin-bottom: 0; 200} 201 202 203/*____________ media search ____________*/ 204 205#dw__mediasearch { 206} 207#dw__mediasearch p { 208} 209#dw__mediasearch label { 210} 211#dw__mediasearch label span { 212} 213#dw__mediasearch input.edit { 214} 215#dw__mediasearch input.button { 216} 217 218 219/* meta edit form 220********************************************************************/ 221 222#media__content form.meta { 223} 224 225#media__content form.meta div.metafield { 226 clear: left; 227 margin-bottom: .5em; 228 overflow: hidden; 229} 230[dir=rtl] #media__content form.meta div.metafield { 231 clear: right; 232} 233 234#media__content form.meta label { 235 display: block; 236 width: 25%; 237 float: left; 238 font-weight: bold; 239 clear: left; 240} 241[dir=rtl] #media__content form.meta label { 242 float: right; 243 clear: right; 244} 245#media__content form.meta .edit { 246 float: left; 247 width: 70%; 248 margin: 0; 249} 250[dir=rtl] #media__content form.meta .edit { 251 float: right; 252} 253#media__content form.meta textarea.edit { 254 /* needed because of IE8 hack in _edit.css for textarea.edit: */ 255 max-width: 70%; 256 min-width: 70%; 257} 258 259#media__content form.meta div.buttons { 260 clear: left; 261 margin: .2em 0 0 25%; 262} 263 264[dir=rtl] #media__content form.meta div.buttons { 265 clear: right; 266 margin: .2em 25% 0 0; 267} 268 269