MediaWiki:Timeless.css

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

• Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
• Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
• Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。

/* =====================================================
   Timeless：ページツールの不要項目を非表示
   ===================================================== */

/* サイドバー TOOLBOX 内 */
#t-whatlinkshere,
#t-recentchangeslinked,
#t-info,
#t-log {
  display: none;
}

/* 右カラム ページツール */
#mw-related-navigation #t-print,
#mw-related-navigation #t-permalink,
#mw-related-navigation #t-pagelog {
  display: none;
}

/* 右カラム ページツール「その他」見出し */
#mw-related-navigation #p-pagemisc > h3 {
  display: none;
}

/* 記事タイトル直下 インラインツール「その他」 */
#mw-page-header-links #p-more {
  display: none;
}


/* =====================================================
   Timeless：Comments 拡張の外枠整理
   ===================================================== */

#mw-content-block #mw-data-after-content {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}


/* =====================================================
   Comments：背景色を記事本文と同一に
   ===================================================== */

#mw-data-after-content {
  background-color: #ffffff;
}

#mw-data-after-content .comments-body,
#mw-data-after-content .c-comment,
#mw-data-after-content .c-item {
  background-color: #ffffff;
}

#mw-data-after-content .c-item {
  background-color: transparent;
  border: none;
}

/* =========================
   コメント入力フォーム（幅の統一は最小限）
   ========================= */

/* 入力欄そのもの */
textarea#comment {
    display: block;
    box-sizing: border-box;
    width: calc(98% - 6em);
    max-width: 56em;
    margin-left: auto;
    margin-right: auto;
    padding: 0.6em;
}

/* Comments-submit の文章も同一基準に統一 */
#comments-body form .c-form-title,
#comments-body form p,
#comments-body form .mw-message-box,
#comments-body form .oo-ui-messageWidget {
    box-sizing: border-box;
    width: calc(98% - 6em);
    max-width: 56em;
    margin-left: auto;
    margin-right: auto;
}

/* =========================
   コメント投稿ボタン（右寄せ）
   ========================= */

#comments-body form .c-form-button {
    text-align: right;
}

#comments-body form .c-form-button input,
#comments-body form .c-form-button button {
    margin-left: auto;
}

/* =====================================================
   Timeless：コメント見出しの位置調整
   ===================================================== */

/* コメント見出し */
#mw-data-after-content h2#コメント {
    margin-left: 2em;
}

/* 見出し直下の要素（区切り線・説明文など） */
#mw-data-after-content h2#コメント + * {
    margin-left: 2em;
}


/* =====================================================
   Timeless：中央コンテンツと右カラムの間隔調整
   ===================================================== */

/* 中央コンテンツを少し狭める */
#mw-content-container {
    padding-right: 2em;
}

/* =====================================================
   Timeless：右カラム（ページツール）の右端ベタ付きを解消
   ===================================================== */

/* 右カラム全体を右端から離す（位置を動かす） */
body.skin-timeless #mw-site-navigation {
  right: 2em !important;
  inset-inline-end: 2em !important;
}

/* 念のため、右カラム内の塊にも内側余白（中身が詰まるのを防ぐ） */
body.skin-timeless #mw-site-navigation .sidebar-chunk {
  box-sizing: border-box;
  padding-left: 2em;
  padding-right: 2em;
}