MediaWiki:Common.css
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(73, 73, 74,.6);
padding: 10px;
border: solid 1px black;
position: relative;
top: -20px;
}
/* text */
.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);
}
.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: #d28b91 !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 */
.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: 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;
}