MediaWiki:Vector.css
Revision as of 07:52, 24 December 2021 by KeybladeSpyMaster (talk | contribs)
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Vector skin */ body { background: #E0E0E0; } @media (prefers-color-scheme: dark){ body, .mw-page-container { background: #282828; } } div#mw-panel div.portal h3 { color: #181818; } #mw-page-base{ background:none; } div#content { background: #FFFFFF; color: #181818; box-shadow: 0px 0px 10px -5px #000000; border:none; } /********************************************** ** ** VECTOR TABS ** **********************************************/ div.vectorTabs li a, div.vectorTabs li a span, div.vectorTabs li a:visited, div.vectorTabs li a:visited span{ color:#373737 !important; border:none; } .vectorTabs ul{ border:none; } div.vectorTabs ul li.selected { background: #FFFFFF; color: #181818; box-shadow: 0 -3px 9px -7px #000000; border-top: 2px solid #cc0000; position: relative; font-weight:500; } .vectorTabs ul li.selected a{ color:#181818; } .vectorTabs a:hover, .vectorTabs a:focus{ box-shadow:none; } .vectorTabs ul li:not(.selected), #mw-head .vectorMenu h3 { box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15); } .vectorTabs, .vectorTabs ul, #mw-head .vectorMenu h3, div.vectorTabs ul li, .vectorMenu .menu { background: #F0F0F0; transition: .1s ease-in-out; } .vectorTabs li:hover { box-shadow: 0 -3px 9px -7px #000000; background: #fafafa; } .vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3{ background-image:none; border-bottom:none; } .vectorMenu { line-height: initial; } .vectorMenu h3 span { padding-top: 1.1em; } .vectorMenu .menu { border: 1px solid #DDD; box-shadow: 0 7px 7px -3px rgba(0,0,0,0.5); } /********************************************** ** ** CATEGORIES ** **********************************************/ .catlinks { background: #E0E0E0; border: none; box-shadow: 0 0 4px -1px #000000; color: #181818; } /********************************************** ** ** FOOTER ** **********************************************/ div#footer ul li { color: #181818; }