MediaWiki:Citizen.css
MediaWiki界面页面
更多操作
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 全局背景与文字 */
body {
background-color: #faf5ed;
/* 使用 SVG 滤镜 */
filter: url(#paper-fiber-filter);
/* 增强:叠加微妙的渐变模拟光照 */
background-image:
radial-gradient(ellipse at 35% 25%,
rgba(255, 255, 255, 0.35) 0%,
transparent 55%),
radial-gradient(ellipse at 65% 70%,
rgba(180, 160, 130, 0.12) 0%,
transparent 50%);
}
/* 内容区域背景 */
/* 链接颜色 - 使用 Minecraft 风格的绿色 */
a {
color: #7cb518;
}
a:visited {
color: #5a8f12;
}
a:hover {
color: #9fd633;
}
/* 头部导航栏 */
.citizen-header {
background-color: #252525;
border-bottom: 1px solid #3a3a3a;
}
/* 侧边栏菜单 */
.citizen-sidebar .citizen-menu__heading {
color: #7cb518;
border-left-color: #7cb518;
}
.citizen-sidebar ul li a:hover {
background-color: #3a3a3a;
}
/* 页脚 */
.citizen-footer {
}
.citizen-footer a {
color: #7cb518;
}
/* 搜索框 */
.citizen-search-box input {
background-color: #333333;
border-color: #4a4a4a;
color: #ffffff;
}
/* 表格样式 - 游戏化风格 */
.wikitable {
background-color: #2a2a2a;
border: 1px solid #3a3a3a;
}
.wikitable th {
background-color: #3a3a3a;
color: #7cb518;
}
:root {
/* 主要颜色 - 使用 Minecraft 风格的绿色 */
--color-primary__h: 120;
--color-primary__s: 50;
--color-primary__l: 35;
/* 背景色 - 深色主题 */
/* 文字颜色 */
--color-base--light: #e0e0e0;
--color-base--dark: #ffffff;
/* UI 圆角 - 更接近 Minecraft 的方块感 */
--border-radius-base: 2px;
--border-radius-medium: 4px;
--border-radius-large: 8px;
--color-progressive: #e77a00;
}