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{
--background-color: 237, 233, 223;
--text-color: 25, 20, 16;
--light-color-1: var(--background-color);
--light-color-2: 255, 251, 240;
--dark-color-1: 160, 160, 160;
--dark-color-2: 140, 136, 126;
--dark-color-3: 72, 69, 60;
--dark-color-4: 48, 48, 52;
--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;
--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));
}