Monobook更改左边栏宽度

最新推荐文章于 2024-02-05 10:49:05 发布

最新推荐文章于 2024-02-05 10:49:05 发布 · 149 阅读

文章标签：

#CSS

人生随笔专栏收录该内容

34 篇文章

订阅专栏

本文介绍如何修改Monobook皮肤的样式，特别是左侧栏宽度和主要内容区域的边距，以获得更好的阅读体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

wiki的Monobook插件使用起来不错。不过左边栏太窄了。标题过长就很多就看不到了。
更改的时候需要找到main.css(在wiki下的lib/tpl/monobook/monobook/main.css）。
在main.css中找到


   1.
      .portlet {
   2.
          border: none;
   3.
          margin: 0 0 .5em;
   4.
          padding: 0;
   5.
          float: none;
   6.
          width: 11.6em;
   7.
          overflow: hidden;

修改width这个宽度为你想要的宽度值


   1.
      #content {
   2.
          margin: 2.8em 0 0 12.2em;
   3.
          padding: 0 1em 1.5em 1em;
   4.
          background: white;
   5.
          color: black;
   6.
          border: 1px solid #aaa;
   7.
          border-right: none;
   8.
          line-height: 1.5em;
   9.
          position: relative;
  10.
          z-index: 2;
  11.
      }