MediaWiki:Tweeki.css
提供:きまぐれ手記 Kimagurenote
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Internet Explorer / Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
- Opera: Ctrl-F5を押してください
1 /* CSS placed here will affect users of the Tweeki skin */
2
3 /* Bootstrap 3 までの標準フォントサイズに戻す */
4 html {
5 font-size: 14px;
6 }
7
8 /* 外部リンクアイコンを付けない .plainlinks を有効にする */
9 #content .plainlinks a.external::after, .link-http::after, .link-https::after {
10 content: none !important;
11 }
12
13 /* Infobox 先頭の余白を減らす */
14 .with-navbar.with-navbar-fixed {
15 padding-top: 0;
16 }
17
18 /* Tweeki sidebar-right */
19 #sidebar-right {
20 width: 120px;
21 padding: 0;
22 /* sidebar-right の上に空白を追加(Google自動広告で塞がれるため) */
23 /* ただしQRコードなどで埋めた場合は空白を0にする */
24 // padding-top: 3.5em;
25 padding-top: 0;
26 /* 縦のみスクロールバーを表示 */
27 overflow: auto;
28 overflow-x: hidden;
29 /* 縦のみスクロールバーを非表示 */
30 scrollbar-width: none;
31 -ms-overflow-style: none;
32 }
33 #sidebar-right::-webkit-scrollbar{
34 display:none;
35 }
36
37 /* sidebar-right の上にQRコードを入れたので余白を0にする */
38 .sidebar-sticky {
39 top: 0;
40 }
41
42 /* navbarを揃える */
43 #navbar {
44 vertical-align: bottom;
45 }
46
47 /* 高さを固定して遅延読込によるページずれを防ぐ(CLS対策) */
48 DIV#page-header {
49 height: 3em;
50 }
51
52 /* https://www.mediawiki.org/wiki/Manual:Interface/Sitenotice */
53 DIV#siteNotice {
54 text-align: left;
55 }