MediaWiki:Vector.css

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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* All CSS here will be loaded for users of the Vector skin */

@import url('https://fonts.googleapis.com/css2?family=Geologica:[email protected]&display=swap');

/* Make clickable text on social links invisible. */
li#n-discord {
visibility: visible;
font-size:0em;
position: relative;
margin-right: 5px;
}

#n-discord:hover ::after, #n-discord {
content: '';
display: inline-block;
width: 35px;
height: 35px;
float: left;
background: url('https://certified.wiki/images/icons/discord_logo_icon.png');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}

#mw-panel .portal .body li#n-discord {
font-size:0em;
padding:5px;
}

/* Make clickable text on social links invisible. */
li#n-facebook {
visibility: visible;
font-size:0em;
position: relative;
margin-right: 5px;
}

#n-facebook:hover ::after, #n-facebook {
content: '';
display: inline-block;
width: 35px;
height: 35px;
float: left;
background: url('https://certified.wiki/images/icons/facebook_logo_icon.png');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}

#mw-panel .portal .body li#n-facebook {
font-size:0em;
padding:5px;
}

/* Content */

body { background-color: #EAE4D5; font-family: 'Geologica'; }
#p-navigation { background-color: #EAE4D5; }

#mw-head { width: 100%; background-color: #EAE4D5; }
#mw-head-base { border-top: 1px solid #000000; }
#mw-page-base { background-image: none; background-color: #EAE4D5; }
.mw-heading1, h1, .mw-heading2, h2 { border-bottom: 1px solid #000000; }

/* Hovering effect for icons on main page */

.main-page-icons { 
  margin-right: 10px;
} 

.main-page-icons:hover { 
  width: 100%;
  height: auto;
  max-width: 100%;
  opacity: 0.7;
  cursor: pointer;
  margin-right: 10px;
} 


/* Site backgrounds */

#p-logo { background-color: #EAE4D5; }

#p-tb { background-color: #EAE4D5; }
#p-tb-label { background-color: #EAE4D5; }

.mw-body { background-color: #F2F2F2; margin-right: 15px; border: 1px solid #000000; }

/* #content { background-color: #ded5ba; } */
#bodyContent { background-color: rgba(255, 132, 32, 0); }
#firstHeading { background-color: rgba(255, 132, 32, 0); }
.oo-ui-panelLayout-framed { border: 1px solid #000000; }

#catlinks { background-color: #e8e1d5; border: 1px solid #000000;}
#p-tb .body { background-color: #e8e1d5; }

/* Footer */

#footer { background: none; }

#footer-icons a { background: none; }

.mw-footer { min-height: 100px; margin-top: 20px; padding-left: 0; }
.cdx-button { border: none; }


/* Top menu tabs */

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { background-image: none; }

.vector-menu-tabs, .vector-menu-tabs a, .vector-menu-dropdown h3 {
    background-image: none; }

.vector-menu-tabs li {
    background-image: none; }

.vector-menu-tabs .selected {
    background: none; background-color: rgba(209, 191, 167, 0.69); }

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
    color: #0645ad; }

/* .vector-menu-tabs { border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;} */



/* Dropdown menu */

.vector-menu-dropdown .vector-menu-content {
 background-image: none;
 background-color: rgba(209, 191, 167);
 border: 1px solid #000000; }

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: none; }

/* Infotable customization */

table.infotable {border: 1px solid #000000;}
.infotable tr th,
.infotable tr td {
  border: none;
  vertical-align: top;
}

table.main-page-content-bg {
  background-image: url('https://certified.wiki/images/a/a3/Main_page_content_bg.jpg');
  background-position: center;
  background-size: 100% 100%;
}