User:4erospace/common.css: Difference between revisions
m Test Tag: Reverted |
m CSS test Tag: Reverted |
||
| Line 4: | Line 4: | ||
height: 16px; | height: 16px; | ||
width: 16px; | width: 16px; | ||
background-repeat: no-repeat | background-repeat: no-repeat; | ||
} | } | ||
| Line 11: | Line 11: | ||
display: inline-block; | display: inline-block; | ||
height: 16px; | height: 16px; | ||
width: 16px | width: 16px; | ||
} | } | ||
.sprite-file img { | .sprite-file img { | ||
vertical-align: var(--vertical-align) | vertical-align: var(--vertical-align); | ||
} | } | ||
.sprite-file + a > .sprite-text,.sprite-file + .sprite-text,.sprite + .sprite-text { | .sprite-file + a > .sprite-text,.sprite-file + .sprite-text,.sprite + .sprite-text { | ||
padding-left: 0.312em | padding-left: 0.312em; | ||
} | } | ||
| Line 38: | Line 38: | ||
image-rendering: crisp-edges; | image-rendering: crisp-edges; | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
-ms-interpolation-mode: nearest-neighbor | -ms-interpolation-mode: nearest-neighbor; | ||
} | |||
.format-custom { | |||
text-shadow: 0.125em 0.125em 0 color-mix(in srgb,currentColor 25%,#000 75%); | |||
} | |||
#minetip-tooltip { | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
background-color: #100010; | |||
background-color: rgba(16,0,16,0.94); | |||
padding: 0.375em; | |||
font-family: Minecraft,sans-serif; | |||
font-size: 16px; | |||
word-spacing: 4px; | |||
white-space: nowrap; | |||
line-height: 1.25em; | |||
margin: 0.125em 0.25em; | |||
pointer-events: none; | |||
z-index: 9999; | |||
} | |||
#minetip-tooltip > .description,#minetip-tooltip > .minetip-description { | |||
display: block; | |||
margin-top: 0.25em; | |||
} | |||
/* Used to render low-res textures in larger sizes */ | |||
.pixel-image, .invslot-item-image, .sprite { | |||
image-rendering: pixelated; | |||
} | |||
.item-padding { | |||
padding: 16px; | |||
} | |||
/* Animation CSS for the Animated Sprites of the Crafting UI */ | |||
.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) { | |||
display: none; | |||
} | |||
.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * { | |||
display: inline-block; | |||
} | |||
.mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * { | |||
display: block; | |||
} | } | ||