diff options
Diffstat (limited to 'www/wiki/resources/src/mediawiki/page/gallery.css')
-rw-r--r-- | www/wiki/resources/src/mediawiki/page/gallery.css | 188 |
1 files changed, 188 insertions, 0 deletions
diff --git a/www/wiki/resources/src/mediawiki/page/gallery.css b/www/wiki/resources/src/mediawiki/page/gallery.css new file mode 100644 index 00000000..6a331b6c --- /dev/null +++ b/www/wiki/resources/src/mediawiki/page/gallery.css @@ -0,0 +1,188 @@ +/* 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; + } +} |