MediaWiki:Common.css

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


/*** SELECTORS ***/

html, body {
  font-family: Roboto, sans-serif;
  line-height: 18pt;
}


body {
  background-color: #FFF;
  background-image: url('https://wiki.spiretrading.com/images/b/bd/Footer.pattern.png');
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 20%;
}

a, #mw-panel .portal .body li a {
  color: #4B23A0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}

#mw-page-base {
  background-image: none;
  background-color: #FFF;
}


/*** IDENTIFIERS ***/

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

#p-logo {
    height: 70px !important;
}


/*** CLASSES ***/

/* Resetting gradients and headings */
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3, .vectorTabs li {
  background-image: none !important;
}

/* Logo */
.mw-wiki-logo {
    background-position: left 20px top 20px !important;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: 'Montserrat', sans-serif;
}


.vectorTabs .selected {
  border-bottom: 2px solid #4B23A0;
}

.mw-body {
  border-color: #C8C8C8 !important;
}


/*** SKIN: TWEEKI CUSTOMIZATIONS ***/

.navbar-brand img {
  margin-top: -5px;
  width: 136.5px;
  height: 35px;
}

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;
}

/* Prevent images to bleed out of content width */
#mw-content-text img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.navbar-default {
  background-image: none !important;
  background-color: #FFF !important;
}

.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;
}

.navbar-right {
  margin-top: 7px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-image: -webkit-linear-gradient(top,#6E3ED5 0,#4B23A0 100%);
  background-image: -o-linear-gradient(top,#6E3ED5 0,#4B23A0 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6E3ED5),to(#4B23A0));
  background-image: linear-gradient(to bottom,#6E3ED5 0,#4B23A0 100%);
  background-repeat: repeat-x;
  background-color: #4B23A0;
}

#searchInput {
  margin-top: 5px;
}

#searchInput:focus {
  border: 1px solid #4B23A0;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#footer {
  background-color: #F8F8F8;
  padding: 15px;
}

#footer-icons li:last-child::before {
  content: " • ";
}

td.mw-label {
  padding-right: 10px;
}

@media only screen and (min-width: 1000px){
  #contentwrapper {
    margin-bottom: 190px !important;
  }
}

.oo-ui-panelLayout-framed {
  border: 0 none #FFF;
}


/*** TABLE OF CONTENTS ***/

.toc {
  background-color: white;
  margin: 15px 0;
  padding: 15px;
}

#tweekiTOC #toc li.toclevel-1.active > a {
  border-left: 2px solid #4B23A0;
}


/*** WATCHLISTS  ***/

.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
  margin-left: calc((6px + 3px) * 3 + 0.35714286em);
}