MediaWiki

Difference between revisions of "Common.css"

From Shadow Era Wiki

m
m
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
/* Variables de couleurs basées sur le thème Mariana */
 
+
/* wikitable/prettytable */
+
table.wikitable,
+
table.prettytable {
+
    margin: 13px 13px 13px 0;
+
    background: #f9f9f9;
+
    border: 1px #aaa solid;
+
    border-collapse: collapse;
+
}
+
.wikitable > tr > th, .wikitable > tr > td,
+
.wikitable > * > tr > th, .wikitable > * > tr > td,
+
.prettytable > tr > th, .prettytable > tr > td,
+
.prettytable > * > tr > th, .prettytable > * > tr > td {
+
    border: 1px #aaa solid;
+
    padding: 3px;
+
}
+
.wikitable > tr > th, .wikitable > * > tr > th,
+
.prettytable > tr > th, .prettytable > * > tr > th {
+
    background: #f2f2f2;
+
    text-align: centre;
+
}
+
.wikitable > caption,
+
.prettytable > caption {
+
    font-weight: bold;
+
}
+
 
+
/* Colour variables */
+
 
:root {
 
:root {
 
     --black: hsl(0, 0%, 0%);
 
     --black: hsl(0, 0%, 0%);
Line 49: Line 22:
 
}
 
}
  
/* Global rules */
+
/* Style global pour les blocs de code */
 
pre .source-csharp {
 
pre .source-csharp {
     background-colour: var(--blue3) !important;
+
     color: var(--white3) !important;
    colour: var(--white3) !important;
+
 
}
 
}
  
 +
/* Sélection de texte */
 
pre .source-csharp .selection {
 
pre .source-csharp .selection {
     background-colour: var(--blue2) !important;
+
     background-color: var(--blue2) !important;
 
}
 
}
  
 +
/* Couleur du curseur */
 
pre .source-csharp .caret {
 
pre .source-csharp .caret {
     colour: var(--orange) !important;
+
     color: var(--orange) !important;
 
}
 
}
  
/* Specific rules */
+
/* Commentaires */
/* Comments */
+
pre .source-csharp .comment,
pre .source-csharp .co1 {
+
pre .source-csharp .punctuation.definition.comment {
     colour: var(--blue6) !important;
+
     color: var(--blue6) !important;
 
}
 
}
  
/* Strings (inside quotation marks) */
+
/* Chaînes de caractères */
pre .source-csharp .st0 {
+
pre .source-csharp .string {
     colour: var(--green) !important;
+
     color: var(--green) !important;
 
}
 
}
  
/* Operators (like +, -, =, etc.) */
+
/* Nombres */
pre .source-csharp .op0 {
+
pre .source-csharp .constant.numeric {
     colour: var(--red2) !important;
+
     color: var(--orange) !important;
 
}
 
}
  
/* Numbers (numeric constants) */
+
/* Constantes intégrées (true, false, null) */
pre .source-csharp .nu0 {
+
pre .source-csharp .constant.language {
     colour: var(--orange) !important;
+
     color: var(--red) !important;
 +
    font-style: italic;
 
}
 
}
  
/* Function calls (e.g., MyFunction()) */
+
/* Constantes utilisateur */
pre .source-csharp .fu0 {
+
pre .source-csharp .constant.character,
     colour: #6697d1 !important; /* Pastel blue */
+
pre .source-csharp .constant.other {
 +
    color: var(--pink) !important;
 +
}
 +
 
 +
/* Variables membres */
 +
pre .source-csharp .variable.member {
 +
    color: var(--red) !important;
 +
}
 +
 
 +
/* Mots-clés */
 +
pre .source-csharp .keyword:not(.operator) {
 +
     color: var(--pink) !important;
 +
}
 +
 
 +
/* Opérateurs */
 +
pre .source-csharp .keyword.operator {
 +
    color: var(--red2) !important;
 +
}
 +
 
 +
/* Ponctuation */
 +
pre .source-csharp .punctuation.separator,
 +
pre .source-csharp .punctuation.terminator {
 +
    color: var(--blue6) !important;
 +
}
 +
 
 +
pre .source-csharp .punctuation.section {
 +
    color: var(--white) !important;
 +
}
 +
 
 +
pre .source-csharp .punctuation.accessor {
 +
    color: var(--blue6) !important;
 +
}
 +
 
 +
/* Fonctions et appels de fonction */
 +
pre .source-csharp .entity.name.function,
 +
pre .source-csharp .variable.function,
 +
pre .source-csharp .variable.annotation {
 +
    color: var(--blue) !important;
 
}
 
}
  
 
/* Variables */
 
