MediaWiki:Minerva.css:修订间差异
外观
| 第4行: | 第4行: | ||
:root { | :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; | --text-color: 35, 35, 38; | ||
--background-color: 252, 252, 252; | --background-color: 252, 252, 252; | ||
--light-color-2: 240, 240, 244; | --light-color-2: 240, 240, 244; | ||
--dark-color-2: 229, 229, 238; | --dark-color-2: 229, 229, 238; | ||
--dark-color-3: 50, 50, 51; | --dark-color-3: 50, 50, 51; | ||
--dark-color-4: var(--dark-color-3); | --dark-color-4: var(--dark-color-3); | ||
--general-light-background-color: var(--light-color-2); | --general-light-background-color: var(--light-color-2); | ||
--general-light-text-color: var(--text-color); | --general-light-text-color: var(--text-color); | ||
| 第21行: | 第27行: | ||
--general-dark-background-color: var(--dark-color-3); | --general-dark-background-color: var(--dark-color-3); | ||
--general-dark-text-color: var(--light-color-1); | --general-dark-text-color: var(--light-color-1); | ||
--header-background-bottom: var(--light-color-2); | --header-background-bottom: var(--light-color-2); | ||
--header-background-top: var(--light-color-2), 0.8; | --header-background-top: var(--light-color-2), 0.8; | ||
2026年2月19日 (四) 11:19的版本
/* 这里放置的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-2: 240, 240, 244;
--dark-color-2: 229, 229, 238;
--dark-color-3: 50, 50, 51;
--dark-color-4: var(--dark-color-3);
--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);
--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);
}
/*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));
}