MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* GoodToKnow logo header: blue lines above and below */
.mw-page-container {
    position: relative;
}

.mw-page-container .mw-page-container-inner > .mw-header-container {
    border-top: 24px solid #1E90FF;
    border-bottom: 24px solid #1E90FF;
}

/* Vector 2022 header fallback */
.mw-header {
    border-top: 24px solid #1E90FF;
    border-bottom: 24px solid #1E90FF;
}
/* GoodToKnow restored navigation colors */
.vector-pinnable-element .vector-menu-heading,
.vector-column-start .vector-menu-heading {
    background: #FFC107;
    color: #fff;
    padding: 8px 12px;
    border-radius: 5px 5px 0 0;
}

.vector-pinnable-element .vector-menu-content,
.vector-column-start .vector-menu-content {
    background: #FEF5E7;
    padding: 8px;
    border-radius: 0 0 5px 5px;
}

/* Center the original GoodToKnow logo */
@media screen and (min-width: 1000px) {
    .mw-header {
        position: relative;
        min-height: 175px;
        align-items: start;
    }

    .mw-logo {
        position: absolute;
        left: 50%;
        top: 30px;
        transform: translateX(-50%);
        z-index: 2;
    }

    .mw-logo-wordmark {
        max-width: 300px;
        height: auto;
    }
}