mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-16 19:10:34 +00:00
90 lines
1.4 KiB
Plaintext
90 lines
1.4 KiB
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* SkinStyles for Extension:TabberNeue
|
|
* Module: ext.tabberNeue
|
|
* Version: 1.0.1 (0dc1b34)
|
|
*
|
|
* Date: 2021-06-21
|
|
*/
|
|
|
|
.tabber {
|
|
margin-top: 0.2rem;
|
|
|
|
&__tabs {
|
|
box-shadow: inset 0 -1px 0 0 var( --border-color-base--darker );
|
|
}
|
|
|
|
&__tab {
|
|
color: var( --color-base--subtle );
|
|
font-weight: 500;
|
|
|
|
&:visited {
|
|
color: var( --color-base--subtle );
|
|
}
|
|
|
|
&--active,
|
|
&--active:visited {
|
|
box-shadow: inset 0 -2px 0 0 var( --color-primary );
|
|
color: var( --color-primary );
|
|
}
|
|
}
|
|
|
|
&__header {
|
|
&__prev,
|
|
&__next {
|
|
&:after {
|
|
opacity: var( --opacity-icon-base );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media ( hover: hover ) {
|
|
.tabber {
|
|
&__tab {
|
|
&:hover {
|
|
box-shadow: inset 0 -2px 0 0 var( --color-primary--hover );
|
|
color: var( --color-primary--hover );
|
|
}
|
|
|
|
&:active {
|
|
box-shadow: inset 0 -2px 0 0 var( --color-primary--active );
|
|
color: var( --color-primary--active );
|
|
}
|
|
}
|
|
|
|
&__header {
|
|
&__prev,
|
|
&__next {
|
|
&:hover {
|
|
background-color: var( --background-color-quiet--hover );
|
|
|
|
&:after {
|
|
opacity: var( --opacity-icon-base--hover );
|
|
}
|
|
}
|
|
|
|
&:active {
|
|
background-color: var( --background-color-quiet--active );
|
|
|
|
&:after {
|
|
opacity: var( --opacity-icon-base--active );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.skin-citizen-dark {
|
|
.tabber__header {
|
|
&__prev,
|
|
&__next {
|
|
&:after {
|
|
filter: invert( 1 );
|
|
}
|
|
}
|
|
}
|
|
}
|