MediaWiki:Common.css

/* Styles for Pagebanner template */

.topbanner {
    position: relative;
    overflow: hidden;
    max-width: 1800px; 
    height: auto;
}

.topbanner img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

.topbanner-box {
    position: absolute;
    z-index: 2;
    margin-top: 1.5em;
    color: white;
    width: 50%;
    min-width: 20em;
    left: 2%;
    text-align: left;
}

.topbanner .name {
    position: absolute;
    z-index: 2;
    margin: 0.6em 0 0 0.4em;
    padding: 8px 7px;
    font-size: 2.2em;
    font-weight: bold;
    background: rgb(16,16,16);
    background: rgba(0,0,0,0.3);
    border-radius: 4px;
    color: white;
    white-space: nowrap;
    line-height: 0.9em;
}

#toc > ul {padding-left: 2em;}

/* Style for hlist class - pulled from Wikipedia's Common.css file on 20 Mar 2013
   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: [[利用者:Edokter]]
   @revision: 3.1
*/
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.1em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
    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;
    padding: 0 0.3em;
}
.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;
}
.topbanner-toc {
	position: absolute;
	bottom: 6px;
	left: 0;
	z-index: 3;
	width:100%;
}
/* allow ToC to stretch across screen when it is part of a horizontal list, change background and font colours  */
#mf-pagebanner .hlist #toc {
    width: 100%; 
    max-width: 170em;
    color: black;
}

#mf-pagebanner .hlist.tocbox-s #toc {
    width: 100%; 
    max-width: 170em;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    color: black;
    background-color: #e0e0e0; 
}

#mf-pagebanner .hlist.tocbox-b #toc {
    width: 100%; 
    max-width: 170em;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    color: white;
    background: rgb(16,16,16); 
    background: rgba(0,0,0,0.3); 
    border: none;
}

#mf-pagebanner .hlist.tocbox-w #toc {
    width: 100%; 
    max-width: 170em;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    color: black;
    background: rgb(225,225,225); 
    background: rgba(160,160,160,0.6); 
    border: none;
}

.hlist #toc table,
.hlist #toc tr,
.hlist #toc td {
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}

/* links in the horizontal ToC should be black... */
.hlist #toc a {
    color: black;
    font-size: 0.85em;
    font-weight: bold;
}

/* ... except when the ToC box is black ... */
.hlist.tocbox-b #toc a {
    color: white;
    font-size: 0.85em;
    font-weight: bold;
}

/* ... or except when being hovered over */
#mf-pagebanner .hlist #toc a:hover {
    color: #bdddfd;
}

/* don't display ToC title when in horizontal ToC */
.hlist #toctitle {
    display: none;
}

.mf-mobile-only {
    display: none;
}

/* Prevent display of subheadings in horizontal ToC */
.hlist #toc .toclevel-2,
.hlist #toc .toclevel-3,
.hlist #toc .toclevel-4,
.hlist #toc .toclevel-5,
.hlist #toc .toclevel-6 {
    display: none;
}

.hlist .toggleNode {
    display: none;
}

/* style info for icon box in the top right corner of the banner */
.iconbox {
    position: absolute; 
    top: 6px; 
    right: 0; 
    padding: 3px; 
    z-index: 3; 
    background: rgb(16,16,16); 
    background: rgba(0,0,0,0.7); 
    border-bottom-left-radius: 5px;
}

/* リストマークが回り込む問題への対応 (CSS hack) */

.mw-editable ol, .mw-editable ul {
	display: table/9; /* IE10以下 */
}

@media all and (-ms-high-contrast: none) {
	.mw-editable ol, .mw-editable ul {
		display: table; /* IE11 */
	}
}

_::-webkit-full-page-media, _:future, :root .mw-editable ol,
_::-webkit-full-page-media, _:future, :root .mw-editable ul {
	display: table; /* Safari */
}

/* 報告の文字装飾クラス */
.Wy-report, .wy-report {
    color: #000000;
    font-size: 0.95em;
    direction: ltr;
    font-weight: bold;
    font-family: 'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif;
    line-height: 1.125;
}

/* インフォメーションボックス */
.Wy-informationbox, .wy-informationbox {
    font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
    color: #000000;
    font-size: 0.95em;
    line-height: 1.5;
    direction: ltr;
    background-color: #F6F9FF;
    margin: 0 auto;
    padding: 0 10px 0 10px;
    border: 1px solid #AAAAAA;
}

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

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