Tip of the Day
The hamburger menu at the bottom-right (or bottom-left in left handed mode) has your WalkPedia to help track your total progress.
MediaWiki:Timeless.css: Difference between revisions
From Walkscape Walkthrough
mNo edit summary Tag: Reverted |
Tag: Rollback |
||
| Line 28: | Line 28: | ||
border-left: 3px solid darkgray; | border-left: 3px solid darkgray; | ||
border-radius: 1px; | border-radius: 1px; | ||
} | |||
/* Add stroke to fine items*/ | |||
.qualityfine { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(173, 82%, 85%)) | |||
drop-shadow(0px -1.5px 0px hsl(173, 82%, 85%)) | |||
drop-shadow(-1.5px 0px 0px hsl(173, 82%, 85%)) | |||
drop-shadow(0px 1.5px 0px hsl(173, 82%, 85%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(173, 82%, 85%)) | |||
drop-shadow(0px -1.5px 0px hsl(173, 82%, 85%)) | |||
drop-shadow(-1.5px 0px 0px hsl(173, 82%, 85%)) | |||
drop-shadow(0px 1.5px 0px hsl(173, 82%, 85%)); | |||
} | |||
.client-darkmode .qualityfine { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px -1.5px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(-1.5px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px 1.5px 0px hsl(172, 100%, 7%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px -1.5px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(-1.5px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px 1.5px 0px hsl(172, 100%, 7%)); | |||
} | |||
/* Add stroke to Normal and Common items*/ | |||
.qualitynormal, .qualitycommon { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(0, 0%, 63%)) | |||
drop-shadow(0px -1.5px 0px hsl(0, 0%, 63%)) | |||
drop-shadow(-1.5px 0px 0px hsl(0, 0%, 63%)) | |||
drop-shadow(0px 1.5px 0px hsl(0, 0%, 63%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(0, 0%, 63%)) | |||
drop-shadow(0px -1.5px 0px hsl(0, 0%, 63%)) | |||
drop-shadow(-1.5px 0px 0px hsl(0, 0%, 63%)) | |||
drop-shadow(0px 1.5px 0px hsl(0, 0%, 63%)); | |||
} | |||
.client-darkmode .qualitynormal, .client-darkmode .qualitycommon { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(0px -1.5px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(-1.5px 0px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(0px 1.5px 0px hsl(0, 0%, 36%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(0px -1.5px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(-1.5px 0px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(0px 1.5px 0px hsl(0, 0%, 36%)); | |||
} | |||
/* Add stroke to Good and Uncommon items*/ | |||
.qualitygood, .qualityuncommon { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(102, 94%, 76%)) | |||
drop-shadow(0px -1.5px 0px hsl(102, 94%, 76%)) | |||
drop-shadow(-1.5px 0px 0px hsl(102, 94%, 76%)) | |||
drop-shadow(0px 1.5px 0px hsl(102, 94%, 76%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(102, 94%, 76%)) | |||
drop-shadow(0px -1.5px 0px hsl(102, 94%, 76%)) | |||
drop-shadow(-1.5px 0px 0px hsl(102, 94%, 76%)) | |||
drop-shadow(0px 1.5px 0px hsl(102, 94%, 76%)); | |||
} | |||
.client-darkmode .qualitygood, .client-darkmode .qualityuncommon { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(0px -1.5px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(-1.5px 0px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(0px 1.5px 0px hsl(120, 94%, 11%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(0px -1.5px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(-1.5px 0px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(0px 1.5px 0px hsl(120, 94%, 11%)); | |||
} | |||
/* Add stroke to Great and Rare items*/ | |||
.qualitygreat, .qualityrare { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(222, 100%, 80%)) | |||
drop-shadow(0px -1.5px 0px hsl(222, 100%, 80%)) | |||
drop-shadow(-1.5px 0px 0px hsl(222, 100%, 80%)) | |||
drop-shadow(0px 1.5px 0px hsl(222, 100%, 80%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(222, 100%, 80%)) | |||
drop-shadow(0px -1.5px 0px hsl(222, 100%, 80%)) | |||
drop-shadow(-1.5px 0px 0px hsl(222, 100%, 80%)) | |||
drop-shadow(0px 1.5px 0px hsl(222, 100%, 80%)); | |||
} | |||
.client-darkmode .qualitygreat, .client-darkmode .qualityrare { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(233,100%,56%)) | |||
drop-shadow(0px -1.5px 0px hsl(233,100%,56%)) | |||
drop-shadow(-1.5px 0px 0px hsl(233,100%,56%)) | |||
drop-shadow(0px 1.5px 0px hsl(233,100%,56%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(233,100%,56%)) | |||
drop-shadow(0px -1.5px 0px hsl(233,100%,56%)) | |||
drop-shadow(-1.5px 0px 0px hsl(233,100%,56%)) | |||
drop-shadow(0px 1.5px 0px hsl(233,100%,56%)); | |||
} | |||
/* Add stroke to Excellent and Epic items*/ | |||
.qualityexcellent, .qualityepic { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(277, 100%, 82%)) | |||
drop-shadow(0px -1.5px 0px hsl(277, 100%, 82%)) | |||
drop-shadow(-1.5px 0px 0px hsl(277, 100%, 82%)) | |||
drop-shadow(0px 1.5px 0px hsl(277, 100%, 82%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(277, 100%, 82%)) | |||
drop-shadow(0px -1.5px 0px hsl(277, 100%, 82%)) | |||
drop-shadow(-1.5px 0px 0px hsl(277, 100%, 82%)) | |||
drop-shadow(0px 1.5px 0px hsl(277, 100%, 82%)); | |||
} | |||
.client-darkmode .qualityexcellent, .client-darkmode .qualityepic { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(0px -1.5px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(-1.5px 0px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(0px 1.5px 0px hsl(260, 80%, 53%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(0px -1.5px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(-1.5px 0px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(0px 1.5px 0px hsl(260, 80%, 53%)); | |||
} | |||
/* Add stroke to Perfect and Legendary items*/ | |||
.qualityperfect, .qualitylegendary { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(35, 97%, 73%)) | |||
drop-shadow(0px -1.5px 0px hsl(35, 97%, 73%)) | |||
drop-shadow(-1.5px 0px 0px hsl(35, 97%, 73%)) | |||
drop-shadow(0px 1.5px 0px hsl(35, 97%, 73%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(35, 97%, 73%)) | |||
drop-shadow(0px -1.5px 0px hsl(35, 97%, 73%)) | |||
drop-shadow(-1.5px 0px 0px hsl(35, 97%, 73%)) | |||
drop-shadow(0px 1.5px 0px hsl(35, 97%, 73%)); | |||
} | |||
.client-darkmode .qualityperfect, .client-darkmode .qualitylegendary { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(0px -1.5px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(-1.5px 0px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(0px 1.5px 0px hsl(30, 100%, 19%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(0px -1.5px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(-1.5px 0px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(0px 1.5px 0px hsl(30, 100%, 19%)); | |||
} | |||
/* Add stroke to Eternal and Ethereal items*/ | |||
.qualityeternal, .qualityethereal { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(360, 88%, 62%)) | |||
drop-shadow(0px -1.5px 0px hsl(360, 88%, 62%)) | |||
drop-shadow(-1.5px 0px 0px hsl(360, 88%, 62%)) | |||
drop-shadow(0px 1.5px 0px hsl(360, 88%, 62%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(360, 88%, 62%)) | |||
drop-shadow(0px -1.5px 0px hsl(360, 88%, 62%)) | |||
drop-shadow(-1.5px 0px 0px hsl(360, 88%, 62%)) | |||
drop-shadow(0px 1.5px 0px hsl(360, 88%, 62%)); | |||
} | |||
.client-darkmode .qualityeternal, .client-darkmode .qualityethereal { | |||
-webkit-filter: | |||
drop-shadow(1.5px 0px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(0px -1.5px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(-1.5px 0px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(0px 1.5px 0px hsl(360, 90%, 70%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(0px -1.5px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(-1.5px 0px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(0px 1.5px 0px hsl(360, 90%, 70%)); | |||
} | } | ||
| Line 33: | Line 215: | ||
.coins { | .coins { | ||
-webkit-filter: | -webkit-filter: | ||
drop-shadow( | drop-shadow(1.5px 0px 0px hsl(40, 90%, 60%)) | ||
drop-shadow(0px - | drop-shadow(0px -1.5px 0px hsl(40, 90%, 60%)) | ||
drop-shadow(- | drop-shadow(-1.5px 0px 0px hsl(40, 90%, 60%)) | ||
drop-shadow(0px | drop-shadow(0px 1.5px 0px hsl(40, 90%, 60%)); | ||
filter: | filter: | ||
drop-shadow( | drop-shadow(1.5px 0px 0px hsl(40, 90%, 60%)) | ||
drop-shadow(0px - | drop-shadow(0px -1.5px 0px hsl(40, 90%, 60%)) | ||
drop-shadow(- | drop-shadow(-1.5px 0px 0px hsl(40, 90%, 60%)) | ||
drop-shadow(0px | drop-shadow(0px 1.5px 0px hsl(40, 90%, 60%)); | ||
} | } | ||
.client-darkmode .coins { | .client-darkmode .coins { | ||
filter: | -webkit-filter: | ||
drop-shadow(1.5px 0px 0px hsl(40, 80%, 20%)) | |||
drop-shadow(0px -1.5px 0px hsl(40, 80%, 20%)) | |||
drop-shadow(-1.5px 0px 0px hsl(40, 80%, 20%)) | |||
drop-shadow(0px 1.5px 0px hsl(40, 80%, 20%)); | |||
filter: | |||
drop-shadow(1.5px 0px 0px hsl(40, 80%, 20%)) | |||
drop-shadow(0px -1.5px 0px hsl(40, 80%, 20%)) | |||
drop-shadow(-1.5px 0px 0px hsl(40, 80%, 20%)) | |||
drop-shadow(0px 1.5px 0px hsl(40, 80%, 20%)); | |||
} | } | ||
/* Add stroke to | /* Add stroke to fine items*/ | ||
.infoboxqualityfine { | .infoboxqualityfine { | ||
-webkit-filter: | -webkit-filter: | ||
| Line 61: | Line 253: | ||
} | } | ||
.client-darkmode .infoboxqualityfine { | .client-darkmode .infoboxqualityfine { | ||
filter: | -webkit-filter: | ||
drop-shadow(3px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px -3px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(-3px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px 3px 0px hsl(172, 100%, 7%)); | |||
filter: | |||
drop-shadow(3px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px -3px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(-3px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px 3px 0px hsl(172, 100%, 7%)); | |||
} | } | ||
.finehover:hover { | .finehover:hover { | ||
-webkit-filter: | -webkit-filter: | ||
drop-shadow( | drop-shadow(3px 0px 0px hsl(172, 100%, 7%)) | ||
drop-shadow(0px - | drop-shadow(0px -3px 0px hsl(172, 100%, 7%)) | ||
drop-shadow(- | drop-shadow(-3px 0px 0px hsl(172, 100%, 7%)) | ||
drop-shadow(0px | drop-shadow(0px 3px 0px hsl(172, 100%, 7%)) !important; | ||
filter: | filter: | ||
drop-shadow( | drop-shadow(3px 0px 0px hsl(172, 100%, 7%)) | ||
drop-shadow(0px - | drop-shadow(0px -3px 0px hsl(172, 100%, 7%)) | ||
drop-shadow(- | drop-shadow(-3px 0px 0px hsl(172, 100%, 7%)) | ||
drop-shadow(0px | drop-shadow(0px 3px 0px hsl(172, 100%, 7%)) !important; | ||
} | } | ||
.client-darkmode .finehover:hover { | .client-darkmode .finehover:hover { | ||
filter: | -webkit-filter: | ||
drop-shadow(3px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px -3px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(-3px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px 3px 0px hsl(172, 100%, 7%)) !important; | |||
filter: | |||
drop-shadow(3px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px -3px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(-3px 0px 0px hsl(172, 100%, 7%)) | |||
drop-shadow(0px 3px 0px hsl(172, 100%, 7%)) !important; | |||
} | } | ||
| Line 94: | Line 304: | ||
} | } | ||
.client-darkmode .infoboxqualitynormal, .client-darkmode .infoboxqualitycommon { | .client-darkmode .infoboxqualitynormal, .client-darkmode .infoboxqualitycommon { | ||
filter: | -webkit-filter: | ||
drop-shadow(3px 0px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(0px -3px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(-3px 0px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(0px 3px 0px hsl(0, 0%, 36%)); | |||
filter: | |||
drop-shadow(3px 0px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(0px -3px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(-3px 0px 0px hsl(0, 0%, 36%)) | |||
drop-shadow(0px 3px 0px hsl(0, 0%, 36%)); | |||
} | } | ||
| Line 111: | Line 330: | ||
} | } | ||
.client-darkmode .infoboxqualitygood, .client-darkmode .infoboxqualityuncommon { | .client-darkmode .infoboxqualitygood, .client-darkmode .infoboxqualityuncommon { | ||
filter: | -webkit-filter: | ||
drop-shadow(3px 0px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(0px -3px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(-3px 0px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(0px 3px 0px hsl(120, 94%, 11%)); | |||
filter: | |||
drop-shadow(3px 0px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(0px -3px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(-3px 0px 0px hsl(120, 94%, 11%)) | |||
drop-shadow(0px 3px 0px hsl(120, 94%, 11%)); | |||
} | } | ||
| Line 128: | Line 356: | ||
} | } | ||
.client-darkmode .infoboxqualitygreat, .client-darkmode .infoboxqualityrare { | .client-darkmode .infoboxqualitygreat, .client-darkmode .infoboxqualityrare { | ||
filter: | -webkit-filter: | ||
drop-shadow(3px 0px 0px hsl(233,100%,56%)) | |||
drop-shadow(0px -3px 0px hsl(233,100%,56%)) | |||
drop-shadow(-3px 0px 0px hsl(233,100%,56%)) | |||
drop-shadow(0px 3px 0px hsl(233,100%,56%)); | |||
filter: | |||
drop-shadow(3px 0px 0px hsl(233,100%,56%)) | |||
drop-shadow(0px -3px 0px hsl(233,100%,56%)) | |||
drop-shadow(-3px 0px 0px hsl(233,100%,56%)) | |||
drop-shadow(0px 3px 0px hsl(233,100%,56%)); | |||
} | } | ||
| Line 145: | Line 382: | ||
} | } | ||
.client-darkmode .infoboxqualityexcellent, .client-darkmode .infoboxqualityepic { | .client-darkmode .infoboxqualityexcellent, .client-darkmode .infoboxqualityepic { | ||
filter: | -webkit-filter: | ||
drop-shadow(3px 0px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(0px -3px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(-3px 0px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(0px 3px 0px hsl(260, 80%, 53%)); | |||
filter: | |||
drop-shadow(3px 0px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(0px -3px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(-3px 0px 0px hsl(260, 80%, 53%)) | |||
drop-shadow(0px 3px 0px hsl(260, 80%, 53%)); | |||
} | } | ||
| Line 162: | Line 408: | ||
} | } | ||
.client-darkmode .infoboxqualityperfect, .client-darkmode .infoboxqualitylegendary { | .client-darkmode .infoboxqualityperfect, .client-darkmode .infoboxqualitylegendary { | ||
filter: | -webkit-filter: | ||
drop-shadow(3px 0px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(0px -3px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(-3px 0px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(0px 3px 0px hsl(30, 100%, 19%)); | |||
filter: | |||
drop-shadow(3px 0px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(0px -3px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(-3px 0px 0px hsl(30, 100%, 19%)) | |||
drop-shadow(0px 3px 0px hsl(30, 100%, 19%)); | |||
} | } | ||
| Line 179: | Line 434: | ||
} | } | ||
.client-darkmode .infoboxqualityeternal, .client-darkmode .infoboxqualityethereal { | .client-darkmode .infoboxqualityeternal, .client-darkmode .infoboxqualityethereal { | ||
filter: | -webkit-filter: | ||
drop-shadow(3px 0px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(0px -3px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(-3px 0px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(0px 3px 0px hsl(360, 90%, 70%)); | |||
filter: | |||
drop-shadow(3px 0px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(0px -3px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(-3px 0px 0px hsl(360, 90%, 70%)) | |||
drop-shadow(0px 3px 0px hsl(360, 90%, 70%)); | |||
} | |||
/* Add stroke to Coins*/ | |||
.coins { | |||
-webkit-filter: | |||
drop-shadow(3px 0px 0px hsl(40, 90%, 60%)) | |||
drop-shadow(0px -3px 0px hsl(40, 90%, 60%)) | |||
drop-shadow(-3px 0px 0px hsl(40, 90%, 60%)) | |||
drop-shadow(0px 3px 0px hsl(40, 90%, 60%)); | |||
filter: | |||
drop-shadow(3px 0px 0px hsl(40, 90%, 60%)) | |||
drop-shadow(0px -3px 0px hsl(40, 90%, 60%)) | |||
drop-shadow(-3px 0px 0px hsl(40, 90%, 60%)) | |||
drop-shadow(0px 3px 0px hsl(40, 90%, 60%)); | |||
} | } | ||
| Line 214: | Line 492: | ||
max-width: 30%; | max-width: 30%; | ||
height: auto; | height: auto; | ||
} | } | ||
| Line 226: | Line 500: | ||
.ItemInfobox { | .ItemInfobox { | ||
margin-left: 0.8em; | margin-left: 0.8em; | ||
} | } | ||
Revision as of 08:32, 4 February 2025
/* All CSS here will be loaded for users of the Timeless skin */
/* Fix content width padding */
#mw-content { padding: 0.8em }
/* Top bar font modernization */
#mw-header *,
#mw-site-navigation *,
#mw-related-navigation * {
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
/* Avoid cutting off letters with descenders: g,j,p,q,y */
#personal h2 span {
height: 1.5em;
position:relative;
bottom:0.1em
}
/* Triangle position patch */
#personal h2::after {
position: relative;
bottom: 0.5em;
}
/* Add line to Blockquotes */
#mw-content-text div blockquote {
padding: 0 15px;
border-left: 3px solid darkgray;
border-radius: 1px;
}
/* Add stroke to fine items*/
.qualityfine {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(173, 82%, 85%))
drop-shadow(0px -1.5px 0px hsl(173, 82%, 85%))
drop-shadow(-1.5px 0px 0px hsl(173, 82%, 85%))
drop-shadow(0px 1.5px 0px hsl(173, 82%, 85%));
filter:
drop-shadow(1.5px 0px 0px hsl(173, 82%, 85%))
drop-shadow(0px -1.5px 0px hsl(173, 82%, 85%))
drop-shadow(-1.5px 0px 0px hsl(173, 82%, 85%))
drop-shadow(0px 1.5px 0px hsl(173, 82%, 85%));
}
.client-darkmode .qualityfine {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px -1.5px 0px hsl(172, 100%, 7%))
drop-shadow(-1.5px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px 1.5px 0px hsl(172, 100%, 7%));
filter:
drop-shadow(1.5px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px -1.5px 0px hsl(172, 100%, 7%))
drop-shadow(-1.5px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px 1.5px 0px hsl(172, 100%, 7%));
}
/* Add stroke to Normal and Common items*/
.qualitynormal, .qualitycommon {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(0, 0%, 63%))
drop-shadow(0px -1.5px 0px hsl(0, 0%, 63%))
drop-shadow(-1.5px 0px 0px hsl(0, 0%, 63%))
drop-shadow(0px 1.5px 0px hsl(0, 0%, 63%));
filter:
drop-shadow(1.5px 0px 0px hsl(0, 0%, 63%))
drop-shadow(0px -1.5px 0px hsl(0, 0%, 63%))
drop-shadow(-1.5px 0px 0px hsl(0, 0%, 63%))
drop-shadow(0px 1.5px 0px hsl(0, 0%, 63%));
}
.client-darkmode .qualitynormal, .client-darkmode .qualitycommon {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(0, 0%, 36%))
drop-shadow(0px -1.5px 0px hsl(0, 0%, 36%))
drop-shadow(-1.5px 0px 0px hsl(0, 0%, 36%))
drop-shadow(0px 1.5px 0px hsl(0, 0%, 36%));
filter:
drop-shadow(1.5px 0px 0px hsl(0, 0%, 36%))
drop-shadow(0px -1.5px 0px hsl(0, 0%, 36%))
drop-shadow(-1.5px 0px 0px hsl(0, 0%, 36%))
drop-shadow(0px 1.5px 0px hsl(0, 0%, 36%));
}
/* Add stroke to Good and Uncommon items*/
.qualitygood, .qualityuncommon {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(102, 94%, 76%))
drop-shadow(0px -1.5px 0px hsl(102, 94%, 76%))
drop-shadow(-1.5px 0px 0px hsl(102, 94%, 76%))
drop-shadow(0px 1.5px 0px hsl(102, 94%, 76%));
filter:
drop-shadow(1.5px 0px 0px hsl(102, 94%, 76%))
drop-shadow(0px -1.5px 0px hsl(102, 94%, 76%))
drop-shadow(-1.5px 0px 0px hsl(102, 94%, 76%))
drop-shadow(0px 1.5px 0px hsl(102, 94%, 76%));
}
.client-darkmode .qualitygood, .client-darkmode .qualityuncommon {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(120, 94%, 11%))
drop-shadow(0px -1.5px 0px hsl(120, 94%, 11%))
drop-shadow(-1.5px 0px 0px hsl(120, 94%, 11%))
drop-shadow(0px 1.5px 0px hsl(120, 94%, 11%));
filter:
drop-shadow(1.5px 0px 0px hsl(120, 94%, 11%))
drop-shadow(0px -1.5px 0px hsl(120, 94%, 11%))
drop-shadow(-1.5px 0px 0px hsl(120, 94%, 11%))
drop-shadow(0px 1.5px 0px hsl(120, 94%, 11%));
}
/* Add stroke to Great and Rare items*/
.qualitygreat, .qualityrare {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(222, 100%, 80%))
drop-shadow(0px -1.5px 0px hsl(222, 100%, 80%))
drop-shadow(-1.5px 0px 0px hsl(222, 100%, 80%))
drop-shadow(0px 1.5px 0px hsl(222, 100%, 80%));
filter:
drop-shadow(1.5px 0px 0px hsl(222, 100%, 80%))
drop-shadow(0px -1.5px 0px hsl(222, 100%, 80%))
drop-shadow(-1.5px 0px 0px hsl(222, 100%, 80%))
drop-shadow(0px 1.5px 0px hsl(222, 100%, 80%));
}
.client-darkmode .qualitygreat, .client-darkmode .qualityrare {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(233,100%,56%))
drop-shadow(0px -1.5px 0px hsl(233,100%,56%))
drop-shadow(-1.5px 0px 0px hsl(233,100%,56%))
drop-shadow(0px 1.5px 0px hsl(233,100%,56%));
filter:
drop-shadow(1.5px 0px 0px hsl(233,100%,56%))
drop-shadow(0px -1.5px 0px hsl(233,100%,56%))
drop-shadow(-1.5px 0px 0px hsl(233,100%,56%))
drop-shadow(0px 1.5px 0px hsl(233,100%,56%));
}
/* Add stroke to Excellent and Epic items*/
.qualityexcellent, .qualityepic {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(277, 100%, 82%))
drop-shadow(0px -1.5px 0px hsl(277, 100%, 82%))
drop-shadow(-1.5px 0px 0px hsl(277, 100%, 82%))
drop-shadow(0px 1.5px 0px hsl(277, 100%, 82%));
filter:
drop-shadow(1.5px 0px 0px hsl(277, 100%, 82%))
drop-shadow(0px -1.5px 0px hsl(277, 100%, 82%))
drop-shadow(-1.5px 0px 0px hsl(277, 100%, 82%))
drop-shadow(0px 1.5px 0px hsl(277, 100%, 82%));
}
.client-darkmode .qualityexcellent, .client-darkmode .qualityepic {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(260, 80%, 53%))
drop-shadow(0px -1.5px 0px hsl(260, 80%, 53%))
drop-shadow(-1.5px 0px 0px hsl(260, 80%, 53%))
drop-shadow(0px 1.5px 0px hsl(260, 80%, 53%));
filter:
drop-shadow(1.5px 0px 0px hsl(260, 80%, 53%))
drop-shadow(0px -1.5px 0px hsl(260, 80%, 53%))
drop-shadow(-1.5px 0px 0px hsl(260, 80%, 53%))
drop-shadow(0px 1.5px 0px hsl(260, 80%, 53%));
}
/* Add stroke to Perfect and Legendary items*/
.qualityperfect, .qualitylegendary {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(35, 97%, 73%))
drop-shadow(0px -1.5px 0px hsl(35, 97%, 73%))
drop-shadow(-1.5px 0px 0px hsl(35, 97%, 73%))
drop-shadow(0px 1.5px 0px hsl(35, 97%, 73%));
filter:
drop-shadow(1.5px 0px 0px hsl(35, 97%, 73%))
drop-shadow(0px -1.5px 0px hsl(35, 97%, 73%))
drop-shadow(-1.5px 0px 0px hsl(35, 97%, 73%))
drop-shadow(0px 1.5px 0px hsl(35, 97%, 73%));
}
.client-darkmode .qualityperfect, .client-darkmode .qualitylegendary {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(30, 100%, 19%))
drop-shadow(0px -1.5px 0px hsl(30, 100%, 19%))
drop-shadow(-1.5px 0px 0px hsl(30, 100%, 19%))
drop-shadow(0px 1.5px 0px hsl(30, 100%, 19%));
filter:
drop-shadow(1.5px 0px 0px hsl(30, 100%, 19%))
drop-shadow(0px -1.5px 0px hsl(30, 100%, 19%))
drop-shadow(-1.5px 0px 0px hsl(30, 100%, 19%))
drop-shadow(0px 1.5px 0px hsl(30, 100%, 19%));
}
/* Add stroke to Eternal and Ethereal items*/
.qualityeternal, .qualityethereal {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(360, 88%, 62%))
drop-shadow(0px -1.5px 0px hsl(360, 88%, 62%))
drop-shadow(-1.5px 0px 0px hsl(360, 88%, 62%))
drop-shadow(0px 1.5px 0px hsl(360, 88%, 62%));
filter:
drop-shadow(1.5px 0px 0px hsl(360, 88%, 62%))
drop-shadow(0px -1.5px 0px hsl(360, 88%, 62%))
drop-shadow(-1.5px 0px 0px hsl(360, 88%, 62%))
drop-shadow(0px 1.5px 0px hsl(360, 88%, 62%));
}
.client-darkmode .qualityeternal, .client-darkmode .qualityethereal {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(360, 90%, 70%))
drop-shadow(0px -1.5px 0px hsl(360, 90%, 70%))
drop-shadow(-1.5px 0px 0px hsl(360, 90%, 70%))
drop-shadow(0px 1.5px 0px hsl(360, 90%, 70%));
filter:
drop-shadow(1.5px 0px 0px hsl(360, 90%, 70%))
drop-shadow(0px -1.5px 0px hsl(360, 90%, 70%))
drop-shadow(-1.5px 0px 0px hsl(360, 90%, 70%))
drop-shadow(0px 1.5px 0px hsl(360, 90%, 70%));
}
/* Add stroke to Coins*/
.coins {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(40, 90%, 60%))
drop-shadow(0px -1.5px 0px hsl(40, 90%, 60%))
drop-shadow(-1.5px 0px 0px hsl(40, 90%, 60%))
drop-shadow(0px 1.5px 0px hsl(40, 90%, 60%));
filter:
drop-shadow(1.5px 0px 0px hsl(40, 90%, 60%))
drop-shadow(0px -1.5px 0px hsl(40, 90%, 60%))
drop-shadow(-1.5px 0px 0px hsl(40, 90%, 60%))
drop-shadow(0px 1.5px 0px hsl(40, 90%, 60%));
}
.client-darkmode .coins {
-webkit-filter:
drop-shadow(1.5px 0px 0px hsl(40, 80%, 20%))
drop-shadow(0px -1.5px 0px hsl(40, 80%, 20%))
drop-shadow(-1.5px 0px 0px hsl(40, 80%, 20%))
drop-shadow(0px 1.5px 0px hsl(40, 80%, 20%));
filter:
drop-shadow(1.5px 0px 0px hsl(40, 80%, 20%))
drop-shadow(0px -1.5px 0px hsl(40, 80%, 20%))
drop-shadow(-1.5px 0px 0px hsl(40, 80%, 20%))
drop-shadow(0px 1.5px 0px hsl(40, 80%, 20%));
}
/* Add stroke to fine items*/
.infoboxqualityfine {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(173, 82%, 85%))
drop-shadow(0px -3px 0px hsl(173, 82%, 85%))
drop-shadow(-3px 0px 0px hsl(173, 82%, 85%))
drop-shadow(0px 3px 0px hsl(173, 82%, 85%));
filter:
drop-shadow(3px 0px 0px hsl(173, 82%, 85%))
drop-shadow(0px -3px 0px hsl(173, 82%, 85%))
drop-shadow(-3px 0px 0px hsl(173, 82%, 85%))
drop-shadow(0px 3px 0px hsl(173, 82%, 85%));
}
.client-darkmode .infoboxqualityfine {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px -3px 0px hsl(172, 100%, 7%))
drop-shadow(-3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px 3px 0px hsl(172, 100%, 7%));
filter:
drop-shadow(3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px -3px 0px hsl(172, 100%, 7%))
drop-shadow(-3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px 3px 0px hsl(172, 100%, 7%));
}
.finehover:hover {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px -3px 0px hsl(172, 100%, 7%))
drop-shadow(-3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px 3px 0px hsl(172, 100%, 7%)) !important;
filter:
drop-shadow(3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px -3px 0px hsl(172, 100%, 7%))
drop-shadow(-3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px 3px 0px hsl(172, 100%, 7%)) !important;
}
.client-darkmode .finehover:hover {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px -3px 0px hsl(172, 100%, 7%))
drop-shadow(-3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px 3px 0px hsl(172, 100%, 7%)) !important;
filter:
drop-shadow(3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px -3px 0px hsl(172, 100%, 7%))
drop-shadow(-3px 0px 0px hsl(172, 100%, 7%))
drop-shadow(0px 3px 0px hsl(172, 100%, 7%)) !important;
}
/* Add stroke to Normal and Common items*/
.infoboxqualitynormal, .infoboxqualitycommon {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(0, 0%, 63%))
drop-shadow(0px -3px 0px hsl(0, 0%, 63%))
drop-shadow(-3px 0px 0px hsl(0, 0%, 63%))
drop-shadow(0px 3px 0px hsl(0, 0%, 63%));
filter:
drop-shadow(3px 0px 0px hsl(0, 0%, 63%))
drop-shadow(0px -3px 0px hsl(0, 0%, 63%))
drop-shadow(-3px 0px 0px hsl(0, 0%, 63%))
drop-shadow(0px 3px 0px hsl(0, 0%, 63%));
}
.client-darkmode .infoboxqualitynormal, .client-darkmode .infoboxqualitycommon {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(0, 0%, 36%))
drop-shadow(0px -3px 0px hsl(0, 0%, 36%))
drop-shadow(-3px 0px 0px hsl(0, 0%, 36%))
drop-shadow(0px 3px 0px hsl(0, 0%, 36%));
filter:
drop-shadow(3px 0px 0px hsl(0, 0%, 36%))
drop-shadow(0px -3px 0px hsl(0, 0%, 36%))
drop-shadow(-3px 0px 0px hsl(0, 0%, 36%))
drop-shadow(0px 3px 0px hsl(0, 0%, 36%));
}
/* Add stroke to Good and Uncommon items*/
.infoboxqualitygood, .infoboxqualityuncommon {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(102, 94%, 76%))
drop-shadow(0px -3px 0px hsl(102, 94%, 76%))
drop-shadow(-3px 0px 0px hsl(102, 94%, 76%))
drop-shadow(0px 3px 0px hsl(102, 94%, 76%));
filter:
drop-shadow(3px 0px 0px hsl(102, 94%, 76%))
drop-shadow(0px -3px 0px hsl(102, 94%, 76%))
drop-shadow(-3px 0px 0px hsl(102, 94%, 76%))
drop-shadow(0px 3px 0px hsl(102, 94%, 76%));
}
.client-darkmode .infoboxqualitygood, .client-darkmode .infoboxqualityuncommon {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(120, 94%, 11%))
drop-shadow(0px -3px 0px hsl(120, 94%, 11%))
drop-shadow(-3px 0px 0px hsl(120, 94%, 11%))
drop-shadow(0px 3px 0px hsl(120, 94%, 11%));
filter:
drop-shadow(3px 0px 0px hsl(120, 94%, 11%))
drop-shadow(0px -3px 0px hsl(120, 94%, 11%))
drop-shadow(-3px 0px 0px hsl(120, 94%, 11%))
drop-shadow(0px 3px 0px hsl(120, 94%, 11%));
}
/* Add stroke to Great and Rare items*/
.infoboxqualitygreat, .infoboxqualityrare {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(222, 100%, 80%))
drop-shadow(0px -3px 0px hsl(222, 100%, 80%))
drop-shadow(-3px 0px 0px hsl(222, 100%, 80%))
drop-shadow(0px 3px 0px hsl(222, 100%, 80%));
filter:
drop-shadow(3px 0px 0px hsl(222, 100%, 80%))
drop-shadow(0px -3px 0px hsl(222, 100%, 80%))
drop-shadow(-3px 0px 0px hsl(222, 100%, 80%))
drop-shadow(0px 3px 0px hsl(222, 100%, 80%));
}
.client-darkmode .infoboxqualitygreat, .client-darkmode .infoboxqualityrare {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(233,100%,56%))
drop-shadow(0px -3px 0px hsl(233,100%,56%))
drop-shadow(-3px 0px 0px hsl(233,100%,56%))
drop-shadow(0px 3px 0px hsl(233,100%,56%));
filter:
drop-shadow(3px 0px 0px hsl(233,100%,56%))
drop-shadow(0px -3px 0px hsl(233,100%,56%))
drop-shadow(-3px 0px 0px hsl(233,100%,56%))
drop-shadow(0px 3px 0px hsl(233,100%,56%));
}
/* Add stroke to Excellent and Epic items*/
.infoboxqualityexcellent, .infoboxqualityepic {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(277, 100%, 82%))
drop-shadow(0px -3px 0px hsl(277, 100%, 82%))
drop-shadow(-3px 0px 0px hsl(277, 100%, 82%))
drop-shadow(0px 3px 0px hsl(277, 100%, 82%));
filter:
drop-shadow(3px 0px 0px hsl(277, 100%, 82%))
drop-shadow(0px -3px 0px hsl(277, 100%, 82%))
drop-shadow(-3px 0px 0px hsl(277, 100%, 82%))
drop-shadow(0px 3px 0px hsl(277, 100%, 82%));
}
.client-darkmode .infoboxqualityexcellent, .client-darkmode .infoboxqualityepic {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(260, 80%, 53%))
drop-shadow(0px -3px 0px hsl(260, 80%, 53%))
drop-shadow(-3px 0px 0px hsl(260, 80%, 53%))
drop-shadow(0px 3px 0px hsl(260, 80%, 53%));
filter:
drop-shadow(3px 0px 0px hsl(260, 80%, 53%))
drop-shadow(0px -3px 0px hsl(260, 80%, 53%))
drop-shadow(-3px 0px 0px hsl(260, 80%, 53%))
drop-shadow(0px 3px 0px hsl(260, 80%, 53%));
}
/* Add stroke to Perfect and Legendary items*/
.infoboxqualityperfect, .infoboxqualitylegendary {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(35, 97%, 73%))
drop-shadow(0px -3px 0px hsl(35, 97%, 73%))
drop-shadow(-3px 0px 0px hsl(35, 97%, 73%))
drop-shadow(0px 3px 0px hsl(35, 97%, 73%));
filter:
drop-shadow(3px 0px 0px hsl(35, 97%, 73%))
drop-shadow(0px -3px 0px hsl(35, 97%, 73%))
drop-shadow(-3px 0px 0px hsl(35, 97%, 73%))
drop-shadow(0px 3px 0px hsl(35, 97%, 73%));
}
.client-darkmode .infoboxqualityperfect, .client-darkmode .infoboxqualitylegendary {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(30, 100%, 19%))
drop-shadow(0px -3px 0px hsl(30, 100%, 19%))
drop-shadow(-3px 0px 0px hsl(30, 100%, 19%))
drop-shadow(0px 3px 0px hsl(30, 100%, 19%));
filter:
drop-shadow(3px 0px 0px hsl(30, 100%, 19%))
drop-shadow(0px -3px 0px hsl(30, 100%, 19%))
drop-shadow(-3px 0px 0px hsl(30, 100%, 19%))
drop-shadow(0px 3px 0px hsl(30, 100%, 19%));
}
/* Add stroke to Eternal and Ethereal items*/
.infoboxqualityeternal, .infoboxqualityethereal {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(360, 88%, 62%))
drop-shadow(0px -3px 0px hsl(360, 88%, 62%))
drop-shadow(-3px 0px 0px hsl(360, 88%, 62%))
drop-shadow(0px 3px 0px hsl(360, 88%, 62%));
filter:
drop-shadow(3px 0px 0px hsl(360, 88%, 62%))
drop-shadow(0px -3px 0px hsl(360, 88%, 62%))
drop-shadow(-3px 0px 0px hsl(360, 88%, 62%))
drop-shadow(0px 3px 0px hsl(360, 88%, 62%));
}
.client-darkmode .infoboxqualityeternal, .client-darkmode .infoboxqualityethereal {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(360, 90%, 70%))
drop-shadow(0px -3px 0px hsl(360, 90%, 70%))
drop-shadow(-3px 0px 0px hsl(360, 90%, 70%))
drop-shadow(0px 3px 0px hsl(360, 90%, 70%));
filter:
drop-shadow(3px 0px 0px hsl(360, 90%, 70%))
drop-shadow(0px -3px 0px hsl(360, 90%, 70%))
drop-shadow(-3px 0px 0px hsl(360, 90%, 70%))
drop-shadow(0px 3px 0px hsl(360, 90%, 70%));
}
/* Add stroke to Coins*/
.coins {
-webkit-filter:
drop-shadow(3px 0px 0px hsl(40, 90%, 60%))
drop-shadow(0px -3px 0px hsl(40, 90%, 60%))
drop-shadow(-3px 0px 0px hsl(40, 90%, 60%))
drop-shadow(0px 3px 0px hsl(40, 90%, 60%));
filter:
drop-shadow(3px 0px 0px hsl(40, 90%, 60%))
drop-shadow(0px -3px 0px hsl(40, 90%, 60%))
drop-shadow(-3px 0px 0px hsl(40, 90%, 60%))
drop-shadow(0px 3px 0px hsl(40, 90%, 60%));
}
/* Tabber Fix*/
.tabberfix .tabber__tabs {
flex-wrap: wrap;
justify-content: space-evenly;
}
.tabberfix .tabber__tab {
width: 70px;
text-align: center;
}
@media screen and (min-width: 851px) {
.tabberresize {
width: 310px;
}
}
@media screen and (max-width: 850px) {
.tabberresize {
width: 100%;
}
}
.tabbercrafting {
width: 317px;
}
/* Images should be responsive */
.resizeimg {
max-width: 30%;
height: auto;
}
.roundcorners > a:nth-child(1) > img:nth-child(1) {
border-radius: 15px;
}
.ItemInfobox {
margin-left: 0.8em;
}
