MediaWiki:Common.css

2020年5月10日 (日) 14:02時点におけるOchaochaocha3 (トーク | 投稿記録)による版 (ページの作成:「→‎ここに記述したCSSはすべての外装に反映されます: →‎preのはみ出し: pre { overflow-x: auto; } →‎表:値なし: .wikitable .none {…」)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)

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

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Internet Explorer: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
  • Opera: メニュー → 設定 (Mac では Opera → 環境設定) に移動し、プライバシーとセキュリティ → 閲覧データを消去 → キャッシュされた画像およびファイル からキャッシュをクリアしてください。
/* ここに記述したCSSはすべての外装に反映されます */

/* preのはみ出し */
pre {
    overflow-x: auto;
}

/* 表:値なし */
.wikitable .none {
  text-align: center;
}
/* 表:数値 */
.wikitable .num {
  text-align: right;
}

/* 記事名チェック・ネタバレ規制の警告 */
.titleChecker-warn, .netabare-warn {
    margin: 1em 0;
    padding: 0 1em;
    border: 2px solid #f03;
    background-color: #fcc;
}

/* 引用 */
blockquote {
	position: relative;
	margin: 1em 0;
	padding: 1em 1em 1em 3em;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
}

blockquote:before {
	position: absolute;
	top: 10px;
	left: 10px;
	line-height: 1;
 
	/* Left double quote */
	content: "\201C";
 
	font-family: Georgia, serif;
	font-size: 60px;
	color: #455372;
}

/* メインページのモバイルビュー専用項目 */
.main-page-mobile-view {
	display: none;
}

/* wikitable/prettytable class for skinning normal tables */
table.prettytable {
    background: #f9f9f9;
    border: 1px solid #aaa;
    border-collapse: collapse;
}


table.prettytable th,
table.prettytable td {
    border: 1px solid #aaa;
    padding: 0.2em;
}

table.prettytable th {
    background: #f2f2f2;
    text-align: center;
}

table.prettytable caption {
    margin-left: inherit;
    margin-right: inherit;
}

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

/*     single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
table.navbox + table.navbox {
    margin-top: -1px;
}

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

/*     group style */
.navbox-group {
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}

/*     Level 1 color */
.navbox-title,
table.navbox th,
.infobox-above {
    background: #ABD692;
}

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

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

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

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

/* [[MediaWiki:Common.js]] にある createCollapseButtons 関数を参照。 */
.collapseButton {
    float: right;
    font-weight: normal;
    text-align: right;
    width: auto;
}
 
/* [[Template:Navbox]] に配置する場合、左に配置されている [[Template:Tnavbar]] とのバランスを取る。 */
.navbox .collapseButton {
    width: 6em;
}

/* [[en:MediaWiki:Common.css]] から複製。 */
/* Style for horizontal lists (separator following item).
   Note: hlist formatting will break if the resulting HTML lacks a breakable character
   between list items. This happens when the following conditions are true:
   1) The list is made using wiki markup (where HTML is built by parser.php)
   2) HTMLTidy is disabled or unavailable (such as on Special: pages)
   In such cases, building lists with .hlist using HTML instead of wiki markup
   will work around this problem. See also [[Bugzilla:39617]].
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   Last updated: January 24, 2013
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @maintainer: [[User:Edokter]]
   @revision: 3.1
*/
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
    white-space: nowrap;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
    white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.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;
    white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.hlist dd:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
/* 日本語版の独自仕様。-pipe と -hyphen */
.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 dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-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;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put numbers in front of ordered list items */
.hlist.hnum ol {
    counter-reset: list-item;
}
.hlist.hnum ol > li {
    counter-increment: list-item;
}
.hlist.hnum ol > li:before {
    content: counter(list-item) ".\a0";
}
.hlist.hnum dd ol > li:first-child:before,
.hlist.hnum dt ol > li:first-child:before,
.hlist.hnum li ol > li:first-child:before {
    content: "(" counter(list-item) " ";
}

/* Avoid elements from breaking between columns */
.nocolbreak, 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;
}

