Foreground.css

Note: After saving, changes may not occur immediately. Click here to learn how to bypass your browser's cache.

• Mozilla / Firefox / Safari: hold down Shift while clicking Reload, or press Ctrl-Shift-R (Cmd-Shift-R on Apple Mac);
• Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5;
• Konqueror: simply click the Reload button, or press F5;
• Opera users may need to completely clear their cache in Tools→Preferences.

.top-bar-section ul li > a,
h1,h2,h3,h4,h5,h6,
.fa>span, .button,
.namespace.label {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; 
}

/* Hide Main Page titles */ 
body.page-Main_Page h1#firstHeading,
body.page-Main_Page h3#tagline,
body.page-Main_Page_de h1#firstHeading,
body.page-Main_Page_de h3#tagline,
body.page-Main_Page_de-formal h1#firstHeading,
body.page-Main_Page_de-formal h3#tagline,
body.page-Main_Page_zh-hans h1#firstHeading,
body.page-Main_Page_zh-hans h3#tagline {
    display:none;
}

h3#tagline {
    display: inline;
    font-size: 0.85em;
    font-weight: normal;
    font-style: normal;
}

:root {
    --fg-color-main: #da7aa2;
    --fg-color-middark: #d9688d;
    --fg-color-dark: #cb376a;
}

/* Chameleon styles */
.p-navbar {
    background-color: var(--fg-color-main) !important;
}

/* Custom Foreground menubar colors to go with WikiApiary theme */
.top-bar,
.top-bar .title-area,
.top-bar.expanded .title-area,
.top-bar .name h1 a,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form,
.top-bar-section .dropdown li.title h5 a {
   background: var(--fg-color-main) !important;
   /*color: #000000 !important;*/
}

/*.top-bar .toggle-topbar.menu-icon,
.top-bar .toggle-topbar.menu-icon a {
    color: #000000;
}*/

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
  border-color: var(--fg-color-main);
}

/* Darker color for the hover over items */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
    background: var(--fg-color-dark)
}

/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: var(--fg-color-middark);
}

/* Extension Babel */
.mw-babel-wrapper {
    border: 1px solid var(--fg-color-dark) !important;
}

.mw-babel-box table {
	margin-bottom: 0px;
}

/* Extension Translate */
.mw-pt-languages-label {
    background: none repeat scroll 0 0 #FFF;
    border-right: 1px solid #DDD;
}

.mw-pt-languages {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #DDD;
    color: #2795b6;
}

.panel {
    background: none repeat scroll 0 0 #FFF;
}

.tux-message-editor textarea {
	width: 100%;
}

.ext-cc-language-selector__trigger,
.ext-cc-language-selector__trigger:after {
    color: var(--fg-color-dark);
}

table tr.even,
table tr.alt,
table tr:nth-of-type(2n) {
    background: none;
}

.namespace.label {
    /* font-weight: 500; */
    padding-top: 6px;
    border-radius: 0.25rem;
    background-color: #999;
    font-size: 0.9rem;
}

.namespace.label:after {
    content: " page";
}