Jump to content

MediaWiki:Common.css: Difference between revisions

From GoodToKnow
Add Dodger Blue header lines around original logo
 
No edit summary
Line 13: Line 13:
     border-top: 24px solid #1E90FF;
     border-top: 24px solid #1E90FF;
     border-bottom: 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;
    }
}
}

Revision as of 00:45, 3 November 2026

/* 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;
    }
}