MediaWiki:Common.css

From Rhythm Heaven Wiki
Revision as of 14:53, 18 July 2023 by TheAlternateDoctor (talk | contribs) (Added styling to Navbar, Top bar and Login bar)
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 */
@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";
}
#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";
}
.portable-infobox {
    background-color: #000B10;
    border-color: #3A4246;
    width: 30%;
    min-width: 250px;
}
.portable-infobox .pi-data-label {
    text-align: right;
}
.portable-infobox .pi-horizontal-group .pi-data-label {
    text-align: center !important;
}
.portable-infobox .pi-item.pi-title {
    background-color: #4A31FF;
    color: white;
    text-align: center;
    font-family: "Kurokane", "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 */
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited {
  color: #E6E6E6;
}

.vector-menu-portal .vector-menu-content li a {
  color: #a59fe1;
}

.vector-menu-portal .vector-menu-content li a:visited {
  color: #6c64b5; 
}

a, a.interwiki, a.external, a:visited, a.interwiki:visited, a.external:visited {
  color: #a59fe1;
}

/* Color Table of Contents */
#toc, .toc, .mw-warning, .toccolours, body.skin-monobook .toccolours { 
    background-color: #000B10; 
    border-color: #3A4246; 
}
/* 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;
}
/* Template:Documentation */
.mw-parser-output div.documentation,
.mw-parser-output div.documentation-metadata {
    background-color: #000B10;
}

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

/* Style the login bar */
#p-personal {
background-color:#00131D;
top:0px;
right:0px;
padding: 6px 16px;
border-bottom-left-radius: 15px;
border: 1px solid #A7D7F9;
border-top-color: #00131D;
border-right-color: #00131D;
}

#p-personal ul{
padding: 0px;
}

/* Style the navbar boxes */
#mw-panel .vector-menu-content-list{
padding: 6px ;
background-color:#00131D;
border-radius: 15px;
border: 1px solid #A7D7F9;
}

#mw-panel .vector-menu-heading{
text-align: center;
}

/* Style the top bar */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{
background-image: none;
}

#p-namespaces .mw-list-item, #p-views .mw-list-item{
background-color:#00131D;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border: 1px solid #A7D7F9;
border-bottom: none;
}

#ca-unwatch{
 padding-left: 6px;
 padding-right: 3px;
}

#p-namespaces{
padding-left:0px;
}