mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-15 10:38:19 +00:00
72 lines
1.1 KiB
Plaintext
72 lines
1.1 KiB
Plaintext
/*
|
|
* Citizen - Header styles
|
|
* https://starcitizen.tools
|
|
*/
|
|
|
|
.mw-header {
|
|
position: fixed;
|
|
z-index: 10;
|
|
top: 0;
|
|
width: 100%;
|
|
height: @header-height;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-family: @fonts-secondary;
|
|
|
|
&-tools {
|
|
display: inherit;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
|
|
ul,
|
|
li {
|
|
margin: 0;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
#mw-header {
|
|
&-background {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
box-shadow: 0 0 50px @header-height @header-background-color-light;
|
|
z-index: -1;
|
|
transition: @transition-box-shadow;
|
|
}
|
|
}
|
|
|
|
// User icon bar
|
|
#p-personal-extra {
|
|
ul {
|
|
height: 56px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
// CSS checkbox hack
|
|
// Technically shouldn't be here but it is only used in header
|
|
.mw-checkbox-hack {
|
|
width: @icon-box-size + @margin-side + @icon-padding;
|
|
height: @header-height;
|
|
position: absolute;
|
|
z-index: 8;
|
|
margin: 0;
|
|
display: block;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
|
|
@media ( prefers-color-scheme: dark ) {
|
|
#mw-header {
|
|
&-background {
|
|
box-shadow: 0 0 50px @header-height @header-background-color-dark !important;
|
|
}
|
|
}
|
|
}
|