MediaWiki:Lernaean.css

From Calamity Mod Wiki
Jump to navigation Jump to search

CSS and Javascript changes must comply with the wiki design rules.


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: Clear the cache in Tools → Preferences
/* Credit to Philo04 for creating this CSS */

div#mw-panel div.portal h5 {
	color: #D99B00;
}

div.vectorMenu div.menu {
	border-color: #F37F20;
}

div.vectorMenu .vector-menu-heading span {
	color: #d4d4d4;
}

div.vectorMenu .vector-menu-heading span::after {
	filter: invert(100%);
}

div.vectorMenu div.menu {
	background-color: #303030;
}

div.vectorMenu ul {
	background-color: #303030;
	border-color: #404040;
}

div.vectorTabs li.selected {
	background-color: #101010;
}

div.vectorTabs ul li {
	background-color: #101010;
}

div.vectorTabs li a {
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
	color: #E0E0E0;
}

#p-cactions .menu {
	background-color: #222;
	border-color: #F37F20;
}

div#mw-panel div.portal .vector-menu-heading,
.vector-menu-heading .vector-menu-heading-label {
	color: #F37F20;
}

div#mw-panel div.portal div.body {
	background-image: linear-gradient(90deg, transparent, #F37F20, transparent);
	background-size: 100% 1px;
}

div#mw-panel div.portal#p-socialProfiles div.body {
	background-image: none;
}

div#toc, div.toc, div.mw-warning {
	background-color: #181818;
	border-color: #080808;
}

#mw-panel .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading a, #mw-panel .portal.collapsed .vector-menu-heading a {
	color: #e0e0e0;
}

.mw-changeslist-legend {
	border-color: #505050 !important;
	background-color: #060606 !important;
}

div#simpleSearch {
	background: #202020;
	border: 1px solid #404040;
}

div#simpleSearch #searchInput {
	color: #e0e0e0;
}
.suggestions-results, .suggestions-special {
	background-color: #202020;
	border-color: #404040;
}

.suggestions-result {
	background-color: #202020;
	color: #e0e0e0;
}

.suggestions-result-current {
	background-color: #303030;
	color: #e0e0e0;
}

.suggestions-special .special-label {
	color: gray;
}

.suggestions-special .special-query {
	color: #e0e0e0;
}

.suggestions-result-current .special-label {
	color: #a0a0a0;
}

.suggestions-result .highlight {
	color: orange;
	font-weight: 400;
}

#pagehistory li.selected {
	color: #e0e0e0;
	background-color: #181818;
	border-color: #101010;
	border-style: solid;
	border-width: 1px 0;
}

#pagehistory li:first-child {
	border-width: 1px 0;
}

#pagehistory li {
	border-color: #282828;
	border-style: dashed;
	border-width: 0 0 1px;
}

#preferences {
	background-color: #282828;
	background-image: none;
	border-color: #404040;
}

#preferences fieldset.prefsection fieldset {
	border-color: #505050;
}

#preftoc a, #preftoc a:active {
	color: #5A93CC;
}

ul#filetoc {
	background-color: #181818;
	border-color: #080808;
}

#mw_metadata td {
	background-color: var(--theme-page-background-color);
}
#mw_metadata th {
	background-color: var(--theme-page-background-color--secondary);
}

pre, .mw-code {
	background-color: #282828;
	border-color: #505050;
	color: #e0e0e0;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	color: #e0e0e0;
	background-color: #181818;
	border: 1px solid #383838;
}

.mw-ui-container #userloginForm, .mw-ui-container #userloginForm, div#secondary-content {
	border-color: #505050;
}

.ui-widget-header {
	background: #000 linear-gradient(to bottom, rgba(66, 66, 66, 1) 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0 !important;
	border-color: #F37F20 !important;
	color: #ddd;
}

.mw-echo-ui-notificationItemWidget-initiallyUnseen .mw-echo-ui-notificationItemWidget-unread {
    animation-name: inherit;
    background-color: #520202;
}

.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
	background-color: #520202;
}

body .ui-dialog .ui-widget-header {
	background: #000 linear-gradient(to bottom, rgba(66, 66, 66, 1) 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0 !important;
}

body .ui-dialog .ui-icon-closethick {
	filter: invert(100%) !important;
}

#mw-undelete-revision {
	background-color: #282828;
	border-color: #404040;
}

div#content hr {
	background-color: #505050;
	color: #505050;
}

div.wikiEditor-ui-buttons {
	background-color: #181818;
	border-color: #181818;
}

div.wikiEditor-ui {
	background-color: #202020;
	border: 1px solid #505050;
}

div.wikiEditor-ui-controls {
	background-color: #181818;
	border-bottom: 1px solid #505050;
}

div.wikiEditor-ui-tabs {
	background-color: #101010;
	border-left: 1px solid #505050;
	border-top: 1px solid #505050;
}

div.wikiEditor-ui-tabs div {
	background-color: #101010;
	border-bottom: 1px solid #505050;
	border-right: 1px solid #505050;
}

