MediaWiki:Vector-darkmode.less/files.less

From the RuneScape Wiki, the wiki for all things RuneScape
Jump to: navigation, search
// <pre>
/* ========================
            images
   ======================== */

div.thumbinner {
	border: none;
}

// standard thumbnail image
.thumbimage {
    background: @cloud-burst;
}

// standard thumbnail caption
.thumbcaption {
    color: @dark-text;
    background: @dark-wikitable-background;
    border: none;
}

// transparency grid
#file img,
#file img:hover,
.filehistory a img,
table.filehistory img {
    background-image: url('filepath://Dark_mode_checkered_transparency.png');
}

// top bar on file pages
#filetoc {
    background: @dark-wikitable-background;
    border: none;
}

// [[Template:Get]]
img.thumbborder {
    border-color: lighten(@dark-wikitable-border, 10%);
}

/* =================
        gallery
   ================= */

li.gallerybox div.thumb {
    background: @dark-page;
    border-color: @cloud-burst;
}

// add background color to gallery item if image is too close to page background color
// usage: <gallery class="gallery-bg"> to give all items in the gallery a background
//        <gallery class="gallery-bg-4"> to give only the fourth item a background

.gallery-bg .gallerybox .thumb,
.gallery-bg.mw-gallery-packed .gallerybox .thumb {
    background-color: @pickled-bluewood;
}

.gallery-bg-repeat(@count; @i: 1) when (@i =< @count) {

    [email protected]{i} .gallerybox:nth-of-type(@{i}) .thumb {
        &:extend(body.wgl-darkmode .gallery-bg .gallerybox .thumb);
    }

    .gallery-bg-repeat(@count; (@i + 1));

}

// the number of times this loops must be kept in sync with [[MediaWiki:Common.less/files.less]]
.gallery-bg-repeat(10);

// <gallery mode="packed">, etc.
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 {
	background: fade( @black-pearl, 70% );
}

// gallery caption
div.gallerytext {
    color: @dark-text;
}

/* ========================
            audio
   ======================== */

.musicplayer {
    background: @dark-wikitable-background;
    border: none;
}