独自の CSS を適用する

どうやら /conf/userstyle.css というファイルを作ればオーバーライドしてくれるらしいです。

で、他のテンプレート触ったことないからよく知らないんですが bootstrap3 のテンプレートはテーマごとにクラスセレクタを用意しているみたいです。https://www.dokuwiki.org/template:bootstrap3 ここのテーマは Bootswatch の Paper なので

body.paper h1,.h1 {
    ....
}

みたいな感じ。

ただ「この要素のみに限定的に適用したい」とかそういう場合に、適用先を探してうまいことセレクタを指定する…ってのがものすごくメンドクサイ。ちなみに「いまこの要素にはどのスタイルが適用されているのか」を調べるのは Firefox の開発ツール-インスペクターがワリと便利。

body.paper .dw-toc .small {
        font-size:              85%;
}
  • wiki/dokuwiki/userstyle.css
  • 最終更新: 2019/02/17 15:59