MediaWiki:Common.css: Difference between revisions
Appearance
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;
}
}