Difference between revisions of "MediaWiki:Common.css"

Revision as of 01:53, 28 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;

}
/* text */

b { color: #c1c1c1 !important; }

.mw-body p {
    line-height: inherit;
    margin: .5em 0;
    color: #fff !important;
}

.editOptions {
    color: #fff !important;
}

.smw-editpage-help {
    background-color: transparent !important;
}

div#footer ul li { color: #fff !important; font-family: poiret one; }

/* tabs and body */

#toc, div.toc, ul#filetoc, li.gallerybox div.thumb {
   background-color: #3a3a3b !important;
}

#left-navigation div.vectorTabs li a, #right-navigation div.vectorTabs li a {
   font-family: righteous;
   text-transform: uppercase;
   font-size: 14px;
   background-color: rgb(73,73,74) !important;
   border-top: solid 1px black;
   border-right: solid 1px black;
}

.mw-body {
    font-family: poiret one;
    font-size: 16px; 
    background-color: rgb(73,73,74) !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-collapsible-content {
    background: rgb(73,73,74) !important;
    font-family: poiret one;
    font-size: 17px;
    color: #fff;
    letter-spacing: 1px;
}

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

.ui-widget-content { background: #000; color: #fff; }

.ui-widget-header { background: #2f3136; border: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: transparent;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #254748;
}

/*links*/

div.vectorTabs li.new a { color: #10c8aa !important; }

a.new { color: #10c8aa !important; }

a { color: #7ecfef !important; font-family: poiret one; font-size: 14px; font-weight: 500;}

a:visited { color: #fff !important;}

#left-navigation div.vectorTabs li.selected a, #right-navigation div.vectorTabs li.selected a, #left-navigation div.vectorTabs li.selected a:visited, #right-navigation div.vectorTabs li.selected a:visited {
    color: #7ecfef !important;
    font-family: righteous;
    text-transform: uppercase;
    font-size: 14px;
}

#left-navigation div.vectorTabs li.new a, #right-navigation div.vectorTabs li.new a, #left-navigation div.vectorTabs li.new a:visited, #right-navigation div.vectorTabs li.new a:visited {
    color: #fff;
    font-family: righteous;
    text-transform: uppercase;
    font-size: 14px;
}

a.new:visited, #p-personal a.new:visited {
    color: #fff !important;
    font-family: poiret one;
    font-size: 14px;
}

div#mw-panel { padding-top: 0 !important; }

div#mw-panel div.portal h3 {
    font-size: 17px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-family: righteous !important;
}

div#mw-panel div.portal div.body ul li a {
    color: #7ecfef;
}

div#mw-panel div.portal div.body ul li a:visited {
    color: #fff;
}

#mw-navigation div#mw-panel div.portal {
    font-family: poiret one;
    font-size: 18px;
    color: #108ac8;
}

#mw-navigation div#mw-panel div.portal {
    font-family: poiret one;
    font-size: 18px;
}

div#mw-head div.vectorMenu h3 span {
    font-family: righteous;
    color: #7ecfef !important;
}

.tocnumber {
    color: #fff !important;
}

.toctogglelabel {
    color: #7ecfef !important;
    font-family: poiret one;
    font-weight: 500;
}

.smw-column-header {
    font-family: righteous;
    font-size: 14px;
    color: #108ac8 !important;
}


/* input */

.toc, .mw-warning, .toccolours {
    border: none;
    background-color: #3a3a3b;
    padding: 15px;
    font-size: 95%;
}

div#simpleSearch #searchInput {
    font-size: 14px;
    font-family: poiret one;
}

input, textarea {
    background-color: #fff !important;
    color: #000 !important;
    border: none;
    padding: 5px;
}

/*button*/

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: #fff !important;
    background-color: !important;
}

/*header*/

div#mw-head {
    top: 154px !important;
    z-index: 0;
}

div#mw-panel {
    top: 360px !important;
    padding-top: 0;
    padding-left: 0;
    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;
}