/* default skin for navigation boxes */
/*     navbox container style */
table.navbox {
	box-sizing: border-box;
    border: 1px solid #aaa;
    width: 100%; 
    margin: 1em 0;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}

/*     single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
table.navbox + table.navbox {
    margin-top: -1px;
}

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

/*     group style */
.navbox-group {
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}

/* Style for "notices" */
.notice {
    text-align: justify;
    margin: 1em;
    padding: 0.2em;
}

#disambig {
    border-top: 3px double #ccc;
    border-bottom: 3px double #ccc;
}

#spoiler {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

/* Standard talk template style */
.Talk-Notice {
	box-sizing: border-box;
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin-bottom: 3px;
    width: 85%;
    border-spacing: 3px;
    margin-left: auto;
    margin-right: auto;
}

.Talk-Notice:after {
    content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]]."
}

/* Make template background appear correctly on all browsers */
.Talk-Notice td {
    background: inherit;
}

/* Metadata */
table.metadata {
    border: 1px solid #aaa;
    display: none;
}

.metadata-label {
    color: #aaa;
}

/* 
 Add formatting to make sure that "external references" from [[Template:Ref]] do
 not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
 that the HTML code contained a SPAN following the anchor A; this SPAN had the class
 "urlexpansion", which was not displayed on screen, but was shown when the medium was
 "print". The rules below ensure (a) that there is no extra padding to the right of
 the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for
 the link, and (c) that this SPAN of class "urlexpansion" is never shown.
 [[利用者:Ochaochaocha3|ocha]] ([[利用者・トーク:Ochaochaocha3|トーク]]) 2020年5月10日 (日) 14:02 (JST)
*/
.plainlinksneverexpand {
    background: none !important;
    padding: 0 !important;
}

.plainlinksneverexpand .urlexpansion {
    display: none !important;
}

/*
 Make sure that ext links displayed within "plainlinksneverexpand" don't get
 the arrow...
*/
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important
}

/*
 With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
 following the anchor A, the anchor itself now has class "external autonumber" and the
 expansion is inserted when printing (see the common printing style sheet at
 //en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
 element of CSS. We have to switch this off for links due to Template:Ref!
 [[利用者:Ochaochaocha3|ocha]] ([[利用者・トーク:Ochaochaocha3|トーク]]) 2020年5月10日 (日) 14:02 (JST)
*/
.plainlinksneverexpand a.external.text:after {
    display: none !important;
}

.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}

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

.messagebox.merge {
	box-sizing: border-box;
    border: 2px solid #033;
    width: 55%;
    background: #eff;
    padding: 1em;
    margin: 1em auto 1em auto;
}

.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background: #efefff;
    text-align: center;
}

.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background: #f8eaba;
}

.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    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 {
	padding: 0.2em;
    vertical-align: top;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

.infobox td > p, .infobox td > dl {
	margin: 0;
}

.infobox td  ul {
	margin-top: 0;
	margin-left: 1.25em;
}

.infobox dd {
	margin-left: 1em;
}

#wpSave {
    font-weight: bold;
}

/* hiddenStructure from Monobook - allows selective hiding of markup in templates */
.hiddenStructure {
    display: none;
    speak: none;
}

/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */
div.listenlist {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
    padding-left: 40px;
}

div.videolist,
div.multivideolist {
    background: url("//upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png");
    padding-left: 50px;
}

/* Style rules for media list templates */
div.medialist {
    min-height: 50px;
    margin: 1em;
    background-position: top left;
    background-repeat: no-repeat;
}

div.medialist ul {
    list-style-type: none; 
    list-style-image: none;
    margin: 0;
}

div.medialist ul li {
    padding-bottom: 0.5em;
}

div.medialist ul li li {
    font-size: 91%;
    padding-bottom: 0;
}

/************************/
/* CommonsTicker styles */
/************************/

/* links */
.tickerDiffLink { } /* diff links in ticker */
.tickerMiscLink { } /* misc links in ticker */