/* Variables */
pre .source-csharp .va0 {
+
pre .source-csharp .variable.parameter {
     colour: var(--orange2) !important;
+
     color: var(--orange) !important;
 +
}
 +
 
 +
/* Classes et types */
 +
pre .source-csharp .support.type,
 +
pre .source-csharp .support.class {
 +
    color: var(--blue) !important;
 +
    font-style: italic;
 +
}
 +
 
 +
/* Types de stockage (ex : int, void) */
 +
pre .source-csharp .storage.type {
 +
    color: var(--pink) !important;
 +
    font-style: italic;
 +
}
 +
 
 +
/* Balises */
 +
pre .source-csharp .entity.name.tag {
 +
    color: var(--red) !important;
 +
}
 +
 
 +
/* Attributs de balise */
 +
pre .source-csharp .entity.other.attribute-name {
 +
    color: var(--pink) !important;
 +
}
 +
 
 +
/* Marques de ponctuation pour les annotations */
 +
pre .source-csharp .punctuation.definition.annotation {
 +
    color: var(--blue5) !important;
 
}
 
}
  
/* Booleans (true, false) */
+
/* Invalid (erreurs) */
pre .source-csharp .bo0 {
+
pre .source-csharp .invalid {
     colour: #cc3333 !important; /* Soft red */
+
     color: var(--white2) !important;
 +
    background-color: var(--red) !important;
 
}
 
}
  
/* Punctuation (e.g., . and ;) in light grey or off-white */
+
/* Code Inline et blocs */
pre .source-csharp .pu0 {
+
pre .source-csharp .markup.raw,
     colour: #dcdcdc !important;
+
pre .source-csharp .markup.raw.inline {
 +
     background-color: hsla(210, 13%, 40%, 0.38) !important;
 
}
 
}
  
/* Keywords like public, virtual in soft red */
+
/* Marqueur pour le texte mis en évidence (par exemple recherche) */
.csharp.source-csharp .kw1 {
+
pre .source-csharp .highlight {
     colour: #cc3333 !important;
+
     background-color: var(--orange3) !important;
 +
    color: var(--grey) !important;
 
}
 
}
  
/* Keywords like void, int, bool, if, return, for, case in pastel violet */
+
/* Textes des résultats des recherches */
.csharp.source-csharp .kw1 {
+
pre .source-csharp .find_highlight {
     colour: #c994ca !important;
+
     background-color: var(--orange3) !important;
 +
    color: var(--grey) !important;
 
}
 
}
  
/* Types or enumerations like CallbackCheckEnum in white */
+
/* Textes barrés pour éléments obsolètes */
.csharp.source-csharp .kw2 {
+
pre .source-csharp .invalid.deprecated {
     colour: #ffffff !important;
+
     color: var(--white2) !important;
 +
    background-color: var(--orange2) !important;
 
}
 
}

Revision as of 07:36, 6 September 2024

/* Variables de couleurs basées sur le thème Mariana */
:root {
    --black: hsl(0, 0%, 0%);
    --blue: hsl(210, 50%, 60%);
    --blue-vibrant: hsl(210, 60%, 60%);
    --blue2: hsla(210, 13%, 40%, 0.7);
    --blue3: hsl(210, 15%, 22%);
    --blue4: hsl(210, 13%, 45%);
    --blue5: hsl(180, 36%, 54%);
    --blue6: hsl(221, 12%, 69%);
    --green: hsl(114, 31%, 68%);
    --grey: hsl(0, 0%, 20%);
    --orange: hsl(32, 93%, 66%);
    --orange2: hsl(32, 85%, 55%);
    --orange3: hsl(40, 94%, 68%);
    --pink: hsl(300, 30%, 68%);
    --red: hsl(357, 79%, 65%);
    --red2: hsl(13, 93%, 66%);
    --white: hsl(0, 0%, 100%);
    --white2: hsl(0, 0%, 97%);
    --white3: hsl(219, 28%, 88%);
}
 