div.wikiEditor-ui-tabs div a {
	color: #E0E0E0;
}

div.wikiEditor-ui-tabs div.current {
	background-color: #202020;
	border-bottom: 1px solid #202020;
}

div.wikiEditor-ui-tabs div.current a {
	color: #fff;
}

div.wikiEditor-ui .wikiEditor-ui-top {
	border-bottom: 1px solid #505050;
}

div.wikiEditor-ui .wikiEditor-ui-view {
	border: 1px solid #505050;
}

div.wikiEditor-ui-toolbar {
	background-color: #181818;
	background-image: linear-gradient(totop, rgba(0, 0, 0, 1) 0 rgba(0, 0, 0, 0) 100% );
}

div.wikiEditor-ui-toolbar .group {
	border-right: 1px solid #505050;
}

div.wikiEditor-ui-toolbar .group-search {
	border-left: 1px solid #505050;
	border-right: none;
}

div.wikiEditor-ui-toolbar .group .label,
div.wikiEditor-ui-toolbar .group .tool-select .label {
	color: #E0E0E0;
}

div.wikiEditor-ui-toolbar .group .tool-select {
	background-color: #353535;
	border-color: #505050;
}

div.wikiEditor-ui-toolbar .group .tool-select .menu .options {
	background-color: #353535;
	border-color: #505050;
}

div.wikiEditor-ui-toolbar .group .tool-select .options .option {
	color: #fff;
}

div.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
	background-color: #555;
}

div.wikiEditor-ui-toolbar .tab {
	border-color: transparent;
}

div.wikiEditor-ui-toolbar .tabs span.tab a, div.wikiEditor-ui-toolbar .tabs span.tab a:visited {
	color: #E0E0E0;
}

div.wikiEditor-ui-toolbar .tabs span.tab a.current, div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
	color: #fff;
}

div.wikiEditor-ui-toolbar .sections .section {
	background-color: #353535;
	border-top: 1px solid #505050;
}

div.wikiEditor-ui-toolbar .booklet .index div {
	color: #E0E0E0;
}

div.wikiEditor-ui-toolbar .booklet .index .current {
	background-color: #202020;
	color: #fff;
}

div.wikiEditor-ui-toolbar .booklet .pages {
	background-color: #202020;
}

div.wikiEditor-ui-toolbar .page-characters div span {
	border: 1px solid #505050;
	color: #E0E0E0;
}

div.wikiEditor-ui-toolbar .page-characters div span:hover {
	background-color: #353535;
	border-color: #757575;
}

div.wikiEditor-ui-toolbar .page-table td {
	border-top: 1px solid #505050;
	color: #E0E0E0;
}

div.wikiEditor-ui .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
	background-color: #353535;
	outline-color: #505050;
}

div.wikiEditor-ui-toolbar .sections .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
	background-color: #555;
}

div.wikiEditor-preview-contents, div.wikiEditor-preview-loading {
	background-color: transparent;
}

div.editOptions {
	background-color: #181818;
	border: 1px solid #505050;
	color: #E0E0E0;
}

.wikiEditor-ui-toolbar .section-main .group-codeeditor-main .oo-ui-toggleButtonWidget {
	background-color: #181818 !important;
	outline-color: rgb(132, 128, 128);
	background: rgba(62, 59, 59, 0.5);
	box-shadow: rgba(32, 32, 32, 0.2) 0 0;
}

.codeEditor-status .codeEditor-status-worker-cell.ace_gutter-cell {
	color: black;
}

.codeEditor-status-line {
	color: black;
}

.codeEditor-status-message {
	color: black;
}

.mw-scribunto-console-fieldset {
	background: black none repeat scroll 0 0;
	color: white;
}
.mw-scribunto-message {
	background: black none repeat scroll 0 0;
	color: green;
}

#msupload-div #msupload-list .file {
	background-color: #353535;
	border-bottom: #444;
	border-top: #333;
}

#msupload-div #msupload-list .green {
	color: #CCCCCC;
}

#msupload-div #msupload-list .file .file-title, #msupload-div #msupload-list .file .file-size, #msupload-div #msupload-list .file .file-warning {
	color: #CCCCCC;
}

#msupload-div #msupload-list .file .title_over {
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}

#msupload-div #msupload-list .file .small_warn {
	background: #fff6bf url("/extensions/MsUpload/images/msu_error-small.png") no-repeat scroll 0 center;
	color: #333333;
	font-size: 95%;
	overflow: hidden;
	padding: 1px 1px 1px 15px;
	width: 500px;
}

.msupload-check-span {
	color: #bbb;
}

div.postedit {
	-webkit-box-shadow: 0 2px 5px 0 #666;
	background-color: #040404;
	border: 1px solid #010101;
	border-radius: 5px;
	box-shadow: 0 2px 5px 0 #666;
	color: #e0e0e0;
	text-shadow: none;
}

