8,282
edits
No edit summary |
No edit summary |
||
Line 816: | Line 816: | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
-ms-interpolation-mode: nearest-neighbor; | -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; | |||
} | } | ||