跳转到内容

MediaWiki:Gadget-ViewerMode.css:修订间差异

来自槌基百科
读者模式切换 CSS
 
补全我的博客图标样式及视图切换对齐
第1行: 第1行:
/* ViewerMode gadget — hides editing UI in visitor view */
/* ViewerMode gadget styles */


/* Section [edit] links */
/* === Viewer mode: hide editing UI === */
html.viewer-mode .mw-editsection {
html.viewer-mode .mw-editsection {
     display: none !important;
     display: none !important;
}
}
/* Edit / View source / Visual edit page tabs */
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;
}
}
/* More actions menu (move, delete, protect...) */
html.viewer-mode #p-cactions {
html.viewer-mode #p-cactions {
     display: none !important;
     display: none !important;
}
}
/* Watch / Unwatch */
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;
}
}
/* Vector 2022 sticky header edit button */
html.viewer-mode .vector-sticky-header-edit-icons {
html.viewer-mode .vector-sticky-header-edit-icons {
     display: none !important;
     display: none !important;
}
}


/* Highlight toggle button when viewer mode is active */
/* 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;
}