MediaWiki: Common.css

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

/*** LAYOUT FOUNDATION ***/
html, body {
  height: 100%;
  margin: 0;
  font-family: Roboto, sans-serif;
  line-height: 18pt;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #FFF;
}
#contentwrapper {
  flex: 1 0 auto;
}
#footer {
  flex-shrink: 0;
  background-color: #F8F8F8;
  padding: 15px 15px 15px 15px;
  background-image: url('https://wiki.spiretrading.com/images/b/bd/Footer.pattern.png');
  background-repeat: repeat-x;
  background-position: top center;
  background-size: 20%;
  padding-top: 50px;
}
#footer.footer-sticky {
  margin-top: 0 !important;
}

/*** TYPOGRAPHY ***/
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: 'Montserrat', sans-serif;
}
h1, .h1 { font-size: 30px; }
h2, .h2 { font-size: 27px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; }
h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 25px;
  margin-bottom: 15px;
}
.firstHeading, .tweekiFirstHeading {
  text-align: left;
  margin-bottom: 30px;
}

/*** PAGE BASE ***/
#mw-page-base {
  background-image: none;
  background-color: #FFF;
}

/*** LOGO ***/
#p-logo {
  height: 70px !important;
}
.mw-wiki-logo {
  background-position: left 20px top 20px !important;
}
.navbar-brand img {
  margin-top: -5px;
  width: 136.5px;
  height: 35px;
}

/*** VECTOR TAB RESET ***/
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3, .vectorTabs li {
  background-image: none !important;
}
.vectorTabs .selected {
  border-bottom: 2px solid #4B23A0;
}
.mw-body {
  border-color: #C8C8C8 !important;
}

/*** TWEEKI NAVBAR ***/
.navbar-default {
  background-image: none !important;
  background-color: #FFF !important;
}
.navbar-right {
  margin-top: 7px;
}

/*** SEARCH ***/
#searchInput {
  margin-top: 5px;
}
#searchInput:focus {
  border: 1px solid #4B23A0;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*** TOC ***/
.toc {
  background: #F8F9FA;
  border-color: #F2F2F2;
  margin: 15px 0;
  padding: 15px;
}

/*** BUTTONS ***/
.btn, #wpSave {
  border: 0px !important;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, #wpSave {
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-primary, .mw-ui-button.mw-ui-progressive, #wpSave {
  background-image: none;
  background-color: #513392;
}
.btn-primary:hover, .btn-primary:focus, .mw-ui-button.mw-ui-progressive:hover, mw-ui-button.mw-ui-progressive:focus, #wpSave:hover, #wpSave:focus {
  background-color: #6556A4;
}
.btn-primary:active, .mw-ui-button.mw-ui-progressive:active, #wpSave:active {
  background-color: #453A70;
}
a:hover, a:focus {
  color: #6556A4;
}

/*** LINKS ***/
#pt-login-private a {
  color: #EC228F !important;
}

/*** FORMS ***/
td.mw-label {
  padding-right: 10px;
}
.oo-ui-panelLayout-framed {
  border: 0 none #FFF;
}

/*** FOOTER ICONS ***/
#footer-icons li:last-child::before {
  content: " • ";
}

/*** MAIN PAGE CUSTOMIZATIONS ***/
.page-Main_Page .firstHeading {
  display: none;
}
.page-Main_Page #ca-edit {
  display: none;
}
.page-Main_Page #mw-navigation {
  display: none;
}
.page-Main_Page #sidebar-right {
  display: none;
}
.page-Main_Page .row > .col-md-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}