|
Tags: Blanking Manual revert |
| (11 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* Catppuccin Dark voor MediaWiki - gehele site */
| |
| @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap');
| |
|
| |
|
| /* Kleurpalet uit jouw catppuccin-dark.css */
| |
| :root {
| |
| --ctp-mocha-latte: 240, 18, 12%; /* rosewater, flamingo, pink, mauve */
| |
| --ctp-mocha-flamingo: 251, 22, 87%;
| |
| --ctp-mocha-pink: 280, 46, 97%;
| |
| --ctp-mocha-mauve: 252, 13, 86%;
| |
| --ctp-mocha-red: 331, 68, 55%;
| |
| --ctp-mocha-maroon: 356, 66, 44%;
| |
| --ctp-mocha-peach: 30, 80, 60%;
| |
| --ctp-mocha-yellow: 52, 84, 74%;
| |
| --ctp-mocha-green: 120, 57, 58%;
| |
| --ctp-mocha-blue: 217, 71, 63%;
| |
| --ctp-mocha-sky: 207, 70, 62%;
| |
| --ctp-mocha-teal: 160, 74, 56%;
| |
| --ctp-mocha-surface1: 220, 10, 10%;
| |
| --ctp-mocha-surface2: 220, 12, 12%;
| |
| --ctp-mocha-mantle: 220, 13, 13%;
| |
| --ctp-mocha-base: 220, 15, 15%;
| |
| --ctp-mocha-text: 220, 16, 18%;
| |
| --ctp-mocha-subtext1: 220, 18, 22%;
| |
| --ctp-mocha-subtext0: 220, 20, 26%;
| |
| }
| |
|
| |
| /* Basisstyling */
| |
| * {
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| body {
| |
| background: rgb(30, 30, 46);
| |
| color: rgb(205, 214, 244);
| |
| font-family: "Fira Code", "JetBrains Mono", Consolas, monospace;
| |
| font-size: 15px;
| |
| line-height: 1.6;
| |
| margin: 0;
| |
| padding: 20px;
| |
| }
| |
|
| |
| /* Hoofdcontent */
| |
| #mw-content, .mw-body {
| |
| background: rgb(36, 37, 60);
| |
| border-radius: 8px;
| |
| border: 1px solid rgb(49, 50, 68);
| |
| box-shadow: 0 4px 16px rgba(0,0,0,0.3);
| |
| margin: 0 auto;
| |
| max-width: 1000px;
| |
| padding: 30px;
| |
| }
| |
|
| |
| /* Koppen */
| |
| h1 { color: rgb(137, 180, 250); font-size: 2em; font-weight: 500; margin: 0 0 20px 0; }
| |
| h2 { color: rgb(191, 232, 255); font-size: 1.5em; font-weight: 500; margin: 1.5em 0 0.8em 0; }
| |
| h3 { color: rgb(180, 190, 234); font-size: 1.2em; font-weight: 500; margin: 1.2em 0 0.6em 0; }
| |
| h4, h5, h6 { color: rgb(152, 165, 211); }
| |
|
| |
| /* Tabellen - Catppuccin stijl */
| |
| table {
| |
| background: rgb(36, 37, 60);
| |
| border: 1px solid rgb(49, 50, 68);
| |
| border-radius: 6px;
| |
| border-collapse: separate;
| |
| border-spacing: 0;
| |
| margin: 20px 0;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| th {
| |
| background: rgb(69, 71, 90);
| |
| border-bottom: 2px solid rgb(103, 106, 129);
| |
| color: rgb(205, 214, 244);
| |
| padding: 12px 16px;
| |
| text-align: left;
| |
| }
| |
|
| |
| td {
| |
| border-bottom: 1px solid rgb(49, 50, 68);
| |
| color: rgb(152, 165, 211);
| |
| padding: 12px 16px;
| |
| }
| |
|
| |
| tr:hover {
| |
| background: rgb(49, 50, 68);
| |
| }
| |
|
| |
| /* Links */
| |
| a {
| |
| color: rgb(137, 180, 250);
| |
| text-decoration: none;
| |
| transition: all 0.2s ease;
| |
| }
| |
| a:hover {
| |
| color: rgb(191, 232, 255);
| |
| background: rgb(69, 71, 90);
| |
| border-radius: 4px;
| |
| padding: 2px 4px;
| |
| }
| |
|
| |
| /* Sidebar en navigatie */
| |
| #mw-panel {
| |
| background: rgb(30, 30, 46);
| |
| border: 1px solid rgb(49, 50, 68);
| |
| border-radius: 8px;
| |
| padding: 20px;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| #p-personal li a {
| |
| color: rgb(152, 165, 211);
| |
| padding: 8px 12px;
| |
| border-radius: 6px;
| |
| transition: all 0.2s;
| |
| }
| |
| #p-personal li a:hover {
| |
| background: rgb(69, 71, 90);
| |
| color: rgb(205, 214, 244);
| |
| }
| |
|
| |
| /* Code blocks */
| |
| pre, code {
| |
| background: rgb(49, 50, 68);
| |
| border: 1px solid rgb(69, 71, 90);
| |
| border-radius: 6px;
| |
| color: rgb(152, 165, 211);
| |
| padding: 12px;
| |
| font-family: "Fira Code", monospace;
| |
| }
| |
|
| |
| /* Footer */
| |
| #footer {
| |
| background: rgb(30, 30, 46);
| |
| border-top: 1px solid rgb(49, 50, 68);
| |
| color: rgb(103, 106, 129);
| |
| padding: 20px;
| |
| margin-top: 40px;
| |
| }
| |
|
| |
| /* Verberg moderne MediaWiki elementen */
| |
| .mw-editsection, .mw-indicators {
| |
| display: none;
| |
| }
| |
|
| |
| /* Responsive */
| |
| @media (max-width: 768px) {
| |
| body { padding: 10px; }
| |
| #mw-content { padding: 20px; margin: 10px; }
| |
| }
| |