https://www.wikisida.no/index.php?action=history&feed=atom&title=Modul%3AGallery%2Fstyles.css
Modul:Gallery/styles.css - Sideversjonshistorikk
2026-04-12T20:31:39Z
Versjonshistorikk for denne siden på wikien
MediaWiki 1.45.1
https://www.wikisida.no/index.php?title=Modul:Gallery/styles.css&diff=3123&oldid=prev
Wikisida: Én sideversjon ble importert
2026-02-08T19:51:43Z
<p>Én sideversjon ble importert</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nb">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Eldre sideversjon</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Sideversjonen fra 8. feb. 2026 kl. 19:51</td>
</tr><tr><td colspan="4" class="diff-notice" lang="nb"><div class="mw-diff-empty">(Ingen forskjell)</div>
</td></tr>
<!-- diff cache key c1wiki:diff:1.41:old-3122:rev-3123 -->
</table>
Wikisida
https://www.wikisida.no/index.php?title=Modul:Gallery/styles.css&diff=3122&oldid=prev
nb>Tholme: 4 sideversjoner ble importert fra :en:Module:Gallery/styles.css
2025-03-11T09:16:46Z
<p>4 sideversjoner ble importert fra <a href="https://en.wikipedia.org/wiki/Module:Gallery/styles.css" class="extiw" title="en:Module:Gallery/styles.css">en:Module:Gallery/styles.css</a></p>
<p><b>Ny side</b></p><div>/* {{pp-template}} */<br />
@media all and (max-width: 720px) {<br />
.mod-gallery {<br />
width: 100% !important;<br />
}<br />
}<br />
<br />
.mod-gallery {<br />
display: table;<br />
}<br />
<br />
.mod-gallery-default {<br />
background: transparent;<br />
margin-top: 4px;<br />
}<br />
<br />
.mod-gallery-center {<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* The outer container uses a float, it allows text to be on the side of the gallery<br />
But it can't align multi-row galleries by itself.<br />
*/<br />
<br />
.mod-gallery-left {<br />
float: left;<br />
}<br />
<br />
.mod-gallery-right {<br />
float: right;<br />
}<br />
<br />
.mod-gallery-none {<br />
float: none;<br />
}<br />
<br />
/* The inner <ul> is a flex container, and we use it to align multi-row galleries.<br />
*/<br />
<br />
.mod-gallery-center .gallery {<br />
justify-content: center;<br />
}<br />
<br />
.mod-gallery-left .gallery {<br />
justify-content: left;<br />
}<br />
<br />
.mod-gallery-right .gallery {<br />
justify-content: right;<br />
}<br />
<br />
.mod-gallery-collapsible {<br />
width: 100%;<br />
}<br />
<br />
.mod-gallery .title,<br />
.mod-gallery .main,<br />
.mod-gallery .footer {<br />
display: table-row;<br />
}<br />
<br />
.mod-gallery .title > div {<br />
display: table-cell;<br />
padding: 0 4px 4px;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
<br />
.mod-gallery .main > div {<br />
display: table-cell;<br />
}<br />
<br />
.mod-gallery .gallery.gallery.gallery {<br />
line-height: 1.35em;<br />
display: flex;<br />
flex-wrap: wrap;<br />
column-gap: 4px;<br />
}<br />
<br />
.mod-gallery .footer > div {<br />
display: table-cell;<br />
padding: 4px;<br />
text-align: right;<br />
font-size: 85%;<br />
line-height: 1em;<br />
}<br />
<br />
.mod-gallery .title > div *,<br />
.mod-gallery .footer > div * {<br />
overflow: visible;<br />
}<br />
<br />
.mod-gallery .gallerybox img {<br />
background: none !important;<br />
}<br />
<br />
.mod-gallery .bordered-images .thumb img {<br />
outline: solid var(--background-color-neutral,#eaecf0) 1px;<br />
}<br />
<br />
.mod-gallery .whitebg .thumb {<br />
background: var( --background-color-base, #fff ) !important;<br />
}<br />
<br />
/* skin-invert-image is encoded as \200b\200b\200b */<br />
/* bg-transparent is encoded as \200b\200b\200c */<br />
<br />
@media screen {<br />
<br />
/* As skin-invert-image also invert the border color<br />
we have to use a light color to get a darker border */<br />
html.skin-theme-clientpref-night .mod-gallery .bordered-images .thumb img[alt*='\200b\200b\200b'],<br />
html.skin-theme-clientpref-night .skin-invert-image .mod-gallery .whitebg .thumb.thumb.thumb img /* when wrapped around .skin-invert-image */<br />
{<br />
outline: solid #d7d7d7 1px;<br />
}<br />
<br />
/* when wrapped around .skin-invert-image */<br />
html.skin-theme-clientpref-night .skin-invert-image .mod-gallery .whitebg .thumb.thumb.thumb img {<br />
background: none !important;<br />
}<br />
<br />
/* white background fallback for darkmode */<br />
html.skin-theme-clientpref-night .mod-gallery .whitebg .thumb img:not([alt*='\200b\200b\200b']):not([alt*='\200b\200b\200c']) {<br />
background: white !important;<br />
}<br />
<br />
html.skin-theme-clientpref-night .mod-gallery img[alt*="\200b\200b\200b"] {<br />
filter: invert(1) hue-rotate(180deg);<br />
}<br />
}<br />
<br />
@media screen and (prefers-color-scheme: dark) {<br />
<br />
/* As skin-invert-image also invert the border color<br />
we have to use a light color to get a darker border */<br />
html.skin-theme-clientpref-os .mod-gallery .bordered-images .thumb img[alt*='\200b\200b\200b'],<br />
html.skin-theme-clientpref-os .skin-invert-image .mod-gallery .whitebg .thumb.thumb.thumb img /* when wrapped around .skin-invert-image */<br />
{<br />
outline: solid #d7d7d7 1px;<br />
}<br />
<br />
/* when wrapped around .skin-invert-image */<br />
html.skin-theme-clientpref-os .skin-invert-image .mod-gallery .whitebg .thumb.thumb.thumb img {<br />
background: none !important;<br />
}<br />
<br />
/* white background fallback for darkmode */<br />
html.skin-theme-clientpref-os .mod-gallery .whitebg .thumb img:not([alt*='\200b\200b\200b']):not([alt*='\200b\200b\200c']) {<br />
background: white !important;<br />
}<br />
<br />
html.skin-theme-clientpref-os .mod-gallery img[alt*="\200b\200b\200b"] {<br />
filter: invert(1) hue-rotate(180deg);<br />
}<br />
}</div>
nb>Tholme