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

/* ここに記述したCSSはすべての外装に反映されます */

/* フォント・ファミリの設定 */
/* [[MediaWiki‐ノート:Common.css#特定テンプレート用のCSSをTemplateStylesに移行する提案（1回目）]]により非推奨化（[[Template:Unicode]]への移行推奨） */
.Unicode {
	font-family: 'TITUS Cyberbit Basic', 'Code2000', 'Chrysanthi Unicode', 'Doulos SIL', 'Bitstream Cyberbit', 'Bitstream CyberBase', 'Bitstream Vera', 'Thryomanes', 'Gentium', 'GentiumAlt', 'Visual Geez Unicode', 'Lucida Grande', 'Arial Unicode MS', 'Microsoft Sans Serif', 'Lucida Sans Unicode', sans-serif;
}

.IPA {
	font-family: 'Charis SIL', 'Doulos SIL', 'DejaVu Sans', 'Code2000', 'Hiragino Kaku Gothic Pro', 'Matrix Unicode', 'Tahoma', 'Microsoft Sans Serif', sans-serif;
}

/* make the list of references look smaller */
ol.references,
div.reflist {
	font-size: 90%;            /* Default font-size */
}

div.reflist ol.references {
	font-size: 100%;           /* Reset font-size when nested in div.reflist */
	list-style-type: inherit;  /* Enable custom list style types */
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
	box-sizing: border-box;
	border: 1px solid #a2a9b1;
	width: 100%;
	margin: auto;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
}

.navbox + .navbox {
	margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}

.navbox-inner,
.navbox-subgroup {
	width: 100%;
}

.navbox-title,
.navbox-abovebelow,
.navbox th {
	text-align: center;       /* Title, group and above/below styles */
	padding-left: 1em;
	padding-right: 1em;
}

th.navbox-group {             /* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}

.navbox,
.navbox-subgroup {
	background-color: #fdfdfd; /* Background color */
}

.navbox-list {
	border-color: #fdfdfd;    /* Must match background color */
}

/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
	border-top: 2px solid #fdfdfd; /* Must match background color */
}

.navbox th,
.navbox-title {
	background-color: #ccccff;      /* Level 1 color */
}

.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background-color: #ddddff;      /* Level 2 color */
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background-color: #e6e6ff;      /* Level 3 color */
}

.navbox-even {
	background-color: #f7f7f7;      /* Even row striping */
}

.navbox-odd {
	background-color: transparent;  /* Odd row striping */
}

/* [[MediaWiki:Common.js]] にある createCollapseButtons 関数を参照。 */
.collapseButton {
	float: right;
	font-weight: normal;
	text-align: right;
	width: auto;
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
	font-weight: normal;
	/* @noflip */
	text-align: right;
	padding-right: 0.2em;
	padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
}

/* 表組みを折り畳んだ場合、横幅が極端に狭くなることを強引に修正 */
table.mw-collapsed > caption {
	white-space: nowrap;
}

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 9 (2016-08-10)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}

/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
	display: none;
}

/* Generate interpuncts */
.hlist dt:after {
	content: ": ";
}

.hlist dd:after,
.hlist li:after {
	content: " · ";
	font-weight: bold;
}

/* 日本語版の独自仕様。-pipe、-hyphen、-comma、-slash */
.hlist-pipe dd:after,
.hlist-pipe li:after {
	content: " | ";
	font-weight: normal;
}

.hlist-hyphen dd:after,
.hlist-hyphen li:after {
	content: " - ";
	font-weight: normal;
}

.hlist-comma dd:after,
.hlist-comma li:after {
	content: "、 ";
	font-weight: normal;
}
.hlist-slash dd:after,
.hlist-slash li:after {
	content: " / ";
	font-weight: normal;
}

.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}

.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}

.hlist ol > li {
	counter-increment: listitem;
}

.hlist ol > li:before {
	content: " " counter(listitem) ".\a0";
}

.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}

/* Avoid elements from breaking between columns */
li, dd {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
}

dt {
	-webkit-column-break-after: avoid;
	page-break-after: avoid;
	break-after: avoid-column;
}

