MediaWiki:Common.css

From Sugary Spire 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.
/*** CSS placed here will be applied to all skins ***/
/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap'); /* font-family: 'Nunito', sans-serif; */

/** Background **/
body {
	background: #670C3C; }
#mw-page-base {
	background-color: transparent;
	background-image: none; }
	
/** External interwiki and web links  **/
a.extiw, a.external {
    filter: invert(67%) sepia(72%) saturate(400%) hue-rotate(287deg) brightness(110%) contrast(106%); }
/* Fixing colors of plainlinks class */
.plainlinks a {
    color:#FF78D3 !important; }
.plainlinks a:visited {
    color:#FF8FC0 !important; }
	
/** Logo (fix) **/
.mw-wiki-logo {
    width: 165px !important;
    height: 170px !important;
    margin-top: -25px; }

/** Sidebar **/
/* General */
#p-logo { /* To add top margin */
	margin-bottom: 1.5em; }
.vector-menu-portal {
	margin-bottom: 10px; }
#mw-panel a, #mw-panel a:visited { /* Links color */
	color: #86094B; }
/* Headers */
.vector-menu-heading-label {
	color: #461D07; }
.vector-menu-portal .vector-menu-heading {
	background-image: none;
	font-weight: bold;
	padding-left: 1em;
	margin-bottom: -5px ; }
#p-navigation, #p-Game, #p-Wiki { /* Temporary */
	padding: 5px 5px 10px;
	background-image: url(https://sugaryspire.wiki.gg/images/3/31/Bg-sidebar-1.png);
	background-size: cover;
	background-repeat: round; }
/* Backgrounds */
#p-navigation { /* Navigation */
	background-image: url(https://sugaryspire.wiki.gg/images/3/32/Sidebar-bg-1.png); }
#p-Game { /* Game */
	background-image: url(https://sugaryspire.wiki.gg/images/8/8d/Sidebar-bg-2.png); }
#p-Wiki { /* Wiki */
	background-image: url(https://sugaryspire.wiki.gg/images/d/d0/Sidebar-bg-3.png); }
#p-tb { /* Tools */
	padding:5px 5px 10px;
	background-image: url(https://sugaryspire.wiki.gg/images/d/d6/Sidebar-bg-tools.png);
    background-size:cover;
	background-repeat:round; }
#p-Game-label,
#p-Wiki-label,
#p-tb-label {
  display:none;
}

#p-navigation,
#p-Game,
#p-Wiki,
#p-tb {
  padding-top:2em;
}

#p-Wiki a span,
#p-navigation a span {
  color:#FF6E70;
}
/** Content area **/
.mw-body {
    background: #450320;
    color: #DCD9E0 !important;
    border-color: #E58C54; }
.mw-body a { /* Link colors */
    color:#E8A376; }
.mw-body a:visited {
    color: #EA883A; }
#mw-head-base { /* Slightly lowers the area */
    margin-top: -4.5em; }
    
/** Page toolbar **/
/* General */
.vector-menu-tabs li, .vector-menu-tabs .selected {
	margin-top: 2px;
    margin-right:7px;
    margin-left:-4px;
	height: 25px;
    background-image: none;
	background: #450034;
	background-clip: padding-box;
	border-top: 20px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent; }
.vector-menu-tabs li a {
	color: #E8A376;
    padding-top: 0; }
/* Removing gradient */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { 
	background-image: none; }
/* Inactive */
.vector-menu-tabs li { 
	border-image: url(https://sugaryspire.wiki.gg/images/6/6a/Page-tab-inactive.png) 20 5 4 stretch stretch; }
.vector-menu-tabs li:hover {
    background:#75125D;
	background-clip: padding-box;
	border-image: url(https://sugaryspire.wiki.gg/images/e/e8/Page-tab-inactive-hover.png) 20 5 4 stretch stretch; }
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited { /* Links */
	color:#D8883B !important; }
/* Active */
.vector-menu-tabs .selected { 
	background: #450320;
    background-clip: padding-box;
	border-image: url(https://sugaryspire.wiki.gg/images/9/98/Page-tab-active.png) 20 5 4 stretch stretch;
	color: #DCD9E0; }
.vector-menu-tabs .selected:hover {
	background:#450320;
	background-clip: padding-box;
	border-image: url(https://sugaryspire.wiki.gg/images/9/98/Page-tab-active.png) 20 5 4 stretch stretch; }
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
	color: inherit;
	cursor: default; }
/* Watch star */
#ca-watch a, #ca-unwatch a {
	margin-top: -10px; }

/** Footer **/
#footer {
	background: #450034; }
#footer-info-lastmod, #footer-info-copyright {
	color: #DCD9E0 !important; }
#footer-info-copyright a, #footer-info-copyright a:visited {
	color: #FF78D3; }
#footer-places a {
	color: #E8A376; }

/** Headers **/
h1, h2, h3 { 
    color:#DCD9E0;
	border-color: #E5C3AE; }
h1, h2 {
	font-family: 'Nunito', sans-serif !important; 
	font-weight: bold; }
	
/** Divider **/
hr { 
    background-color: #E5C3AE; }
    
/** Bullet list points **/
ul {
	list-style-image: none; }
    
/** Blockquote **/
.vector-body blockquote {
	border-color: #E5C3AE; }

/** Table of contents **/
#toc{
    background: #450034;
    border-color: #E8A376;
    margin-top: 1em; }
#toc a {
    color: #E8A376; }
.toc .tocnumber {
    color: #DCD9E0; }
.toc .toctogglelabel {
    color: #D8883B; }

/** Image thumb **/
div.thumbinner {
    border: 1px solid #E58C54;
    background-color: #450034; }
.thumbimage {
    background-color: #FFDAF0;
    border: 1px solid #62004A; }

/** Gallery **/
li.gallerybox div.thumb {
    border: 1px solid #62004a;
    background-color: #7C3D63; }

/** Categories block **/
.catlinks {
	background-color: transparent;
	border-color: #E8A376; }
	
/** Tables **/
/* Fix of default overflow (weird) */
table {
    display: table;
    white-space: unset; }
/* class="wikitable" */
.wikitable {
	border-collapse: collapse;
	background-color: transparent;
	border: 1px solid #E8A376;
	color: inherit; }
.wikitable th {
    background: #61054B !important; }
.wikitable td {
    background: #450034 !important; }
.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
    border-color:#E8A376 !important; }
	
/** Portable Infobox **/
/* Borders */
.portable-infobox {
    border: 1px solid #4D045F; }
.portable-infobox .pi-border-color {
    border-color: #4D045F; }
/* Headers */
.pi-title, .pi-header {
    background-color: #4D045F !important;
    color: white;
    text-align: center !important; }
/* Data and horizontal groups cells */
.pi-data, .pi-horizontal-group-item {
    background-color: #770F5E }
/* Labels */
.pi-data-label {
    color: white; }
/* Image block */
.pi-image {
    padding: 10px 0; /* Image padding */
    background-color: #93528E; } 
/* Image caption */
.pi-caption {
    border-bottom: 1px solid #4D045F; }
/* Rows' padding fix */
.pi-item-spacing { 
    padding: 4px 10px !important; }
/* Image tabs (gallery)*/
.pi-media-collection-tabs {
    background: #770F5E;
    margin: 0;
    padding: 0 !important; }
/* Not selected */
.pi-media-collection .pi-tab-link {
    background: #743A66;
    border: none;
    color: #DCD9E0; }
.pi-media-collection .pi-tab-link:hover {
    background: #98176D;; }
/* Selected */
.pi-media-collection .pi-tab-link.current {
    background: #61054B;
    border: none;
    color: white; }
.pi-media-collection .pi-tab-link.current:hover {
    cursor: default; }
/* Removes white BG leftovers */
:root {
    --pi-background: none; }
    
/** References **/
ol.references li:target, sup.reference:target {
    background-color: #75125D; } /* BG behind clicked reference */

/** Recent changes **/
.mw-changeslist h4 { /* Date headers */
    color: #DCD9E0; }
/* -/+ changes; also work in history */
.mw-plusminus-neg {
	color: #df5050; }
.mw-plusminus-pos {
	color: #3ea23e; }
.client-js .mw-changeslist table.mw-enhanced-rc { /* Remove excessive margin */
	margin-left: 0; }
.mw-changeslist-legend { /* List of abbreviations */
	background: #450034 !important;
    border-color: #E8A376 !important; }

/** Page history **/
#pagehistory li.selected {
    background-color: #9A3369;
    outline: 1px dashed #E5C3AE; }

/** Edittools CharInsert **/
.charinsert-container { /* Container */
  background: #450034;
	border: 1px solid #E58C54;
	margin-top: 5px;
	padding: 1px;
	text-align: center; }
.charinsert-container a {
	color: #E0B98E; }
.mw-charinsert-buttons a { /* Buttons */
	background: #75125D;
	border: 1px solid #E58C54;
	padding: 3px;
	margin: 2px; }
.mw-charinsert-buttons a:hover, .mw-charinsert-buttons a:active {
  background: #450320;
	border: 1px solid #FFD69F; }
.client-js .mw-edittools-section {
	display: inline; }
.client-js .mw-edittools-section input[type="button"] {
	font-size: 0.9em;
	margin-left: 1px;
	padding-left: 1px;
	padding-right: 1px; }
Retrieved from "https://sugaryspire.wiki.gg/index.php?title=MediaWiki:Common.css&oldid=9849"