a.postedit-close {
	color: #e0e0e0;
	text-shadow: none;
	opacity: 1;
}

a.postedit-close:hover {
	color: #e0e0e0;
}

#mw-createaccount-join {
	background-color: #ea8f20;
	border-color: #ea8f20;
	box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.5);
}

div.mw-number-text, #bodyContent div.mw-number-text h3 {
	color: inherit;
}

#wikiEditor-ui-toolbar {
	background-image: none;
}

.oo-ui-popupWidget-popup {
	border-color: #444;
}

.mw-echo-ui-notificationItemWidget {
	background-color: #1f1f1f;
}

.mw-echo-ui-menuItemWidget-content {
	color: #ddd !important;
}

.mw-echo-ui-notificationItemWidget-content-message-header {
	color: #fff;
}

.mw-echo-ui-notificationItemWidget.oo-ui-optionWidget-selected, .mw-echo-ui-notificationItemWidget.oo-ui-optionWidget-highlighted {
	background-color: #3f3f3f;
}

div.wikiEditor-toolbar-dialog {
	background-color: #202020;
	border: solid 1px #F37F20;
}

div.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
	background-color: #202020;
}

div.wikiEditor-toolbar-dialog label, div.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview {
	color: #E0E0E0;
}

.mw-echo-ui-placeholderItemWidget {
	background-color: inherit;
}

.mw-echo-ui-notificationItemWidget:hover {
	background-color: inherit;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
	color: #fff !important;
}

.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
	color: #fff;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background: #000;
	color: #eee;
}

.oo-ui-popupWidget .oo-ui-popupWidget-popup .oo-ui-buttonWidget:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	background: #1a1a1a;
}

.oo-ui-widget-footer {
	margin: 0px !important;
}

.oo-ui-popupWidget-popup .oo-ui-iconElement-icon, .mw-echo-ui-overlay .oo-ui-iconElement-icon {
  filter: invert(100%);
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -o-filter: invert(100%);
  -ms-filter: invert(100%);
}

.oo-ui-tabSelectWidget {
	background-color: #303030;
	color: #fff;
}

.oo-ui-widget-enabled .oo-ui-optionWidget-selected {
	background-color: #1a1a1a;
}

.mw-prefs-buttons {
	background: #1a1a1a;
}

.oo-ui-labelElement-label {
	color: #fff;
}

.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
	color: #000;
}

.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
	filter: invert(0%);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
	background: transparent;
}

.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: #303030;
    border-color: #F37F20;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
	background: #1a1a1a;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
	background: #1a1a1a;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
	background: #1a1a1a;
}

.mw-rcfilters-ui-menuSelectWidget-footer  {
	background: #1a1a1a;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
	background: #1a1a1a;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
	color: #fff;
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
	color: #c7c7c7;
}

.mw-rcfilters-ui-itemMenuOptionWidget:hover {
	background: #060606;
}
.oo-ui-popupWidget { z-index: 1003; }

.mw-widget-dateInputWidget-handle,
.mw-widget-dateInputWidget-handle label,
.oo-ui-radioInputWidget [type="radio"] + span,
.ui-autocomplete-input,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label,
.oo-ui-dropdownWidget,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	background-color:black;
	color:white;
}

.oo-ui-menuOptionWidget,
.oo-ui-menuSectionOptionWidget,
.oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
	background-color:black;
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
    background-color: rgba(125, 125, 125, 0.4);
}

.mw-apisandbox-toolbar {
	background-color: #202020;
	border: 1px solid #a2a9b1;
}

/* options in ovals */
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
/* sidebar */
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
/* up down buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-disabled>.oo-ui-buttonElement-button,
/* checkboxes */
.oo-ui-checkboxInputWidget [type="checkbox"] + span,
/* sliders */
.oo-ui-toggleSwitchWidget,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
/* end sliders */
.mw-widgets-datetime-dateTimeInputWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input,
.oo-ui-menuOptionWidget .oo-ui-optionWidget-highlighted,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownWidget-handle::-moz-focus-inner,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
	background-color: black;
	color: white;
}

/* little ovals */
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
/* end little ovals */
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-disabled .mw-widgets-datetime-dateTimeInputWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
	background-color: black;
	color: darkgrey;
}

.oo-ui-iconElement-icon {
	filter: invert(1);
}

.oo-ui-checkboxInputWidget {
	filter: invert(1);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled>.oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
	filter: unset;
}

.oo-ui-popupWidget-popup,
.oo-ui-window-body {
	background-color: black;
}

#wpTextbox1 {
	background-color: black;
	color: white;
}

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

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: #6c6e70;
}

.wikiEditor-ui-toolbar .section-main .group-codemirror .mw-editbutton-codemirror-active {
    background-color: #181818;
    outline-color: rgb(132, 128, 128);
}
.ui-widget-content {
    color: #e0e0e0;
    background: #222 none repeat scroll 0 0;
}

.mw-mmv-title {
    color: #222;
}

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

#mw-panel {
	padding-top: 35px;
}