dd {
	-webkit-column-break-before: avoid;
	page-break-before: avoid;
	break-before: avoid-column;
}

/* Merge template style */
.messagebox {
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
	width: 80%;
	margin: 0 auto 1em auto;
	padding: 0.2em;
	text-align: justify;
}

.infobox {
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
	color: black;
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	float: right;
	clear: right;
	text-align: left;
	font-size: 88%;
	line-height: 1.5em;
}

.infobox caption {
	margin-top: 0.5em;
	font-size: 125%;
	font-weight: bold;
}

.infobox td,
.infobox th {
	vertical-align: top;
}

.infobox.bordered {
	border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #a2a9b1;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #a2a9b1;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
	border-collapse: collapse;
	line-height: 1.6em;
	font-size: 88%;
}

.infobox.geography  td,
.infobox.geography  th {
	border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.4em 0.6em;
}

.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
	border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
	border: 0;
	padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
	border-top: 0;
	border-bottom: 1px solid #a2a9b1;
	padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
	border: 0;
	padding: 0;
}

/* NavFrame関係。[[MediaWiki:Monobook.css]]も参照 */
div.NavFrame {
	margin: 0px;
	padding: 2px;
	border: 1px solid #a2a9b1;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
}

div.NavFrame div.NavHead {
	height: 1.6em;
	font-weight: bold;
	font-size: 100%;
	background-color: var(--background-color-neutral-subtle, #efefef);
	position: relative;
	text-align: center;
}

div.NavFrame p {
	font-size: 100%;
}

div.NavFrame div.NavContent {
	font-size: 100%;
}

div.NavFrame div.NavContent p {
	font-size: 100%;
}

a.NavToggle {
	position: absolute;
	top: 0px;
	right: 3px;
	font-weight: normal;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
 * the edit-protected notice and the special:Contribs for blocked users
 * The latter has specificity of 3 classes so we have to triple up here.
 */
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #bb7070;
	background-color: var(--background-color-error-subtle, #ffdbdb);
	padding: 0.25em 0.9em;
	box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
	border-color: #fc3;
	background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* 出典ジャンプ先強調 */
.citation:target {
	background-color: #f1f4fd; /* fallback */
	background-color: var(--background-color-progressive-subtle, rgb(0 127 255 / 0.133));
}

/* 特定場所での改行を防ぐ:
   1) 個別に指定した場所
   2) リンク途中
   3) グループ名付きの ref タグ <ref group="注"> --> "[注 1]" */
.nowrap,
.nowraplinks a,
sup.reference a {
	white-space: nowrap;
}

/* 以下のクラスを指定した場所では解除する: */
.wrap,
.wraplinks a {
	white-space: normal;
}

/*
 * カテゴリページのリスト部にフロート指定のブロックを入れない。
 * 2009-01-24 by [[User:mizusumashi]]
 */
#mw-subcategories, #mw-pages, #mw-category-media {
	clear: both;
}

/* Don't display page title on the main page */
.page-メインページ #deleteconfirm,
.page-メインページ #t-cite,
.page-メインページ #footer-info-lastmod,
.action-view.page-メインページ #siteSub,
.action-view.page-メインページ .subtitle,
.action-view.page-メインページ .firstHeading,
.action-view.page-メインページ #contentSub,
.action-view.page-メインページ #contentSub2 {
	display: none;
}

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
	line-height: inherit;
	list-style: none;
	margin: 0;
}

.plainlist ol li,
.plainlist ul li {
	margin-bottom: 0;
}

/* [[Template:Math]]用のtexhtmlクラス。(2021-05-24更新)
   texhtml class for inline math (based on generic times-serif class) */
span.texhtml {
	font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
	font-size: 108%;
	line-height: 1;
	white-space: nowrap;
	/* Force tabular and lining display for texhtml */
	-webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
	font-feature-settings: "lnum", "tnum", "kern" 0;
	font-variant-numeric: lining-nums tabular-nums;
	font-kerning: none;
}

span.texhtml span.texhtml {
	font-size: 100%;
}

span.mwe-math-mathml-inline {
	font-size: 108%;
}

