MediaWiki:Common.css:修订间差异
外观
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* 页面内顶部栏(随页面滚动,不固定) */ | |||
/* | |||
.ccw-topbar { | .ccw-topbar { | ||
background: #252930; | |||
border-radius: 8px; | |||
margin: 0 0 1em 0; | |||
font-size: 15px; | font-size: 15px; | ||
} | } | ||
.ccw-topbar-inner { | .ccw-topbar-inner { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
gap: 20px; | gap: 20px; | ||
min-height: 52px; | |||
padding: 0 16px; | |||
} | } | ||
.ccw-topbar a, | .ccw-topbar a, | ||
.ccw-topbar a:visited { color: #fff; text-decoration: none; } | .ccw-topbar a:visited { color: #fff; text-decoration: none; } | ||
.ccw-topbar a.new { color: #fff; } | |||
/* Logo */ | /* Logo */ | ||
| 第32行: | 第22行: | ||
/* 导航 */ | /* 导航 */ | ||
.ccw-nav { display: flex; align-items: center; gap: 4px; } | .ccw-nav { display: flex; align-items: center; gap: 4px; flex: 1; } | ||
.ccw-nav a { | .ccw-nav a { padding: 8px 14px; border-radius: 8px; white-space: nowrap; transition: background .15s; } | ||
.ccw-nav a:hover { background: rgba(255,255,255,.12); } | |||
} | |||
.ccw- | |||
/* | /* 右侧用户区 */ | ||
.ccw-user { display: flex; align-items: center; gap: 8px; white-space: nowrap; } | |||
.ccw-user a { padding: 6px 14px; border-radius: 18px; transition: background .15s; } | |||
.ccw-user a:hover { background: rgba(255,255,255,.12); } | |||
.ccw-user a:last-child { background: #4c97ff; font-weight: 600; } | |||
.ccw-user a:last-child:hover { background: #3373cc; } | |||
/* 窄屏:隐藏导航 */ | /* 窄屏:隐藏导航 */ | ||
@media (max-width: | @media (max-width: 700px) { | ||
.ccw-nav { display: none; } | .ccw-nav { display: none; } | ||
.ccw- | .ccw-logo { flex: 1; } | ||
} | } | ||
2026年11月8日 (日) 21:22的版本
/* 页面内顶部栏(随页面滚动,不固定) */
.ccw-topbar {
background: #252930;
border-radius: 8px;
margin: 0 0 1em 0;
font-size: 15px;
}
.ccw-topbar-inner {
display: flex;
align-items: center;
gap: 20px;
min-height: 52px;
padding: 0 16px;
}
.ccw-topbar a,
.ccw-topbar a:visited { color: #fff; text-decoration: none; }
.ccw-topbar a.new { color: #fff; }
/* Logo */
.ccw-logo { display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 700; white-space: nowrap; }
.ccw-logo img { vertical-align: middle; }
/* 导航 */
.ccw-nav { display: flex; align-items: center; gap: 4px; flex: 1; }
.ccw-nav a { padding: 8px 14px; border-radius: 8px; white-space: nowrap; transition: background .15s; }
.ccw-nav a:hover { background: rgba(255,255,255,.12); }
/* 右侧用户区 */
.ccw-user { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.ccw-user a { padding: 6px 14px; border-radius: 18px; transition: background .15s; }
.ccw-user a:hover { background: rgba(255,255,255,.12); }
.ccw-user a:last-child { background: #4c97ff; font-weight: 600; }
.ccw-user a:last-child:hover { background: #3373cc; }
/* 窄屏:隐藏导航 */
@media (max-width: 700px) {
.ccw-nav { display: none; }
.ccw-logo { flex: 1; }
}