Jump to content

MediaWiki:Common.css: Difference between revisions

From Kelpwing Wiki
No edit summary
Tags: Manual revert Reverted
No edit summary
Tag: Manual revert
 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Apply dark theme styles only */
/* CSS placed here will be applied to all skins */
html.skin-theme-clientpref-dark body {
 
@import url('https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400;1,700&family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');
 
body {
     background: #1a1d0a;
     background: #1a1d0a;
     color: white;
     color: white;
     font-family: Calibri, sans-serif;
     font-family: 'Carlito', Sans-Serif;
}
}


html.skin-theme-clientpref-dark .infobox {
.infobox {
     border: 2px solid #9ccc65;
     border: 2px solid #9ccc65;
     background: #2d3315;
     background: #2d3315;
Line 17: Line 20:
}
}


html.skin-theme-clientpref-dark .infobox th {
.infobox th {
     background: #4a5a1f;
     background: #4a5a1f;
     color: #f0f4c3;
     color: #f0f4c3;
Line 23: Line 26:
}
}


html.skin-theme-clientpref-dark .infobox td {
.infobox td {
     background: #2d3315;
     background: #2d3315;
     color: #d4e157;
     color: #d4e157;
Line 29: Line 32:
}
}


html.skin-theme-clientpref-dark h2,
.mw-heading {
html.skin-theme-clientpref-dark h3,
html.skin-theme-clientpref-dark h4,
html.skin-theme-clientpref-dark h5 {
     color: #cddc39;
     color: #cddc39;
     border-bottom: 2px solid #9ccc65;
     --border-color-base: #9ccc65
}
}


html.skin-theme-clientpref-dark button {
button {
     background: #8bc34a;
     background: #8bc34a;
     color: #1a1d0a;
     color: #1a1d0a;
Line 45: Line 45:
}
}


html.skin-theme-clientpref-dark button:hover {
button:hover {
     background: #1a1d0a;
     background: #1a1d0a;
     color: #cddc39;
     color:#cddc39;
    cursor: pointer;
}
}


html.skin-theme-clientpref-dark a {
a {
     color: #aed581;
     color: #aed581;
}
}


html.skin-theme-clientpref-dark a:hover {
a:hover {
     color: #f0f4c3;
     color: #f0f4c3;
}
}


html.skin-theme-clientpref-dark .container {
.container {
     background: #15170a;
     background: #15170a;
     padding: 1em;
     padding: 1em;
     border: 1px solid #9ccc65;
     border: 1px solid #9ccc65;
     border-radius: 5px;
     border-radius: 5px;
}
/* Hide the Discussion (Talk) tab */
html.skin-theme-clientpref-dark #ca-talk {
    display: none;
}
}

Latest revision as of 11:58, 21 April 2026

/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400;1,700&family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');

body {
    background: #1a1d0a;
    color: white;
    font-family: 'Carlito', Sans-Serif;
}

.infobox {
    border: 2px solid #9ccc65;
    background: #2d3315;
    font-size: 90%;
    line-height: 1.4em;
    width: 300px;
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
}

.infobox th {
    background: #4a5a1f;
    color: #f0f4c3;
    padding: 0.5em;
}

.infobox td {
    background: #2d3315;
    color: #d4e157;
    padding: 0.5em;
}

.mw-heading {
    color: #cddc39;
    --border-color-base: #9ccc65
}

button {
    background: #8bc34a;
    color: #1a1d0a;
    border: none;
    padding: 0.5em 1em;
    cursor: pointer;
}

button:hover {
    background: #1a1d0a;
    color:#cddc39;
    cursor: pointer;
}

a {
    color: #aed581;
}

a:hover {
    color: #f0f4c3;
}

.container {
    background: #15170a;
    padding: 1em;
    border: 1px solid #9ccc65;
    border-radius: 5px;
}