MediaWiki:Citizen.css:修订间差异

MediaWiki界面页面
无编辑摘要
无编辑摘要
第43行: 第43行:
}
}


/* Adjust contrast since we changed primary color */
Adjust contrast since we changed primary color  
/*:root.skin-citizen-dark {*/
:root.skin-citizen-dark {
/*    --color-primary__l: 56%;*/
    --color-primary__l: 56%;
/*}*/
}


/* Align icon opacity with skin default */
/* Align icon opacity with skin default */
.mw-logo-icon {
/*.mw-logo-icon {*/
    opacity: var( --opacity-icon-base );
/*    opacity: var( --opacity-icon-base );*/
}
/*}*/


/*
/*

2023年12月7日 (四) 19:01的版本

/* 这里的任何CSS将为使用Citizen皮肤的用户加载 */
body.page-首页 H1.firstHeading {
    display: none;
}
body.page-首页 #siteSub {
    display: none;
}
body.page-Main_page H1.firstHeading {
    display: none;
}
body.page-Main_page #siteSub {
    display: none;
}
.tab-iconalgorithm {
    background: url(/images/algorithm.svg) no-repeat left center;
    padding-left: 25px; /* Adjust this value based on the size of your icon */
    background-size: 20px; /* Adjust this value based on the size of your icon */
}
.tab-iconplot {
    background: url(/images/plot.svg) no-repeat left center;
    padding-left: 25px; /* Adjust this value based on the size of your icon */
    background-size: 20px; /* Adjust this value based on the size of your icon */
}
.tab-icontable {
    background: url(/images/table.svg) no-repeat left center;
    padding-left: 25px; /* Adjust this value based on the size of your icon */
    background-size: 20px; /* Adjust this value based on the size of your icon */
}
.tab-iconauto {
    background: url(/images/auto.svg) no-repeat left center;
    padding-left: 25px; /* Adjust this value based on the size of your icon */
    background-size: 20px; /* Adjust this value based on the size of your icon */
}
/*
 * Star Citizen Wiki
 * This stylesheet only contains site-wide styles.
 * For template styles, check the specific template documentation.
*/

/* Adjust primary color */
:root {
    --color-primary__h: 205;
}

 Adjust contrast since we changed primary color 
:root.skin-citizen-dark {
    --color-primary__l: 56%;
}

/* Align icon opacity with skin default */
/*.mw-logo-icon {*/
/*    opacity: var( --opacity-icon-base );*/
/*}*/

/*
 * Menu
 * Rich format menu to have more hierarchy
*/
.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;
}

/* Label */
.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;
}

/* Icons */
.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
 * We use custom footer icons so we need to fine tune it
*/
#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,
#footer-icons li {
    gap: var( --space-md );
}

/* Divide footer links into two columns */
#footer-places {
    column-count: 2;
}

/* Fix misalignment in Safari and Firefox when using two columns */
#footer-places ul {
    display: initial;
}

/* 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 );
}

/* Hide main page header */
.page-Star_Citizen_Wiki .mw-body-header {
    display: none;
}

/*
 * Very important checkmark
 * Blue checkmark near wordmark
*/
.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 );*/
/*}*/