MediaWiki:Common.css:修订间差异

删除的内容 添加的内容
Maintenance script​(留言 | 贡献)
更新首页与 Citizen 皮肤适配样式
Maintenance script​(留言 | 贡献)
按站点 logo 配色调整首页公共样式
第27行:
 
.mw-parser-output .mw-mainpage {
--mainpage-blue: #36c2f6fe4;
--mainpage-greenred: #00af89e43d30;
--mainpage-redgreen: #d3300a878;
--mainpage-yellow: #f2b705;
--mainpage-ink: var(--color-emphasized, #202122);
--mainpage-text: var(--color-base, #202122);
第42行 ⟶ 第43行:
 
.mw-parser-output .mw-mainpage a {
font-weight: 600650;
}
 
第54行 ⟶ 第55行:
border-radius: 8px;
background:
linear-gradient(135deg, rgba(5147, 102111, 204228, 0.1214), transparent 4238%),
linear-gradient(315deg, rgba(0, 175168, 137120, 0.1012), transparent 3538%),
linear-gradient(45deg, rgba(242, 183, 5, 0.10), transparent 30%),
var(--mainpage-surface);
}
 
.mw-parser-output .mw-mainpage-logo-mark {
position: relative;
width: 6.5rem25rem;
height: 6.5rem25rem;
border-radius: 50%;
border: 1px solid var(--mainpage-line);▼
background: var(--mainpage-surface-soft);▼
}
 
.mw-parser-output .mw-mainpage-marklogo-dotpiece {
position: absolute;
widthdisplay: 2.7remblock;
heightwidth: 2.7rem4rem;
border-radiusheight: 50%2.4rem;
opacityborder-radius: 0.9255rem;
transform: rotate(45deg);
box-shadow: 0 0.25rem 0.8rem rgba(0, 0, 0, 0.12);
}
 
.mw-parser-output .mw-mainpage-marklogo-blue {
top: 0.75rem3rem;
left: 1.9rem95rem;
background: var(--mainpage-blue);
}
 
.mw-parser-output .mw-mainpage-marklogo-greenred {
righttop: 0.8rem2rem;
bottomleft: 1rem0.35rem;
background: var(--mainpage-surfacered);▼
}
 
.mw-parser-output .mw-mainpage-logo-green {
top: 2rem;
right: 0.35rem;
background: var(--mainpage-green);
}
 
.mw-parser-output .mw-mainpage-marklogo-redyellow {
leftbottom: 0.8rem2rem;
bottomleft: 1rem1.95rem;
background: var(--mainpage-redyellow);
}
 
第105行 ⟶ 第112行:
color: var(--mainpage-ink);
font-size: clamp(2rem, 5vw, 3.4rem);
font-weight: 800850;
line-height: 1.1;
}
第136行 ⟶ 第143行:
}
 
.mw-parser-output .mw-mainpage-search-card {,
.mw-parser-output .mw-mainpage-project,
padding: 0.9rem 1rem;▼
.mw-parser-output .mw-mainpage-feature,
.mw-parser-output .mw-mainpage-panel {
border: 1px solid var(--mainpage-line);
border-radius: 8px;
▲ background: var(--mainpage-surface-soft);
}
 
.mw-parser-output .mw-mainpage-search-card {
▲ padding: 0.9rem 1rem;
background: var(--mainpage-surface-soft);
}
第189行 ⟶ 第203行:
.mw-parser-output .mw-mainpage-panel {
padding: 1rem;
border: 1px solid var(--mainpage-line);
border-radius: 8px;
▲ background: var(--mainpage-surface);
}
 
.mw-parser-output .mw-mainpage-project {,
.mw-parser-output .mw-mainpage-search-card {
border-top-width: 4px;
}
 
.mw-parser-output .mw-mainpage-projectaccent-blue {
border-top-color: var(--mainpage-blue);
}
 
.mw-parser-output .mw-mainpage-projectaccent-greenred {
▲ border-top-color: 1px solid var(--mainpage-linered);
}
 
.mw-parser-output .mw-mainpage-accent-green {
border-top-color: var(--mainpage-green);
}
 
.mw-parser-output .mw-mainpage-projectaccent-redyellow {
border-top-color: var(--mainpage-redyellow);
}
 
第284行 ⟶ 第300行:
}
 
.mw-parser-output .mw-mainpage-logo-mark {
width: 4.5rem75rem;
height: 4.5rem75rem;
}
 
.mw-parser-output .mw-mainpage-marklogo-dotpiece {
width: 1.9rem85rem;
height: 1.9rem85rem;
}
}