「MediaWiki:Common.css」の版間の差分
MediaWikiインターフェイスページ
その他の操作
今川 凌 (MONACA) (トーク | 投稿記録) 編集の要約なし タグ: 差し戻し済み |
今川 凌 (MONACA) (トーク | 投稿記録) 編集の要約なし |
||
| (同じ利用者による、間の213版が非表示) | |||
| 1行目: | 1行目: | ||
/* ここに書いたCSSはすべての外装に反映されます */ | /* ここに書いたCSSはすべての外装に反映されます */ | ||
/* フォント・ファミリの設定 */ | /* フォント・ファミリの設定 */ | ||
/* [[MediaWiki‐ノート:Common.css#特定テンプレート用のCSSをTemplateStylesに移行する提案(1回目)]]により非推奨化([[Template:Unicode]]への移行推奨) */ | /* [[MediaWiki‐ノート:Common.css#特定テンプレート用のCSSをTemplateStylesに移行する提案(1回目)]]により非推奨化([[Template:Unicode]]への移行推奨) */ | ||
body { | |||
font-family: -apple-system, BlinkMacSystem, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; | |||
} | } | ||
. | .selector { | ||
font-feature-settings: "palt"; | |||
} | } | ||
/* make the list of references look smaller */ | /* make the list of references look smaller */ | ||
ol.references, | ol.references, | ||
div.reflist { | div.reflist { | ||
font-size: | font-size: 85%; /* Default font-size */ | ||
} | |||
/* 表が縦に長くなるのを防ぐ */ | |||
.wikitable, .tracklist { | |||
overflow-wrap: break-word; | |||
word-wrap: break-word; | |||
word-break: keep-all; | |||
} | } | ||
| 36行目: | 37行目: | ||
margin: auto; | margin: auto; | ||
clear: both; | clear: both; | ||
font-size: | font-size: 75%; | ||
text-align: center; | text-align: center; | ||
padding: 1px; | padding: 1px; | ||
color: #000; | |||
} | } | ||
| 67行目: | 69行目: | ||
.navbox-subgroup { | .navbox-subgroup { | ||
background-color: #fdfdfd; /* Background color */ | background-color: #fdfdfd; /* Background color */ | ||
color: #000; | |||
} | } | ||
.navbox-list { | .navbox-list { | ||
border-color: #fdfdfd; /* Must match background color */ | border-color: #fdfdfd; /* Must match background color */ | ||
color: #202020; | |||
} | } | ||
| 84行目: | 88行目: | ||
.navbox-title { | .navbox-title { | ||
background-color: #ccccff; /* Level 1 color */ | background-color: #ccccff; /* Level 1 color */ | ||
color: #202020; | |||
text-align: center; | |||
} | } | ||
| 90行目: | 96行目: | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
background-color: #ddddff; /* Level 2 color */ | background-color: #ddddff; /* Level 2 color */ | ||
color: #202020; | |||
text-align: center; | |||
} | } | ||
| 95行目: | 103行目: | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { | ||
background-color: #e6e6ff; /* Level 3 color */ | background-color: #e6e6ff; /* Level 3 color */ | ||
color: #202020; | |||
text-align: center; | |||
} | } | ||
.navbox-even { | .navbox-even { | ||
background-color: #f7f7f7; /* Even row striping */ | background-color: #f7f7f7; /* Even row striping */ | ||
color: #202020; | |||
text-align: center; | |||
} | } | ||
.navbox-odd { | .navbox-odd { | ||
background-color: transparent; /* Odd row striping */ | background-color: transparent; /* Odd row striping */ | ||
color: #202020; | |||
text-align: center; | |||
} | } | ||
| 113行目: | 127行目: | ||
} | } | ||
/* Styling for | /* Styling for jQuery makeCollapsible, matching that of collapseButton */ | ||
.mw-parser-output .mw-collapsible-toggle { | .mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) { | ||
font-weight: normal; | font-weight: normal; | ||
/* @noflip */ | /* @noflip */ | ||
| 273行目: | 287行目: | ||
padding: 0.2em; | padding: 0.2em; | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
| 303行目: | 298行目: | ||
clear: right; | clear: right; | ||
text-align: left; | text-align: left; | ||
font-size: | font-size: 85%; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
} | } | ||
| 309行目: | 304行目: | ||
.infobox caption { | .infobox caption { | ||
margin-top: 0.5em; | margin-top: 0.5em; | ||
font-size: | font-size: 120%; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| 425行目: | 420行目: | ||
} | } | ||
/* | /* System messages styled similarly to fmbox */ | ||
div.mw-warning-with-logexcerpt, | div.mw-warning-with-logexcerpt, | ||
div.mw-lag-warn-high, | div.mw-lag-warn-high, | ||
div.mw-cascadeprotectedwarning, | div.mw-cascadeprotectedwarning, | ||
div#mw-protect-cascadeon { | div#mw-protect-cascadeon, | ||
div.titleblacklist-warning { | |||
clear: both; | clear: both; | ||
margin: 0.2em 0; | margin: 0.2em 0; | ||
| 724行目: | 431行目: | ||
background-color: #ffdbdb; | background-color: #ffdbdb; | ||
padding: 0.25em 0.9em; | padding: 0.25em 0.9em; | ||
box-sizing: border-box; | |||
} | } | ||
| 771行目: | 455行目: | ||
} | } | ||
/* | |||
* カテゴリページのリスト部にフロート指定のブロックを入れない。 | |||
* 2009-01-24 by [[User:mizusumashi]] | |||
*/ | |||
#mw-subcategories, #mw-pages, #mw-category-media { | #mw-subcategories, #mw-pages, #mw-category-media { | ||
clear: both; | clear: both; | ||
| 791行目: | 479行目: | ||
.plainlist ul { | .plainlist ul { | ||
line-height: inherit; | line-height: inherit; | ||
list-style: | list-style: none; | ||
margin: 0; | margin: 0; | ||
} | } | ||
| 808行目: | 496行目: | ||
white-space: nowrap; | white-space: nowrap; | ||
/* Force tabular and lining display for texhtml */ | /* Force tabular and lining display for texhtml */ | ||
-webkit-font-feature-settings: "lnum", "tnum", "kern" 0; | -webkit-font-feature-settings: "lnum", "tnum", "kern" 0; | ||
font-feature-settings: "lnum", "tnum", "kern" 0; | font-feature-settings: "lnum", "tnum", "kern" 0; | ||
| 865行目: | 552行目: | ||
} | } | ||
/* T156351: Support for Parsoid's Cite implementation */ | |||
span[rel="mw:referencedBy"]::before { | |||
content: "^ "; | |||
} | |||
a[rel="mw:referencedBy"]::before { | |||
font-weight: bold; | |||
content: "^"; | |||
} | |||
span[ rel="mw:referencedBy" ] { | |||
counter-reset: mw-ref-linkback 0; | |||
} | |||
span[ rel="mw:referencedBy" ] > a::before { | |||
font-weight: bold; | |||
font-style: italic; | |||
content: counter( mw-ref-linkback, lower-alpha ); | |||
} | |||
.mw-ref > a[data-mw-group=lower-roman]::after { | |||
content: '[' counter( mw-Ref, lower-roman ) ']'; | |||
} | |||
.mw-ref > a[data-mw-group=upper-roman]::after { | |||
content: '[' counter( mw-Ref, upper-roman ) ']'; | |||
} | |||
.mw-ref > a[data-mw-group=decimal]::after { | |||
content: '[' counter( mw-Ref, decimal ) ']'; | |||
} | |||
.mw-ref > a[data-mw-group=lower-greek]::after { | |||
content: '[' counter( mw-Ref, lower-greek ) ']'; | |||
} | |||
.mw-ref > a[data-mw-group=upper-alpha]::after { | |||
content: '[' counter( mw-Ref, upper-alpha ) ']'; | |||
} | |||
.mw-ref > a[data-mw-group=lower-alpha]::after { | |||
content: '[' counter( mw-Ref, lower-alpha ) ']'; | |||
} | |||
/* Hide stuff meant for accounts with special permissions. Made visible again in | |||
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]], | |||
[[MediaWiki:Group-extendedconfirmed.css]], [[MediaWiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]]. */ | |||
.checkuser-show, | |||
.sysop-show, | |||
.abusefilter-show, | |||
.extendedconfirmed-show, | |||
.autoconfirmed-show, | |||
.user-show { | |||
display: none; | |||
} | |||
.wikitable, .tracklist { | |||
white-space:nowrap; | |||
} | } | ||
.wikitable { | |||
font-size: 80%!important; | |||
} | } | ||
| 880行目: | 610行目: | ||
#ca-history { display:none!important; } /*履歴表示タブを消す*/ | #ca-history { display:none!important; } /*履歴表示タブを消す*/ | ||
#ca-viewsource { display:none!important; } /*ソース表示タブを消す*/ | #ca-viewsource { display:none!important; } /*ソース表示タブを消す*/ | ||
#footer { display: none; } | |||
#footer-places { display: none; } | |||
#footer-info-lastmod { display: none; } | |||
/* All CSS here will be loaded for users of the Citizen skin */ | |||
:root { | |||
--width-layout: 100vw !important; /* Slightly wider content */ | |||
font-size: 90%; | |||
} | |||
:root.citizen-feature-custom-width-clientpref-standard { | |||
--width-layout: 100vw !important; /* Slightly wider content */ | |||
font-size: 90%; | |||
} | |||
:root.citizen-feature-custom-width-clientpref-wide{ | |||
--width-layout: 100vw !important; /* Slightly wider content */ | |||
font-size: 90%; | |||
} | |||
@media all and (max-width: 480px) { | |||
.portable-infobox { | |||
width: 100% !important; | |||
font-size: 90% !important; | |||
} | |||
.portable-infobox .pi-title { | |||
background-color: #ff9800 !important; | |||
font-size: 110% !Important; | |||
text-align: center !Important; | |||
color: #000000; | |||
} | |||
.portable-infobox .pi-header { | |||
text-align: center !Important; | |||
font-size: 105% !Important; | |||
} | |||
.portable-infobox .pi-data-label { | |||
text-align: left; | |||
} | |||
.hlist dl, | |||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* Display list items inline */ | |||
.hlist li { | |||
margin: 0; | |||
display: inline; | |||
} | |||
/* reset hlist margins of Minerva | |||
do not add li here (see T235416) */ | |||
.hlist dd, | |||
.hlist dt { | |||
margin-right: 0 !important; | |||
display: inline; | |||
} | |||
/* Display nested lists inline */ | |||
.hlist.inline, | |||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.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; | |||
} | |||
/* Hide empty list items */ | |||
.hlist .mw-empty-li, | |||
.hlist .mw-empty-elt { | |||
display: none; | |||
} | |||
/* Generate interpuncts */ | |||
#bodyContent .hlist dt:after { | |||
content: ":"; | |||
} | |||
#bodyContent .hlist dd:after, | |||
#bodyContent .hlist li:after { | |||
content: " ·"; | |||
font-weight: bold; | |||
} | |||
#bodyContent .hlist dd:last-child:after, | |||
#bodyContent .hlist dt:last-child:after, | |||
#bodyContent .hlist li:last-child:after { | |||
content: none !important; | |||
} | |||
/* Add parentheses around nested lists */ | |||
#bodyContent .hlist dd dd:first-child:before, #bodyContent .hlist dd dt:first-child:before, #bodyContent .hlist dd li:first-child:before, | |||
#bodyContent .hlist dt dd:first-child:before, #bodyContent .hlist dt dt:first-child:before, #bodyContent .hlist dt li:first-child:before, | |||
#bodyContent .hlist li dd:first-child:before, #bodyContent .hlist li dt:first-child:before, #bodyContent .hlist li li:first-child:before { | |||
content: "(" !important; | |||
font-weight: normal; | |||
} | |||
#bodyContent .hlist dd dd:last-child:after, #bodyContent .hlist dd dt:last-child:after, #bodyContent .hlist dd li:last-child:after, | |||
#bodyContent .hlist dt dd:last-child:after, #bodyContent .hlist dt dt:last-child:after, #bodyContent .hlist dt li:last-child:after, | |||
#bodyContent .hlist li dd:last-child:after, #bodyContent .hlist li dt:last-child:after, #bodyContent .hlist li li:last-child:after { | |||
content: ")" !important; | |||
font-weight: normal; | |||
} | |||
/* Put ordinals in front of ordered list items */ | |||
#bodyContent .hlist ol { | |||
counter-reset: listitem; | |||
} | |||
#bodyContent .hlist ol > li { | |||
counter-increment: listitem; | |||
} | |||
#bodyContent .hlist ol > li:before { | |||
content: " " counter(listitem) ".\a0"; | |||
} | |||
#bodyContent .hlist dd ol > li:first-child:before, | |||
#bodyContent .hlist dt ol > li:first-child:before, | |||
#bodyContent .hlist li ol > li:first-child:before { | |||
content: " (" counter(listitem) "\a0"; | |||
} | |||
/* 日本語版の独自仕様。-pipe、-hyphen、-comma、-slash */ | |||
#bodyContent .hlist-pipe dd:after, | |||
#bodyContent .hlist-pipe li:after { | |||
content: " |" !important; | |||
font-weight: normal; | |||
} | |||
#bodyContent .hlist-hyphen dd:after, | |||
#bodyContent .hlist-hyphen li:after { | |||
content: " -" !important; | |||
font-weight: normal; | |||
} | |||
#bodyContent .hlist-comma dd:after, | |||
#bodyContent .hlist-comma li:after { | |||
content: "、" !important; | |||
font-weight: normal; | |||
} | |||
#bodyContent .hlist-slash dd:after, | |||
#bodyContent .hlist-slash li:after { | |||
content: " /" !important; | |||
font-weight: normal; | |||
} | |||
/* Unbulleted lists */ | |||
.plainlist ol, | |||
.plainlist ul { | |||
list-style: none none; | |||
padding-left: 0; /* Reset Minerva defaults */ | |||
} | |||
.plainlist ol li, | |||
.plainlist ul li { | |||
margin-bottom: 0; | |||
} | |||
} | |||
@media all and (min-width: 480px) and (max-width: 769px) { | |||
.portable-infobox { | |||
width: 80% !important; | |||
font-size: 70% !important; | |||
} | |||
.portable-infobox .pi-title { | |||
background-color: #ff9800 !important; | |||
font-size: 110% !Important; | |||
text-align: center !Important; | |||
color: #000000; | |||
} | |||
.portable-infobox .pi-header { | |||
text-align: center !Important; | |||
font-size: 105% !Important; | |||
} | |||
.portable-infobox .pi-data-label { | |||
text-align: left; | |||
} | |||
.hlist dl, | |||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* Display list items inline */ | |||
.hlist li { | |||
margin: 0; | |||
display: inline; | |||
} | |||
/* reset hlist margins of Minerva | |||
do not add li here (see T235416) */ | |||
.hlist dd, | |||
.hlist dt { | |||
margin-right: 0 !important; | |||
display: inline; | |||
} | |||
/* Display nested lists inline */ | |||
.hlist.inline, | |||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.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; | |||
} | |||
/* Hide empty list items */ | |||
.hlist .mw-empty-li, | |||
.hlist .mw-empty-elt { | |||
display: none; | |||
} | |||
/* Generate interpuncts */ | |||
#bodyContent .hlist dt:after { | |||
content: ":"; | |||
} | |||
#bodyContent .hlist dd:after, | |||
#bodyContent .hlist li:after { | |||
content: " ·"; | |||
font-weight: bold; | |||
} | |||
#bodyContent .hlist dd:last-child:after, | |||
#bodyContent .hlist dt:last-child:after, | |||
#bodyContent .hlist li:last-child:after { | |||
content: none !important; | |||
} | |||
/* Add parentheses around nested lists */ | |||
#bodyContent .hlist dd dd:first-child:before, #bodyContent .hlist dd dt:first-child:before, #bodyContent .hlist dd li:first-child:before, | |||
#bodyContent .hlist dt dd:first-child:before, #bodyContent .hlist dt dt:first-child:before, #bodyContent .hlist dt li:first-child:before, | |||
#bodyContent .hlist li dd:first-child:before, #bodyContent .hlist li dt:first-child:before, #bodyContent .hlist li li:first-child:before { | |||
content: "(" !important; | |||
font-weight: normal; | |||
} | |||
#bodyContent .hlist dd dd:last-child:after, #bodyContent .hlist dd dt:last-child:after, #bodyContent .hlist dd li:last-child:after, | |||
#bodyContent .hlist dt dd:last-child:after, #bodyContent .hlist dt dt:last-child:after, #bodyContent .hlist dt li:last-child:after, | |||
#bodyContent .hlist li dd:last-child:after, #bodyContent .hlist li dt:last-child:after, #bodyContent .hlist li li:last-child:after { | |||
content: ")" !important; | |||
font-weight: normal; | |||
} | |||
/* Put ordinals in front of ordered list items */ | |||
#bodyContent .hlist ol { | |||
counter-reset: listitem; | |||
} | |||
#bodyContent .hlist ol > li { | |||
counter-increment: listitem; | |||
} | |||
#bodyContent .hlist ol > li:before { | |||
content: " " counter(listitem) ".\a0"; | |||
} | |||
#bodyContent .hlist dd ol > li:first-child:before, | |||
#bodyContent .hlist dt ol > li:first-child:before, | |||
#bodyContent .hlist li ol > li:first-child:before { | |||
content: " (" counter(listitem) "\a0"; | |||
} | |||
/* 日本語版の独自仕様。-pipe、-hyphen、-comma、-slash */ | |||
#bodyContent .hlist-pipe dd:after, | |||
#bodyContent .hlist-pipe li:after { | |||
content: " |" !important; | |||
font-weight: normal; | |||
} | |||
#bodyContent .hlist-hyphen dd:after, | |||
#bodyContent .hlist-hyphen li:after { | |||
content: " -" !important; | |||
font-weight: normal; | |||
} | |||
#bodyContent .hlist-comma dd:after, | |||
#bodyContent .hlist-comma li:after { | |||
content: "、" !important; | |||
font-weight: normal; | |||
} | |||
#bodyContent .hlist-slash dd:after, | |||
#bodyContent .hlist-slash li:after { | |||
content: " /" !important; | |||
font-weight: normal; | |||
} | |||
/* Unbulleted lists */ | |||
.plainlist ol, | |||
.plainlist ul { | |||
list-style: none none; | |||
padding-left: 0; /* Reset Minerva defaults */ | |||
} | |||
.plainlist ol li, | |||
.plainlist ul li { | |||
margin-bottom: 0; | |||
} | |||
} | |||
/* Portable Infobox用CSS */ | |||
.portable-infobox { | |||
width: 80%; | |||
max-width: 30em; | |||
} | |||
.portable-infobox .pi-title { | |||
background-color: #ff9800 !important; | |||
font-size: 110% !Important; | |||
text-align: center !Important; | |||
color: #000000; | |||
} | |||
.portable-infobox .pi-header { | |||
text-align: center !Important; | |||
font-size: 105% !Important; | |||
} | |||
.portable-infobox .pi-data-label { | |||
text-align: left; | |||
} | |||
.mw-logo-wordmark { color:#FF9800; } | |||
/* Fixes for empty icons in Vector 2022 and Minerva */ | |||
.mw-ui-icon, .citizen-ui-icon { | |||
background-image: url(/w/load.php?modules=oojs-ui.styles.icons-accessibility&image=moon); | |||
} | |||
.minerva-icon-portletlink-pt-darkmode { | |||
. | opacity: 0.65; | ||
} | |||
.mw-ui-icon, .citizen-ui-icon { | |||
. | background-image: url(/w/load.php?modules=oojs-ui.styles.icons-accessibility&image=bright); | ||
. | } | ||