MediaWiki:Common.css

来自神国反恶俗
七叶​(留言 | 贡献)2026年10月10日 (六) 13:33的版本
跳到导航跳到搜索

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

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
  • Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
  • Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */
/* ============================================================
   MediaWiki:Common.css  ——  神国维基全站样式
   (整份文件,粘贴时把编辑框里的旧内容全选删掉再贴)
   ============================================================ */
/* ------------------------------------------------------------
   ① 目录(TOC):去掉默认的浮动与边框,改成整块显示
   ------------------------------------------------------------ */
.mw-table-of-contents-container,
.mw-table-of-contents,
#toc,
.toc {
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font-size: 1em;
}
#p-toc .pBody {
    max-height: 70vh;
    overflow-y: auto;
    font-size: 0.9em;
    line-height: 1.6;
}
#p-toc ul {
    margin: 0;
    padding-left: 1.6em;
}
#p-toc .toctitle,
#p-toc .mw-table-of-contents__heading,
#p-toc .mw-table-of-contents-header {
    display: none;
}
/* ------------------------------------------------------------
   ② 左侧导航栏:随屏幕滚动固定
   ------------------------------------------------------------ */
#column-one,
.mw-portlet,
.vector-menu-portal,
.sidebar-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    max-height: 100vh;
    overflow-y: auto;
}
/* ------------------------------------------------------------
   ③ 顶部两排标签栏:固定在屏幕顶部,滚动时不动
   ------------------------------------------------------------ */
/* 第一排:参数设置 / 监视列表 / 贡献 / 退出 */
#p-personal {
    position: fixed !important;
    top: 0 !important;
    right: 12px !important;
    left: auto !important;
    margin: 0 !important;
    padding: 5px 12px !important;
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    z-index: 300;
}
/* 第二排:页面 / 讨论 / 编辑源代码 / 历史 / 删除 */
#p-cactions {
    position: fixed !important;
    top: 34px !important;
    right: 12px !important;
    left: auto !important;
    margin-left: 0 !important;
    padding: 4px 12px !important;
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    z-index: 299;
}
}
/* 正文往下让一点,别被上面两排固定栏盖住 */
#content {
    padding-top: 76px;
}
/* ------------------------------------------------------------
   ④ 窄屏(手机/小笔记本)时把固定栏放开,避免错位
   ------------------------------------------------------------ */
@media screen and (max-width: 900px) {
    #p-personal,
    #p-cactions {
        position: static !important;
        margin-left: 0 !important;
        box-shadow: none;
    }
    #content {
        padding-top: 0;
    }
}