MediaWiki:Minerva.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 这里放置的CSS将应用于MinervaNeue皮肤 */
/*配色,来自超阈限*/
:root {
--thread-accent-color: var(--background-color);
--dark-accent: var(--dark-color-2);
--bb-white:var(--background-color);
--bb-black:var(--text-color);
--link-color: 100, 100, 200;
--hover-link-color: 61, 172, 214;
--visited-link-color: 130, 130, 230;
--newpage-color: 50, 50, 220;
--text-color: 35, 35, 38;
--background-color: 252, 252, 252;
--light-color-1: var(--background-color);
--light-color-2: 240, 240, 244;
--dark-color-2: 229, 229, 238;
--dark-color-3: 50, 50, 51;
--dark-color-4: var(--dark-color-3);
/* General Colors */
--general-light-background-color: var(--light-color-2);
--general-light-text-color: var(--text-color);
--general-medium-background-color: var(--dark-color-2);
--general-medium-text-color: var(--text-color);
--general-dark-background-color: var(--dark-color-3);
--general-dark-text-color: var(--light-color-1);
--general-light-background-color: var(--light-color-2);
--general-light-text-color: var(--text-color);
--general-medium-background-color: var(--dark-color-2);
--general-medium-text-color: var(--light-color-1);
--general-dark-background-color: var(--dark-color-3);
--general-dark-text-color: var(--light-color-1);
--general-shadow-color: var(--text-color);
--general-light-border-color: var(--dark-color-3), 0.08;
--general-medium-border-color: var(--dark-color-3), 0.2;
--general-strong-border-color: var(--dark-color-3), 0.5;
--general-dark-border-color: var(--dark-color-3);
--general-blur: 0.15rem;
--general-transition-time-fast: 0.2s;
--general-transition-time-slow: 0.3s;
--header-background-bottom: var(--light-color-2);
--header-background-top: var(--light-color-2), 0.8;
--header-extra-background-image: none;
--header-text-color: var(--dark-color-3);
--header-text-shadow-color: 0, 0, 0, 0;
--topbar-text-color: var(--dark-color-3);
--topbar-hover-text-color: var(--light-color-2);
--header-username-color: var(--dark-color-3);
--account-button-text-color: var(--light-color-2);
--account-button-hover-text-color: var(--text-color);
--account-button-background-color: var(--dark-color-3);
--account-drop-hover-background-color: var(--light-color-1);
--page-title-border-color: var(--dark-color-2);
--sidebar-title-background-color: var(--dark-color-2);
--sidebar-title-text-color: var(--dark-color-3);
--sidebar-title-shadow-color: 0, 0, 0, 0;
--sidebar-media-background-color: var(--light-color-2);
--sidebar-hover-background-color: var(--light-color-2);
--hr-color: var(--dark-color-2);
--popup-loading-color: var(--dark-color-3);
--scrollbar-color: var(--dark-color-3);
--scrollbar-background-color: var(--light-color-2);
--page-option-background-color: var(--light-color-2);
--lightblock-background-color: var(--general-light-background-color);
--lightblock-text-color: var(--general-light-text-color);
--darkblock-background-color: var(--general-dark-background-color);
--darkblock-text-color: var(--general-dark-text-color);
--styled-quote-background-color: var(--general-light-background-color);
--styled-quote-text-color: var(--general-light-text-color);
--styled-quote-border-color: var(--general-dark-border-color);
--dark-styled-quote-background-color: var(--general-dark-background-color);
--dark-styled-quote-text-color: var(--general-dark-text-color);
--dark-styled-quote-border-color: var(--light-color-2);
}
/*div*/
.lightblock {
background: rgba(var(--lightblock-background-color));
color: rgba(var(--lightblock-text-color));
margin: 1rem 0;
padding: 0.5rem 1rem;
}
.darkblock {
--h1-color: var(--darkblock-text-color);
--h2-color: var(--darkblock-text-color);
--h3-color: var(--darkblock-text-color);
--h4-color: var(--darkblock-text-color);
--h5-color: var(--darkblock-text-color);
--h6-color: var(--darkblock-text-color);
background: rgba(var(--darkblock-background-color));
color: rgba(var(--darkblock-text-color));
margin: 1rem 0;
padding: 0.5rem 1rem;
}
.styled-quote {
background: rgba(var(--styled-quote-background-color));
color: rgba(var(--styled-quote-text-color));
border-left: rgba(var(--styled-quote-border-color)) solid 0.6rem;
margin: 1rem 0;
padding: 0.5rem 1rem;
}
.dark-styled-quote {
--h1-color: var(--dark-styled-quote-text-color);
--h2-color: var(--dark-styled-quote-text-color);
--h3-color: var(--dark-styled-quote-text-color);
--h4-color: var(--dark-styled-quote-text-color);
--h5-color: var(--dark-styled-quote-text-color);
--h6-color: var(--dark-styled-quote-text-color);
background: rgba(var(--dark-styled-quote-background-color));
color: rgba(var(--dark-styled-quote-text-color));
border-left: rgba(var(--dark-styled-quote-border-color)) solid 0.6rem;
margin: 1rem 0;
padding: 0.5rem 1rem;
}
.mw-footer > .post-content{
margin-top: 0;
}
#mw-mf-page-center{
height: auto;
}
.mw-footer > .post-content > * {
margin-bottom: 0;
}
main#content{
min-height: calc(100vh - var(--final-header-height-on-desktop, 10.125rem));
}
/* 隐藏 Minerva 默认的顶部/章节编辑按钮 */
.mw-editsection,
.minerva-page-actions,
.page-actions-menu,
#ca-edit,
#ca-viewsource {
display: none !important;
}
/* 避免内容区域因隐藏按钮出现错位 */
#content {
margin-top: 0 !important;
}