184
edits
No edit summary |
m (add book and enchant to mobile) |
||
Line 132: | Line 132: | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
.enchanted { | |||
position: relative; | |||
} | |||
.enchanted::before { | |||
mix-blend-mode: screen; | |||
animation: enchantedAnimate 5s linear 2s infinite; | |||
content: ""; | |||
position: absolute; | |||
width: 200%; | |||
height: 200%; | |||
top: -50%; | |||
left: -50%; | |||
z-index: -1; | |||
background-image: url(https://wiki.gm4.co/images/c/ca/Enchantment_Glint.png); | |||
background-size: 100%; | |||
transform: rotate(-20deg); | |||
} | |||
@keyframes enchantedAnimate { | |||
from { | |||
background-position: 0px 0px; | |||
} | |||
to { | |||
background-position: 128px -128px; | |||
} | |||
} | |||
/* ========================================================================= */ | /* ========================================================================= */ | ||
Line 140: | Line 169: | ||
.tooltip { | .tooltip { | ||
font-family:minecraftia, sans-serif; | position: absolute; | ||
top: 0; | |||
position:absolute; | left: 0; | ||
background-color: #100010; | |||
background-color: rgba(16, 0, 16, 0.94); | |||
padding: 4px 4px 6px 4px; | |||
font-family: minecraftia, sans-serif; | |||
font-size: 16px; | |||
color: #FFF; | |||
text-shadow: 0.125em 0.125em 0 #3F3F3F; | |||
white-space: nowrap; | |||
word-spacing: -5px; | |||
line-height: 1.25em; | |||
margin: 0.125em 0.25em; | |||
pointer-events: none; | |||
z-index: 9999; | |||
} | |||
.tooltip::before { | |||
content: ""; | |||
position: absolute; | |||
top: 0.125em; | |||
right: -0.125em; | |||
bottom: 0.125em; | |||
left: -0.125em; | |||
border: 0.125em solid #100010; | border: 0.125em solid #100010; | ||
border-style: none solid; | border-style: none solid; | ||
border-color: rgba(16, 0, 16, 0.94); | border-color: rgba(16, 0, 16, 0.94); | ||
} | |||
.tooltip::after { | |||
word-spacing: 4px; | content: ""; | ||
border- | position: absolute; | ||
padding:10px; | top: 0.125em; | ||
padding-top: | right: 0; | ||
padding-bottom: | bottom: 0.125em; | ||
color:# | left: 0; | ||
font-size:16px; | 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; | |||
} | |||
.lore { | |||
display: block; | |||
margin-top: 0.25em; | |||
} | |||
.slot { | |||
padding:1px; | |||
display:inline-block; | |||
border-width:3px; | |||
border-style:solid | |||
} | |||
/* ========================================================================= */ | |||
/* */ | |||
/* Classes corresponding to displaying advancements */ | |||
/* */ | |||
/* ========================================================================= */ | |||
.advancement-icon { | |||
display: inline-block; | |||
box-sizing: border-box; | |||
position: relative; | |||
width: 52px; | |||
height: 52px; | |||
padding: 10px; | |||
} | |||
.advancement-icon.plain-raw{ | |||
background: url(https://wiki.gm4.co/images/d/d9/Advancement-plain-raw.png) | |||
} | |||
.advancement-icon.oval-raw{ | |||
background: url(https://wiki.gm4.co/images/4/41/Advancement-oval-raw.png) | |||
} | |||
.advancement-icon.fancy-raw{ | |||
background: url(https://wiki.gm4.co/images/9/96/Advancement-fancy-raw.png) | |||
} | |||
.advancement-icon.plain-worn{ | |||
background: url(https://wiki.gm4.co/images/f/f2/Advancement-plain-worn.png) | |||
} | |||
.advancement-icon.oval-worn{ | |||
background: url(https://wiki.gm4.co/images/4/4c/Advancement-oval-worn.png) | |||
} | |||
.advancement-icon.fancy-worn{ | |||
background: url(https://wiki.gm4.co/images/5/5f/Advancement-fancy-worn.png) | |||
} | |||
.advancement { | |||
position: relative; | |||
line-height: 18px; | |||
font-smooth: never; | |||
padding-top: 10px; | |||
padding-left: 2px; | |||
display: block; | |||
font-size: 16px; | |||
word-spacing: -2.5px; | |||
font-family: minecraftia; | |||
width: min-content; | |||
} | |||
.advancement .advancement-icon { | |||
top: 0px; | |||
left: 4px; | |||
position: absolute; | |||
z-index: 2; | |||
} | |||
.advancement .advancement-title { | |||
position: relative; | |||
z-index: 1; | |||
height: 27px; | |||
padding-top: 5px; | |||
padding-left: 60px; | |||
padding-right: 6px; | |||
white-space: nowrap; | |||
background: #036A96; | |||
color: #FCFCFC; | |||
text-shadow: 2px 2px #3E3E3E; | |||
box-shadow: | |||
0 -2px #0489C1, | |||
-2px 0 #0489C1, | |||
0 2px #012E40, | |||
2px 0 #012E40, | |||
2px 2px black, | |||
2px -2px black, | |||
-2px 2px black, | |||
-2px -2px black, | |||
0 4px black, | |||
4px 0 black, | |||
0 -4px black, | |||
-4px 0 black; | |||
} | |||
.advancement .advancement-description { | |||
background: #212121; | |||
color: #A8A8A8; | |||
padding-top: 7px; | |||
padding-left: 6px; | |||
padding-bottom: 5px; | |||
padding-right: 6px; | |||
box-shadow: | |||
0 -2px #555555, | |||
-2px 0 #555555, | |||
0 2px #555555, | |||
2px 0 #555555, | |||
2px 2px black, | |||
2px -2px black, | |||
-2px 2px black, | |||
-2px -2px black, | |||
0 4px black, | |||
4px 0 black, | |||
0 -4px black, | |||
-4px 0 black; | |||
} | |||
.hover-advancement { | |||
height: 52px; | |||
width: 52px; | |||
font-size: 16px; | |||
overflow: visible; | |||
font-smooth: never; | |||
word-spacing: -2.3px; | |||
line-height: 18px; | |||
box-sizing: content-box; | |||
font-family: minecraftia; | |||
} | |||
.hover-icon { | |||
box-sizing: border-box; | |||
width: 52px; | |||
height: 52px; | |||
padding: 10px; | |||
z-index: 2; | |||
position: absolute; | |||
} | |||
.hover-advancement-text { | |||
width: max-content; | |||
} | |||
.hover-title { | |||
position: relative; | |||
z-index: 1; | |||
top: 10px; | |||
margin-left: -2px; | |||
padding-top: 5px; | |||
padding-left: 60px; | |||
padding-right: 8px; | |||
height: 32px; | |||
width: auto; | |||
box-sizing: border-box; | |||
white-space: nowrap; | |||
background: #036A96; | |||
color: #FCFCFC; | |||
text-shadow: 2px 2px #3E3E3E; | |||
box-shadow: | |||
0 -2px #0489C1, | |||
-2px 0 #0489C1, | |||
0 2px #012E40, | |||
2px 0 #012E40, | |||
2px 2px black, | |||
2px -2px black, | |||
-2px 2px black, | |||
-2px -2px black, | |||
0 4px black, | |||
4px 0 black, | |||
0 -4px black, | |||
-4px 0 black; | |||
} | |||
.hover-description { | |||
position: relative; | |||
margin-top: 10px; | |||
margin-left: -2px; | |||
padding-top: 7px; | |||
padding-left: 6px; | |||
padding-bottom: 5px; | |||
padding-right: 2px; | |||
color: #ABABAB; | |||
background: #212121; | |||
width: auto; | |||
box-shadow: | |||
0 -2px #555555, | |||
-2px 0 #555555, | |||
0 2px #555555, | |||
2px 0 #555555, | |||
2px 2px black, | |||
2px -2px black, | |||
-2px 2px black, | |||
-2px -2px black, | |||
0 4px black, | |||
4px 0 black, | |||
0 -4px black, | |||
-4px 0 black; | |||
} | |||
.hover-advancement .hover-advancement-text { | |||
display: none; | |||
} | |||
.hover-advancement span:hover { | |||
z-index: 13; | |||
} | |||
.hover-advancement span:hover ~ .hover-advancement-text { | |||
display: inline-block; | |||
z-index: 10; | |||
} | |||
.hover-advancement span:hover ~ .hover-advancement-text .hover-title { | |||
z-index: 12; | |||
} | |||
.hover-advancement span:hover ~ .hover-advancement-text .hover-description { | |||
z-index: 11; | |||
} | |||
.hover-icon.plain-raw{ | |||
background: url(https://wiki.gm4.co/images/d/d9/Advancement-plain-raw.png) | |||
} | |||
.hover-icon.oval-raw{ | |||
background: url(https://wiki.gm4.co/images/4/41/Advancement-oval-raw.png) | |||
} | |||
.hover-icon.fancy-raw{ | |||
background: url(https://wiki.gm4.co/images/9/96/Advancement-fancy-raw.png) | |||
} | |||
.hover-icon.plain-worn{ | |||
background: url(https://wiki.gm4.co/images/f/f2/Advancement-plain-worn.png) | |||
} | |||
.hover-icon.oval-worn{ | |||
background: url(https://wiki.gm4.co/images/4/4c/Advancement-oval-worn.png) | |||
} | |||
.hover-icon.fancy-worn{ | |||
background: url(https://wiki.gm4.co/images/5/5f/Advancement-fancy-worn.png) | |||
} | |||
/* ========================================================================= */ | |||
/* */ | |||
/* Classes corresponding to Minecraft formatting codes */ | |||
/* */ | |||
/* ========================================================================= */ | |||
.minecraftia { | |||
font-family:minecraftia, san-serif; | |||
} | |||
.chat-background { | |||
background: rgba(10,10,10,.6); | |||
} | |||
.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 { | |||
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; | |||
position: relative; | |||
left: -3px; | |||
} | |||
/* ========================================================================= */ | |||
/* */ | |||
/* Classes corresponding to Minecraft Written Book display */ | |||
/* */ | |||
/* ========================================================================= */ | |||
.book { | |||
background-image: url(https://wiki.gm4.co/images/e/e2/Book_page.png); | |||
background-size: 18.25em 22.5em; | |||
line-height: 1.125em; | |||
position: relative; | |||
font-family: minecraftia; | |||
width: 18.25em; | |||
height: 22.5em; | |||
font-size: 16px; | |||
padding-top: 1.6875em; | |||
padding-left: 2em; | |||
padding-right: 2.125em; | |||
padding-bottom: 0.125em; | |||
box-sizing: border-box; | |||
user-select: none; | |||
} | |||
.book_pagetext { | |||
overflow-wrap: break-word; | |||
white-space: break-spaces; | |||
display: none; | |||
width: 14.25em; | |||
height: 15.75em; | |||
word-spacing: -0.1563em; | |||
} | |||
.book_pagetext.pageactive { | |||
overflow: hidden; | |||
display: block; | |||
width: 14.25em; | |||
height: 15.75em; | |||
} | |||
.book_pagenum { | |||
text-align: right; | |||
margin-bottom: 0.625em; | |||
margin-right: 0.125em; | |||
word-spacing: -0.1563em; | |||
} | |||
.book_pagenum p { | |||
text-align: left; | |||
margin-bottom: 0em; | |||
} | |||
.book_leftarrow { | |||
background-image: url(https://wiki.gm4.co/images/d/d1/Book_arrow_left.png); | |||
background-size: cover; | |||
display: inline-block; | |||
position: absolute; | |||
bottom: 1.5em; | |||
left: 3.25em; | |||
width: 2.25em; | |||
height: 1.25em; | |||
cursor: pointer; | |||
} | |||
.book_leftarrow:hover { | |||
background-image: url(https://wiki.gm4.co/images/6/64/Book_arrow_left_selected.png); | |||
} | } | ||
. | .book_rightarrow { | ||
background-image: url(https://wiki.gm4.co/images/7/73/Book_arrow_right.png); | |||
background-size: cover; | |||
display: inline-block; | |||
position: absolute; | |||
bottom: 1.5em; | |||
right: 3.625em; | |||
width: 2.25em; | |||
height: 1.25em; | |||
cursor: pointer; | |||
} | } | ||
. | .book_rightarrow:hover { | ||
background-image: url(https://wiki.gm4.co/images/4/4e/Book_arrow_right_selected.png); | |||
} | } |