MediaWiki:Theme-light.css

From Voidigo 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.
/*** Theme with Light background ***/

body .mw-body 
{
	background: transparent;
    box-shadow: none;
}

:root 
{
 --theme-site-background: url(/images/3/37/Site-background-light.webp) top center / cover no-repeat fixed;
 --theme-text-color: black;
 --theme-heading-color: black;
 --theme-link-color-hover: black;
 --theme-navbar-border-color: transparent;
 --theme-navbar-tab-border-color: transparent;
 --theme-navbar-tab-selected-background: transparent;
 --theme-navbar-tab-border-color-hover: transparent;
 --theme-navbar-tab-text-color-hover: black;
 --theme-navbar-tab-text-color: black;
 --theme-navbar-tab-dropdown-background: #ffd9f3;
 --theme-navbar-tab-dropdown-hover-mask: #E41274;
 
/* Border Background */
#mw-page-base {
    background: none;
    border-image-source: url(/images/2/22/Anti_border.png);
    border-image-slice: 16 13 7 16 fill;
    border-image-width: 20px 20px 20px 20px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    z-index: -1;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  color: black;
  background: #ffd9f3;
}

.vector-menu-dropdown, 
#mw-head .vector-menu-dropdown .vector-menu-heading, 
.vector-menu-dropdown, 
.vectorTabs, 
.vectorTabs ul, 
.vectorTabs span, 
.vectorTabs li, 
.vectorTabs li a, 
.vectorTabs li.selected a, 
.vectorTabs li.selected a:visited {
    background-color: #ffd9f3;
    color: black;
}

 /* Navbox */
 .navbox {
 background: white;
 color: black;
 }
 
 .navbox .navbox-title {
 	background: #971f61;
 }
 
 .navbox .navbox-list {
 	background: white;
 	color: black;
 }

.toc .tocnumber 
{
	color: black;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: #86349f;
}

    /* User Profile box */

.mw-message-box 
{
	color: black;
	border-style: solid;
	background-color: transparent;
 }
 
/* Title above sections */
body .home-title {
    background: #C62374;
}

/* Home content - Button styling */
body .home-content-links-wrapper a {
  background: #F0BEE0;
  border: 1px solid #F0BEE0;
  border-radius: 5px;
  margin-bottom: 0.5em;
  transition: 0.2s ease-in-out;
  display: block;
  width: 100%;
}

/* Home content - Button hover */
body .home-content-links-wrapper a:hover, 
body .home-content-links-wrapper a:active, 
body .home-content-links-wrapper a:focus {
  text-decoration: none;
  border-color: #c62374;
  background: #c62374;
}

/* Links - discord icon and light theme colors */
.home-link-background.discord-icon {
	background-image: url(https://static.wikia.nocookie.net/voidigo/images/d/d5/Discord-mark-white.png);
}
.home-links a:first-child,
.home-links a:first-child:hover, 
.home-links a:first-child:focus,
.home-links a:first-child:active {
	background: #C62374;
	border-color: #C62374;
}

/* Links - twitter icon and light theme colors */
.home-link-background.twitter-icon {
	background-image: url(https://static.wikia.nocookie.net/voidigo/images/e/e4/Twitter-mark-white.png);
}
.home-links a:nth-child(2),
.home-links a:nth-child(2):hover, 
.home-links a:nth-child(2):focus,
.home-links a:nth-child(2):active  {
	background: #1c99ee;
	border-color: #1c99ee;
}
/* Links - twitch icon and light theme colors */
.home-link-background.twitch-icon {
	background-image: url(https://static.wikia.nocookie.net/voidigo/images/0/0d/Twitch-mark-white.png);
}
.home-links a:nth-child(3),
.home-links a:nth-child(3):hover, 
.home-links a:nth-child(3):focus,
.home-links a:nth-child(3):active {
	background: #7533d7;
	border-color: #7533d7;
}

/* Links - youtube icon and light theme colors */
.home-link-background.youtube-icon {
	background-image: url(https://static.wikia.nocookie.net/voidigo/images/a/a5/Youtube-mark-white.png);
}
.home-links a:nth-child(4),
.home-links a:nth-child(4):hover, 
.home-links a:nth-child(4):focus,
.home-links a:nth-child(4):active {
	background: #df0000;
	border-color: #df0000;
}

/* Links - steam icon and light theme colors */
.home-link-background.steam-icon {
	background-image: url(https://static.wikia.nocookie.net/voidigo/images/4/49/Steam-mark-white.png);
}
.home-links a:nth-child(5),
.home-links a:nth-child(5):hover, 
.home-links a:nth-child(5):focus,
.home-links a:nth-child(5):active {
	background: #313337;
	border-color: #313337;
   }
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>
.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>
.oo-ui-buttonElement-button
{
	background-color: var(--theme-border-color);
    border-color: var(--theme-sidebar-heading-background);
    color: white;
}