/* remove list bullets */
.tickerList ul,
.tickerList ul li {
    list-style: none;
    text-indent: -2em;
    margin-left: 2em;
    text-align: left;
}

.tickerList ul ul,
.tickerList ul ul li {
    list-style: none;
    text-indent: 0;
    margin-left: 1.5em;
    text-align: left;
}

/* per-type styles */
.tickerEntry_deleted     { }  /* entry for image deletion */
.tickerEntry_replaced    { }  /* entry for image replacement */
.tickerEntry_tagged      { }  /* entry for adding/removing problem tags */
.tickerEntry_redir       { }  /* entry for critical redirection (fot tag redirects) */
.tickerEntry_recat       { }  /* entry for critical re-categorization (for tag categories) */
.tickerEntry_notify      { }  /* entry for global notifications */
.tickerEntry_changed     { }  /* entry for generic change */

/* per-action styles */
.tickerAction_deleted:before {
    content: " GONE ";
    color: #FF0000;
    font-family: monospace;
    font-weight: bold;
    font-size: 100%;
}

.tickerAction_deletedRev:before {
    content: " -OLD ";
    color: #DDAAAA;
    font-family: monospace;
    font-weight: bold;
    font-size: 100%;
}

.tickerAction_replaced:before {
    content: " REPL ";
    color: #CC88FF;
    font-family: monospace;
    font-weight: bold;
    font-size: 100%;
}

.tickerAction_replacedOwn:before {
    content: " UPDT ";
    color: #EEAAFF;
    font-family: monospace;
    font-weight: bold;
    font-size: 100%;
}
.tickerAction_addedBad:before {
    content: " +VfD ";
    color: #FF8800;
    font-family: monospace;
    font-weight: bold;
    font-size: 100%;
}

.tickerAction_removedBad:before {
    content: " -VfD ";
    color: #00BB00;
    font-family: monospace;
    font-weight: bold;
    font-size: 100%;
}

.tickerAction_addedGood:before {
    content: " +OK  ";
    color: #00BB00;
    font-family: monospace;
    font-weight: bold;
    font-size: 100%;
}  

.tickerAction_removedGood:before {
    content: " -OK  ";
    color: #FF8800;
    font-family: monospace;
    font-weight: bold;
    font-size: 100%;
}

/* ticker usage list */
.tickerUsage {
    font-size: 80%;
	}

/* entry applies to a template used by multiple images */
.tickerTemplateEntry {
    font-weight: bold;
	}

/* entry applies to sub-entries, i.e. images that use a specific template */
.tickerSubEntry { }

/* minor entry styles */ 
/*     minor entry */
.tickerMinorEntry {
    color: #666;
}

.tickerMinorEntry a,
.tickerMinorEntry a:link,
.tickerMinorEntry a:visited {
    color: #669;
}

#bodyContent .tickerMinorEntry a.extiw,
#bodyContent .tickerMinorEntry a.extiw:link,
#bodyContent .tickerMinorEntry a.extiw:visited {
    color: #669;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
/* is used (notably Template: PDFlink). This works in IE, unlike the above. */
span.PDFlink a {
    background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) center right no-repeat !important;
    padding-right: 17px !important;
}

/* ### nowrap for some table headings ### */
label[for="wpUserEmail"],
label[for="wpNick"],
label[for="wpUserLanguage"],
label[for="wpOldpass"],
label[for="wpNewpass"],
label[for="wpRetypePass"],
#userlogin2 label,
#userloginForm label {
    white-space: nowrap
}

/* リダイレクトの表示 */

/* [[特別:Allpages]]・[[特別:Prefixindex]] */
.allpagesredirect a:link,
.allpagesredirect a:visited,
/* カテゴリ内 */
.redirect-in-category a:link,
.redirect-in-category a:visited,
/* ウォッチリスト */
.watchlistredir a:link,
.watchlistredir a:visited {
    color: #666;
}

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

div.Boxmerge div.NavFrame {
    border-style: none;
    border-style: hidden;
}

