「MediaWiki:Timeless.css」の版間の差分

/* =====================================================
   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 拡張の外枠整理（本文基準に揃える）
   ===================================================== */

/*
  Timeless では本文は内枠（中央寄せ）で表示されている。
  ここを padding 0 にすると、コメントだけが左に張り付いて見える。
  本文と同じ左右余白を与える。
*/
#mw-content-block #mw-data-after-content {
  margin-left: 0;
  margin-right: 0;
  max-width: none;

  padding-left: 2em;
  padding-right: 2em;

  box-sizing: border-box;
}


/* =====================================================
   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;
}


/* =====================================================
   Timeless：コメント見出しブロックの位置と間隔
   ===================================================== */

/*
  見出しの実体は
  div.mw-heading.mw-heading2 > h2#コメント
  h2 だけでなく wrapper 側を基準にする。
*/
#mw-data-after-content .mw-heading.mw-heading2 {
  margin: 0 0 1em 0;
  padding: 0;
}

/* 見出し自体の余計なマージンを抑制 */
#mw-data-after-content .mw-heading.mw-heading2 > h2#コメント {
  margin: 0;
}

/* 見出し直下（コメント本文ブロック）との間隔 */
#mw-data-after-content .mw-heading.mw-heading2 + * {
  margin-top: 1em;
}


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

/* 入力欄そのもの */
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 の文章も textarea と同一基準に */
#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;
}