MediaWiki:Gallery.css: Difference between revisions

From Zombie Panic! Official Wiki
Jump to navigation Jump to search
Created page with "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-..."
 
(No difference)

Latest revision as of 05:56, 10 June 2025

/* 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;
}