MediaWiki:Minerva.css:修订间差异

HW
HW留言 | 贡献
HW
HW留言 | 贡献
 
(未显示同一用户的4个中间版本)
第1行: 第1行:
/* 这里放置的CSS将应用于MinervaNeue皮肤 */
footer .footer-content {
 
    margin-top: 0;
/*配色,来自超阈限*/
 
: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;
}
}


/* 避免内容区域因隐藏按钮出现错位 */
.scp-image-block figure[typeof~='mw:File'].mw-halign-right, .scp-image-block figure[typeof~='mw:File/Frameless'].mw-halign-right{
#content {
margin: 0;
    margin-top: 0 !important;
}
}