カスタムCSS¶
*バージョン 0.27.0以降はSCSS記法に非対応となります)
全体またはテーマごとにCSSによるスタイルを設定することが出来ます
全体のスタイルを指定したければ theme
フォルダの中にあるmain.css
、テーマごとのスタイルを指定したければテーマの場所にあるuser.css
を編集します
Ctrl+Shift+Iでデベロッパーツールが起動できるので構造を見て記述してください
特定の板/サイトのセレクタ¶
-
.
を_
に変えて頭にst__
をつけたものがサイト用セレクタになりますhttps://may.2chan.net/b/
に適用させる場合セレクタクラス名は.st__2chan_net
-
.
を_
に変えて頭にsv__
をつけたものがサーバ用セレクタになりますhttps://may.2chan.net/b/
に適用させる場合セレクタクラス名は.sv__may_2chan_net
-
.
を_
に変えて頭にbd__
をつけたものが板用セレクタになりますhttps://may.2chan.net/b/
に適用させる場合セレクタクラス名は.bd__b
-
.
を_
に変えて頭にth__
をつけたものがスレッド用セレクタになりますhttps://may.2chan.net/b/res/00000000.htm
に適用させる場合セレクタクラス名は.th__00000000
例¶
特定の板のスレッド背景色を指定する
.thread-item.bd__b {
background: orange;
}
特定のサイトのスレッド一覧のフォントを指定する
.board-item.st__2chan_net {
font-family: Arial;
}
新着レスの背景色を変える
.thread-item {
.newly {
background: rgba(45, 80, 146, 0.2);
}
}