%PDF- %PDF-
| Direktori : /www/varak.net/wiki.varak.net/resources/src/mediawiki.page.gallery.styles/ |
| Current File : /www/varak.net/wiki.varak.net/resources/src/mediawiki.page.gallery.styles/gallery.css |
/* Galleries */
/* These display attributes look nonsensical, but are needed to support IE and FF2 */
/* Don't forget to update gallery.print.css */
li.gallerybox {
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
}
ul.gallery,
li.gallerybox {
zoom: 1;
*display: inline;
}
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 {
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;
}
/* new gallery stuff */
ul.mw-gallery-nolines li.gallerybox div.thumb {
background-color: transparent;
border: 0;
}
ul.mw-gallery-nolines li.gallerybox div.gallerytext {
text-align: center;
}
/* height constrained gallery */
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; /* Needed for IE */
height: auto;
max-height: 40%;
overflow: hidden;
font-weight: bold;
margin: 2px; /* correspond to style on div.thumb */
}
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 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 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.mw-gallery-packed-hover,
ul.mw-gallery-packed-overlay,
ul.mw-gallery-packed {
text-align: center;
}
/* Slideshow */
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.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;
}
ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement {
margin: 0 2em;
}
.mw-gallery-slideshow li.gallerybox.slideshow-current {
background: #efefef;
}
.mw-gallery-slideshow .gallerybox > div {
max-width: 120px;
}
ul.mw-gallery-slideshow li.gallerybox div.thumb {
border: 0;
background: transparent;
}
ul.mw-gallery-slideshow li.gallerycarousel {
display: block;
text-align: center;
}
.mw-gallery-slideshow-img-container a {
display: block;
}
@media screen {
/* Background and border colors are defined separately for print mode */
li.gallerybox div.thumb {
border: 1px solid #c8ccd1;
background-color: #f8f9fa;
}
}