MediaWiki:Common.css: Difference between revisions

From Doppler Shift Wiki
Jump to navigation Jump to search
Naaka (talk | contribs)
m Table of contents fix
No edit summary
 
(8 intermediate revisions by 2 users not shown)
Line 30: Line 30:


a {
a {
     color: #AA00FF;
     color: #193847;
}
}


a:visited {
a:visited {
     color: #ff80D5;
     color: #52BDF2;
}
}


/* inbuilt linter gets this wrong; .new is insufficient as a.new will explicitly override it */
/* inbuilt linter gets this wrong; .new is insufficient as a.new will explicitly override it */
a.new {
a.new {
color: #ff00aa;
color: #52BDF2;
}
}


Line 51: Line 51:


.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
     color: #AA00FF;
     color: #22228f;
}
}


.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
     color: #ff80D5;
     color: #52BDF2;
}
}


Line 67: Line 67:


.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
     color: #FF00AA;
     color: #52BDF2;
}
}


Line 79: Line 79:


.toctogglelabel {
.toctogglelabel {
     color: #afe60b;
     color: #FF00FF;
}
}


Line 89: Line 89:


.vector-menu-tabs-legacy li {
.vector-menu-tabs-legacy li {
     background-image: linear-gradient(to top, #8D31B0 0, #8D31B0 1px, #D982EF 100%);
     background-image: linear-gradient(to top, #537494 0, #194570 1px, #D982EF 100%);
}
}


Line 98: Line 98:


.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
     background-image: linear-gradient(to bottom, #D982EF 0, #8D31B0 100%);
background: #8D31B0;
     background-image: linear-gradient(to bottom, #537494 0, #194570 100%);
}
 
#mw-head {
background-color:#197070;
}
}


#mw-page-base {
#mw-page-base {
     background-color: #1A2433;
     background-color: #197070;
     background-image: linear-gradient(to bottom, #111111 50%, #1A2433 100%);
     background-image: linear-gradient(to bottom, #111111 50%, #1A2433 100%);
}
}
Line 109: Line 114:


.mw-body {
.mw-body {
     border: 1px solid #8D31B0;
     border: 1px solid #194570;
}
}


body {
body {
     background-color: #1A2433;
     background-color: #197070;
     /*color: #ffffff;*/
     /*color: #ffffff;*/
}
}


.mw-body,.parsoid-body {
.mw-body,.parsoid-body {
     background-color: #364759;
     background-color: #427878;
     color: #ffffff;
     color: #ffffff;
}
}


.toc {
.toc {
     background-color: #465C73;
     background-color: #197070;
     color: #ffffff;
     color: #ffffff;
     border: 1pt solid #1A2433;
     border: 1pt solid #0d3b3b;
}
}


.toc, .toccolours {
.toc, .toccolours {
     background-color: #465C73;
     background-color: #197070;
     color: #ffffff;
     color: #ffffff;
     border: 1pt solid #1A2433;
     border: 1pt solid #0d3b3b;
}
}


.toctext {
.toctext {
     color: #ff00aa;
     color: #ffffff;
}
}



Latest revision as of 21:39, 20 November 2024

/* CSS placed here will be applied to all skins */
/* Credit to Naaka for letting us customise their common.css */

.tooltip {
    position: relative
}

.tooltiptext {
    position: absolute;
    display: block;
    z-index: 2;
    width: 250px;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    white-space: normal;
    text-align: left;
    transition: all 0.2s;
    border: 1px solid #aa99a4;
    background-color: #524359;
    color: #ffffff;
}

.tooltip:hover>.tooltiptext {
    visibility: visible;
    opacity: 1
}

/* links */

a {
    color: #193847;
}

a:visited {
    color: #52BDF2;
}

/* inbuilt linter gets this wrong; .new is insufficient as a.new will explicitly override it */
a.new {
	color: #52BDF2;
}

.mw-parser-output a.extiw, .mw-parser-output a.external {
    color: #52BDF2;
}

.mw-parser-output a.extiw, .mw-parser-output a.external:visited {
    color: #52BDF2;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
    color: #22228f;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
    color: #52BDF2;
}

.vector-menu-tabs-legacy li a {
    color: #52BDF2;
}

.vector-menu-tabs-legacy li a:visited {
    color: #52BDF2;
}

.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
    color: #52BDF2;
}

.vector-menu-dropdown .mw-list-item a {
    color: #52BDF2;
}

.vector-menu-dropdown .mw-list-item a:visited {
    color: #52BDF2;
}

.toctogglelabel {
    color: #FF00FF;
}

.mw-collapsible-toggle-default .mw-collapsible-text {
    color: #52BDF2;
}

/* pretty tab gradients */

.vector-menu-tabs-legacy li {
    background-image: linear-gradient(to top, #537494 0, #194570 1px, #D982EF 100%);
}

.vector-menu-tabs-legacy .selected {
    background: #aaff00;
    background-image: linear-gradient(to top, #AA00FF 0, #AA00FF 1px, #ff80D5 100%);
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
	background: #8D31B0;
    background-image: linear-gradient(to bottom, #537494 0, #194570 100%);
}

#mw-head {
	background-color:#197070;
}

#mw-page-base {
    background-color: #197070;
    background-image: linear-gradient(to bottom, #111111 50%, #1A2433 100%);
}

/* page body tweaks */

.mw-body {
    border: 1px solid #194570;
}

body {
    background-color: #197070;
    /*color: #ffffff;*/
}

.mw-body,.parsoid-body {
    background-color: #427878;
    color: #ffffff;
}

.toc {
    background-color: #197070;
    color: #ffffff;
    border: 1pt solid #0d3b3b;
}

.toc, .toccolours {
    background-color: #197070;
    color: #ffffff;
    border: 1pt solid #0d3b3b;
}

.toctext {
    color: #ffffff;
}

.mw-footer li {
    color: #ffffff;
}

.catlinks {
    background-color: #465C73;
    color: #ffffff;
    border: 1pt solid #1A2433;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

.vector-search-box-input {
    background-color: #465C73;
    color: #ffffff;
    border: 1pt solid #1A2433;
}

/* assorted page body gubbins */
.wikitable {
    background-color: #465C73;
    color: #ffffff;
    border: 1pt solid #1A2433;
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #8D31B0;
    color: #ffffff;
    border: 1pt solid #1A2433;
}

/* bordered fields bc they're pain */
.fieldset {
    border: 1pt solid #AA00FF;
}

/* trying to get thumbnails to have the wikitable treatment */
.mw-default-size {
    background-color: #8D31B0 !important;
    border: 1pt solid #1A2433 !important;
    color: #000000 !important;
}

figure {
    background-color: #8D31B0 !important;
    border: 1pt solid #1A2433 !important;
    color: #000000 !important;
}

figcaption {
    background-color: #8D31B0 !important;
    border: 1pt solid #1A2433 !important;
    color: #000000 !important;
}

/* Should fix the specials page */
.mw-changeslist-legend {
	color: #000000;	
}
.mw-specialpages-notes {
	color: #000000;
}