MediaWiki:Common.css: Difference between revisions
CSS test |
m CSS fix |
||
| Line 1,581: | Line 1,581: | ||
/* CSS for the Minecraft tooltip "Minetip" */ | /* 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 { | .format-custom { | ||
text-shadow: 0.125em 0.125em 0 color-mix(in srgb,currentColor 25%,#000 75%) | text-shadow: 0.125em 0.125em 0 color-mix(in srgb,currentColor 25%,#000 75%); | ||
} | } | ||
| Line 1,600: | Line 1,642: | ||
margin: 0.125em 0.25em; | margin: 0.125em 0.25em; | ||
pointer-events: none; | pointer-events: none; | ||
z-index: 9999 | z-index: 9999; | ||
} | } | ||
#minetip-tooltip > .description,#minetip-tooltip > .minetip-description { | #minetip-tooltip > .description,#minetip-tooltip > .minetip-description { | ||
display: block; | display: block; | ||
margin-top: 0.25em | margin-top: 0.25em; | ||
} | } | ||
| Line 1,621: | Line 1,663: | ||
.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) { | .mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) { | ||
display: none | display: none; | ||
} | } | ||
.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * { | .mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * { | ||
display: inline-block | display: inline-block; | ||
} | } | ||
.mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * { | .mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * { | ||
display: block | display: block; | ||
} | } | ||