MediaWiki:Common.css
外观
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 土域百科 全站样式 —— 朴素维基风格:白与浅灰为主,色彩只用于导航与层级 */
:root {
--wiki-bg: #FAF9F4;
--wiki-text: #22312C;
--wiki-text-secondary: #66766F;
--wiki-text-tertiary: #93A09A;
--wiki-primary: #2E8B74;
--wiki-primary-deep: #226F5D;
--wiki-primary-tint: #E7F1EC;
--wiki-accent: #B8862B; /* 土金色,取自站标 */
--wiki-line: #e3e0d8;
/* 皮肤内置"渐进色"(选中态、按钮、开关)跟随主色 */
--color-progressive: var(--wiki-primary);
--color-progressive--hover: var(--wiki-primary-deep);
--color-progressive--active: var(--wiki-primary-deep);
}
body {
background-color: var(--wiki-bg);
color: var(--wiki-text);
}
/* 链接:青瓷色,已访问为深青瓷 */
.mw-parser-output a:not(.new),
.mw-body-content a:not(.new) {
color: var(--wiki-primary);
}
.mw-parser-output a:visited:not(.new),
.mw-body-content a:visited:not(.new) {
color: var(--wiki-primary-deep);
}
/* 选中文字 */
::selection {
background: var(--wiki-primary-tint);
}
/* 二级标题下划线带一点主色,强化层级 */
.mw-parser-output h2 {
border-bottom: 2px solid #dbe7e1;
}
/* 分类栏 */
.catlinks {
background: var(--wiki-primary-tint);
border-color: #d8e4dd;
}
/* 表格表头 */
table.wikitable > thead > tr > th,
table.wikitable > tbody > tr > th,
table.wikitable > tr > th {
background: var(--wiki-primary-tint);
}
/* ===== 首页门户(参考 PRTS:链接卡片 + 少量色块) ===== */
/* 顶部公告条 */
.ty-notice {
background: #fff;
border: 1px solid var(--wiki-line);
border-left: 4px solid var(--wiki-accent);
padding: 8px 14px;
margin-bottom: 14px;
font-size: .95em;
}
/* 欢迎横幅 */
.ty-hero {
background: var(--wiki-primary-tint);
border: 1px solid #d8e4dd;
padding: 26px 28px 22px;
margin-bottom: 14px;
}
.ty-hero-title {
font-size: 1.85em;
font-weight: 600;
line-height: 1.25;
}
.ty-hero-desc {
margin-top: 6px;
color: var(--wiki-text-secondary);
}
.ty-hero-meta {
margin-top: 12px;
font-size: .9em;
color: var(--wiki-text-tertiary);
}
/* 新手四步 */
.ty-steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
gap: 10px;
margin-bottom: 18px;
}
.ty-step {
background: #fff;
border: 1px solid var(--wiki-line);
padding: 12px 14px;
display: flex;
gap: 10px;
align-items: flex-start;
}
.ty-step-num {
flex: none;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--wiki-primary);
color: #fff;
font-size: .85em;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1px;
}
.ty-step-t { font-weight: 600; }
.ty-step-d {
font-size: .88em;
color: var(--wiki-text-secondary);
margin-top: 2px;
line-height: 1.55;
}
/* 分类入口卡片 */
.ty-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 12px;
margin-bottom: 18px;
}
.ty-card {
background: #fff;
border: 1px solid var(--wiki-line);
}
.ty-card-h {
padding: 7px 14px;
color: #fff;
font-weight: 600;
}
.ty-card-h small {
font-weight: 400;
opacity: .85;
margin-left: 6px;
letter-spacing: .06em;
}
.ty-card-h--intro { background: var(--wiki-primary); }
.ty-card-h--server { background: var(--wiki-accent); }
.ty-card-h--site { background: #66766F; }
.ty-card-b { padding: 8px 14px 10px; }
.ty-card-b ul {
list-style: none;
margin: 0;
padding: 0;
}
.ty-card-b li {
border-bottom: 1px dashed #eceae4;
padding: 5px 0;
margin: 0;
}
.ty-card-b li:last-child { border-bottom: 0; }
.ty-cols-2 ul {
columns: 2;
column-gap: 22px;
}
/* 公告列表 */
.ty-announce {
border: 1px solid var(--wiki-line);
background: #fff;
padding: 10px 16px;
}
.ty-announce ul {
list-style: none;
margin: 0;
padding: 0;
}
.ty-announce li {
border-bottom: 1px dashed #eceae4;
padding: 5px 0;
margin: 0;
}
.ty-announce li:last-child { border-bottom: 0; }