MediaWiki:Common.css

提供: 萌えっ娘百科事典
2017年12月28日 (木) 15:21時点におけるAnnAngela (トーク | 投稿記録)による版
移動先: 案内、 検索

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

  • 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 → 環境設定) に移動し、プライバシーとセキュリティ → 閲覧データを消去 → キャッシュされた画像およびファイル からキャッシュをクリアしてください。
/* Any CSS code in this page will be loaded in the whole site.
 * Please pay attention that, any copy from this page should be noted that it is from MoegirlPedia with this page link: https://ja.moegirl.org/MediaWiki:Common.css
 * Copyright Agreement: Creative Commons Attribution-NonCommercial-ShareAlike 3.0
 */
/* advertisement */
.please-donate {
	height: 90px;
	margin: 10px;
	clear: both;
	text-align: center;
}
.please-donate a {
	display: block;
	width: 728px;
	height: 90px;
	margin: 0 auto;
}
.ads-main {
	width: 728px;
	margin: -90px auto 0;
}
/* whole site */
body.skin-vector {
    font-family: Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Tahoma, "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Hiragino Sans GB", "Microsoft JhengHei", 微軟正黑體, sans-serif;
}
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge {
    text-indent: -99999px;
}
#pt-notifications-alert .mw-echo-notifications-badge:after,
#pt-notifications-notice .mw-echo-notifications-badge:after {
    text-indent: 0;
}
/* fix the left margin for list in table */
.mw-content-ltr ul,
.mw-content-rtl .mw-content-ltr ul,
.mw-content-ltr table ol,
.mw-content-rtl .mw-content-ltr table ol {
    margin-left: 1.2em;
}
/* override visited link color */
.mw-body a.external:visited {
    color: #36b;
}
/* change the under line for head title 700 = bold */
h1 {
    font-weight: 700;
    border-bottom: 2px solid #0074f9;
}
h2 {
    font-weight: 700;
    border-bottom: 1px solid #0074f9;
}
/* sub title */
#siteSub {
    display: inline;
    font-size: 90%;
    font-weight: 400; /* 400 = normal */
    font-style: normal;
    text-align: right;
}
/* Extension:MultimediaViewer workaround for translucent  */
.mw-mmv-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    opacity: 0.73;
}
body.mediawiki.mw-mmv-lightbox-open #mw-page-base,
body.mediawiki.mw-mmv-lightbox-open #mw-head-base,
body.mediawiki.mw-mmv-lightbox-open #mw-navigation,
body.mediawiki.mw-mmv-lightbox-open #content,
body.mediawiki.mw-mmv-lightbox-open #footer,
body.mediawiki.mw-mmv-lightbox-open #globalWrapper {
    display: inherit;
}
body.mediawiki.mw-mmv-lightbox-open > *  {
    display: inherit;
}
body.mediawiki.mw-mmv-lightbox-open > script,
body.mediawiki.mw-mmv-lightbox-open > style {
    display: none;
}
body.mediawiki.mw-mmv-lightbox-open {
    overflow: hidden;
}
.mw-mmv-wrapper {
    position: fixed;
}
/* Fix infomation list of mutilmediaViewer */
.mw-mmv-image-metadata-column.mw-mmv-image-metadata-desc-column {
    width: 30%;
}
.mw-mmv-image-metadata-column.mw-mmv-image-metadata-links-column {
    width: 70%;
    max-width: 70%;
}
ul.mw-mmv-image-links li {
    float: left;
    padding: .3em 1em;
}
div.mw-mmv-image-desc-div,
div.mw-mmv-image-links-div{
    display:block
}
div.metadata-panel-is-closed .mw-mmv-image-links li.mw-mmv-license-li {
    height:inherit;
    line-height:inherit;
}
/* template:info */
.infoBox {
    margin: 0 auto;
}
.infoBoxTitle {
    margin: 3px auto;
    padding: 0;
    text-align: center;
    font-weight: 700;
}
.infoBoxIcon {
    display: table-cell;
    padding: 2px 0 2px .5em;
    vertical-align: middle;
}
.infoBoxText {
    display: table-cell;
    padding: .25em .5em .25em 1.3em;
    width: 100%;
    vertical-align: middle;
}
.infoBoxContent {
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #fbfbfb;
}
.infoBoxBelow {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
/* data table */
.mw-datatable.TablePager {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
}
/* hidden the head title, blank line and tab for talk and view source in main page */
.page-Mainpage h1.firstHeading,
.page-Mainpage #siteSub,
.page-Mainpage #contentSub,
.page-Mainpage li#ca-viewsource,
.page-Mainpage li#ca-talk {
    display: none;
}
/* Hidden content (Template:heimu) */
span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited {
    color: #252525;
}
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
    background-color: #252525;
    color: #252525;
    text-shadow: none;
}
.heimu:hover,
.heimu:active,
.heimu.off {
    color: white;
}
.heimu:hover a,
body a:hover .heimu,
.heimu.off a,
body a:hover .heimu.off {
    color: lightblue;
}
.heimu.off .new,
.heimu.off .new:hover,
.new:hover .heimu.off,
.heimu.off .new,
.heimu.off .new:hover,
.new:hover .heimu.off {
    color: #BA0000;
}
/* fix the wrong un-break line in <pre> */
pre {
    white-space: pre-wrap; /* CSS-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* template:navbox */
table.navbox {
    border: 1px solid #aaa;
    clear: both;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}
table.navbox+table.navbox {
    margin-top: -1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}
.navbox-group {
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}
.navbox,
.navbox-subgroup {
    background: none repeat scroll 0 0 #fdfdfd;
}
.navbox-list {
    border-color: #fdfdfd;
}
.navbox-title,
table.navbox th {
    background: none repeat scroll 0 0 #a5e4a5;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: none repeat scroll 0 0 #c0ecc0;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: none repeat scroll 0 0 #e6f6e6;
}
.navbox-even {
    background: none repeat scroll 0 0 #f5fcf5;
}
.navbox-odd {
    background: none repeat scroll 0 0 transparent;
}
.collapseButton {
    float: right;
    font-weight: 400;
    text-align: right;
    width: auto;
}
.navbox .collapseButton {
    width: 6em;
}
/* Fix by case : Rev 1327309 ([[zhmoegirl:Special:Permalink/1327309]])
    Address alignment issue of nested tabs in Navbox */
.navbox .TabLabel {
    text-align: left;
}
/* Tabs */
.tab .TabLabelText {
    display: inline-block;
    padding: 1px;
    cursor: pointer;
}
.tab .TabLabel {
    z-index: 2;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.tab .TabLabelText.selected {
    border-top: 3px solid green;
    padding: 1px;
    background: white;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.tab .TabContent {
    background: white;
    padding: 20px 30px;
    position: relative;
    z-index: 1;
    border: 1px solid #aaa;
}
.tab .TabContentText {
    display: none;
}
.tab .TabContentText.selected {
    display: block;
}
.Tabs .Tab {
    border-bottom: 1px solid #aaa;
}
.Tabs .Tab:first-child {
    border-top: 1px solid #aaa;
}
.Tabs .Tab .TabLabelText {
    padding: 7px;
}
.Tabs .Tab .TabContentText {
    padding: 3px;
}
/* hidden sth. that can only be viewed by sysop */
.sysop-show,
.accountcreator-show {
    display: none !important;
}
/* wikitable green */
table.wikitable-green {
    background: #c9f6e1
}
.wikitable-green th {
    background: #13ec93
}
.wikitable-green td {
    background: #f3f3f3
}
/* table width fix */
.wikitable {
    max-width: 100%;
}
/* thumb center fix */
.thumb.tcenter {
    float: none;
    clear: both;
    display: block;
    margin: 0 auto;
}
/* no category in userpage */
body.ns-2 div#catlinks {
    display: none !important;
}
/* support the element which can be viewed in mobile view */
.mobileonly {
    display: none !important;
}
/* edit request */
.editRequest {
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin:1em 2.5em;
    padding: 1em;
    background: white;
}
.editRequest .newComment {
    white-space: nowrap;
    background: #347bff;
    color: #fff;
    border: 1px solid #347bff;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    font-family: inherit;
    font-size: 1em;
    min-width: 4em;
    max-width: 28.75em;
    padding: .5em 1em;
    margin: 0;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    zoom: 1;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
/* list in reference */
.reference-text > ul.listInRef,
.reference-text > ol.listInRef {
    margin: -1.5em 0 0 2em;
}
/*
 * Skeleton V2.0.4
 * Copyright 2014, Dave Gamache
 * www.getskeleton.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 12/29/2014
 */
.container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.div,
.divs,
.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
@media (min-width: 400px) {
    .container {
        width: 85%;
        padding: 0;
    }
}
@media (min-width: 800px) {
    .container {
        width: 80%;
    }
    .div,
    .divs,
    .column,
    .columns {
        margin-left: .3%;
    }
    .div:first-child,
    .divs:first-child,
    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }
    .one.div,
    .one.divs {
        width: 100%;
        margin-left: 0;
    }
    .two.divs {
        width: 49.85%;
    }
    .three.divs {
        width: 33.1333333333%;
    }
    .four.divs {
        width: 24.775%;
    }
    .five.divs {
        width: 19.76%;
    }
    .six.divs {
        width: 16.4166666667%;
    }
    .seven.divs {
        width: 14.0285714286%;
    }
    .eight.divs {
        width: 12.2375%;
    }
    .nine.divs {
        width: 10.8444444444%;
    }
    .ten.divs {
        width: 9.73%;
    }
    .eleven.divs {
        width: 8.81818181818%;
    }
    .twelve.divs {
        width: 8.05833333333%;
    }
    .one.column,
    .one.columns {
        width: 8.05833333333%;
    }
    .two.columns {
        width: 16.4166666667%;
    }
    .three.columns {
        width: 24.775%;
    }
    .four.columns {
        width: 33.1333333333%;
    }
    .five.columns {
        width: 41.4916666667%;
    }
    .six.columns {
        width: 49.85%;
    }
    .seven.columns {
        width: 58.2083333333%;
    }
    .eight.columns {
        width: 66.5666666667%;
    }
    .nine.columns {
        width: 74.925%;
    }
    .ten.columns {
        width: 83.2833333333%;
    }
    .eleven.columns {
        width: 91.6416666667%;
    }
    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }
    .one-third.column {
        width: 33.1333333333%;
    }
    .two-thirds.column {
        width: 66.5666666667%;
    }
    .one-half.column {
        width: 49.85%;
    }
    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.66666666667%;
    }
    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.3333333333%;
    }
    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 26%;
    }
    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.6666666667%;
    }
    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 43.3333333333%;
    }
    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 52%;
    }
    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.6666666667%;
    }
    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 69.3333333333%;
    }
    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 78.0%;
    }
    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 86.6666666667%;
    }
    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 95.3333333333%;
    }
    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.6666666667%;
    }
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%;
    }
    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: 52%;
    }
}
/*
 * Thank the contribution by [[zhmoegirl:User:Great Brightstar]], the source code come from [[zhmoegirl:special:diff/834104]]. Pay attention that the japanese font are be set in the whole site
 * There are the origin comments:
 * Using the font-feature-settings attribute here will allow elements using the `lang` tag to force the use of OpenType technology to display localized variations (by activating the `locl` tag, even if the browser itself is not directly activated).
 * If you use Siyuan blackbody (not CN, JP, KO, TW version), Noto Sans CJK to display text, you may see the effect.
 * For the usage of the CSS properties above, see: https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings .
 * Note: The OpenType Feature Tags list referenced here also need to pay attention.
 * If there are any questions, please disable it immediately
 * Nbdd0121: Change `[lang]` to `span[lang]` to avoid unexpected behavior (e.g. div#mw-content-text)
 */
