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 position: absolute; 19 left: 0; 20 width: 30%; 21 height: 100%; 22 overflow: auto; 23 border-right: 1px solid __border__; 24} 25[dir=rtl] #mediamgr__aside { 26 right: 0; 27 left: auto; 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 position: absolute; 37 right: 0; 38 width: 69.7%; 39 height: 100%; 40 overflow: auto; 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 padding-bottom: .2em; 53 margin-bottom: .5em; 54 font-size: 1.5em; 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 75 76/*____________ tree ____________*/ 77 78#media__tree ul { 79 padding-left: .2em; 80} 81[dir=rtl] #media__tree ul { 82 padding-right: .2em; 83 padding-left: 0; 84} 85#media__tree ul li { 86 margin-left: 0; 87 clear: left; 88 list-style-type: none; 89 list-style-image: none; 90} 91[dir=rtl] #media__tree ul li { 92 margin-right: 0; 93 clear: right; 94} 95#media__tree ul li img { 96 float: left; 97 padding: .5em .3em 0 0; 98} 99[dir=rtl] #media__tree ul li img { 100 float: right; 101 padding: .5em 0 0 .3em; 102} 103#media__tree ul li div.li { 104 display: inline; 105} 106#media__tree ul li li { 107 margin-left: 1.5em; 108} 109[dir=rtl] #media__tree ul li li { 110 margin-right: 1.5em; 111 margin-left: 0; 112} 113 114/* right side 115********************************************************************/ 116 117/*____________ upload form ____________*/ 118 119/* upload info */ 120#media__content div.upload { 121 margin-bottom: .5em; 122 font-size: .9em; 123} 124 125#mediamanager__uploader { 126 margin-bottom: 1em; 127} 128#mediamanager__uploader p { 129 margin-bottom: .5em; 130} 131 132/*____________ file list ____________*/ 133 134#media__content img.load { 135 margin: 1em auto; 136} 137 138#media__content .odd, 139#media__content .even { 140 padding: .5em; 141} 142#media__content .odd { 143 background-color: __background_alt__; 144} 145 146/* highlight newly uploaded or edited file */ 147#media__content #scroll__here { 148 border: 1px dashed __border__; 149} 150 151/* link which inserts media file */ 152#media__content a.mediafile { 153 margin-right: 1.5em; 154 font-weight: bold; 155} 156[dir=rtl] #media__content a.mediafile { 157 margin-right: 0; 158 margin-left: 1.5em; 159} 160 161#media__content img.btn { 162 vertical-align: text-bottom; 163} 164 165/* info how to insert media, if JS disabled */ 166#media__content div.example { 167 margin-left: 1em; 168 color: __text_neu__; 169} 170 171#media__content div.detail { 172 padding: .2em 0; 173} 174#media__content div.detail div.thumb { 175 float: left; 176 margin: 0 .5em 0 18px; 177} 178[dir=rtl] #media__content div.detail div.thumb { 179 float: right; 180 margin: 0 18px 0 .5em; 181} 182#media__content div.detail div.thumb a { 183 display: block; 184 cursor: pointer; 185} 186#media__content div.detail p { 187 margin-bottom: 0; 188} 189 190 191/*____________ media search ____________*/ 192 193 194 195 196 197 198 199 200 201/* meta edit form 202********************************************************************/ 203 204 205 206#media__content form.meta div.metafield { 207 margin-bottom: .5em; 208 overflow: hidden; 209 clear: left; 210} 211[dir=rtl] #media__content form.meta div.metafield { 212 clear: right; 213} 214 215#media__content form.meta label { 216 display: block; 217 float: left; 218 width: 25%; 219 clear: left; 220 font-weight: bold; 221} 222[dir=rtl] #media__content form.meta label { 223 float: right; 224 clear: right; 225} 226#media__content form.meta .edit { 227 float: left; 228 width: 70%; 229 margin: 0; 230} 231[dir=rtl] #media__content form.meta .edit { 232 float: right; 233} 234#media__content form.meta textarea.edit { 235 min-width: 70%; 236 /* needed because of IE8 hack in _edit.css for textarea.edit: */ 237 max-width: 70%; 238} 239 240#media__content form.meta div.buttons { 241 margin: .2em 0 0 25%; 242 clear: left; 243} 244[dir=rtl] #media__content form.meta div.buttons { 245 margin: .2em 25% 0 0; 246 clear: right; 247} 248