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