MediaWiki:Vector.css: Difference between revisions
From Inkipedia, the Splatoon wiki
(Removed Judd) |
(use the full range of header ink splotch colors) |
||
Line 114: | Line 114: | ||
} | } | ||
.mw-body h1, .mw-body h2, .mw-body #firstHeading { | |||
font-family: sans-serif; | |||
} | |||
/* | /* ink splotches on headers */ | ||
.mw-body h1, | |||
background-image: | .mw-body h2 { | ||
position: relative; | |||
} | |||
/* ::before element is needed for opacity */ | |||
.mw-body h1::before, | |||
.mw-body h2::before { | |||
content: ""; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
opacity: .6; | |||
background-image: url(//cdn.wikimg.net/splatoonwiki/images/5/5c/Drip-heading.png); | |||
background-repeat: no-repeat; | |||
} | } | ||
.mw-body h1::before { background-position: 95% -2.5%; } /* green */ | |||
.mw-body h2:nth-of-type(6n-5)::before { background-position: 95% 20%; } /* purple */ | |||
.mw-body h2:nth-of-type(6n-4)::before { background-position: 95% 40%; } /* blue */ | |||
.mw-body h2:nth-of-type(6n-3)::before { background-position: 95% 60%; } /* orange */ | |||
.mw-body h2:nth-of-type(6n-2)::before { background-position: 95% 80%; } /* pink */ | |||
.mw-body h2:nth-of-type(6n-1)::before { background-position: 95% 100%; } /* cyan */ | |||
.mw-body h2:nth-of-type(6n)::before { background-position: 95% 0%; } /* green */ | |||
#toc h2::before { background: none; } /* prevent splotches from showing on table of contents header */ | |||
#footer { | #footer { |
Revision as of 07:13, 21 June 2019
/* CSS placed here will affect users of the Vector skin */ /*================================================== ALL PAGES ==================================================*/ body { background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/d/d4/S2_background_stripe_pattern.svg"); background-repeat: repeat; } /* Styles the account information box in the top right corner */ #p-personal { background-color: white; top: -0.09em; margin-right: 4em; padding: 2px 12px 2px 0; border-radius: 2px 2px 10px 10px; border-style: solid; border-color: #AADC00; border-width: 2px; } /* Tab stuff */ div.vectorTabs { background-image: none; } div.vectorTabs ul { background-image: none; } div.vectorTabs span { background-image: none; } div.vectorTabs ul li { background-color: #f3f3f3; background-image: none; border-radius: 0.95em 0.95em 0 0; height: 1.9em; line-height: 1px; margin-right: 0.15em; margin-top: 0.5em; border-style: dashed dashed solid dashed; border-color: #aadc00; border-width: 1px; min-width: 30px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a { background-position: 90% 50%; width: 60px; overflow: visible; padding: 16px; } div#mw-head div.vectorMenu h3 { background: #fff; height: 28px; margin-top: 0.6em; border-style: dashed dashed solid dashed; border-color: #aadc00; border-width: 1px; border-radius: 10px 10px 0 0; margin-left: 0.1em; margin-right: 0.4em; } div.vectorMenu h3 span { padding-top: 6px; } #left-navigation { margin-left: 11em; } #right-navigation { margin-right: 4em; overflow: visible; display: inline; } #p-logo { left: -1em; margin-top: -185px; margin-left: -15px; } div#mw-page-base { background-image: none; background-color: rgba(255,255,255,0); opacity: 0; } #mw-panel { background-color: white; max-width: 8em; margin-left: 0.8em; margin-top: 11em; padding: 1em 0.5em 1em 0em; border-style: solid; border-color: #AADC00; border-width: 2px 2px 2px 10px; border-radius: 2px; } .mw-body { border-style: solid; border-color: #AADC00; border-width: 1px 2px 0 2px; margin-left: 11em; margin-right: 5em; } .mw-body h1, .mw-body h2, .mw-body #firstHeading { font-family: sans-serif; } /* ink splotches on headers */ .mw-body h1, .mw-body h2 { position: relative; } /* ::before element is needed for opacity */ .mw-body h1::before, .mw-body h2::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; background-image: url(//cdn.wikimg.net/splatoonwiki/images/5/5c/Drip-heading.png); background-repeat: no-repeat; } .mw-body h1::before { background-position: 95% -2.5%; } /* green */ .mw-body h2:nth-of-type(6n-5)::before { background-position: 95% 20%; } /* purple */ .mw-body h2:nth-of-type(6n-4)::before { background-position: 95% 40%; } /* blue */ .mw-body h2:nth-of-type(6n-3)::before { background-position: 95% 60%; } /* orange */ .mw-body h2:nth-of-type(6n-2)::before { background-position: 95% 80%; } /* pink */ .mw-body h2:nth-of-type(6n-1)::before { background-position: 95% 100%; } /* cyan */ .mw-body h2:nth-of-type(6n)::before { background-position: 95% 0%; } /* green */ #toc h2::before { background: none; } /* prevent splotches from showing on table of contents header */ #footer { background-color: white; background-image: url("//cdn.wikimg.net/splatoonwiki/images/b/b4/Featured-bg.png"); border-style: solid; border-color: #AADC00; border-width: 1px 2px 1px 2px; margin-right: 5em; margin-bottom: 5em; border-radius: 0 0 10px 10px; }