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