|
|
| Line 1: |
Line 1: |
| :root {
| |
| --color-primary__h: 205;
| |
| }
| |
|
| |
|
| :root.skin-citizen-dark {
| |
| --color-primary__l: 56%;
| |
| }
| |
|
| |
| /* Align icon opacity with skin default */
| |
| .mw-logo-icon {
| |
| opacity: var( --opacity-icon-base );
| |
| }
| |
|
| |
| /* Footer icons */
| |
| #footer-icons a {
| |
| opacity: var( --opacity-icon-base );
| |
| transition: opacity 250ms ease;
| |
| }
| |
|
| |
| #footer-icons a:hover {
| |
| opacity: var( --opacity-icon-base--hover );
| |
| }
| |
|
| |
| #footer-icons a:active {
| |
| opacity: var( --opacity-icon-base--active );
| |
| }
| |
|
| |
| /* More space between icons */
| |
| #footer-icons ul {
| |
| gap: var( --space-md );
| |
| }
| |
|
| |
| /* Divide footer links into two columns */
| |
| #footer-places {
| |
| column-count: 2;
| |
| }
| |
|
| |
| /* Darken the footer icon in light mode */
| |
| .skin-citizen-light #footer-icons a {
| |
| filter: invert( 1 ) hue-rotate( 180deg );
| |
| }
| |
|
| |
| /* Lighten the icon in dark mode */
| |
| .skin-citizen-dark .mw-logo-icon {
| |
| filter: invert( 1 ) hue-rotate( 180deg );
| |
| }
| |
|
| |
| .mw-empty-elt {
| |
| display: none;
| |
| }
| |
|
| |
| /* Hide main page header */
| |
| .page-Star_Citizen_Wiki .mw-body-header {
| |
| display: none;
| |
| }
| |
|
| |
| /* Very important checkmark */
| |
| .mw-logo-wordmark {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: var( --space-sm );
| |
| }
| |
|
| |
| .mw-logo-wordmark:after {
| |
| content: "";
| |
| width: 1em;
| |
| height: 1em;
| |
| display: block;
| |
| background-image: url( https://starcitizen.tools/images/5/5f/SCW-Verified.svg );
| |
| }
| |
