MediaWiki:Common.css
外观
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 页面内顶部栏(随页面滚动,不固定) */
.ccw-topbar {
background: #252930;
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; }
}