MediaWiki:Common.css

提供: Wikisource
ナビゲーションに移動 検索に移動

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

  • 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 → 環境設定) に移動し、プライバシーとセキュリティ → 閲覧データを消去 → キャッシュされた画像およびファイル からキャッシュをクリアしてください。
/* Common CSS for all skins */

/*<source lang="css">*/

/* ページ見出し */
h1.firstHeading{line-height:1.2}

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

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

/*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.
	~~~~
*/
.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
	http:	//en.wikipedia.org/w/skins/common/commonPrint.css) using the ":after" pseudo-
	element of CSS. We have to switch this off for links due to Template:	Ref!
	~~~~
*/
.plainlinksneverexpand a.external.text:after {
	display:	none !important;
}

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

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

/* Put a checker background at the image description page only visible if the image has transparent background */

#file img { background: url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat }

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

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

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

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

/*</source>[[en:MediaWiki:Common.css]]*/

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

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

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

/* トップページのタイトル隠す */
body.page-メインページ #siteSub,
body.page-メインページ .subtitle,
body.page-メインページ h1.firstHeading,
body.page-メインページ h1.pagetitle{
	display:none;
}

/* default skin for navigation boxes */
/*     navbox container style */
table.navbox {
    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;
}

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

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

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

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

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

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

/* Forward and backward link */
.gen_header_backlink, .gen_header_forelink {
	width: 20%;
	font-size: 0.9em;
	line-height: normal;
}
.gen_header_backlink {
	text-align: left;
}
.gen_header_forelink {
	text-align: right;
}
/* Title field */
.gen_header_title {
	width: 60%;
	text-align: center;
}
/* Notes field */
table.translation_notes, .process_notes, .author_notes {
	width: 100%;
	font-size: 0.9em;
	line-height: 1.4;
	margin-bottom: 4px;	/* a bit of space before body-text; 1em might be better... */
}

/* Process_header template */
.processheadertemplate {
	border: 1px solid #966;
	background-color: #DCA;
}
.process_notes {
	border-bottom: 1px solid #A88;
	background-color: #FFFBFC;
}
/* Real header templates */
table.headertemplate, table.translationheadertemplate, table.portalheadertemplate, .subheadertemplate, .processheadertemplate, .authortemplate {
	width: 100%;
	margin-bottom: 4px;
}

/* poem tag nospace font setting */
poem,
div.poem{
	font-family:monospace;
}