Difference between revisions of "MediaWiki:Common.css"

From Sapiens Wiki
Jump to navigation Jump to search
Line 1: Line 1:
:root {
/* Common.css for wiki.playsapiens.com
    --main-bg-color: #353535;
/* Author: ChillGenXer
    --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 */
/* Import the Sapiens fonts from the official website */
Line 17: Line 11:
     font-style: normal;
     font-style: normal;
}
}
@font-face {
@font-face {
     font-family: 'Sapiens';
     font-family: 'Sapiens';
Line 27: Line 20:
}
}


/* General properties */
:root {
body,
     /* Dark mode on/off (true for dark mode, false for light mode) */
div,
     --dark-mode: true;
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,
    *              Dark Mode Colors            *
.toc .toctoggle a {
    \*********************************************/
     color: #6AD8FF !important;
    --dark-main-color: #E3E3E3;
}
    --dark-background-color: #242424;
     --dark-header-color: #FF8815;


/* All links color */
    --unvisited-link-color: #51B6DC;
a {
    --visited-link-color: #51B6DC;
     color: #6AD8FF !important;
    --mouseover-link-color: #51B6DC;
}
    --selected-link-color: #51B6DC;
    --header-background-color: #353535;
     --code-color: #33CC33;
    --ext-link-color: #51B6DC;
    --ext-link-visited-color: #51B6DC;


/* Links to non-existent pages color */
    /*********************************************\
a.new {
    *              Light Mode Colors            *
     color: red !important;
    \*********************************************/
}
    --light-main-color: #000000;
     --light-background-color: #FFFFFF;
    --light-header-color: #000000;


/* Tables */
   
table,
    /* Default color settings (current dark mode colors) */
table.wikitable,
    --main-color: var(--dark-main-color);
table.wikitable td,
    --background-color: var(--dark-background-color);
table.wikitable th,
     --header-color: var(--dark-header-color);
td,
 
th {
    /* Fonts */
     border: 1px solid white !important;
    --main-font-size: 1.1em;
}
     --main-font: "Inter var experimental", "Inter var", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 
     --header-font: 'Sapiens';
/* Table of Contents */
     --sub-header-font: 'SapiensLight';
.toc {
     --code-font-family: "Consolas", "Courier New", "monospace";
     background-color: var(--main-bg-color) !important;
   
     border: 1px solid white !important;
                    /* Colours */
     color: white !important;
                    --main-bg-color: #242424;
}
                    --main-font-color: #E3E3E3;
 
                    --header-font-color: #FF8815;
.toc .toctitle h2 {
                    --code-font-color: #33CC33;
     font-family: 'SapiensLight';
                    --main-border-color: #353535;
}
                    --non-existent-link-color: #954D26;
 
                    --content-block-title-bkg-color: #353535;
/* Section edit links font size */
.mw-editsection a {
    font-size: 0.7em; /* Adjust this value to your preference */
}


/* Post-save confirmation page text color */
                    /* Game-related reference colors */
.postedit .postedit-content,
                    --game-menu-bg-color: #545454;
.postedit .postedit-content a {
                    --game-menu-button-blue: #51B6DC;
    color: white !important;
                    --game-good-green: #05FF05;
                    --game-bad-red: #FF2121;
                    --game-bad-major: #FF8603;
                    --game-wrong-role: #FFCB0B;
                    --game-timecontrol-sun-yellow: #FFFF51;
                    --game-icon-hand-bg-color: #FF8815;
                    --old-orange-link-color: #EC9448;
}
}

Revision as of 05:41, 9 July 2023

/* Common.css for wiki.playsapiens.com
/* Author: ChillGenXer

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

:root {
    /* Dark mode on/off (true for dark mode, false for light mode) */
    --dark-mode: true;

    /*********************************************\
    *               Dark Mode Colors             *
    \*********************************************/
    --dark-main-color: #E3E3E3;
    --dark-background-color: #242424;
    --dark-header-color: #FF8815;

    --unvisited-link-color: #51B6DC;
    --visited-link-color: #51B6DC;
    --mouseover-link-color: #51B6DC;
    --selected-link-color: #51B6DC;
    --header-background-color: #353535;
    --code-color: #33CC33;
    --ext-link-color: #51B6DC;
    --ext-link-visited-color: #51B6DC;

    /*********************************************\
    *               Light Mode Colors             *
    \*********************************************/
    --light-main-color: #000000;
    --light-background-color: #FFFFFF;
    --light-header-color: #000000;

    
    /* Default color settings (current dark mode colors) */
    --main-color: var(--dark-main-color);
    --background-color: var(--dark-background-color);
    --header-color: var(--dark-header-color);
  
    /* Fonts */
    --main-font-size: 1.1em;
    --main-font: "Inter var experimental", "Inter var", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --header-font: 'Sapiens';
    --sub-header-font: 'SapiensLight';
    --code-font-family: "Consolas", "Courier New", "monospace";
    
                    /* Colours */
                    --main-bg-color: #242424;
                    --main-font-color: #E3E3E3;
                    --header-font-color: #FF8815;
                    --code-font-color: #33CC33;
                    --main-border-color: #353535;
                    --non-existent-link-color: #954D26;
                    --content-block-title-bkg-color: #353535;

                    /* Game-related reference colors */
                    --game-menu-bg-color: #545454;
                    --game-menu-button-blue: #51B6DC;
                    --game-good-green: #05FF05;
                    --game-bad-red: #FF2121;
                    --game-bad-major: #FF8603;
                    --game-wrong-role: #FFCB0B;
                    --game-timecontrol-sun-yellow: #FFFF51;
                    --game-icon-hand-bg-color: #FF8815;
                    --old-orange-link-color: #EC9448;
}
Retrieved from "http://wiki.playsapiens.com/index.php?title=MediaWiki:Common.css&oldid=27306"