MediaWiki:Common.css: Difference between revisions

Revision as of 20:44, 6 September 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: #AA00FF;
}

a:visited {
    color: #ff80D5;
}

.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: #52BDF2;
}

.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-dropdown .mw-list-item a {
    color: #52BDF2;
}

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

.toctogglelabel {
    color: #afe60b;
}

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

/* pretty tab gradients */

.vector-menu-tabs-legacy li {
    background-image: linear-gradient(to top, #8D31B0 0, #8D31B0 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-image: linear-gradient(to bottom, #D982EF 0, #8D31B0 100%);
}

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

/* page body tweaks */

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

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

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

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

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

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

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;
}