div.NavPic {
    background-color: #ffffff;
    margin: 0px;
    padding: 2px;
    float: left;
}

div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    font-size: 100%;
    background-color: #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%;
}

div.NavEnd {
    margin: 0px;
    padding: 0px;
    line-height: 1px;
    clear: both;
}

a.NavToggle {
    position: absolute;
    top: 0px;
    right: 3px;
    font-weight: normal;
/* font-size: 83.3%;*/
}

/* Article message box styles */
table.ambox {
    margin: 0 10%;   /* 10% = 他の要素にはみ出るのを防ぐ */
    border: 1px solid #aaa;
    border-left: 10px solid #1e90ff;    /* 初期値: "notice" の青 */
    background: #fbfbfb;
}
table.ambox + table.ambox {   /* 重なったボックスの間を単一の罫線に */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* メッセージ本体のセル */
    padding: 0.25em 0.5em;       /* 左右に 0.5em ずつの余白 */
}
.ambox td.mbox-image {           /* 左の画像セル */
    padding: 2px 0 2px 0.5em;    /* 左に 0.5em、右に 0px の余白 */
}
.ambox td.mbox-imageright {      /* 右の画像セル */
    padding: 2px 0.5em 2px 0;    /* 左に 0px、右に 0.5em の余白  */
}
 
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* 青 */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* 赤 */
    background: #fee;                   /* 桃 */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* 赤 */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* 橙 */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* 黄 */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* 紫 */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* 灰色・金色 */
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
	box-sizing: border-box;
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
    font-size: 90%;
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0;
    width: 1px;
}

/*
 * [[MediaWiki:Revision-info]]、[[MediaWiki:Revision-info-current]]のフォントサイズ調整。
 * 2010-07-15 by [[User:Penn Station]]
 */
#revision-info, #revision-info-current {
   font-size: small;
   margin-top: 4px;
}

/* ambox - 以下、日本語版の独自拡張 */
table.ambox div.ambox-imagecontainer {   /* 画像セル内の画像表示領域 */
    width: 52px;
}
table.ambox.ambox-section {              /* 節用メッセージボックス */
    margin: 0 10%;
}
table.ambox.ambox-section div.ambox-imagecontainer {
    width: 52px;
}
 
table.ambox.ambox-section th.mbox-text,
table.ambox.ambox-section td.mbox-text {
    padding: 0.25em 0.5em;  
}
 
/* Image message box styles */
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {    /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}
 
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}
 
/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;    /* Default "notice" blue */
}
 
table.cmbox-notice {
    background: #DFE8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}
 
/* Other pages message box styles */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}
 
table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
    margin: 2px 0;               /* class ensures that this declaration overrides other */
    width: 100%;  /* For Safari and Opera */     /* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */   
    font-size: 100%;             /* set in "mbox-small" above.                */
}
 
table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}
 
/* Disambig and set index box styles */
table.dmbox {
    clear: both; 
    margin: 0.9em 1em; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    background: transparent;
}
 
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}

/* Div based "warning" style fmbox messages. */
div.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: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. Used in 
   [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}
 
/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}

/* [[Template: Pathnav]] */
.pathnavbox {
    clear: both;
    border: 1px outset #eef;
    padding: 0.3em 0.6em;
    margin: 0 0 0.5em 0;
    background-color: #eef;
    font-size: 90%;
}

.pathnavbox ul {
    list-style: none none;
    margin-top: 0;
    margin-bottom: 0;
}

.pathnavbox > ul {
    margin: 0;
}

.pathnavbox ul li {
    margin: 0;
}

/* 脚注ジャンプ先強調 */
ol.references > li:target { 
    background-color: #DEF;
}

sup.reference:target { 
    background-color: #DEF;
}

cite:target { 
    background-color: #DEF;
}

/* Otheruses等の冒頭曖昧さ回避テンプレート */
.dablink {
    margin: 0.5em 0;
    padding: 3px 2em;
    background-color: transparent;
    border-bottom: 1px solid #aaa;
    font-size: 90%;
}

/* </source> */