MediaWiki:Common.css: Difference between revisions

From Rhythm Heaven Wiki
Jump to navigation Jump to search
(Adjustments for narrow screens)
mNo edit summary
 
(82 intermediate revisions by 3 users not shown)
Line 2: Line 2:
@font-face {  
@font-face {  
     font-family: Kurokane;
     font-family: Kurokane;
     src: url(https://static.wikia.nocookie.net/rhythmheaven/images/0/0b/FOT-KurokaneStd-EB.otf);
     src: url(/w/images/0/0b/FOT-KurokaneStd-EB.otf);
}
}
@font-face {  
@font-face {  
     font-family: Rodin;
     font-family: Rodin;
     src: url(https://static.wikia.nocookie.net/rhythmheaven/images/4/4c/FOT-RodinNTLGPro-DB.otf);
     src: url(/w/images/4/4c/FOT-RodinNTLGPro-DB.otf);
}
}
.main-container .page-header__title {
#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-family: "Kurokane", "Arial";
    font-weight: normal;
}
}
.page__main {
#mw-head{
    background: url("/w/images/5/50/Wiki-background");
    color: #E6E6E6;
     font-family: "Rodin", "Arial";
     font-family: "Rodin", "Arial";
}
}
.portable-infobox {
.mw-list-item{
  width: 25%;
background: #00131D !important;
  min-width: 220px;
}
}
.portable-infobox .pi-data-label {
body{
  text-align: right;
    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";
}
}
.portable-infobox .pi-item.pi-title {
#content, .mw-body {
     font-family: "Kurokane", "Arial";
    background-color: #000B10;
    color: #E6E6E6;
     font-family: "Rodin", "Arial";
}
}


.mainpage .wds-tabs__tab {
.mainpage .wds-tabs__tab {
color: black;
color: #E6E6E6;
}
}
.wds-tabs__tab-label > a:hover, .wds-tabs__tab-label > a:visited {
.wds-tabs__tab-label > a:hover, .wds-tabs__tab-label > a:visited {
color: var(--theme-accent-color);
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;
}
}

Latest revision as of 16:51, 16 July 2024

/* 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);
}
#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;
}