kiwix/kiwix-js-pwa
1
0
Fork 0
mirror of https://github.com/kiwix/kiwix-js-pwa.git synced 2025-08-03 11:28:21 -04:00
Code Issues Packages Projects Releases Wiki Activity

Update mediawiki.page.gallery.styles.css

Browse Source 
Fixes #737
This commit is contained in:
Jaifroid 2025-07-19 10:27:48 +01:00
parent 78f141ef31
commit 1d000fd479
1 changed files with 239 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

240
www/-/mw/mediawiki.page.gallery.styles.css
View File

@ -1 +1,239 @@
@media print{li.gallerybox{vertical-align:top;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;border:1px solid #ccc;margin:2px}div.gallerytext{overflow:hidden;font-size:94%;padding:2px 4px;word-wrap:break-word}}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;border:1px solid #c8ccd1;background-color:#f8f9fa;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}ul.mw-gallery-nolines li.gallerybox div.thumb{background-color:transparent;border:0}ul.mw-gallery-nolines li.gallerybox div.gallerytext{text-align:center}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;height:auto;max-height:40%;overflow:hidden;font-weight:bold;margin:2px}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}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}
/* start https://en.wikipedia.org/w/load.php?lang=en&modules=mediawiki.page.gallery.styles&only=styles&skin=vector-2022 */
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
}
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: 9px 4px 17px;
word-wrap: break-word
}
div.gallerytext p {
margin: 0
}
.galleryfilename {
display: block
}
.galleryfilename-truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
ul.mw-gallery-nolines li.gallerybox div.thumb {
background-color: transparent;
border: 0
}
ul.mw-gallery-nolines li.gallerybox div.gallerytext {
text-align: center
}
ul.mw-gallery-packed,ul.mw-gallery-packed-overlay,ul.mw-gallery-packed-hover {
text-align: center
}
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: var(--background-color-backdrop-light,rgba(255,255,255,0.65));
padding: 5px 10px;
bottom: 0;
left: 0;
height: auto;
max-height: 40%;
overflow: hidden;
font-weight: bold;
margin: 2px
}
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:hover 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:hover 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.gallery.gallery.gallery.mw-gallery-slideshow {
display: block;
margin: 4em 0
}
.mw-gallery-slideshow {
}
.mw-gallery-slideshow .gallerycaption {
font-size: 1.3em;
margin: 0
}
.mw-gallery-slideshow .gallerycarousel {
display: block;
text-align: center
}
.mw-gallery-slideshow .gallerycarousel.mw-gallery-slideshow-thumbnails-toggled {
margin-bottom: 1.3em
}
.mw-gallery-slideshow .mw-gallery-slideshow-buttons {
opacity: 0.5;
padding: 1.3em 0;
white-space: nowrap
}
.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement {
margin: 0 2em
}
.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:first-child {
margin-left: 0
}
.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:last-child {
margin-right: 0
}
.mw-gallery-slideshow .gallerybox.slideshow-current {
background: var(--background-color-interactive,#eaecf0)
}
.mw-gallery-slideshow .gallerybox > div {
max-width: 120px
}
.mw-gallery-slideshow .gallerybox div.thumb {
border: 0;
background: transparent
}
.mw-gallery-slideshow-img-container a {
display: block
}
@media screen {
li.gallerybox div.thumb {
background-color: var(--background-color-neutral-subtle,#f8f9fa);
border: 1px solid var(--border-color-subtle,#c8ccd1)
}
}
.mw-gallery-traditional .gallerybox > .thumb::before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%
}
.mw-gallery-traditional .gallerybox > .thumb > * {
vertical-align: middle;
display: inline-block
}
@media print {
li.gallerybox {
vertical-align: top;
display: inline-block
}
li.gallerybox div.thumb {
background-color: #fff;
border: 1px solid #ccc
}
ul.gallery.gallery.gallery {
margin: 2px;
padding: 2px;
display: block
}
li.gallerycaption {
font-weight: bold;
text-align: center;
display: block;
word-wrap: break-word
}
div.gallerytext {
overflow: visible;
padding: 8px auto
}
ul.mw-gallery-packed-hover div.gallerytextwrapper {
overflow: visible;
height: auto
}
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: static;
background: transparent;
padding: 0;
max-height: none;
overflow: visible;
font-weight: normal;
margin: 0
}
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: clip;
white-space: normal;
overflow: visible
}
}
/* end https://en.wikipedia.org/w/load.php?lang=en&modules=mediawiki.page.gallery.styles&only=styles&skin=vector-2022 */