/* Style global pour les blocs de code */
pre .source-csharp {
    color: var(--white3) !important;
}
 
/* Sélection de texte */
pre .source-csharp .selection {
    background-color: var(--blue2) !important;
}
 
/* Couleur du curseur */
pre .source-csharp .caret {
    color: var(--orange) !important;
}
 
/* Commentaires */
pre .source-csharp .comment,
pre .source-csharp .punctuation.definition.comment {
    color: var(--blue6) !important;
}
 
/* Chaînes de caractères */
pre .source-csharp .string {
    color: var(--green) !important;
}
 
/* Nombres */
pre .source-csharp .constant.numeric {
    color: var(--orange) !important;
}
 
/* Constantes intégrées (true, false, null) */
pre .source-csharp .constant.language {
    color: var(--red) !important;
    font-style: italic;
}
 
/* Constantes utilisateur */
pre .source-csharp .constant.character,
pre .source-csharp .constant.other {
    color: var(--pink) !important;
}
 
/* Variables membres */
pre .source-csharp .variable.member {
    color: var(--red) !important;
}
 
/* Mots-clés */
pre .source-csharp .keyword:not(.operator) {
    color: var(--pink) !important;
}
 
/* Opérateurs */
pre .source-csharp .keyword.operator {
    color: var(--red2) !important;
}
 
/* Ponctuation */
pre .source-csharp .punctuation.separator,
pre .source-csharp .punctuation.terminator {
    color: var(--blue6) !important;
}
 
pre .source-csharp .punctuation.section {
    color: var(--white) !important;
}
 
pre .source-csharp .punctuation.accessor {
    color: var(--blue6) !important;
}
 
/* Fonctions et appels de fonction */
pre .source-csharp .entity.name.function,
pre .source-csharp .variable.function,
pre .source-csharp .variable.annotation {
    color: var(--blue) !important;
}
 
/* Variables */
pre .source-csharp .variable.parameter {
    color: var(--orange) !important;
}
 
/* Classes et types */
pre .source-csharp .support.type,
pre .source-csharp .support.class {
    color: var(--blue) !important;
    font-style: italic;
}
 
/* Types de stockage (ex : int, void) */
pre .source-csharp .storage.type {
    color: var(--pink) !important;
    font-style: italic;
}
 
/* Balises */
pre .source-csharp .entity.name.tag {
    color: var(--red) !important;
}
 
/* Attributs de balise */
pre .source-csharp .entity.other.attribute-name {
    color: var(--pink) !important;
}
 
/* Marques de ponctuation pour les annotations */
pre .source-csharp .punctuation.definition.annotation {
    color: var(--blue5) !important;
}
 
/* Invalid (erreurs) */
pre .source-csharp .invalid {
    color: var(--white2) !important;
    background-color: var(--red) !important;
}
 
/* Code Inline et blocs */
pre .source-csharp .markup.raw,
pre .source-csharp .markup.raw.inline {
    background-color: hsla(210, 13%, 40%, 0.38) !important;
}
 
/* Marqueur pour le texte mis en évidence (par exemple recherche) */
pre .source-csharp .highlight {
    background-color: var(--orange3) !important;
    color: var(--grey) !important;
}
 
/* Textes des résultats des recherches */
pre .source-csharp .find_highlight {
    background-color: var(--orange3) !important;
    color: var(--grey) !important;
}
 
/* Textes barrés pour éléments obsolètes */
pre .source-csharp .invalid.deprecated {
    color: var(--white2) !important;
    background-color: var(--orange2) !important;
}