MediaWiki:Vector.css
From Gigantic Wiki
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.
/* All CSS here will be loaded for users of the Vector skin */
/** Background **/
body {
background: #177082; }
#mw-page-base {
background-color: transparent;
background-image: none; }
/** Logo **/
#p-logo {
margin-bottom: 0; }
/** User icon **/
.vector-user-menu-legacy #pt-anonuserpage, .vector-user-menu-legacy #pt-tmpuserpage, .vector-user-menu-legacy #pt-userpage a {
background-image: url("https://static.miraheze.org/gogiganticwiki/e/e3/Wiki_Icon_Timeless_User_Large_Dark.svg");
background-size: 1.4em; }
/** Page toolbar **/
/* General */
#mw-head-base {
height: 4.7em; }
#left-navigation, #right-navigation {
margin-top: 2.5em; }
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
background-image: none; }
.vector-menu-tabs li {
background-image:none; }
.vector-menu-tabs-legacy li a {
padding: 12px 10px;
margin-top: -5px; }
.vector-menu-tabs-legacy li a:hover {
text-decoration: none; }
/* Selected */
.vector-menu-tabs .selected {
background-image: none;
background: #3FB9BE;
margin-left: -1px; }
.vector-menu-tabs .selected a {
color: white !important; }
.vector-menu-tabs .selected a:hover {
text-shadow: none; }
/* Watch star */
.vector-menu-tabs .mw-watchlink.icon a {
margin-top: -7px; }
/* "More" */
.vector-menu-dropdown {
line-height: 0.1; }
.vector-menu-heading-label {
color: white; }
.vector-menu-dropdown .vector-menu-heading::after { /* Dropdown icon */
filter: invert(1);
height: 5px; }
.vector-menu-heading { /* Removes orphan border */
background-image: none !important; }
.vector-menu-dropdown .vector-menu-content { /* Dropdown menu */
background-color:#1A7D93;
border:2px solid #3FB9BE;
margin-top: 7px; }
/* Search bar */
.vector-search-box {
background: #3FB9BE;
padding: 0 3px 0;
margin: 0 0 -3px 7px; }
#searchform {
margin: 3px 0; }
.vector-search-box-input { /* Input field */
border: 2px solid #3FB9BE;
border-radius: 0;
background: #0A4557;
color: white; }
.vector-search-box-input::placeholder {
color: #B9B9B9; }
.searchButton[name="go"] { /* Icon */
opacity: unset;
filter: invert(1); }
/** Sidebar **/
.vector-menu-portal .vector-menu-heading { /* Heading */
background-image: none;
border-bottom: 2px solid #3FB9BE;
color: white;
font-weight: bold; }
/** Content area **/
.mw-body {
background: #093340;
border: 3px solid #3FB9BE;
color: #E6E6E6; }
/** Edit links in headers **/
.mw-editsection-bracket, .mw-editsection-divider {
color: #FFFDDD !important; }
/** Divider **/
hr {
height: 2px;
background-color: #3FB9BE; }
/** ToC **/
#toc {
border: 2px solid #3FB9BE;
background: #177082; }
#mw-toc-heading {
color: #E6E6E6; }
.tocnumber, .toctogglelabel {
color: #FFFDDF; }
/** Bullet point list fix **/
ul {
list-style-image: none; }
/** Image thumbnail (|thumb|) **/
.thumbinner {
background: transparent !important;
border: none !important; }
.thumbinner .thumbimage {
border: none !important;
background: transparent; }
div.magnify a { /* Icon */
filter: invert(1); }
/** Categories block **/
#catlinks {
border: 2px solid #3FB9BE;
background: #1A7D93;
color: #FFFDDF; }
.catlinks li {
border-color: #FFFDDF; }
/** Footer **/
.mw-footer li {
color: white; }
/* [[Category:Styling pages]] */