MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/*** Theme with Dark Background ***/
/* Eventually you will write your entire theme here, and you can delete this example rule and this comment after verifying the config is working. */
/*** Note: Adjusting themes can take up to 15 minutes to 1 hour for cache to refresh.
Make adjustments in large edits/saves instead of single code edits/saves. ***/
header#wikigg-header {
box-shadow: 3px 2px 6px #0c0c0c;
}
#p-logo a {
border-radius: 25px;
box-shadow: 2px 4px 8px #0c0c0c;
}
body {
background: #15161a;
color: #dbdbdb;
}
button, input, optgroup, select, textarea {
background: #313443;
color: white;
border: 0px;
padding: 10px 8px;
border-radius: 5px;
}
.mw-htmlform-submit {
padding: 10px 20px;
}
.mw-message-box-error {
background-color: #311f1f;
border-color: #453d2c;
color: #bbbbbb;
border-radius: 5px;
}
fieldset {
border-radius: 5px;
}
.mw-input {
padding: 10px 0px;
}
#mw-head {
background: #15161a;
color: #dbdbdb;
}
.wikitable {
background-color: #1b1d27;
color: #dbdbdb;
display: table;
border-collapse: unset;
border: 0px;
}
.wikitable>tr>th, .wikitable>*>tr>th {
background-color: #15161a;
color: #78919d;
padding: 15px;
}
.wikitable>caption {
padding: 10px;
font-size: 30px;
margin-bottom: 5px;
}
.wikitable>tr>th, .wikitable>tr>td, .wikitable>*>tr>th, .wikitable>*>tr>td {
border: 0px solid #a2a9b1;
border-color: #453d2c;
background-color: #1b1d27;
padding: 10px;
box-shadow: 0px 0px 8px #25262d;
font-size: 16px;
}
.mw-panel {
color: #dbdbdb;
}
.mw-panel a{
color: #dbdbdb;
}
.mw-body {
background: #15161a;
color: #dbdbdb;
border: 0px solid #25262d;
}
.vector-menu-tabs-legacy .selected {
background: #15161a;
color: #dbdbdb;
}
.vector-menu-tabs-legacy li {
background: #15161a;
color: #dbdbdb;
}
.vector-menu-tabs-legacy li a {
color: #ad5050;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.vector-menu-tabs-legacy li a:visited {
color: #ad5050;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a {
color: #ad5050;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited {
color: #e9bfbf;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a {
color: #ad5050;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
color: #e9bfbf;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
padding: 10px;
}
li.gallerybox div.thumb {
border: 0px solid #2d2d2d;
background-color: #212121;
}
.gallerytext {
font-size: 16px;
text-align: center;
padding: 0px 0px;
}
.gallerytext > pre > b {
display: block;
position: absolute;
margin: -20px 0px;
width: 132px;
font-size: 16px;
border-radius: 5px;
background: #15161a;
padding: 2px 5px;
color: #cdcdcd;
text-align: center;
white-space: initial;
}
.gallerytext > pre > br {
background: white;
}
.gallerytext > pre {
padding: 2px;
}
.gallerytext > pre > span {
font-size: 18px;
color: #bfb1a4;
}
li.gallerybox {
border-radius: 5px;
background: #212121;
margin: inherit;
}
li.gallerybox div.thumb img {
box-shadow: 0 0px 8px 0px #0c0c0c;
width: 135px;
height: 135px;
border-radius: 3px;
}
h1,h2,h3,h4,h5,h6 {
color: #dbdbdb;
}
a {
color: #5981c3;
font-size: 15px;
border-radius: 5px;
}
a.new {
color: #9f4242;
}
a:visited {
color: #875cbd;
}
pre, code, .mw-code {
color: #bfb1a4;
background: #212121;
border: 1px solid #333333;
}
pre {
border: 0px solid #333;
}
.vector-body p {
color: #875cbd;
}
.vector-menu-tabs-legacy li a {
color: #cd898c;
font-weight: bold;
}
.vector-menu-tabs-legacy li a:visited {
color: #cd898c;
font-weight: bold;
}
.vector-menu-portal .vector-menu-content {
margin-left: 0px;
}
.vector-menu-portal .vector-menu-content li {
margin: 8px -9px;
padding: 0.1em 0.4em;
font-size: 1.2em;
line-height: 1.75em;
border-top: 2px solid #25262d;
border-bottom: 2px solid #25262d;
border-radius: 6px;
text-align: center;
}
.vector-menu-portal .vector-menu-content li a {
padding: 5px;
color: #875cbd;
}
.vector-menu-portal .vector-menu-content li a:visited {
color: #875cbd;
}
.mw-message-box-warning {
background-color: #2f2c26;
border-color: #453d2c;
border-radius: 5px;
color: #bbbbbb;
}
.vector-body p {
color: #dbdbdb;
}
.vector-search-box-input {
background: #292b35;
color: #8f8f8f;
}
.catlinks {
background: #15161a;
border: 0px;
}
.wikiEditor-ui-controls {
background: #5d5d5d;
color: #dbdbdb;
}
.wikiEditor-ui-toolbar {
background: #15161a;
color: #dbdbdb;
}
.wikiEditor-ui-toolbar .sections .section {
border-top: 3px solid #25262d;
box-shadow: 2px 2px 0px #25262d;
}
.wikiEditor-ui .wikiEditor-ui-view {
border: 0px;
box-shadow: 0px 0px 4px #25262d;
}
.mw-editform #wpTextbox1 {
background: #292b35;
color: #dbdbdb;
padding: 20px 10px;
}
.editOptions {
border: 0px;
box-shadow: 0px 0px 4px #25262d;
}
.wikiEditor-ui .wikiEditor-ui-top {
border: 0px;
box-shadow: 0px 0px 4px #25262d;
}
.mw-editform .editOptions {
background: #15161a;
color: #dbdbdb;
}
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: #dbdbdb;
}
.wikiEditor-ui-toolbar .tabs span.tab a {
color: #dbdbdb;
}
.wikiEditor-ui-toolbar .group .label {
color: #dbdbdb;
}
.wikiEditor-ui-toolbar .group .tool-select .label {
color: #dbdbdb;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
background: #292b35;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
color: #dbdbdb;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
color: #dbdbdb;
border-color: #292b35;
}
.oo-ui-buttonElement.oo-ui-labelElement>input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement>.oo-ui-buttonElement-button>.oo-ui-labelElement-label {
background: #313443;
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
filter: brightness(0) invert(1);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
background: #51ab70;
border-color: #51ab70;
}
.mw-highlight .nc {
color: #dfba61;
}
.mw-highlight .nt {
color: #dfba61;
}
.mw-highlight .nd {
color: #a276bd;
}
.mw-highlight .nn {
color: #dfba61;
}
.mw-highlight .k {
color: #56a7d7;
}
.mw-highlight .mh {
color: #cb835f;
}
.mw-highlight .mi {
color: #aecfd5;
}
.mw-highlight .kc {
color: #cb835f;
}
.mw-highlight .mi {
color: #cb835f;
}
.mw-highlight .kt {
color: #cb835f;
}
.mw-highlight .nb {
color: #7daf7d;
}
.mw-highlight .hll {
background-color: #40384d;
}
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
background: #292b35;
color: #dbdbdb;
border-color: #292b35;
box-shadow: 0px 0px 0px;
}
.mw-content-ltr.mw-highlight .linenos {
background: #21222b;
color: #dbdbdb;
border-color: #21222b;
}
.mw-highlight a:hover .linenos, .mw-highlight .hll a .linenos {
color: #b541ab;
}
.mw-footer li {
color: #dbdbdb;
}
.mw-big-pictures {
padding: 10px 20px;
}
.mw-big-pictures a{
padding: 10px 10px;
color: wheat;
font-size: 20px;
font-weight: bold;
}