MediaWiki:Common.css: Difference between revisions

Latest revision as of 16:52, 22 May 2025

@font-face {
  font-family: "BilouFont";
  src: url("https://foxball-database.com/wikittypride/ComicNeue-Regular.ttf") format("truetype"),
url("https://foxball-database.com/wikittypride/ComicNeue-Bold.ttf") format("truetype");
}

* {
font-family: "BilouFont";
}

.mw-content-ltr .tocnumber {
color:white;
}

.ve-ce-commentNode > .ve-ce-focusableNode-invisibleIcon.oo-ui-iconElement .oo-ui-labelElement-label {
color:white;
}

figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) {
border: 1px solid rgba(0,0,0,0.2);
background-color: rgba(0,0,0,0.2);
}

figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
border: 1px solid rgba(0,0,0,0.2);
    background-color: rgba(0,0,0,0.2);
}

figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
border: 1px solid rgba(0,0,0,0.2);
    background-color: rgba(0,0,0,0.2);
}

.toc, .toccolours {
    border: none;
    background-color: #0E2539;
}

.vector-menu-dropdown .mw-list-item a, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a, .toctogglelabel {
color: #FFA800;
}

.vector-menu-dropdown .vector-menu-content {
background-color: #01192E;
    border: 1px solid white;
    border-color: rgba(255,255,255,0.2);
}

.vector-menu-tabs-legacy li, .vector-menu-tabs-legacy .selected, .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background: none;
}

.mw-body {
border: none;
}

#mw-page-base {
background: url("wikibackground.png") repeat-x top, #000D1D;
}

body {
background: url("wikibackground.png") repeat-x top, #000D1D;
}

.vector-user-menu-logged-in .vector-menu-heading:after {
    filter: invert(74%) sepia(42%) saturate(4924%) hue-rotate(1deg) brightness(105%) contrast(103%);
}

.vector-dropdown .mw-list-item a:not(.mw-selflink) {
color: #FFA800;
}

.vector-dropdown .vector-dropdown-content, .vector-dropdown > .vector-menu-content {
background-color: #01192E;
    border: 1px solid white;
    border-color: rgba(255,255,255,0.2);
}

.catlinks {
    border: 3px solid rgba(255,255,255,0);
    background-color: rgba(255,255,255,0.05);
}

.mw-page-title-main {
color: #E6E6E6;
}

.vector-sticky-header {
background: #000D1D;
background-color: rgba(255,255,255,0.1);
}

ul {
list-style-image: none;
}

.wikitable > tr > th, .wikitable > * > tr > th {
background: rgba(255,255,255,0.05);
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid rgba(255,255,255,0.1);
padding: 0.5em 0.5em;
}

.wikitable {
background-color: rgba(255,255,255,0.05);
color: #E6E6E6;
border: none;
}

.portable-infobox .pi-item-spacing {
align-items: center;
}

.portable-infobox .pi-title {
background: #FF8888;
text-align : center;
font-weight: bold;
}

.portable-infobox {
background: none;
outline: 1px solid #FF8888;
}

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

#vector-toc-pinned-container .vector-toc:after {
background: none;
}

.vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
color: #FFA800;
}

.vector-toc .vector-toc-link {
color: #FFA800;
}

.vector-toc .vector-toc-list-item-active > .vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
color: grey;
}

@media screen and (min-width: 1000px)
#vector-toc-pinned-container .vector-toc:after {
background: none;
}

.vector-toc {
background-color: #01192E;
}

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

.mw-code {
background-color: #1A2634;
border: none;
color: grey;
}

.mw-ui-icon:before {
    filter: invert(74%) sepia(42%) saturate(4924%) hue-rotate(1deg) brightness(105%) contrast(103%);
}

#vector-page-tools-pinned-container .vector-page-tools:after {
background: none;
}

.vector-feature-page-tools-enabled .vector-main-menu .vector-main-menu-action-opt-out a:not(.mw-selflink):visited, .vector-feature-page-tools-enabled .vector-main-menu .vector-main-menu-action-lang-alert .vector-main-menu-action-content:not(.mw-selflink):visited {
color: #FFA800;
}

.vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
color: #FFA800;
}

.vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a, .vector-dropdown-content .mw-list-item a {
color: #FFA800;
}

.vector-feature-page-tools-enabled .vector-pinnable-element .vector-menu-heading, .vector-dropdown-content .vector-menu-heading {
color: #E6E6E6;
}

.vector-pinnable-header-toggle-button {
color: #FFA800;
}

.vector-pinnable-header-label {
color: #E6E6E6;
}

.vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu {
    background-color: #01192E;
}

.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #E6E6E6;
}

.mw-first-heading {
color: #E6E6E6;
}

.vector-menu-tabs .mw-list-item a {
color: #FFA800;
}

#pt-userpage-2 a:not(.mw-selflink) {
color: #FFA800;
}

a {
color: #FFA800;
}

a:visited {
color: #FFA800;
}

a.new {
color: #FF8888;
}

a.new:visited {
color: #FF8888;
}

.mw-page-container {
background: url("wikibackground.png") repeat-x top, #000D1D;
}

.mw-body {
    background-color: #01192E;
    color: #E6E6E6;
    padding: 50px;
}

:root {
    --pi-background: #FF8888;
    --pi-secondary-background: #eaecf0;
    /* --pi-border-color: #a2a9b1; */
    --pi-item-spacing: 2px 10px;
    --pi-margin: 20px;
    --pi-width: 270px;
}