注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/* 这里所有CSS都会加载给Citizen皮肤的用户 */
/* 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 );
filter: var( --filter-invert );
} */
/*
* Menu
* Rich format menu to have more hierarchy
*/
/* Remove bottom spacing as it is handled in footer portlet */
.citizen-drawer__menu {
margin-bottom: 0;
padding-bottom: 0;
}
.mw-portlet-External {
position: sticky;
bottom: 0;
margin-top: var( --space-md );
padding: var( --space-xs ) 0;
border-top: 1px solid var( --border-color-base );
background: var( --color-surface-1 );
font-size: var( --font-size-x-small );
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 );
filter: var( --filter-invert );
}
#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 );
}
/* Move main page page actions to the bottom of the page */
.page-神秘博士维基 .citizen-body-container {
grid-template-areas:
'content'
'header'
'footer';
}
/* Temp fix: Move the variants before the languages */
#p-variants {
order: -1;
}
/* Temp fix for largetable class */
/* FIXME: Use no overflow class when Citizen is updated */
.citizen-table-wrapper:has( .largetable ) {
max-height: 60vh;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius--medium );
mask-image: none !important;
-webkit-mask-image: none !important;
}