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; | |||
} | } | ||
2026年3月12日 (四) 10:08的版本
/* ViewerMode gadget styles */
/* === Viewer mode: hide editing UI === */
html.viewer-mode .mw-editsection {
display: none !important;
}
html.viewer-mode #ca-edit,
html.viewer-mode #ca-ve-edit,
html.viewer-mode #ca-viewsource {
display: none !important;
}
html.viewer-mode #p-cactions {
display: none !important;
}
html.viewer-mode #ca-watch,
html.viewer-mode #ca-unwatch {
display: none !important;
}
html.viewer-mode .vector-sticky-header-edit-icons {
display: none !important;
}
/* Highlight toggle when viewer mode is active */
html.viewer-mode #pt-viewer-mode a {
color: #f0a500 !important;
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;
}