MediaWiki: Common.css
From Spire Trading Inc.
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');
/*** 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 HEADINGD */
.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;
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);
}