8,290
edits
mNo edit summary |
(add world map numeric overlay CSS) |
||
Line 1,307: | Line 1,307: | ||
.qud-max-pv { | .qud-max-pv { | ||
color: var(--qud-color-k); | color: var(--qud-color-k); | ||
} | |||
/* | |||
* QUD WORLD MAP NUMBER OVERLAY | |||
* ============================ | |||
*/ | |||
.world-map-tier-overlay, | |||
.world-map-tier-overlay:after, | |||
.world-map-tier-overlay .numeric-tier-rows, | |||
.world-map-tier-overlay img { | |||
width: 72vw; | |||
height: 33.75vw; /* width / 2.133333333 */ | |||
} | |||
.world-map-tier-overlay { | |||
position: relative; | |||
} | |||
.world-map-tier-overlay .numeric-tier-rows, | |||
.world-map-tier-overlay a, | |||
.world-map-tier-overlay:after { | |||
position: absolute; | |||
top: 0; | |||
right: 0; | |||
bottom: 0; | |||
left: 0; | |||
} | |||
.world-map-tier-overlay:after { | |||
background: rgba(255, 255, 255, 0.14); | |||
z-index: 1; | |||
content: ''; | |||
} | |||
.world-map-tier-overlay .numeric-tier-rows { | |||
display: grid; | |||
grid-auto-rows: 1fr; | |||
left: 0.178vw; | |||
top: 0.178vw; | |||
line-height: 1; | |||
letter-spacing: 0.178vw; | |||
font-family: 'Source Code Pro'; | |||
font-weight: 700; | |||
font-size: 1.2vw; | |||
color: rgba(0, 0, 0, 0.9); | |||
z-index: 2; | |||
} | |||
@media only screen and (max-width: 720px) { | |||
.world-map-tier-overlay { | |||
margin: auto; | |||
} | |||
.world-map-tier-overlay, | |||
.world-map-tier-overlay:after, | |||
.world-map-tier-overlay .numeric-tier-rows, | |||
.world-map-tier-overlay img { | |||
width: 90vw; | |||
height: 42.1875vw; /* width / 2.133333333 */ | |||
} | |||
.world-map-tier-overlay .numeric-tier-rows { | |||
letter-spacing: 0.406vw; | |||
} | |||
} | } |