![→Default styles [[File:Mobile-header.png]]](/wiki/MediaWiki:Minerva.css#Default_styles_File:Mobile-header.png){kind=link}
8,282
edits
MediaWiki:Minerva.css: Difference between revisions
no edit summary
(Created page with "→All CSS here will be loaded for users of the MinervaNeue skin: →* * See [[MediaWiki:Common.css]] for desktop and mobile styles, e.g. templates. * * See [[MediaWiki:Vector.css]] for desktop theme related styles. * See [[MediaWiki:Vector-darkmode.css]] for desktop dark theme related styles. * * See [[MediaWiki:Minerva-darkmode.css]] for mobile dark theme related styles.: →Default styles [[File:Mobile-header.png]]: :root { --mobile-header-background: u...") |
No edit summary |
||
| Line 326: | Line 326: | ||
.nomobile { | .nomobile { | ||
display: none; | display: none; | ||
} | |||
/* Try to use nearest neighbour scaling for pixelated images */ | |||
.pixel-image, | |||
.invslot-item-image, | |||
.sprite { | |||
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; | |||
} | |||
/* Classes corresponding to Minecraft formatting codes */ | |||
.format-0 { | |||
color: #000; | |||
text-shadow: 0.125em 0.125em 0 #000; | |||
} | |||
.format-1 { | |||
color: #00A; | |||
text-shadow: 0.125em 0.125em 0 #00002A; | |||
} | |||
.format-2 { | |||
color: #0A0; | |||
text-shadow: 0.125em 0.125em 0 #002A00; | |||
} | |||
.format-3 { | |||
color: #0AA; | |||
text-shadow: 0.125em 0.125em 0 #002A2A; | |||
} | |||
.format-4 { | |||
color: #A00; | |||
text-shadow: 0.125em 0.125em 0 #2A0000; | |||
} | |||
.format-5 { | |||
color: #A0A; | |||
text-shadow: 0.125em 0.125em 0 #2A002A; | |||
} | |||
.format-6 { | |||
color: #FA0; | |||
text-shadow: 0.125em 0.125em 0 #2A2A00; | |||
} | |||
.format-7 { | |||
color: #AAA; | |||
text-shadow: 0.125em 0.125em 0 #2A2A2A; | |||
} | |||
.format-8 { | |||
color: #555; | |||
text-shadow: 0.125em 0.125em 0 #151515; | |||
} | |||
.format-9 { | |||
color: #55F; | |||
text-shadow: 0.125em 0.125em 0 #15153F; | |||
} | |||
.format-a { | |||
color: #5F5; | |||
text-shadow: 0.125em 0.125em 0 #153F15; | |||
} | |||
.format-b { | |||
color: #5FF; | |||
text-shadow: 0.125em 0.125em 0 #153F3F; | |||
} | |||
.format-c { | |||
color: #F55; | |||
text-shadow: 0.125em 0.125em 0 #3F1515; | |||
} | |||
.format-d { | |||
color: #F5F; | |||
text-shadow: 0.125em 0.125em 0 #3F153F; | |||
} | |||
.format-e { | |||
color: #FF5; | |||
text-shadow: 0.125em 0.125em 0 #3F3F15; | |||
} | |||
.format-f, | |||
#minetip-tooltip { | |||
color: #FFF; | |||
text-shadow: 0.125em 0.125em 0 #3F3F3F; | |||
} | |||
.format-l { | |||
font-weight: bold; | |||
letter-spacing: 0.125em; | |||
} | |||
.format-m { | |||
text-decoration: line-through; | |||
} | |||
.format-n { | |||
text-decoration: underline; | |||
} | |||
.format-o { | |||
font-style: italic; | |||
} | |||
/* Styling for minecraft style tooltip */ | |||
#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::before { | |||
content: ""; | |||
position: absolute; | |||
top: 0.125em; | |||
right: -0.125em; | |||
bottom: 0.125em; | |||
left: -0.125em; | |||
border: 0.125em solid #100010; | |||
border-style: none solid; | |||
border-color: rgba(16, 0, 16, 0.94); | |||
} | |||
#minetip-tooltip::after { | |||
content: ""; | |||
position: absolute; | |||
top: 0.125em; | |||
right: 0; | |||
bottom: 0.125em; | |||
left: 0; | |||
border: 0.125em solid #2D0A63; | |||
border-image: -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1; | |||
border-image: linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1; | |||
} | |||
#minetip-tooltip > .description, | |||
#minetip-tooltip > .minetip-description { | |||
display: block; | |||
margin-top: 0.25em; | |||
} | |||
/* Styling for tooltip */ | |||
.explain { | |||
border-bottom: 0; | |||
text-decoration: underline dotted; | |||
cursor: help; | |||
} | |||
/* Show help cursor when an abbr element has a title attribute */ | |||
abbr[title] { | |||
cursor: help; | |||
} | } | ||