MediaWiki:Gallery.css

From Zombie Panic! Official Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* For [[Template:Custom Gallery]] */
.custom-gallery-item-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Default center caption */
.thumb .thumbcaption, .wikia-gallery-item {
    text-align: center;
}

/* Preview Gallery */
.preview-gallery {
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
}

.preview-gallery-item {
    margin: 5px;
}

.preview-gallery-item.m-0 {
    margin: 0;
}

.preview-gallery .preview-gallery-item .thumb.tright {
    margin: 0;
}

.preview-gallery.caption-left .thumbcaption {
    text-align: left;
}

.preview-gallery.caption-center .thumbcaption {
    text-align: center;
}

.preview-gallery.caption-right .thumbcaption {
    text-align: right;
}

/* Hide missing image text and disable upload prompt for images on front page */
.Mainpage-border .image-no-lightbox {
    font-size: 0;
    color: transparent;
    pointer-events: none;
    background-image: url(https://wiki.zombiepanicsource.com/images/8/85/Placeholder_InfoGame.png);
}

/* Erases bolded video file names for [[Template:Files by Character Gallery]] 
   Credits to: Mikevior
*/
.no-video-caption .wikia-gallery-item > .title {display:none;}

/* Gallery modifier inside wrappers */
.gallery-nopad .wikia-gallery-item {
	padding: 1px;
}
.gallery-noborder .gallery-image-wrapper {
	border: 0 !important;
}
:is(.gallery-75, .gallery-65, .gallery-50) .wikia-gallery-item,
:is(.gallery-75, .gallery-65, .gallery-50) .wikia-gallery-item .lightbox-caption {
	width: auto !important;
	height: auto !important;
}
.gallery-75 .wikia-gallery-item :is(img, .thumb, .gallery-image-wrapper, .gallery-image-wrapper .image) {
	width: 75px !important;
	height: 75px !important;
}

.gallery-65 .wikia-gallery-item :is(img, .thumb, .gallery-image-wrapper, .gallery-image-wrapper .image) {
	width: 65px !important;
	height: 65px !important;
}
.gallery-50 .wikia-gallery-item :is(img, .thumb, .gallery-image-wrapper, .gallery-image-wrapper .image) {
	width: 50px !important;
	height: 50px !important;
}