MediaWiki:Common.css

提供:ウィキバーシティ

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

  • 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を押してください
/* <nowiki> */

/* ここに書いた CSS は全ての外装に反映されます */

/* make the list of references look smaller */
ol.references {
   font-size: 100%;
}

.references-small { font-size: 90%;}

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

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

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

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

/* default skin for navigation boxes */
table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaaaaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 5px;
    text-align: center;
    width: 100%;
}

table.navbox th {
    background-color: #ccccff;
    padding-left: 1em;
    padding-right: 1em;
}

table.navbox tr:not(:first-child) th {
    background-color: #ddddff;
}

@media print {
    .navbox {
        display: none;
    }
}

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

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

.messagebox.merge {
	border: solid #033 2px;
	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: #f9f9f9;
	color: black;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: .2em;
	float: right;
	clear: right;
}

.infobox tr {
	vertical-align: top;
}

.infobox caption {
	margin-left: inherit;
}

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

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

.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}

/* Support for Template:IPA, Template:Unicode and Template:Polytonic. The inherit declaration resets the font for all browsers except MSIE6.  The empty comment must remain. */
.IPA {
	font-family: 'Chrysanthi Unicode', 'Doulos SIL', 'Gentium', 'GentiumAlt', 'Code2000', 'TITUS Cyberbit Basic', 'DejaVu Sans', 'Bitstream Vera Sans', 'Bitstream Cyberbit', 'Arial Unicode MS', 'Lucida Sans Unicode', 'Hiragino Kaku Gothic Pro', 'Matrix Unicode', sans-serif;
}

.Unicode {
	font-family: 'TITUS Cyberbit Basic', 'Code2000', 'Doulos SIL', 'Chrysanthi Unicode', '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;
}

.polytonic {
	font-family: 'Athena', 'Gentium', 'Palatino Linotype', 'Arial Unicode MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Code2000', sans-serif;
}

.SAMPA {
	font-family: 'Courier',monospace
}

#wpSave {
	font-weight: bold;
}

/* ### 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 }

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

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

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

/* minor entry styles */
.tickerMinorEntry  { color:#666; }     /* minor entry */
.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; }

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

/* [[特別: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;
}

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

/* どの見出しレベルまで目次に表示するかを制限します。例えば、<div class="toclimit-3"> とすると
   ==headings== と ===headings=== が目次に反映され、これより下の見出しレベルは無視されます。*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 {
	display: none;
}

/* pre タグ使用時の横の広がりを押さえる */
.preoverflow pre { overflow: auto; }

/* お知らせテンプレート (Article message box, ambox) */
/* Article message box styles */
table.ambox {
    margin: 0px 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) */
    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: 0px;
    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;
}

/* </nowiki> */