MediaWiki:Common.css: Difference between revisions
m CSS fix |
m CSS fix |
||
| (11 intermediate revisions by the same user not shown) | |||
| Line 1,542: | Line 1,542: | ||
/* Fix of various cascading and protection messages for dark mode */ | /* Fix of various cascading and protection messages for dark mode */ | ||
.mw-warning-with-logexcerpt, .mw-lag-warn-high, .mw-cascadeprotectedwarning, #mw-protect-cascadeon, .titleblacklist-warning, .locked-warning { | div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, #mw-protect-cascadeon, div.titleblacklist-warning, div.locked-warning { | ||
background-color: var(--background-color-error-subtle,#ffe9e5); | background-color: var(--background-color-error-subtle,#ffe9e5); | ||
border-color: var(--border-color-error,#9f3526); | border-color: var(--border-color-error,#9f3526); | ||
} | |||
/* Keyframes needed for newsticker template */ | |||
.newswrapper { | |||
max-width: 100%; | |||
overflow: hidden; | |||
} | |||
.newsmarquee { | |||
white-space: nowrap; | |||
overflow: hidden; | |||
display: inline-block; | |||
animation: newsmarquee 50s linear infinite; | |||
} | |||
.newsmarquee p { | |||
display: inline-block; | |||
margin: 10px 0 0 0; | |||
} | |||
@keyframes newsmarquee { | |||
0% { | |||
transform: translate3d(0, 0, 0); | |||
} | |||
100% { | |||
transform: translate3d(-50%, 0, 0); | |||
} | |||
} | |||
#newsticker { | |||
border-radius: 10px; | |||
background-color: var(--background-color-interactive); | |||
} | |||
/* CSS for the Minecraft tooltip "Minetip" */ | |||
.sprite { | |||
display: inline-block; | |||
vertical-align: text-top; | |||
height: 16px; | |||
width: 16px; | |||
background-repeat: no-repeat; | |||
} | |||
.sprite-file { | |||
--vertical-align: text-top; | |||
display: inline-block; | |||
height: 16px; | |||
width: 16px; | |||
} | |||
.sprite-file img { | |||
vertical-align: var(--vertical-align); | |||
} | |||
.sprite-file + a > .sprite-text,.sprite-file + .sprite-text,.sprite + .sprite-text { | |||
padding-left: 0.312em; | |||
} | |||
.sprite-file a.new:first-child { | |||
vertical-align: var(--vertical-align); | |||
background-image: url(/images/Grid_Unknown.png?4cbf2); | |||
background-size: 100% 100%; | |||
display: inline-block; | |||
text-indent: -9999px; | |||
overflow: hidden; | |||
height: 100%; | |||
width: 100%; | |||
image-rendering: optimizeSpeed; | |||
image-rendering: -webkit-optimize-contrast; | |||
image-rendering: optimize-contrast; | |||
image-rendering: -moz-crisp-edges; | |||
image-rendering: -o-crisp-edges; | |||
image-rendering: crisp-edges; | |||
image-rendering: pixelated; | |||
-ms-interpolation-mode: nearest-neighbor; | |||
} | |||
.format-custom { | |||
text-shadow: 0.125em 0.125em 0 color-mix(in srgb,currentColor 25%,#000 75%); | |||
} | } | ||