MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:[email protected]&display=swap');

:root {
	--font-family-base: 'Quicksand', sans-serif;
}
.page-Star_Citizen_Wiki .mw-side,.page-Star_Citizen_Wiki .firstHeading,.page-Star_Citizen_Wiki #siteSub {
    display: none!important
}

.skin-citizen blockquote {
    margin: 0.8rem 20px;
    padding: 0
}

:root {
    --color-primary__h: 205
}

:root.skin-citizen-dark {
    --color-primary__l: 56%
}

.mw-logo-icon {
    opacity: var(--opacity-icon-base)
}

.mw-portlet-External {
    margin-top: var(--space-md);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--border-color-base);
    font-size: 0.8125rem;
    grid-column: 1 / -1;
    white-space: nowrap
}

.mw-portlet-External .citizen-menu__heading {
    display: none
}

.mw-portlet-External ul {
    display: flex;
    overflow: auto
}

.mw-portlet-External .mw-list-item a {
    gap: 0
}

.citizen-drawer__menu [id^="n-sidebar-label-"] a {
    pointer-events: none;
    margin-left: var(--space-xs);
    padding-left: var(--space-md);
    padding-right: var(--space-xs);
    border-left: 1px solid var(--border-color-base);
    border-radius: 0;
    letter-spacing: 0.05em;
    font-weight: var(--font-weight-normal);
    color: var(--color-base--subtle) !important
}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a {
    font-size: 0
}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
    display: block;
    content: "";
    width: var(--size-icon);
    height: var(--size-icon);
    background: transparent center/contain no-repeat;
    opacity: var(--opacity-icon-base)
}

.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
    filter: invert(1)
}

#n-sidebar-icon-discord a:before {
    background-image: url(https://media.starcitizen.tools/7/77/Discord_-_Simple_Icons.svg)
}

#n-sidebar-icon-twitter a:before {
    background-image: url(https://media.starcitizen.tools/6/6a/Twitter_-_Simple_Icons.svg)
}

#n-sidebar-icon-mastodon a:before {
    background-image: url(https://media.starcitizen.tools/d/de/Mastodon_-_Simple_Icons.svg)
}

#n-sidebar-icon-threads a:before {
    background-image: url(https://media.starcitizen.tools/9/9b/Threads_-_Simple_Icons.svg)
}

#n-sidebar-icon-patreon a:before {
    background-image: url(https://media.starcitizen.tools/e/e9/Patreon_-_Simple_Icons.svg)
}

#n-sidebar-icon-kofi a:before {
    background-image: url(https://media.starcitizen.tools/4/48/Kofi_-_Simple_Icons.svg)
}

#n-sidebar-icon-github a:before {
    background-image: url(https://media.starcitizen.tools/8/85/Github_-_Simple_Icons.svg)
}

#n-sidebar-icon-reddit a:before {
    background-image: url(https://media.starcitizen.tools/e/e8/Reddit_-_Simple_Icons.svg)
}

#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)
}

#footer-icons ul,#footer-icons li {
    gap: var(--space-md)
}

#footer-places {
    column-count: 2
}

#footer-places ul {
    display: initial
}

.skin-citizen-light #footer-icons a {
    filter: invert(1) hue-rotate(180deg)
}

.skin-citizen-dark .mw-logo-icon {
    filter: invert(1) hue-rotate(180deg)
}

.page-Star_Citizen_Wiki .mw-body-header {
    display: none
}

.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://media.starcitizen.tools/5/5f/SCW-Verified.svg)
}