/* Make <math display="block"> be left aligned with one space indent for
 * compatibility with style conventions
 */
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
	margin-left: 1.6em !important;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
	display: inline;
}

/* 日本語版追加分 */
span.texhtml sup {
	vertical-align: 1.0ex;
	font-size: 75%;
}

span.texhtml sub {
	vertical-align: -0.5ex;
	font-size: 75%;
}

/* MediaWiki:Common.js - modifyEditsection
   拡張節編集リンク内の分割線をビジュアルエディター無効でも表示する */
.ve-not-available .editsection-extensions .mw-editsection-divider {
	display: inline;
}

/* 履歴や本文で長い文字列を折り返せない問題の解消 */
#bodyContent {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* Hide broken download box on [[Special:Book]] pending [[phab:T285400]] */
.mw-special-Book #coll-downloadbox {
	display: none;
}

/* T156351: Support for Parsoid's Cite implementation */
span[rel="mw:referencedBy"]::before {
    content: "^ ";
}
a[rel="mw:referencedBy"]::before {
    font-weight: bold;
    content: "^";
}
span[ rel="mw:referencedBy" ] {
    counter-reset: mw-ref-linkback 0;
}
span[ rel="mw:referencedBy" ] > a::before {
    font-weight: bold;
    font-style: italic;
    content: counter( mw-ref-linkback, lower-alpha );
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-sysop.css]] and so on for other groups. */
.checkuser-show,
.sysop-show,
.eliminator-show,
.abusefilter-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
	display: none;
}

html.skin-theme-clientpref-night .tmpl-language-icon {
	color: white !important;
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .tmpl-language-icon {
		color: white !important;
	}
}


.mw-wiki-logo { width: 160px; height: 160px; background-size: contain; }

mw-config-logo { width: 160px; height: auto; max-width: 100%; }

img.mw-logo-wordmark { max-width: 100%; height: auto; }


それでは、現在のCSSを送ります。追加だけでなく、重複は削除して、整頓して全行ください。

/* =========================
   Comments 拡張 UI 調整
   ========================= */

/* コメント固定リンクを非表示 */
.c-permalink {
	display: none !important;
}


/* コメントの得点・評価（+ / −）を非表示 */
.c-score,
.c-rating,
.comment-rating {
	display: none !important;
}

/* コメントのユーザーアイコンを非表示 */
.comment-avatar,
.c-avatar,
.comment-user-avatar {
	display: none !important;
}

/* アイコン消去後の左余白を詰める */
.comment-text-wrapper {
	margin-left: 0 !important;
}
/* =========================
   Comments 拡張 表示名制御
   ========================= */

/* メタ情報の余白整理 */
.comment-meta,
.c-meta {
	margin-top: 0;
}

/* 表示名が入る想定位置 */
.comment-header,
.c-header {
	min-height: 1.4em;
}

/* JSで差し込む表示名の見た目 */
.comment-display-name {
	font-weight: bold;
	margin-bottom: 2px;
}

/* 記事本文リンク色 */
.mw-parser-output a {
	color: #0760fa;
}
/* === Comments 基本可読性改善 === */

.c-item,
.c-comment {
    font-size: 1rem;
    line-height: 1.6;
}

.c-user,
.c-time,
.c-score {
    font-size: 0.875rem;
}

.c-actions {
    font-size: 0.875rem;
}

/* === コメント全体の幅調整 === */

.comments {
    max-width: 100%;
    box-sizing: border-box;
}

/* === 返信インデントの調整 === */

.c-item.reply {
    margin-left: 1.2em;
    padding-left: 0.8em;
    border-left: 2px solid #ddd;
}

/* === モバイル対応 === */

@media (max-width: 768px) {
    .c-item,
    .c-comment {
        font-size: 1.05rem;
        line-height: 1.7;
    }

    .c-item.reply {
        margin-left: 0.8em;
        padding-left: 0.6em;
    }

    .c-actions a {
        display: inline-block;
        margin-top: 0.3em;
    }
}

/* =========================
   Comments 拡張：幅を広げる
   ========================= */

