MediaWiki

Difference between revisions of "Common.css"

From Shadow Era Wiki

m
m
Line 1: Line 1:
 +
/*
 +
  Ajustements de style pour les petits écrans (moins de 600px de large)
 +
  - Les tableaux (.wikitable) prennent toute la largeur de l'écran disponible.
 +
  - Les images s'ajustent à 100% de la largeur de leur conteneur, tout en conservant leurs proportions.
 +
*/
 
@media only screen and (max-width: 600px) {
 
@media only screen and (max-width: 600px) {
 
     .wikitable {
 
     .wikitable {
Line 7: Line 12:
 
         height: auto !important;
 
         height: auto !important;
 
     }
 
     }
 +
}
 +
/* ----------------------------- */
 +
/* Styling for Inline Code and C# Syntax Highlighting */
 +
/* ----------------------------- */
 +
 +
/* Style the backtick text */
 +
.backtick-style {
 +
    font-family: monospace;
 +
    background-color: #f8f9fa;
 +
    padding: 0.2em 0.4em;
 +
    border: 1px solid #d1d5da;
 +
    border-radius: 3px;
 +
}
 +
 +
/* Style parentheses (like () in C#) */
 +
.csharp.source-csharp .br0 {
 +
    color: hsl(32, 93%, 66%) !important;  /* Orange for parentheses */
 +
}
 +
 +
/* Style comments in C# syntax */
 +
.csharp.source-csharp .co1 {
 +
    color: hsl(221, 12%, 69%) !important;  /* Light blue for comments */
 +
}
 +
 +
/* Style keywords in C# syntax */
 +
.csharp.source-csharp .kw1 {
 +
    color: hsl(357, 75%, 77%) !important;  /* Light red for main keywords */
 +
}
 +
 +
.csharp.source-csharp .kw3, .csharp.source-csharp .kw4 {
 +
    color: hsl(300, 30%, 68%) !important;  /* Pink for additional keywords */
 +
}
 +
 +
/* Style methods in C# syntax */
 +
.csharp.source-csharp .me1 {
 +
    color: hsl(210, 50%, 60%) !important;  /* Light blue for methods */
 +
}
 +
 +
/* Style numbers in C# syntax */
 +
.csharp.source-csharp .nu0 {
 +
    color: hsl(32, 93%, 66%) !important;  /* Orange for numbers */
 +
}
 +
 +
/* Style symbols in C# syntax */
 +
.csharp.source-csharp .sy0 {
 +
    color: hsl(116, 73%, 51%) !important;  /* Green for symbols */
 +
}
 +
 +
/* Style strings in C# syntax */
 +
.csharp.source-csharp .st0 {
 +
    color: hsl(114, 31%, 68%) !important;  /* Light green for strings */
 +
}
 +
 +
/* General background and text color for code blocks */
 +
.syntaxhighlight {
 +
    background-color: hsl(210, 15%, 22%) !important;  /* Background */
 +
    color: hsl(219, 28%, 88%) !important;  /* General text color */
 
}
 
}

Revision as of 06:22, 28 September 2024

/* 
   Ajustements de style pour les petits écrans (moins de 600px de large) 
   - Les tableaux (.wikitable) prennent toute la largeur de l'écran disponible.
   - Les images s'ajustent à 100% de la largeur de leur conteneur, tout en conservant leurs proportions.
*/
@media only screen and (max-width: 600px) {
    .wikitable {
        width: 100% !important;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
    }
}
/* ----------------------------- */
/* Styling for Inline Code and C# Syntax Highlighting */
/* ----------------------------- */
 
/* Style the backtick text */
.backtick-style {
    font-family: monospace;
    background-color: #f8f9fa;
    padding: 0.2em 0.4em;
    border: 1px solid #d1d5da;
    border-radius: 3px;
}
 
/* Style parentheses (like () in C#) */
.csharp.source-csharp .br0 {
    color: hsl(32, 93%, 66%) !important;  /* Orange for parentheses */
}
 
/* Style comments in C# syntax */
.csharp.source-csharp .co1 {
    color: hsl(221, 12%, 69%) !important;  /* Light blue for comments */
}
 
/* Style keywords in C# syntax */
.csharp.source-csharp .kw1 {
    color: hsl(357, 75%, 77%) !important;  /* Light red for main keywords */
}
 
.csharp.source-csharp .kw3, .csharp.source-csharp .kw4 {
    color: hsl(300, 30%, 68%) !important;  /* Pink for additional keywords */
}
 
/* Style methods in C# syntax */
.csharp.source-csharp .me1 {
    color: hsl(210, 50%, 60%) !important;  /* Light blue for methods */
}
 
/* Style numbers in C# syntax */
.csharp.source-csharp .nu0 {
    color: hsl(32, 93%, 66%) !important;  /* Orange for numbers */
}
 
/* Style symbols in C# syntax */
.csharp.source-csharp .sy0 {
    color: hsl(116, 73%, 51%) !important;  /* Green for symbols */
}
 
/* Style strings in C# syntax */
.csharp.source-csharp .st0 {
    color: hsl(114, 31%, 68%) !important;  /* Light green for strings */
}
 
/* General background and text color for code blocks */
.syntaxhighlight {
    background-color: hsl(210, 15%, 22%) !important;  /* Background */
    color: hsl(219, 28%, 88%) !important;  /* General text color */
}