Page MenuHomeWickedGov Phorge
Files F1425799

gallery.less
No OneTemporary
Actions

Size
3 KB
Referenced Files
None
Subscribers
None

gallery.less
View Options

@import 'mediawiki.skin.variables.less';
/* stylelint-disable selector-class-pattern */
/* Galleries */
/* Don't forget to update gallery.print.css */
// Increase specificity to override `.mw-content-rtl .mw-content-ltr ul` (T326017)
// TODO: Galleries should not use `<ul>` (T38755)
ul.gallery.gallery.gallery {
margin: 2px;
padding: 2px;
display: block;
}
li.gallerycaption {
font-weight: bold;
text-align: center;
display: block;
word-wrap: break-word;
}
li.gallerybox {
vertical-align: top;
display: inline-block;
div.thumb {
text-align: center;
margin: 2px;
img {
display: block;
margin: 0 auto;
}
}
}
div.gallerytext {
overflow: hidden;
font-size: 94%;
padding: 9px 4px 17px;
word-wrap: break-word;
// FIXME: This is for backwards compatibility with parser markup generated prior
// to I5039c7ef9e07199c256fd568b4f94714e5831d17. It can be removed when we no longer
// need to worry about that HTML.
p {
margin: 0;
}
}
.galleryfilename {
display: block;
&-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;
}
div.gallerytext {
text-align: center;
}
}
/* height constrained gallery */
ul.mw-gallery-packed,
ul.mw-gallery-packed-overlay,
ul.mw-gallery-packed-hover {
text-align: center;
li.gallerybox div.thumb {
background-color: transparent;
border: 0;
img {
margin: 0 auto;
}
}
}
ul.mw-gallery-packed-hover,
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: @background-color-backdrop-light;
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 */
p {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
&:hover {
overflow: visible;
max-height: none;
p {
text-overflow: clip;
white-space: normal;
overflow: visible;
}
}
}
/* Slideshow */
// Increase specificity to override `.mw-content-rtl .mw-content-ltr ul` (T326017)
// TODO: Galleries should not use `<ul>` (T38755)
ul.gallery.gallery.gallery.mw-gallery-slideshow {
display: block;
margin: 4em 0;
}
.mw-gallery-slideshow {
.gallerycaption {
font-size: 1.3em;
margin: 0;
}
/* `li` item */
.gallerycarousel {
display: block;
text-align: center;
&.mw-gallery-slideshow-thumbnails-toggled {
margin-bottom: 1.3em;
}
}
.mw-gallery-slideshow-buttons {
opacity: 0.5;
padding: 1.3em 0;
white-space: nowrap;
.oo-ui-buttonElement {
margin: 0 2em;
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
}
}
.gallerybox {
&.slideshow-current {
background: @background-color-interactive;
}
> div {
max-width: 120px;
}
div.thumb {
border: 0;
background: transparent;
}
}
}
.mw-gallery-slideshow-img-container a {
display: block;
}
@media screen {
/* Background and border colors are defined separately for print mode */
li.gallerybox div.thumb {
background-color: @background-color-neutral-subtle;
border: @border-subtle;
}
}
/**
* Avoid the need to calculate paddings individually
* https://stackoverflow.com/a/7310398
*/
.mw-gallery-traditional .gallerybox > .thumb {
&::before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
}
> * {
vertical-align: middle;
display: inline-block;
}
}

File Metadata

Mime Type
text/plain
Expires
Sat, May 16, 12:02 (17 h, 28 m)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
29/5c/c5ea3cbd739bd5b4ba4f69592bdd
Default Alt Text
gallery.less (3 KB)

Event Timeline