Difference between revisions of "MediaWiki:Common.css"

Revision as of 03:01, 17 June 2023

:root {
    --main-bg-color: #353535;
    --main-font-color: white;
    --main-border-color: #353535;
    --main-font-family: SapiensLight;
    --main-font-size: 1em;
    --link-color: #6AD8FF;
}

/* Import the Sapiens fonts from the official website */
@font-face {
    font-family: 'SapiensLight';
    src: url("https://playsapiens.com/fonts/sapienslight-webfont.woff2") format("woff2"),
         url("https://playsapiens.com/fonts/sapienslight-webfont.woff") format("woff"),
         url("https://playsapiens.com/fonts/sapienslight-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sapiens';
    src: url("https://playsapiens.com/fonts/sapiens-webfont.woff2") format("woff2"),
         url("https://playsapiens.com/fonts/sapiens-webfont.woff") format("woff"),
         url("https://playsapiens.com/fonts/sapiens-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* General properties */
body,
div,
span,
table,
td,
th {
    background-color: var(--main-bg-color);
    color: white;
    border-color: var(--main-bg-color);
    font-family: SapiensLight;
    font-size: 1em;
}

/* Color properties */
#content .mw-body-content,
.postedit .postedit-content,
.vector-menu-tabs li a,
.vector-menu-dropdown .menu a,
.vector-menu-content,
.toc .tocnumber,
table.wikitable,
table.wikitable td,
table.wikitable th {
    color: white !important;
}

/* Heading properties */
#content h1 {
    color: #6AD8FF !important;
    font-size: 2em !important;
}

#content h2 {
    color: white !important;
    font-size: 1.8em !important;
}

#content h3 {
    color: white !important;
    font-size: 1.6em !important;
}

#content h4 {
    color: white !important;
    font-size: 1.4em !important;
}

#content h5 {
    color: white !important;
    font-size: 1.2em !important;
}

#content h6 {
    color: white !important;
    font-size: 1.1em !important;
}

/* Change color of article titles and hide link in Table of Contents */
#firstHeading,
.toc .toctoggle a {
    color: #6AD8FF !important;
}

/* All links color */
a {
    color: #6AD8FF !important;
}

/* Links to non-existent pages color */
a.new {
    color: red !important;
}

/* Tables */
table,
table.wikitable,
table.wikitable td,
table.wikitable th,
td,
th {
    border: 1px solid white !important;
}

/* Table of Contents */
.toc {
    background-color: var(--main-bg-color) !important;
    border: 1px solid white !important;
    color: white !important;
}

.toc .toctitle h2 {
    font-family: 'SapiensLight';
}

/* Section edit links font size */
.mw-editsection a {
    font-size: 0.7em; /* Adjust this value to your preference */
}

/* Post-save confirmation page text color */
.postedit .postedit-content,
.postedit .postedit-content a {
    color: white !important;
}