更多操作
删除的内容 添加的内容
LittlePaw365(留言 | 贡献) 无编辑摘要 |
LittlePaw365(留言 | 贡献) 无编辑摘要 |
||
第194行: | 第194行: | ||
} |
} |
||
.citizen-body { |
.citizen-body, .citizen-page-sidebar { |
||
position: relative; |
position: relative; |
||
} |
} |
2024年6月4日 (二) 02:12的版本
/* 这里所有CSS都会加载给Citizen皮肤的用户
* This stylesheet only contains site-wide styles.
* For template styles, check the specific template documentation.
*/
/* Adjust primary color */
:root {
--color-primary__h: 235;
}
/* Adjust contrast since we changed primary color
:root.skin-citizen-dark {
--color-primary__l: 56%;
} */
/*
* 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://static.miraheze.org/zhtardiswiki/7/77/Discord_-_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;
}
/* Moved to [[MediaWiki:Citizen-footer-tagline]] */
#footer-places-donate {
display: none;
}
/* Move main page page actions to the bottom of the page */
.page-首页 .citizen-body-container {
grid-template-areas:
'content'
'header'
'footer';
}
.page-首页 .page-actions .citizen-menu__card {
bottom: 100%;
}
/*
* 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://static.miraheze.org/zhtardiswiki/1/19/TW-Verified.svg );
}
/* CookieWarning tweaks */
.mw-cookiewarning-container {
max-width: 480px;
}
.mw-cookiewarning-text {
gap: var(--space-xs);
}
.mw-cookiewarning-text::before {
content: '🍪';
font-size: 2rem;
}
/* hide on pageload to prevent FoUC */
.client-js .mw-cookiewarning-container {
opacity: 0;
visibility: hidden;
transition: opacity 250ms ease, visibility 250ms ease;
}
/* citizen-animations-ready is added when scripts are loaded */
.client-js.citizen-animations-ready .mw-cookiewarning-container {
opacity: 1;
visibility: visible;
}
/* Page backgroud */
.citizen-page-container::before {
background-image: url(https://static.miraheze.org/zhtardiswiki/b/bc/TARDIS_in_the_vortex.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.citizen-sitenotice-container::before {
background: linear-gradient(180deg, hsla(var(--color-primary__h),var(--color-surface-0__s),var(--color-surface-0__l), 0), hsla(var(--color-primary__h),var(--color-surface-0__s),var(--color-surface-0__l), 1));
}
.citizen-page-container::before, .citizen-sitenotice-container::before {
content: "";
position: absolute;
width: 100%;
z-index: 0;
height: 220px;
}
.citizen-body, .citizen-page-sidebar {
position: relative;
}
/* Main Page backgroud */
/* Revert em styles to avoid some strange issues */
:lang(zh) em {
font-style: revert;
text-emphasis: revert;
}
/* Temp fix: Move the variants before the languages */
#p-variants {
order: -1;
}
/* Temp fix: Citizen's reading preferences panel */
.citizen-client-prefs-radio__label {
white-space: nowrap;
}