MediaWiki:Gadget-ViewerMode.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* 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;
}