MediaWiki:Common.css: Difference between revisions

/* Apply dark theme styles only */
html.skin-theme-clientpref-dark body {
    background: #1a1d0a;
    color: white;
    font-family: Calibri, sans-serif;
}

html.skin-theme-clientpref-dark .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;
}

html.skin-theme-clientpref-dark .infobox th {
    background: #4a5a1f;
    color: #f0f4c3;
    padding: 0.5em;
}

html.skin-theme-clientpref-dark .infobox td {
    background: #2d3315;
    color: #d4e157;
    padding: 0.5em;
}

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

html.skin-theme-clientpref-dark button {
    background: #8bc34a;
    color: #1a1d0a;
    border: none;
    padding: 0.5em 1em;
    cursor: pointer;
}

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

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

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

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

/* Hide the Discussion (Talk) tab */
html.skin-theme-clientpref-dark #ca-talk {
    display: none;
}

/* ===== Light theme styles ===== */
body {
    background: #f5f7e8;
    color: #1a1d0a;
    font-family: Calibri, sans-serif;
}

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

.infobox th {
    background: #dce775;
    color: #33691e;
    padding: 0.5em;
}

.infobox td {
    background: #f0f4c3;
    color: #33691e;
    padding: 0.5em;
}

h2, h3, h4, h5 {
    color: #33691e;
    border-bottom: 2px solid #689f38;
}

button {
    background: #689f38;
    color: #fff;
    border: none;
    padding: 0.5em 1em;
    cursor: pointer;
}

button:hover {
    background: #33691e;
    color: #f0f4c3;
}

a {
    color: #558b2f;
}

a:hover {
    color: #33691e;
}

.container {
    background: #e8f0d0;
    padding: 1em;
    border: 1px solid #689f38;
    border-radius: 5px;
}

/* Hide the Discussion (Talk) tab (both themes) */
#ca-talk {
    display: none;
}