span[lang] {
    font-family: initial;
    font-feature-settings: "locl" on;
    -webkit-font-feature-settings: "locl" on;
}
span[lang=zh-hant] {
    font-family: "Source Han Sans TC", "Source Han Sans TW", "Source Han Sans SC", "Source Han Sans K", "Source Han Sans",
        "Noto Sans CJK TC", "Noto Sans CJK SC", "Noto Sans TC", "Noto Sans CJK JP", "Noto Sans CJK KR",
        "Microsoft JhengHei", "PingFang TC", "PingFang HK", "LiHei Pro Medium", "Apple LiGothic Medium", "Heiti TC",
        "PMingLiU", "PMingLiU-ExtB", "MingLiU", "MingLiU-ExtB", "MingLiU_HKSCS", "MingLiU_HKSCS-ExtB", "LiSong Pro Light", "Apple LiSung Light";
}
span[lang=zh-hans] {
    font-family: "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans TC", "Source Han Sans K", "Source Han Sans",
        "Noto Sans CJK SC", "Noto Sans CJK TC", "Noto Sans SC", "Noto Sans CJK JP", "Noto Sans CJK KR",
        "Microsoft YaHei", "DengXian", "PingFang SC", "Heiti TC", "Hiragino Sans GB",
        "SimSun", "SimSun-ExtA", "SimSun-ExtB", "Song", "AR PL UMing", "AR PL ShanHeiSun Uni";
}
 
