MediaWiki:Gadget-ViewerMode.css:修订间差异
LocalAdmin(留言 | 贡献) 读者模式切换 CSS |
LocalAdmin(留言 | 贡献) 补全我的博客图标样式及视图切换对齐 |
||
| 第1行: | 第1行: | ||
/* ViewerMode gadget | /* ViewerMode gadget styles */ | ||
/* | /* === Viewer mode: hide editing UI === */ | ||
html.viewer-mode .mw-editsection { | html.viewer-mode .mw-editsection { | ||
display: none !important; | display: none !important; | ||
} | } | ||
html.viewer-mode #ca-edit, | html.viewer-mode #ca-edit, | ||
html.viewer-mode #ca-ve-edit, | html.viewer-mode #ca-ve-edit, | ||
| 第12行: | 第10行: | ||
display: none !important; | display: none !important; | ||
} | } | ||
html.viewer-mode #p-cactions { | html.viewer-mode #p-cactions { | ||
display: none !important; | display: none !important; | ||
} | } | ||
html.viewer-mode #ca-watch, | html.viewer-mode #ca-watch, | ||
html.viewer-mode #ca-unwatch { | html.viewer-mode #ca-unwatch { | ||
display: none !important; | display: none !important; | ||
} | } | ||
html.viewer-mode .vector-sticky-header-edit-icons { | html.viewer-mode .vector-sticky-header-edit-icons { | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* Highlight toggle | /* Highlight toggle when viewer mode is active */ | ||
html.viewer-mode #pt-viewer-mode a { | html.viewer-mode #pt-viewer-mode a { | ||
color: #f0a500 !important; | color: #f0a500 !important; | ||
font-weight: bold; | font-weight: bold; | ||
} | |||
/* === Fix: 我的博客 icon alignment === */ | |||
#pt-simpleblog_myblog a { | |||
display: flex; | |||
align-items: center; | |||
gap: 8px; | |||
} | |||
#pt-simpleblog_myblog .vector-icon { | |||
flex-shrink: 0; | |||
} | |||
/* Viewer mode toggle link alignment */ | |||
#pt-viewer-mode a { | |||
display: flex; | |||
align-items: center; | |||
gap: 8px; | |||
} | |||
#pt-viewer-mode .vector-icon { | |||
flex-shrink: 0; | |||
} | } | ||