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 __border__; 24} 25[dir=rtl] #mediamgr__aside { 26 left: auto; 27 right: 0; 28 border-right-width: 0; 29 border-left: 1px solid __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 __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[dir=rtl] #media__tree ul li li { 111 margin-left: 0; 112 margin-right: 1.5em; 113} 114 115/* right side 116********************************************************************/ 117 118/*____________ upload form ____________*/ 119 120/* upload info */ 121#media__content div.upload { 122 font-size: .9em; 123 margin-bottom: .5em; 124} 125 126#mediamanager__uploader { 127 margin-bottom: 1em; 128} 129#mediamanager__uploader p { 130 margin-bottom: .5em; 131} 132 133/*____________ file list ____________*/ 134 135#media__content img.load { 136 margin: 1em auto; 137} 138 139#media__content .odd, 140#media__content .even { 141 padding: .5em; 142} 143#media__content .odd { 144 background-color: __background_alt__; 145} 146#media__content .even { 147} 148/* highlight newly uploaded or edited file */ 149#media__content #scroll__here { 150 border: 1px dashed __border__; 151} 152 153/* link which inserts media file */ 154#media__content a.mediafile { 155 margin-right: 1.5em; 156 font-weight: bold; 157} 158[dir=rtl] #media__content a.mediafile { 159 margin-right: 0; 160 margin-left: 1.5em; 161} 162#media__content span.info { 163} 164#media__content img.btn { 165 vertical-align: text-bottom; 166} 167 168/* info how to insert media, if JS disabled */ 169#media__content div.example { 170 color: __text_neu__; 171 margin-left: 1em; 172} 173 174#media__content div.detail { 175 padding: .2em 0; 176} 177#media__content div.detail div.thumb { 178 float: left; 179 margin: 0 .5em 0 18px; 180} 181[dir=rtl] #media__content div.detail div.thumb { 182 float: right; 183 margin: 0 18px 0 .5em; 184} 185#media__content div.detail div.thumb a { 186 display: block; 187 cursor: pointer; 188} 189#media__content div.detail p { 190 margin-bottom: 0; 191} 192 193 194/*____________ media search ____________*/ 195 196#dw__mediasearch { 197} 198#dw__mediasearch p { 199} 200#dw__mediasearch label { 201} 202#dw__mediasearch label span { 203} 204#dw__mediasearch input.edit { 205} 206#dw__mediasearch input.button { 207} 208 209 210/* meta edit form 211********************************************************************/ 212 213#media__content form.meta { 214} 215 216#media__content form.meta div.metafield { 217 clear: left; 218 margin-bottom: .5em; 219 overflow: hidden; 220} 221[dir=rtl] #media__content form.meta div.metafield { 222 clear: right; 223} 224 225#media__content form.meta label { 226 display: block; 227 width: 25%; 228 float: left; 229 font-weight: bold; 230 clear: left; 231} 232[dir=rtl] #media__content form.meta label { 233 float: right; 234 clear: right; 235} 236#media__content form.meta .edit { 237 float: left; 238 width: 70%; 239 margin: 0; 240} 241[dir=rtl] #media__content form.meta .edit { 242 float: right; 243} 244#media__content form.meta textarea.edit { 245 /* needed because of IE8 hack in _edit.css for textarea.edit: */ 246 max-width: 70%; 247 min-width: 70%; 248} 249 250#media__content form.meta div.buttons { 251 clear: left; 252 margin: .2em 0 0 25%; 253} 254[dir=rtl] #media__content form.meta div.buttons { 255 clear: right; 256 margin: .2em 25% 0 0; 257} 258