Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
(224 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
a, a.external { | |||
color: #05f; | |||
} | |||
a:visited { | |||
color: #795cb2; | |||
} | |||
/* new header navigation tabs */ | |||
.vector-menu-tabs, | |||
.vector-menu-tabs a, | |||
#mw-head .vector-menu-dropdown h3 { | |||
background-image: none; | |||
} | |||
div#mw-head ul.vector-menu-content-list > li { | |||
background-image: none; | |||
} | |||
div#mw-head ul.vector-menu-content-list > li.selected { | |||
background-color: #eff8f9; | |||
} | |||
div#mw-head .vector-menu-tabs li a { | |||
color: #000000; | |||
font-weight: bold; | |||
} | |||
div#simpleSearch { | |||
background-color: #ffffff; | |||
} | |||
/* new sidebar */ | |||
div#mw-panel ul.vector-menu-content-list > li > a { | |||
color: #000000; | |||
font-weight: bold; | |||
} | |||
/* new footer */ | |||
footer.mw-footer ul#footer-places > li > a { | |||
color: #000000; | |||
} | |||
/* widen the sidebar */ | |||
div#mw-panel { | |||
width: 12em; | |||
} | |||
div#footer, | |||
#mw-head-base, | |||
div#content { | |||
margin-left: 12em; | |||
} | |||
#left-navigation { | |||
left: 12em; | |||
} | |||
div#mw-panel div.portal { | |||
padding-bottom: 5px; | |||
} | |||
div#p-namespaces { | |||
margin-left: 1em; | |||
} | |||
div#mw-panel div.portal { | |||
margin: 0 0.6em 0 0; | |||
} | |||
div#mw-panel div.portal div.body ul li { | |||
margin-left: 1em; | |||
} | |||
div#mw-panel div.portal h3 { | |||
margin-left: 2.4em; | |||
} | |||
/* background colors */ | |||
body { | body { | ||
background-color: #ebebeb; | |||
} | |||
/* gives makes the entire header section gray */ | |||
background: | #mw-page-base { | ||
background-color: transparent; | |||
background-image: none; | |||
} | |||
/* gives header panel that blue look */ | |||
#mw-head-base { | |||
background: rgba(215, 239, 242, 0.5); | |||
border-top: 1px solid #a7d7f9; | |||
border-left: 1px solid #a7d7f9; | |||
border-right: 1px solid #a7d7f9; | |||
border-bottom: 1px solid #a7d7f9; | |||
bottom: 0; | |||
height: 40px; | |||
margin-top: -41px; | |||
} | |||
/* modifies personal info links in header */ | |||
#p-personal a { | |||
color: #000000; | |||
font-weight: bold; | |||
} | |||
/* Discord link */ | |||
#n-Discord a { | |||
color: #fff !important; | |||
font-weight: bold; | |||
border-radius: 4px; | |||
border: 1px solid #4c57d0; | |||
background-color: #5865f2; | |||
display: block; | |||
position: relative; | |||
padding: 6px 4px 5px calc(17px + 6.5px * 2); | |||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); | |||
transition: 0.2s; | |||
width: 100px; | |||
} | } | ||
# | #n-Discord a::before { | ||
background- | content: 'Join our '; | ||
font-weight: normal; | |||
opacity: 0.85; | |||
} | |||
#n-Discord a::after { | |||
content: ''; | |||
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat; | |||
background-size: 13px 13px; | |||
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1)); | |||
position: absolute; | |||
top: 5px; | |||
left: 7px; | |||
width: 17px; | |||
height: 13px; | |||
} | } |
Latest revision as of 05:13, 6 June 2024
/* CSS placed here will affect users of the Vector skin */ a, a.external { color: #05f; } a:visited { color: #795cb2; } /* new header navigation tabs */ .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background-image: none; } div#mw-head ul.vector-menu-content-list > li { background-image: none; } div#mw-head ul.vector-menu-content-list > li.selected { background-color: #eff8f9; } div#mw-head .vector-menu-tabs li a { color: #000000; font-weight: bold; } div#simpleSearch { background-color: #ffffff; } /* new sidebar */ div#mw-panel ul.vector-menu-content-list > li > a { color: #000000; font-weight: bold; } /* new footer */ footer.mw-footer ul#footer-places > li > a { color: #000000; } /* widen the sidebar */ div#mw-panel { width: 12em; } div#footer, #mw-head-base, div#content { margin-left: 12em; } #left-navigation { left: 12em; } div#mw-panel div.portal { padding-bottom: 5px; } div#p-namespaces { margin-left: 1em; } div#mw-panel div.portal { margin: 0 0.6em 0 0; } div#mw-panel div.portal div.body ul li { margin-left: 1em; } div#mw-panel div.portal h3 { margin-left: 2.4em; } /* background colors */ body { background-color: #ebebeb; } /* gives makes the entire header section gray */ #mw-page-base { background-color: transparent; background-image: none; } /* gives header panel that blue look */ #mw-head-base { background: rgba(215, 239, 242, 0.5); border-top: 1px solid #a7d7f9; border-left: 1px solid #a7d7f9; border-right: 1px solid #a7d7f9; border-bottom: 1px solid #a7d7f9; bottom: 0; height: 40px; margin-top: -41px; } /* modifies personal info links in header */ #p-personal a { color: #000000; font-weight: bold; } /* Discord link */ #n-Discord a { color: #fff !important; font-weight: bold; border-radius: 4px; border: 1px solid #4c57d0; background-color: #5865f2; display: block; position: relative; padding: 6px 4px 5px calc(17px + 6.5px * 2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); transition: 0.2s; width: 100px; } #n-Discord a::before { content: 'Join our '; font-weight: normal; opacity: 0.85; } #n-Discord a::after { content: ''; background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat; background-size: 13px 13px; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1)); position: absolute; top: 5px; left: 7px; width: 17px; height: 13px; }