MediaWiki:Common.css: Difference between revisions

From Rhythm Heaven Wiki
Jump to navigation Jump to search
(Added style for the main navigation template)
(Added "pixelated" class to use with images and others)
Line 209: Line 209:
.main-navigation-logo{
.main-navigation-logo{
     padding:0.5%
     padding:0.5%
}
.pixelated{
    image-rendering: pixelated;
}
}

Revision as of 08:40, 22 July 2025

/* CSS placed here will be applied to all skins */
@font-face { 
    font-family: Kurokane;
    src: url(/w/images/0/0b/FOT-KurokaneStd-EB.otf);
}
@font-face { 
    font-family: Rodin;
    src: url(/w/images/4/4c/FOT-RodinNTLGPro-DB.otf);
}
@font-face { 
    font-family: Humming;
    src: url(/w/images/0/04/FOT-HummingStd-E.otf);
}
#firstHeading,
h1, #bodyContent h1,
h2, #bodyContent h2,
h3, #bodyContent h3,
h4, #bodyContent h4,
h5, #bodyContent h5,
h6, #bodyContent h6 {
    color: #E6E6E6;
    font-family: "Kurokane", "Arial";
    font-weight: normal;
}
#mw-head{
    background: url("/w/images/5/50/Wiki-background");
    color: #E6E6E6;
    font-family: "Rodin", "Arial";
}
.mw-list-item{
background: #00131D !important;
}
body{
    background:
linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 1)) fixed,
url("/w/images/5/50/Wiki-background");
    color: #E6E6E6;
    font-family: "Rodin", "Arial";
}
#content, .mw-body {
    background-color: #000B10;
    color: #E6E6E6;
    font-family: "Rodin", "Arial";
}

.mainpage .wds-tabs__tab {
	color: #E6E6E6;
}
.wds-tabs__tab-label > a:hover, .wds-tabs__tab-label > a:visited {
	color: var(--theme-accent-color);
}

/* Color the links */
a, a.interwiki, a.external, a:visited, a.interwiki:visited, a.external:visited {
  color: #a59fe1;
}
.mw-parser-output a.extiw, .mw-parser-output a.external {
    color: #7aacff;
  }
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
    color: #ca6eca;
}

/* Color Table of Contents */
#toc, .toc, .mw-warning, .toccolours, body.skin-monobook .toccolours { 
    background-color: #000B10; 
    border-color: #3A4246; 
}
.tocnumber {
  color: #fff;
}

/* Color catlinks */
.catlinks {
  background-color: #000;
}

/* Color gallery thumbnails */
li.gallerybox div.thumb {
  border: 1px solid #c8ccd1;
  background-color: #242424;
}

/* Color the edit interface */
.wikiEditor-ui {
    background-color: #000B10;
}
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .sections .section {
	background-image: none;
	background-color: inherit;
}
.tool-button.tool-active, .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
	background-color: inherit;
}
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
	color: inherit;
}
textarea, div#editpage-specialchars a , .mw-editform-legacy input#wpSummary  {
    background-color: #000B10;
    border-color: #3A4246;
    color: #E6E6E6;
}
.editOptions {
    background-color: #263034;
    border-color: #3A4246;
    color: #E6E6E6;
}
.CodeMirror {
  background: black;
  color: #fff;
}
.CodeMirror-gutters {
  background-color: #1c1c1c;
}
.oo-ui-iconElement-icon, .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select {
  filter: invert(1) hue-rotate(180deg);
}
.wikiEditor-ui-toolbar .tabs span.tab a {
  color: #fff;
}
.cm-mw-link-pagename, .cm-mw-link-bracket, .cm-mw-link-delimiter, .cm-mw-extlink, .cm-mw-free-extlink {
  color: #999fff;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
  background-color: #000;
  color: #fff;
}
.wikiEditor-ui-toolbar .page-characters div span:hover, .wikiEditor-ui-toolbar .booklet > .index > :hover {
  color: #000;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: #000;
  color: #fff;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #575757;
    color: #fff;
}
.wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .page-table td {
  color: #fff;
}

/* Template:Documentation */
.mw-parser-output div.documentation,
.mw-parser-output div.documentation-metadata {
    background-color: #000B10;
}

/* Fix pre-code stuff */
pre, code, .mw-code, mw-changeslist-overlay, .mw-changeslist-legend {
  background-color: #14252d;
  color: #eaecf0;
  border: 1px solid #eaecf0;
}

/* Fix diff changes colors */
.diff-context {
  background: #000;
  border-color: #eaecf0;
  color: #fff;
}
.diff-deletedline .diffchange {
  background: #5e5236;
}
.diff-addedline .diffchange {
  background: #4d6479;
}

/* Fix colors in search results */
#mw-searchoptions {
  background-color: #000;
}
.mw-search-profile-tabs {
  background-color: #000;
}
.search-types .current a {
  color: #fff;
}

/* Fix thumbanil colors */
 div.thumbinner {
  border: 1px solid #c8ccd1;
  background-color: #242424;
}
 img.thumbimage {
    background-color: #000B10;
}

/* Fix colors of wikitables */
.wikitable {
   background-color: #00131D;
   border-color: #4A31FF;
   color: #fff;
}
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #4A31FF;
    border-color: #4A31FF;
    text-align: center;
    font-family: "Kurokane", "Arial";
    font-weight: normal;
}

ul {
    list-style-image: none;
}

.main-navigation-logo{
    padding:0.5%
}

.pixelated{
    image-rendering: pixelated;
}