span[lang=zh-CN] {
    font-family: "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans TC", "Source Han Sans K", "Source Han Sans",
        "Noto Sans CJK SC", "Noto Sans CJK TC", "Noto Sans SC", "Noto Sans CJK JP", "Noto Sans CJK KR",
        "Microsoft YaHei", "DengXian", "PingFang SC", "Heiti TC", "Hiragino Sans GB",
        "SimSun", "SimSun-ExtA", "SimSun-ExtB", "Song", "AR PL UMing", "AR PL ShanHeiSun Uni";
}
span[lang=zh-HK] {
    font-family: "Source Han Sans TC", "Source Han Sans HK", "Source Han Sans TW", "Source Han Sans SC", "Source Han Sans K", "Source Han Sans",
        "Noto Sans CJK TC", "Noto Sans CJK SC", "Noto Sans TC", "Noto Sans CJK JP", "Noto Sans CJK KR",
        "Microsoft JhengHei", "PingFang HK", "PingFang TC", "LiHei Pro Medium", "Apple LiGothic Medium", "Heiti TC", "MingLiU_HKSCS", "MingLiU_HKSCS-ExtB", "PMingLiU", "PMingLiU-ExtB", "MingLiU", "MingLiU-ExtB", "LiSong Pro Light", "Apple LiSung Light";
}
span[lang=zh-TW] {
    font-family: "Source Han Sans TC", "Source Han Sans TW", "Source Han Sans SC", "Source Han Sans K", "Source Han Sans",
        "Noto Sans CJK TC", "Noto Sans CJK SC", "Noto Sans SC", "Noto Sans CJK JP", "Noto Sans CJK KR",
        "Microsoft JhengHei", "PingFang TC", "LiHei Pro Medium", "Apple LiGothic Medium", "Heiti TC", "PMingLiU", "PMingLiU-ExtB", "MingLiU", "MingLiU-ExtB", "MingLiU_HKSCS", "MingLiU_HKSCS-ExtB", "LiSong Pro Light", "Apple LiSung Light";
}
span[lang=ko] {
    font-family: "Source Han Sans K", "Source Han Sans KR", "Source Han Sans", "Source Han Sans SC", "Source Han Sans TC",
        "Noto Sans CJK KR", "Noto Sans KR", "Noto Sans CJK TC", "Noto Sans CJK SC", "Noto Sans CJK JP",
        "Malgun Gothic", "Dotum", "AppleGothic", "Baekmuk Gulim", "UnDotum", "Batang", "AppleMyungjo", "UnBatang";
}
/* 折叠表格的定位处理 */
body:not(.ns--1):not(.ns--2) .mw-collapsible:not(.mw-collapsed) tr:first-child > :last-child {
    position: relative;
}
body:not(.ns--1):not(.ns--2) .mw-collapsible:not(.mw-collapsed) tr:first-child > :last-child .mw-collapsible-toggle:not(:last-child) {
    position: absolute;
    right: .1em;
    top: 0;
    float: none;
}
「https://ja.moegirl.org.cn/index.php?title=MediaWiki:Common.css&oldid=1358」から取得