No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Cosmos skin */ | /* All CSS here will be loaded for users of the Cosmos skin */ | ||
/* Keep header height fixed */ | |||
.cosmos-header { | .cosmos-header { | ||
height: 88px !important; /* header stays compact */ | |||
min-height: 88px !important; | |||
align-items: center; | |||
position: relative; | |||
overflow: visible !important; /* allow logo to escape */ | |||
align-items: center !important; | |||
} | } | ||
/* Remove wordmark from layout flow */ | |||
.cosmos-header__wordmark { | .cosmos-header__wordmark { | ||
position: absolute !important; | |||
left: 24px; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
z-index: 3; | |||
} | } | ||
/* Make the logo BIG without affecting header height */ | |||
.cosmos-header__wordmark img { | .cosmos-header__wordmark img { | ||
height: 120px !important; /* BIG logo */ | |||
width: auto !important; | width: auto !important; | ||
max-width: none !important; | |||
} | } | ||
Revision as of 21:40, 25 January 2026
/* All CSS here will be loaded for users of the Cosmos skin */
/* Keep header height fixed */
.cosmos-header {
height: 88px !important; /* header stays compact */
min-height: 88px !important;
align-items: center;
position: relative;
overflow: visible !important; /* allow logo to escape */
}
/* Remove wordmark from layout flow */
.cosmos-header__wordmark {
position: absolute !important;
left: 24px;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
/* Make the logo BIG without affecting header height */
.cosmos-header__wordmark img {
height: 120px !important; /* BIG logo */
width: auto !important;
max-width: none !important;
}