/* コメントブロックを記事幅いっぱいにする（まずは安全側） */
#mw-data-after-content .comments,
#mw-data-after-content .comments-body,
#mw-data-after-content #comments-body {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 内側の余白が強い場合の保険 */
#mw-data-after-content .comments {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* =========================
   Comments: 並べ替え/自動更新 UI を非表示
   ========================= */

/* 並べ替え */
#mw-data-after-content select[name="TheOrder"],
#mw-data-after-content .c-order,
#mw-data-after-content .comments-order,
#mw-data-after-content .comments-sort {
  display: none !important;
}

/* 自動更新（監視/spy系） */
#mw-data-after-content #spy,
#mw-data-after-content #spy a,
#mw-data-after-content .comments-spy,
#mw-data-after-content .comments-watch {
  display: none !important;
}

/* =========================
   Comments: 並べ替え/自動更新 UI の枠ごと非表示
   ========================= */

/* 並べ替え・自動更新UI全体を非表示 */
#comments-body .c-order {
  display: none !important;
}

/* 自動更新リンク類を完全に非表示 */
#comments-body a[title*="自動更新"],
#comments-body a[href*="csp="],
#comments-body a[href*="spy="] {
  display: none !important;
}

/* 空コンテナによる余白を除去 */
#comments-body #allcomments:empty,
#comments-body form:empty {
  display: none !important;
}

/* =========================
   Comments：見出し・案内文の位置補正
   ========================= */

/* コメント見出し直下の余白を詰める */
#mw-data-after-content h2#コメント,
#mw-data-after-content h2[id="コメント"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* コメント見出し・案内文を本文基準に揃える */
#mw-data-after-content
> .mw-parser-output
> h2#コメント,
#mw-data-after-content
> .mw-parser-output
> h2#コメント + p {
  margin-left: 2em !important;
  margin-right: 2em !important;
  box-sizing: border-box;
}

/* =========================
   Comments：本体ブロック上部の空白除去
   ========================= */

/* comments 本体の上余白を除去 */
#mw-data-after-content #comments-body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 挿入される br / 終端アンカーを除去 */
#mw-data-after-content #comments-body > br,
#mw-data-after-content #comments-body > a#end {
  display: none !important;
}

/* 直下ブロックの上マージンを除去 */
#mw-data-after-content #comments-body > #allcomments,
#mw-data-after-content #comments-body > form {
  margin-top: 0 !important;
}

/* br 起因の空白を完全排除 */
#comments-body.comments-body > br,
div#comments-body.comments-body > br {
  display: none !important;
}

#comments-body.comments-body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================
   Comments：フォームUI調整
   ========================= */

/* プレビューボタンを非表示 */
#comments-body input[name="wpPreview"] {
  display: none !important;
}

/* 投稿ボタンのみ表示し位置を本文基準に */
#comments-body .c-form-button {
  margin-left: 2em;
  margin-top: 0.5em;
}

/* textarea の位置を本文と揃える */
#comments-body textarea#comment {
  margin-left: 2em;
  margin-right: 2em;
  max-width: none;
  box-sizing: border-box;
}

/* =========================
   Timeless：サイドバー類の非表示
   ========================= */

/* 案内を非表示 */
#p-navigation {
  display: none;
}

/* ツールを非表示 */
#p-tb {
  display: none;
}

/* 特別ページ（出る場合）を非表示 */
#p-specialpages {
  display: none;
}

/* MediaWiki:Common.css */
.share-buttons img {
  width: 28px;
  height: 28px;
  vertical-align: middle;
}

/* アカウント作成: ハンドルネーム(Real name) + コメント(理由/補足) を消す */
.mw-htmlform-field-HTMLTextField#mw-htmlform-realname, #mw-htmlform-realname, .mw-htmlform-field-HTMLTextField.mw-htmlform-realname,
#mw-input-realname, input[name="realname"], .mw-ui-input[name="realname"],
#mw-htmlform-reason, #mw-input-wpreason, textarea[name="wpReason"], input[name="wpReason"] { display: none !important; }

/* フッター等の統計(記事数などの数字)を消す：Vector/Timeless両対応 */
.mw-statistics, #mw-site-stats, .mw-site-stats, .mw-footer .mw-statistics, .mw-footer #mw-site-stats { display: none !important; }