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