MediaWiki:Common.css:修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* --- | /* --- 侧边栏极简紧凑美化 --- */ | ||
#mw-panel { | #mw-panel { | ||
background: | background: #f8f9fa; | ||
border-right: 1px solid #dee2e6; | border-right: 1px solid #dee2e6; | ||
padding: 0 !important; | |||
padding: 0 !important; | |||
} | } | ||
/* | /* 标题 - 缩小字号和间距 */ | ||
#mw-panel .portal h3 { | #mw-panel .portal h3 { | ||
color: #2c3e50; | color: #2c3e50; | ||
font- | font-size: 0.7rem; /* 缩小标题 */ | ||
font- | font-weight: 700; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
letter-spacing: 0. | letter-spacing: 0.3px; | ||
padding: 12px | padding: 8px 0 6px 12px; | ||
border-bottom: 1px solid #e9ecef; | border-bottom: 1px solid #e9ecef; | ||
margin: 0; | margin: 0; | ||
} | } | ||
/* | /* 列表容器 - 移除所有默认内边距 */ | ||
#mw-panel .portal .body { | #mw-panel .portal .body { | ||
padding: 0 !important; | padding: 0 !important; | ||
| 第26行: | 第24行: | ||
} | } | ||
#mw-panel .portal li { | #mw-panel .portal li { | ||
list-style: none; | list-style: none; | ||
| 第33行: | 第30行: | ||
} | } | ||
/* 链接 - 最小间距,小字号 */ | |||
#mw-panel .portal li a { | #mw-panel .portal li a { | ||
display: block; | display: block; | ||
padding: 6px | padding: 3px 6px 3px 22px; /* 更小内边距 */ | ||
color: #495057; | color: #495057; | ||
font-size: 0. | font-size: 0.78rem; /* 缩小正文字号 */ | ||
border-radius: | border-radius: 3px; | ||
transition: all 0. | transition: all 0.15s ease; | ||
position: relative; | position: relative; | ||
white-space: nowrap; | white-space: nowrap; | ||
overflow: hidden; | overflow: hidden; | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
margin: | margin: 1px 6px; | ||
} | } | ||
/* | /* 悬停效果 - 淡化减少视觉负担 */ | ||
#mw-panel .portal li a:hover { | #mw-panel .portal li a:hover { | ||
background: #e7f3ff; | background: #e7f3ff; | ||
color: #1a73e8; | color: #1a73e8; | ||
} | } | ||
/* | /* 小箭头 - 更小更精简 */ | ||
#mw-panel .portal li a::before { | #mw-panel .portal li a::before { | ||
content: "›"; | content: "›"; | ||
position: absolute; | position: absolute; | ||
left: | left: 8px; | ||
top: 50%; | top: 50%; | ||
transform: translateY(-50%); | transform: translateY(-50%); | ||
color: #adb5bd; | color: #adb5bd; | ||
font-size: | font-size: 0.9rem; | ||
transition: transform 0. | transition: transform 0.15s ease; | ||
} | } | ||
| 第71行: | 第68行: | ||
} | } | ||
/* | /* 当前页面高亮 - 更简洁 */ | ||
#mw-panel .portal li.selected a | #mw-panel .portal li.selected a { | ||
background: #e7f3ff; | background: #e7f3ff; | ||
border-left: 2px solid #1a73e8; | |||
padding-left: 20px; | |||
font-weight: 500; | font-weight: 500; | ||
} | } | ||
/* | /* 子菜单 - 更小字号 */ | ||
#mw-panel .portal li ul { | #mw-panel .portal li ul { | ||
padding-left: | padding-left: 10px !important; | ||
} | } | ||
#mw-panel .portal li ul li a { | #mw-panel .portal li ul li a { | ||
padding-left: | padding-left: 16px; | ||
font-size: 0. | font-size: 0.72rem; | ||
} | } | ||
#mw-panel .portal li ul li a::before { | #mw-panel .portal li ul li a::before { | ||
left: | left: 4px; | ||
content: "·"; | content: "·"; | ||
font-size: | font-size: 1rem; | ||
} | } | ||
2026年7月8日 (三) 00:31的版本
/* --- 侧边栏极简紧凑美化 --- */
#mw-panel {
background: #f8f9fa;
border-right: 1px solid #dee2e6;
padding: 0 !important;
}
/* 标题 - 缩小字号和间距 */
#mw-panel .portal h3 {
color: #2c3e50;
font-size: 0.7rem; /* 缩小标题 */
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3px;
padding: 8px 0 6px 12px;
border-bottom: 1px solid #e9ecef;
margin: 0;
}
/* 列表容器 - 移除所有默认内边距 */
#mw-panel .portal .body {
padding: 0 !important;
margin: 0 !important;
}
#mw-panel .portal li {
list-style: none;
margin: 0;
padding: 0;
}
/* 链接 - 最小间距,小字号 */
#mw-panel .portal li a {
display: block;
padding: 3px 6px 3px 22px; /* 更小内边距 */
color: #495057;
font-size: 0.78rem; /* 缩小正文字号 */
border-radius: 3px;
transition: all 0.15s ease;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 1px 6px;
}
/* 悬停效果 - 淡化减少视觉负担 */
#mw-panel .portal li a:hover {
background: #e7f3ff;
color: #1a73e8;
}
/* 小箭头 - 更小更精简 */
#mw-panel .portal li a::before {
content: "›";
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
color: #adb5bd;
font-size: 0.9rem;
transition: transform 0.15s ease;
}
#mw-panel .portal li a:hover::before {
transform: translateY(-50%) rotate(90deg);
color: #1a73e8;
}
/* 当前页面高亮 - 更简洁 */
#mw-panel .portal li.selected a {
background: #e7f3ff;
border-left: 2px solid #1a73e8;
padding-left: 20px;
font-weight: 500;
}
/* 子菜单 - 更小字号 */
#mw-panel .portal li ul {
padding-left: 10px !important;
}
#mw-panel .portal li ul li a {
padding-left: 16px;
font-size: 0.72rem;
}
#mw-panel .portal li ul li a::before {
left: 4px;
content: "·";
font-size: 1rem;
}