MediaWiki:Gadget-site.css
来自滚动的天空Wiki
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- 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将应用于所有皮肤 */
/* 注意:本页只会放置杂项的CSS,更多CSS请参见[[Special:小工具]]。 */
/*********************************/
/* 为 Timeless 皮肤配置深色主题,对于非 Timeless 皮肤,var(--dark-mode-enabled) CSS 变量始终为 0 */
:root {
--dark-mode-enabled: 0;
}
:root,
.ui-widget-content,
.dark-mode-disabled,
.dark-mode-enabled,
.separate-dark-mode-settings {
--text-color: hsl(0, 0%, calc(100% * var(--dark-mode-enabled)));
--background-color: hsl(0, 0%, calc(100% - 100% * var(--dark-mode-enabled)));
--box-shadow-color-a02: hsla(0, 0%, calc(100% * var(--dark-mode-enabled)), .02);
--box-shadow-color-a05: hsla(0, 0%, calc(100% * var(--dark-mode-enabled)), .05);
--color-eaecf0: hsl(220deg 16.67% calc(92.94% - 80.88% * var(--dark-mode-enabled)));
--color-f8f9fa: hsl(210, 17%, calc(98% - 90% * var(--dark-mode-enabled)));
--color-c8ccd1: hsl(213, 9%, calc(80% - 60% * var(--dark-mode-enabled)));
--color-a2a9b1: hsl(212deg 8.77% calc(66.47% - 33.33% * var(--dark-mode-enabled)));
--color-72777d: hsl(213, 5%, calc(47% + 13% * var(--dark-mode-enabled)));
--color-202122: hsl(210, 3%, calc(13% + 74% * var(--dark-mode-enabled)));
--color-54595d: hsl(207, 5%, calc(35% + 30% * var(--dark-mode-enabled)));
--color-eaf3ff: hsl(214, 100%, calc(96% - 92% * var(--dark-mode-enabled)));
}
/* 避免一些内容过长而不换行 */
.mw-parser-output {
overflow-wrap: anywhere;
}
/*
== 模板文档样式 ==
*/
.template-documentation{
margin: 1em 0;
}
.template-documentation-header {
margin-bottom: 0.2em;
}
.template-documentation-header,.template-documentation-body,.template-documentation-foot {
clear: both;
border: 1px solid #a2a9b1;
background-color: #ecfcf4;
background-color: hsl(150, 73%, calc(96% - 92% * var(--dark-mode-enabled)));
padding: 5px;
}
.template-documentation-foot {
padding: 0.25em 0.9em;
margin-top: 0.2em;
}
/*
== 机关列表模板 ==
由于css无法过滤,故放置此处。*/
.image-sections {
column-width: calc(max(30em, 180px));
column-gap: 1em;
clear: both;
}
.image-sections #doc {
display: none;
}
.image-section {
width: 100%;
display: inline-block;
}
.image-section #toc {
display: none;
}
.image-section-title {
order: 1;
}
.image-section-image {
order: 2;
}
.image-section-text {
order: 3;
}
/** 用于 参见 和 主条目 等模板 **/
.hatnote {
font-size: small;
margin-top: -0.5em;
}
/*
== 站点显示颜色调整==
*/
@media screen {
.mw-body h1.firstHeading {
border-bottom-color: hsl(179, 91%, 32%);
border-bottom-color: hsl(179, 91%, calc(32% + 36% * var(--dark-mode-enabled)));
}
a,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-tabs li a,
.plainlinks.internal a.external {
color: hsl(178, 95%, calc(25% + 50% * var(--dark-mode-enabled)));
}
a:visited,
.vector-menu-portal .vector-menu-content li a:visited,
.plainlinks.internal a.external:visited {
color: hsl(178, 95%, calc(15% + 70% * var(--dark-mode-enabled)));
}
a:hover,
.plainlinks.internal a.external:hover {
color: hsl(178, 95%, calc(30% + 40% * var(--dark-mode-enabled)));
}
a:visited:hover,
.plainlinks.internal a.external:visited:hover {
color: hsl(178, 95%, calc(20% + 60% * var(--dark-mode-enabled)))
}
a:active,
.plainlinks.internal a.external:active { color: #faa700; }
body.skin-vector .mw-body {
border-color: #12decb;
}
}
/*
== 调整深色模式下部分内容不受深色模式影响 ==
*/
.client-darkmode mw-header-hack,
.client-darkmode #p-logo {
filter: invert(1) hue-rotate(180deg)
}
html.client-darkmode {
background-color: unset;
}
/*
== 调整站点公告 ==
*/
.sitedir-ltr .mw-dismissable-notice-body,
.sitedir-rtl .mw-dismissable-notice-body {
margin:0.5em
}
/**
为确保内容质量,不应该使用可视化编辑器。
**/
#p-views #ca-ve-edit,
#page-actions #ca-ve-edit,
html:not(.ve-active) .ve-init-mw-editSwitch .oo-ui-tool-name-editModeVisual,
.mw-editsection .mw-editsection-visualeditor,
.mw-editsection .mw-editsection-visualeditor + .mw-editsection-divider{
display: none !important;
}