MediaWiki:Common.css

From Fight As One MUSH
Jump to navigation Jump to search

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=Righteous&display=swap');

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

body {

background: #303236 !important;

}

#p-personal li {
    margin: 0;
    margin-top: .5em;
    font-size: .75em;
    background: rgb(35, 47, 55);
    padding: 10px;
    border: solid 1px black;
    position: relative;
    top: -20px;
}

/* text */

.mw-ui-vform .error { 
    color: #dd3333;
    border: 1px solid #fac5c5;
    background-color: #6e5759;

}

.not-patrolled {
    background-color: #283036;
}

.mw-datatable td {
    background-color: #3b3b3c;
}

.mw-datatable tr:hover td {
    background-color: #293037;
}

.mw-datatable th {
    background-color: #2a3137;
}

.smw-property-page-results .value-row:hover {
    background-color: #5f5f5f;
}

.smw-property-page-results .header-title {
    color: #fff;
    background-color: #2e3036;
}

.oo-ui-labelWidget.oo-ui-inline-help {
    color: #979798;
}

fieldset {
    border: 1px solid #096d9e;
}

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

ul { list-style-image: none !important; }

/* tabs and body */

.oo-ui-tabSelectWidget { letter-spacing: 1px; }

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

.mw-search-profile-tabs { background: #2e3137; border: none; }

#mw-searchoptions { background-color: #383839; border: none; }

#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);
    width: 160px !important; 
    height: 160px !important;
}

.ui-widget-content { background: #000; color: #fff; font-family: poiret one; }

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

.ui-dialog .ui-dialog-buttonpane button {
    font-family: poiret one;
    color: black;
}

/*links*/

.smw-ui-pagination .page-link.link-disabled {
    background-color: #2f3136;
}

.smw-ui-pagination .page-link {
    border: none;
    background-color: #2f3136;
}

.smw-tabs input.nav-tab:checked + label.nav-label { color: #fff; }

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: #0D98BA !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 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 */

.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: #ffffff;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: #575f7d;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: #575f7d;
    color: #fff;
    border: none;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: #ffffff;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
    background-color: #3c3b3d;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus {
    background: #fff;
}

oo-ui-tabSelectWidget {
    letter-spacing: 1px; 
}

.oo-ui-panelLayout-scrollable {
    letter-spacing: 1px;
    font-size: 17px;
}

.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a {
    color: #000 !important;
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
    color: #000 !important;
}

.toc, .mw-warning, .toccolours {
    border: none;
    background-color: #3a3a3b;
    padding: 15px;
    font-size: 16px;
    letter-spacing: 1px;
}

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

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

.sitedir-ltr input {
    background: #fff;
    color: #000;
    font-family: poiret one;
    font-size: 16px;
}

.wikiEditor-ui-toolbar .group .tool-select .label {
    color: #000 !important;
}

/*button*/

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    background-color: #293037;
    border: none;
}

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

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #3266cc;
    color: #fff !important;
    border: none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #447ef5;
    color: #fff;
}

/*header*/

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

div#mw-panel {
    top: 365px !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;
}

.mw-destfile-warning { background-color: #303236; border: none !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;
}