Oberflächenadministratoren, SMW-Administratoren, SMW-Kuratoren, SMW-Editoren, Oversighter, Administratoren, Widget-Bearbeiter
1.219
Bearbeitungen
K (Verzeichnislink grün) |
(add missing .gallery styles) |
||
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 | |||
} | |||
} |
Bearbeitungen