mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-15 02:24:04 +00:00
59 lines
960 B
Plaintext
59 lines
960 B
Plaintext
/*
|
|
* Citizen - Echo Styles
|
|
* https://starcitizen.tools
|
|
*/
|
|
|
|
@import '../resources/variables.less';
|
|
|
|
// Styles for echo badges
|
|
#pt-notifications {
|
|
&-alert,
|
|
&-notice {
|
|
|
|
.mw-echo-notifications-badge {
|
|
top: -1000px; // Default was -1005px for some reason
|
|
margin: 0;
|
|
width: @icon-box-size + @icon-padding;
|
|
height: @header-height;
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
&:before {
|
|
opacity: 0.6!important; // override all styles
|
|
}
|
|
}
|
|
|
|
// Icon tweaks
|
|
&:before {
|
|
opacity: 0.4;
|
|
background-position: center;
|
|
transition: @transition-opacity, @transition-transform;
|
|
}
|
|
|
|
// Badge tweaks
|
|
&:after {
|
|
background-color: @red-50;
|
|
font-size: 11px;
|
|
}
|
|
|
|
&.mw-echo-notifications-badge-all-read {
|
|
opacity: 0.75; // 0.75 * 0.4 = 0.3
|
|
}
|
|
}
|
|
}
|
|
|
|
// Rotate bell
|
|
&-alert {
|
|
.mw-echo-notifications-badge {
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
&:before {
|
|
transform: rotateZ(20deg);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|