「MediaWiki:Common.css」の版間の差分

2022年8月17日 (水) 22:59時点における版

/* 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.cn/MediaWiki:Common.css
 * Copyright Agreement: Creative Commons Attribution-NonCommercial-ShareAlike 3.0
 */
/* whole site */
[lang="ja"],
html[lang="ja"] body {
    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;
}
[lang^="zh"],
html[lang^="zh"] body {
    font-family: BlinkMacSystemFont, -apple-system, "Helvetica Neue", Tahoma, Arial, "PingFang SC", "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Hiragino Sans GB", "WenQuanYi Micro Hei", "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;
}
/* style for templates for info */
.infotemplatebox {
    float: right;
    width: 250px;
    font-size: 90%;
    margin: 1em 0 1em 1em;
    background: #f9f9f9;
    border: 1px #999 solid;
    border-collapse: collapse;
    word-break: break-all;
    clear: right;
}
/* 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],
span[lang=zh-hans],
span[lang=zh-CN],
span[lang=zh-HK],
span[lang=zh-TW] {
    font-family: Arial, Tahoma, "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Hiragino Sans GB", "Microsoft JhengHei", 微軟正黑體, sans-serif;
}
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;
}

/* 数据表格 */
.mw-datatable.TablePager {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
}

/* 评论区输入框工具栏 */
.post-content .comment-text {
    position: static;
}
.post-content .comment-toolbar {
    position: static;
    display: flex;
    justify-content: flex-start;
}
.post-content .flowthread-btn {
    position: static;
    margin-top: 3px;
}
.post-content .comment-submit {
    position: static;
    margin: -1px -1px 0 auto;
}

/* 隐藏只供维护人员查看的内容 */
.patroller-show,
.checkuser-show,
.suppress-show,
.sysop-show,
.interface-admin-show {
    display: none !important;
}

/* 评论区提示 */
.ns-0.action-view:not(.mainpage) #bodyContent::after,
.ns-2.action-view #bodyContent::after,
.ns-4.action-view #bodyContent::after,
.ns-12.action-view #bodyContent::after {
    content: "因系统维护，评论区临时暂停所有功能";
    border: 1px solid rgba(0, 0, 0, 0.17);
    text-align: center;
    font-size: small;
    padding: 1em;
    color: #777;
    display: block !important;
    clear: both;
}
.ns-0.action-view:not(.mainpage) #bodyContent:lang(zh-hant)::after,
.ns-0.action-view:not(.mainpage) #bodyContent:lang(zh-hk)::after,
.ns-0.action-view:not(.mainpage) #bodyContent:lang(zh-tw)::after,
.ns-2.action-view #bodyContent:lang(zh-hant)::after,
.ns-2.action-view #bodyContent:lang(zh-hk)::after,
.ns-2.action-view #bodyContent:lang(zh-tw)::after,
.ns-4.action-view #bodyContent:lang(zh-hant)::after,
.ns-4.action-view #bodyContent:lang(zh-hk)::after,
.ns-4.action-view #bodyContent:lang(zh-tw)::after,
.ns-12.action-view #bodyContent:lang(zh-hant)::after,
.ns-12.action-view #bodyContent:lang(zh-hk)::after,
.ns-12.action-view #bodyContent:lang(zh-tw)::after {
    content: "因系統維護，評論區臨時暫停所有功能"
}