Difference between revisions of "MediaWiki:Common.css"

From Fight As One MUSH
Jump to navigation Jump to search
Line 15: Line 15:
 
#left-navigation div.vectorTabs li a, #right-navigation div.vectorTabs li a {
 
#left-navigation div.vectorTabs li a, #right-navigation div.vectorTabs li a {
 
   background-color: rgb(67,67,68) !important;
 
   background-color: rgb(67,67,68) !important;
 +
  border: solid 1px black;
 
}
 
}
  

Revision as of 06:58, 23 March 2020

/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css?family=Righteous&display=swap');

@import url('https://fonts.googleapis.com/css?family=Poiret+One&display=swap');

body {

background: #303236 !important;

}

/* tabs and body */

#left-navigation div.vectorTabs li a, #right-navigation div.vectorTabs li a {
   background-color: rgb(67,67,68) !important;
   border: solid 1px black;
}

.mw-body {
    background-color: rgb(67,67,68) !important;
}

.mw-body h1, .mw-body #firstHeading {
    font-family: 'Righteous', sans-serif !important;
    margin-bottom: .25em;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0;
}

.mw-body h2 {
    font-family: 'Righteous', sans-serif !important;
    font-size: 1.9em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mw-body p {
    letter-spacing: 1px;
    font-family: poiret one, sans-serif;
    font-size: 17px;
}

.mw-wiki-logo {
    background-image: url(https://www.fightasonemush.com/images/8/8e/Fight_as_One_MUSH_Logo.png);
}

/*header*/

div#mw-head {
    top: 160px !important;
}

div#mw-panel {
    top: 360px !important;
    padding-top: 0 !important;
    margin-top: -10px !important;

}

#mw-page-base {
    height: 15em !important;
    background-image: url(https://www.fightasonemush.com/images/4/4c/Fightasonebanner-04.png) !important;
}

/*footer*/

div#footer {
    margin-left: 0 !important;
    background: url(https://www.fightasonemush.com/images/8/82/Fightasonebanner-03.png) !important;
    background-size: contain;
    height: 13.5em;
}

div#footer ul {
    margin-left: 10em !important;
}

div#footer #footer-icons {
    position: relative;
    top: -50px;
}