1 2/*____________ Layout ____________*/ 3 4#mediamanager__page h1 { 5 margin: 0 0 .5em; 6} 7 8#mediamanager__page { 9 width: 100%; 10 text-align: left; 11} 12 13#mediamanager__page .panel { 14 float: left; 15} 16 17#mediamanager__page .namespaces { 18 width: 15%; 19 min-width: 120px; 20} 21#mediamanager__page .filelist { 22 width: 50%; 23 min-width: 400px; 24} 25#mediamanager__page .file { 26 width: 35%; 27 min-width: 280px; 28} 29 30#mediamanager__page .panelHeader { 31 background-color: __background_alt__; 32 margin: 0 10px 10px 0; 33 padding: 10px 10px 8px; 34 text-align: left; 35 min-height: 20px; 36 overflow: hidden; 37} 38 39#mediamanager__page .panelContent { 40 overflow-y: auto; 41 overflow-x: hidden; 42 padding: 0; 43 margin: 0 10px 10px 0; 44 position: relative; 45} 46 47#mediamanager__page .file .panelHeader, 48#mediamanager__page .file .panelContent { 49 margin-right: 0; 50} 51 52#mediamanager__page .ui-resizable-e { 53 width: 6px; 54 right: 2px; 55 background: transparent url(images/resizecol.png) center center no-repeat; 56} 57#mediamanager__page .ui-resizable-e:hover { 58 background-color: __background_alt__; 59} 60 61/*____________ Namespaces tree ____________*/ 62 63#mediamanager__page .namespaces h2 { 64 font-size: 1em; 65 display: inline-block; 66 border-width: 0; 67 padding: .3em .8em; 68 margin: 0 .3em 0 0; 69 border-radius: .5em .5em 0 0; 70 font-weight: normal; 71 background-color: __background_alt__; 72 color: __text__; 73 line-height: 1.5em; 74} 75* html #mediamanager__page .namespaces h2, 76*+html #mediamanager__page .namespaces h2 { 77 display: inline; 78} 79 80#mediamanager__page .namespaces ul { 81 margin-left: .2em; 82 list-style: none; 83} 84#mediamanager__page .namespaces ul ul { 85 margin-left: 1em; 86} 87 88#mediamanager__page .namespaces ul .selected { 89 background-color: __highlight__; 90 font-weight: bold; 91} 92 93/*____________ Panel header ____________*/ 94 95#mediamanager__page .panelHeader h3 { 96 float: left; 97 font-weight: normal; 98 font-size: 1em; 99 padding: 0; 100 margin: 0 0 3px; 101} 102 103#mediamanager__page .panelHeader form.options { 104 float: right; 105 margin-top: -3px; 106} 107 108#mediamanager__page .panelHeader ul { 109 list-style: none; 110 margin: 0; 111 padding: 0; 112} 113#mediamanager__page .panelHeader ul li { 114 color: __text__; 115 float: left; 116 line-height: 1; 117 padding-left: 3px; 118} 119 120#mediamanager__page .panelHeader ul li.listType { 121 padding-left: 30px; 122 background: url('../../images/icon-list.png') 3px 1px no-repeat; 123} 124#mediamanager__page .panelHeader ul li.sortBy { 125 padding-left: 30px; 126 background: url('../../images/icon-sort.png') 3px 1px no-repeat; 127} 128 129#mediamanager__page .panelHeader form.options .ui-buttonset label{ 130 font-size: 90%; 131 margin-right: -0.4em; 132} 133#mediamanager__page .panelHeader form.options .ui-buttonset .ui-button-text { 134 padding: .4em .7em; 135 line-height: 1; 136} 137 138/*____________ File list ____________*/ 139 140#mediamanager__page .filelist ul { 141 padding: 0; 142 margin: 0; 143} 144 145#mediamanager__page .filelist .panelContent ul li:hover { 146 background-color: __background_alt__; 147} 148 149#mediamanager__page .filelist li dt a { 150 vertical-align: middle; 151 display: table-cell; 152 overflow: hidden; 153} 154* html #mediamanager__page .filelist .thumbs li dt a, 155*+html #mediamanager__page .filelist .thumbs li dt a { 156 display: block; 157} 158* html #mediamanager__page .filelist .rows li dt a, 159*+html #mediamanager__page .filelist .rows li dt a { 160 display: inline; 161} 162 163/* thumbs */ 164 165#mediamanager__page .filelist .thumbs li { 166 width: 100px; 167 min-height: 130px; 168 display: inline-block; 169 display: -moz-inline-stack; 170 /* the right margin should visually be 10px, but because of its inline-block nature the whitespace inbetween is about 4px more */ 171 margin: 0 6px 10px 0; 172 background-color: __background_neu__; 173 color: __text__; 174 padding: 5px; 175 vertical-align: top; 176 text-align: center; 177 position: relative; 178 line-height: 1.2; 179} 180* html #mediamanager__page .filelist .thumbs li, 181*+html #mediamanager__page .filelist .thumbs li { 182 display: inline; 183 zoom: 1; 184} 185 186#mediamanager__page .filelist .thumbs li dt a { 187 width: 100px; 188 height: 90px; 189} 190 191#mediamanager__page .filelist .thumbs li dt a img { 192 max-width: 90px; 193 max-height: 90px; 194} 195 196#mediamanager__page .filelist .thumbs li .name, 197#mediamanager__page .filelist .thumbs li .size, 198#mediamanager__page .filelist .thumbs li .filesize, 199#mediamanager__page .filelist .thumbs li .date { 200 display: block; 201 overflow: hidden; 202 width: 90px; 203 white-space: nowrap; 204} 205#mediamanager__page .filelist .thumbs li .name { 206 padding: 5px 0; 207 font-weight: bold; 208} 209#mediamanager__page .filelist .thumbs li .date { 210 font-style: italic; 211 white-space: normal; 212} 213 214/* rows */ 215 216#mediamanager__page .filelist .rows li { 217 list-style: none; 218 display: block; 219 position: relative; 220 max-height: 50px; 221 margin: 0; 222 margin-bottom: 3px; 223 background-color: __background__; 224 color: __text__; 225 overflow: hidden; 226} 227 228#mediamanager__page .filelist .rows li:nth-child(2n+1) { 229 background-color: __background_neu__; 230} 231 232#mediamanager__page .filelist .rows li dt { 233 float: left; 234 width: 10%; 235 height: 40px; 236 text-align: center; 237} 238 239#mediamanager__page .filelist .rows li dt a { 240 width: 100px; 241 height: 40px; 242} 243 244#mediamanager__page .filelist .rows li dt a img { 245 max-width: 40px; 246 max-height: 40px; 247} 248 249#mediamanager__page .filelist .rows li .name, 250#mediamanager__page .filelist .rows li .size, 251#mediamanager__page .filelist .rows li .filesize, 252#mediamanager__page .filelist .rows li .date { 253 overflow: hidden; 254 float: left; 255 margin-left: 1%; 256 white-space: nowrap; 257} 258 259#mediamanager__page .filelist .rows li .name { 260 width: 30%; 261 font-weight: bold; 262} 263#mediamanager__page .filelist .rows li .size, 264#mediamanager__page .filelist .rows li .filesize { 265 width: 15%; 266} 267#mediamanager__page .filelist .rows li .date { 268 width: 20%; 269 font-style: italic; 270 white-space: normal; 271} 272 273/*____________ Upload panel ____________*/ 274 275#mediamanager__page div.upload { 276 padding-bottom: 0.5em; 277} 278 279#media__content #mediamanager__uploader { 280 border-bottom: 1px solid __border__; 281 padding-bottom: 0.5em; 282} 283 284/*____________ File preview ____________*/ 285 286#mediamanager__page .file ul.actions { 287 text-align: center; 288 margin: 0 0 5px; 289 list-style: none; 290} 291#mediamanager__page .file ul.actions li { 292 display: inline; 293} 294 295#mediamanager__page .file div.image { 296 margin-bottom: 5px; 297 text-align: center; 298} 299 300#mediamanager__page .file div.image img { 301 width: 100%; 302} 303 304#mediamanager__page .file dl { 305} 306#mediamanager__page .file dl dt { 307 font-weight: bold; 308 display: block; 309 background-color: __background_alt__; 310} 311#mediamanager__page .file dl dd { 312 display: block; 313 background-color: __background_neu__; 314} 315 316 317/*____________ Meta data edit form ____________*/ 318 319#mediamanager__page form.meta div.row { 320 margin-bottom: 5px; 321} 322 323#mediamanager__page form.meta label span { 324 display: block; 325} 326 327#mediamanager__page form.meta input { 328 width: 50%; 329} 330 331#mediamanager__page form.meta input.button { 332 width: auto; 333} 334 335#mediamanager__page form.meta textarea.edit { 336 height: 6em; 337 width: 95%; 338 min-width: 95%; 339 max-width: 95%; 340} 341 342/*____________ Revisions form ____________*/ 343 344#mediamanager__page #page__revisions ul { 345 margin-left: 10px; 346 list-style-type: none; 347} 348 349#mediamanager__page #page__revisions ul li div.li div { 350 font-size: 90%; 351 color: __text_neu__; 352 padding-left: 18px; 353} 354 355#mediamanager__page #page__revisions ul li div.li input { 356 position: relative; 357 top: 1px; 358} 359 360/* File diff */ 361 362#mediamanager__diff table { 363 table-layout: fixed; 364} 365 366#mediamanager__diff td, 367#mediamanager__diff th { 368 width: 48%; 369 margin: 0 5px 10px 0; 370 padding: 0; 371 vertical-align: top; 372 text-align: left; 373} 374 375#mediamanager__diff th { 376 font-weight: normal; 377} 378#mediamanager__diff th a { 379 font-weight: bold; 380} 381#mediamanager__diff th span { 382 font-size: 90%; 383} 384 385#mediamanager__diff dl dd strong{ 386 background-color: __highlight__; 387 color: __text__; 388 font-weight: normal; 389} 390 391/* Image diff */ 392 393#mediamanager__page .file form.diffView { 394 margin-bottom: 10px; 395 display: block; 396} 397 398#mediamanager__diff div.slider { 399 margin: 10px; 400 width: 95%; 401} 402 403#mediamanager__diff .imageDiff { 404 position: relative; 405} 406#mediamanager__diff .imageDiff .image1, 407#mediamanager__diff .imageDiff .image2 { 408 position: absolute; 409 top: 0; 410 left: 0; 411 width: 97%; 412} 413 414#mediamanager__diff .imageDiff.opacity .image2 { 415 -moz-opacity: 0.5; 416 -khtml-opacity: 0.5; 417 opacity: 0.5; 418} 419 420#mediamanager__diff .imageDiff.portions .image2 { 421 border-right: 1px solid red; 422 overflow: hidden; 423} 424 425#mediamanager__diff .imageDiff img { 426 width: 100%; 427} 428 429