MediaWiki:Common.css

From Ultimate Experience Mod Wiki
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;
}