打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
删除的内容 添加的内容
XP-jia留言 | 贡献
ds6
标签已被回退
XP-jia留言 | 贡献
ds7
标签已被回退
第67行: 第67行:


/* ===========================
/* ===========================
新增布局样式
布局样式
=========================== */
=========================== */
.content-section {
.content-section {
第89行: 第89行:
border-bottom-color: #d5f4e6;
border-bottom-color: #d5f4e6;
}
}

/* 导航容器 */
.nav-container {
.nav-container {
display: grid;
display: grid;
第107行: 第109行:
font-size: 0.95rem;
font-size: 0.95rem;
}
}

/* 子分类布局 */
.sub-categories {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-top: 10px;
}
.sub-categories > div {
padding: 12px;
background: rgba(0,0,0,0.02);
border-radius: 6px;
border: 1px solid #f1f2f6;
}
.sub-categories strong {
color: #2c3e50;
display: block;
margin-bottom: 6px;
font-size: 0.9rem;
}

/* 三栏内容 */
.three-column-content {
.three-column-content {
display: grid;
display: grid;
第129行: 第153行:
margin-bottom: 8px;
margin-bottom: 8px;
}
}

/* 两栏内容 */
.two-column-content {
.two-column-content {
display: grid;
display: grid;
第146行: 第172行:
margin-bottom: 8px;
margin-bottom: 8px;
}
}

/* 站点链接 */
.site-links {
.site-links {
display: grid;
display: grid;
第182行: 第210行:
.two-column-section .content-box:nth-child(2) {
.two-column-section .content-box:nth-child(2) {
border-left: 4px solid #e67e22;
border-left: 4px solid #e67e22;
}
.two-column-section:nth-of-type(2) .content-box:nth-child(1) {
border-left: 4px solid #f39c12;
}
.two-column-section:nth-of-type(2) .content-box:nth-child(2) {
border-left: 4px solid #c0392b;
}
}
.content-box:nth-last-child(3) {
.content-box:nth-last-child(3) {
第193行: 第215行:
}
}
.content-box:nth-last-child(2) {
.content-box:nth-last-child(2) {
border-left: 4px solid #e74c3c;
border-left: 4px solid #7f8c8d;
}
}
.content-box:last-of-type {
.content-box:last-of-type {
border-left: 4px solid #7f8c8d;
border-left: 4px solid #e74c3c;
}

/* ===========================
导航框样式
=========================== */
.navbox {
background: #f8f9fa;
border-radius: 6px;
padding: 12px;
margin: 12px 0;
border: 1px solid #e9ecef;
}
.navbox a {
color: #2980b9;
text-decoration: none;
transition: color 0.2s ease;
}
.navbox a:hover {
color: #1a5276;
text-decoration: underline;
}
}


第250行: 第252行:
.site-links {
.site-links {
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.sub-categories {
grid-template-columns: 1fr;
}
}
}
}
第275行: 第280行:
margin-bottom: 10px;
margin-bottom: 10px;
}
}
.nav-column {
.nav-column,
.sub-categories > div {
padding: 12px;
padding: 12px;
}
}
第292行: 第298行:
.two-column-content,
.two-column-content,
.three-column-content,
.three-column-content,
.site-links {
.site-links,
.sub-categories {
grid-template-columns: 1fr;
grid-template-columns: 1fr;
gap: 12px;
gap: 12px;
第299行: 第306行:
.two-column-content > div,
.two-column-content > div,
.three-column-content > div,
.three-column-content > div,
.site-links > div {
.site-links > div,
.sub-categories > div {
padding: 12px;
padding: 12px;
}
}
第320行: 第328行:
.two-column-content > div,
.two-column-content > div,
.three-column-content > div,
.three-column-content > div,
.site-links > div {
.site-links > div,
.sub-categories > div {
background: #fff !important;
background: #fff !important;
border: 1px solid #ddd;
border: 1px solid #ddd;