「MediaWiki:Common.css」の版間の差分
MediaWikiインターフェイスページ
その他の操作
今川 凌 (MONACA) (トーク | 投稿記録) 編集の要約なし |
今川 凌 (MONACA) (トーク | 投稿記録) 編集の要約なし |
||
| (同じ利用者による、間の178版が非表示) | |||
| 3行目: | 3行目: | ||
/* フォント・ファミリの設定 */ | /* フォント・ファミリの設定 */ | ||
/* [[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; | |||
} | } | ||
| 29行目: | 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; | |||
} | } | ||
| 60行目: | 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; | |||
} | } | ||
| 77行目: | 88行目: | ||
.navbox-title { | .navbox-title { | ||
background-color: #ccccff; /* Level 1 color */ | background-color: #ccccff; /* Level 1 color */ | ||
color: #202020; | |||
text-align: center; | |||
} | } | ||
| 83行目: | 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; | |||
} | } | ||
| 88行目: | 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; | |||
} | } | ||
| 277行目: | 298行目: | ||
clear: right; | clear: right; | ||
text-align: left; | text-align: left; | ||
font-size: | font-size: 85%; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
} | } | ||
| 283行目: | 304行目: | ||
.infobox caption { | .infobox caption { | ||
margin-top: 0.5em; | margin-top: 0.5em; | ||
font-size: | font-size: 120%; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| 580行目: | 601行目: | ||
.wikitable, .tracklist { | .wikitable, .tracklist { | ||
white-space:nowrap; | white-space:nowrap; | ||
} | |||
.wikitable { | |||
font-size: 80%!important; | |||
} | } | ||
| 589行目: | 614行目: | ||
#footer-info-lastmod { display: none; } | #footer-info-lastmod { display: none; } | ||
/* | |||
. | /* All CSS here will be loaded for users of the Citizen skin */ | ||
width: | |||
: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用CSS */ | ||
.portable-infobox { | .portable-infobox { | ||
width: | width: 80%; | ||
max-width: 30em; | |||
} | } | ||
.portable-infobox .pi-title { | .portable-infobox .pi-title { | ||
background-color: #ff9800 !important; | background-color: #ff9800 !important; | ||
font-size: | font-size: 110% !Important; | ||
text-align: center !Important; | text-align: center !Important; | ||
color: #000000; | |||
} | } | ||
.portable-infobox .pi-header { | .portable-infobox .pi-header { | ||
text-align: center !Important; | |||
font-size: | font-size: 105% !Important; | ||
} | } | ||
.portable-infobox .pi-data-label { | .portable-infobox .pi-data-label { | ||
text-align: left; | 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); | |||
} | } | ||