Zeile 319: |
Zeile 319: |
| } | | } |
| */ | | */ |
| + | |
| + | |
| + | /** Fix for the vector gallery */ |
| + | ul.gallery { |
| + | margin: 2px; |
| + | padding: 2px; |
| + | display: block |
| + | } |
| + | |
| + | li.gallerycaption { |
| + | font-weight: bold; |
| + | text-align: center; |
| + | display: block; |
| + | word-wrap: break-word |
| + | } |
| + | |
| + | li.gallerybox { |
| + | vertical-align: top; |
| + | display: -moz-inline-box; |
| + | display: inline-block |
| + | } |
| + | |
| + | li.gallerybox div.thumb { |
| + | text-align: center; |
| + | margin: 2px |
| + | } |
| + | |
| + | li.gallerybox div.thumb img { |
| + | display: block; |
| + | margin: 0 auto |
| + | } |
| + | |
| + | div.gallerytext { |
| + | overflow: hidden; |
| + | font-size: 94%; |
| + | padding: 2px 4px; |
| + | word-wrap: break-word |
| + | } |
| + | |
| + | .galleryfilename { |
| + | display: block |
| + | } |
| + | |
| + | .galleryfilename-truncate { |
| + | white-space: nowrap; |
| + | overflow: hidden; |
| + | text-overflow: ellipsis |
| + | } |
| + | |
| + | ul.mw-gallery-nolines li.gallerybox div.thumb { |
| + | background-color: transparent; |
| + | border: 0 |
| + | } |
| + | |
| + | ul.mw-gallery-nolines li.gallerybox div.gallerytext { |
| + | text-align: center |
| + | } |
| + | |
| + | ul.mw-gallery-packed,ul.mw-gallery-packed-overlay,ul.mw-gallery-packed-hover { |
| + | text-align: center |
| + | } |
| + | |
| + | ul.mw-gallery-packed li.gallerybox div.thumb,ul.mw-gallery-packed-overlay li.gallerybox div.thumb,ul.mw-gallery-packed-hover li.gallerybox div.thumb { |
| + | background-color: transparent; |
| + | border: 0 |
| + | } |
| + | |
| + | ul.mw-gallery-packed li.gallerybox div.thumb img,ul.mw-gallery-packed-overlay li.gallerybox div.thumb img,ul.mw-gallery-packed-hover li.gallerybox div.thumb img { |
| + | margin: 0 auto |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox,ul.mw-gallery-packed-overlay li.gallerybox { |
| + | position: relative |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover div.gallerytextwrapper { |
| + | overflow: hidden; |
| + | height: 0 |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { |
| + | position: absolute; |
| + | background: #fff; |
| + | background: rgba(255,255,255,0.8); |
| + | padding: 5px 10px; |
| + | bottom: 0; |
| + | left: 0; |
| + | height: auto; |
| + | max-height: 40%; |
| + | overflow: hidden; |
| + | font-weight: bold; |
| + | margin: 2px |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p { |
| + | text-overflow: ellipsis; |
| + | white-space: nowrap; |
| + | overflow: hidden |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover { |
| + | overflow: visible; |
| + | max-height: none |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover p { |
| + | text-overflow: clip; |
| + | white-space: normal; |
| + | overflow: visible |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow { |
| + | display: block; |
| + | margin: 4em 0 |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerycaption { |
| + | font-size: 1.3em; |
| + | margin: 0 |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerycarousel { |
| + | display: block; |
| + | text-align: center |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerycarousel.mw-gallery-slideshow-thumbnails-toggled { |
| + | margin-bottom: 1.3em |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons { |
| + | opacity: 0.5; |
| + | padding: 1.3em 0; |
| + | white-space: nowrap |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement { |
| + | margin: 0 2em |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:first-child { |
| + | margin-left: 0 |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:last-child { |
| + | margin-right: 0 |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current { |
| + | background: #efefef |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerybox > div { |
| + | max-width: 120px |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerybox div.thumb { |
| + | border: 0; |
| + | background: transparent |
| + | } |
| + | |
| + | .mw-gallery-slideshow-img-container a { |
| + | display: block |
| + | } |
| + | |
| + | @media screen { |
| + | li.gallerybox div.thumb { |
| + | border: 1px solid #c8ccd1; |
| + | background-color: #f8f9fa |
| + | } |
| + | } |
| + | |
| + | @media print { |
| + | li.gallerybox { |
| + | vertical-align: top; |
| + | display: inline-block |
| + | } |
| + | |
| + | ul.gallery { |
| + | margin: 2px; |
| + | padding: 2px; |
| + | display: block |
| + | } |
| + | |
| + | li.gallerycaption { |
| + | font-weight: bold; |
| + | text-align: center; |
| + | display: block; |
| + | word-wrap: break-word |
| + | } |
| + | |
| + | li.gallerybox div.thumb { |
| + | background-color: #fff; |
| + | border: 1px solid #ccc |
| + | } |
| + | |
| + | div.gallerytext { |
| + | overflow: visible |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover div.gallerytextwrapper { |
| + | overflow: visible; |
| + | height: auto |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { |
| + | position: static; |
| + | background: transparent; |
| + | padding: 0; |
| + | bottom: 0; |
| + | max-height: none; |
| + | overflow: visible; |
| + | font-weight: normal; |
| + | margin: 0 |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p { |
| + | text-overflow: clip; |
| + | white-space: normal; |
| + | overflow: visible |
| + | } |
| + | } |