「MediaWiki:Gadget-SiteOrigin.css」の版間の差分
ナビゲーションに移動
検索に移動
(Sitenoticeの非表示を解除) |
(svg) タグ: モバイル編集 モバイルウェブ編集 改良版モバイル編集 |
||
(5人の利用者による、間の48版が非表示) | |||
1行目: | 1行目: | ||
/* <nowiki> [[MediaWiki:Common.css]]と[[MediaWiki:Mobile.css]]に共通のコードを統合 */ | |||
/* Sitenoticeに緊急の案内を表示するとき使用(サーバーキャッシュ関係なく反映されます) */ | |||
#siteNotice:after { | |||
content: ""; | |||
} | |||
/* アップロード権限のない利用者にはMsUploadの「ファイルをここにアップロードしてください」を表示しない | |||
アップロード権限のある利用者向けに[[MediaWiki:Gadget-EnableMsUpload.css]]で上書き | |||
#upload-drop { | |||
display: none !important; | |||
}*/ | |||
/* 登録利用者のみに表示 / 登録利用者には[[MediaWiki:Group-user.css]]で上書き */ | |||
div.usersonly, span.usersonly { | |||
display: none; | |||
} | |||
/* フォントを更新前のサンセリフ体・ゴシック体に戻す */ | /* フォントを更新前のサンセリフ体・ゴシック体に戻す */ | ||
div#content h1, div#content h2, div#content #firstHeading, | div.pre-content h1/*for mobile*/, div#content h1, div#content h2, div#content #firstHeading, | ||
html, body, div#content .mw-editsection { | html, body, div#content .mw-editsection { | ||
font-family: sans-serif; | |||
} | |||
/* 表の文字を中央揃え、右端だけ左揃え */ | |||
table.with-remarks td { | |||
text-align: center; | |||
} | |||
table.with-remarks td:last-child { | |||
text-align: left; | |||
} | } | ||
/* [[テンプレート:ルビ]] */ | /* [[テンプレート:ルビ]] */ | ||
ruby { | ruby { | ||
height: 1em; | |||
line-height: 1; | |||
display: inline-table; | |||
vertical-align: text-bottom; | |||
white-space: nowrap; | |||
} | } | ||
ruby rb { | ruby rb { | ||
display: table-row-group; | |||
text-align: center; | |||
} | } | ||
ruby rp { | ruby rp { | ||
display: table-caption; | |||
font-size: 0; | |||
line-height: 0; | |||
} | } | ||
ruby rt { | ruby rt { | ||
display: table-header-group; | |||
line-height: 1.3; | |||
font-size: 0.7em; | |||
text-align: center; | |||
} | |||
/* 下ルビ用 */ | |||
ruby.ruby-bottom { | |||
vertical-align: text-top; | |||
} | |||
ruby.ruby-bottom rt { | |||
display: table-footer-group; | |||
} | |||
/* ルビ内での文字折り返しを許可 */ | |||
ruby.ruby-wrap { | |||
white-space: normal; | |||
} | } | ||
/* [[テンプレート:要出典]] */ | /* [[テンプレート:要出典]] */ | ||
@media screen { | @media screen { | ||
.fix-domain { border-bottom: dashed 1px; } | |||
} | } | ||
/* [[テンプレート: | /* [[テンプレート:情報ボックス]] */ | ||
. | .infobox { | ||
width: 24em; | |||
font-size: 90%; | |||
border: 1px solid #aaa; | |||
background-color: #f9f9f9; | |||
color: black; | |||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.2em; | |||
float: right; | |||
clear: right; | |||
} | |||
.infobox-title { | |||
background-color: #999; | |||
text-align: center; | |||
color: #fff; | |||
font-size: 1.4em; | |||
font-weight: bold; | |||
} | |||
.infobox-sub-header { | |||
text-align: center; | |||
} | } | ||
. | .infobox-image-wrapper { | ||
text-align: center; | |||
padding: 0; | |||
} | } | ||
. | .infobox-label { | ||
width: 33.3%; | |||
vertical-align: top; | |||
} | } | ||
. | .infobox-data { | ||
width: 66.7%; | |||
} | } | ||
#content .infobox-data p { | |||
margin: 0; | |||
.infobox- | |||
} | } | ||
/* [[テンプレート:折り畳みボックス]] */ | /* [[テンプレート:折り畳みボックス]] */ | ||
#bodyContent .collapsible { | #bodyContent .collapsible { | ||
border-spacing: 0 2px; | |||
width: 100%; | |||
} | } | ||
.collapsible-navbox { | .collapsible-navbox { | ||
clear: both; | |||
border: 1px solid #aaa; | |||
padding: 1px 3px; | |||
font-size: 90%; | |||
} | } | ||
.collapsible-navbox + .collapsible-navbox { | .collapsible-navbox + .collapsible-navbox { | ||
margin-top: -1px; | |||
} | } | ||
.collapsible-child { | .collapsible-child { | ||
margin: -2px 0; | |||
} | } | ||
.navbox-title, | .navbox-title, | ||
.navbox-group { | .navbox-group { | ||
text-align: center; | |||
font-weight: bold; | |||
background-color: #ddd; | |||
color: #333; | |||
} | } | ||
.navboxLinks { | .navboxLinks { | ||
float: left; | |||
width: 6em; | |||
margin-left: 0.3em; | |||
text-align: left; | |||
} | } | ||
.navboxLinks div { | .navboxLinks div { | ||
font-size: 80%; | |||
font-weight: normal; | |||
} | } | ||
.mw-body .navboxLinks a, | .mw-body .navboxLinks a, | ||
.mw-body .navboxLinks a:visited { | .mw-body .navboxLinks a:visited { | ||
color: inherit; | |||
} | } | ||
.collapseButton { | .collapseButton { | ||
float: right; | |||
width: 6em; | |||
margin-right: 0.3em; | |||
font-weight: normal; | |||
text-align: right; | |||
} | } | ||
.navbox-group { | .navbox-group { | ||
padding: 1px 10px; | |||
white-space: nowrap; | |||
} | } | ||
.navbox-list { | .navbox-list { | ||
padding: 0; | |||
width: 100%; | |||
} | } | ||
#content .navbox-list p { | #content .navbox-list p { | ||
margin: 0; | |||
} | } | ||
/* [[テンプレート:使用例]] */ | /* [[テンプレート:使用例]] */ | ||
.usage-example .source { | .usage-example .source { | ||
vertical-align: top; | |||
} | } | ||
.usage-example .source p, | .usage-example .source p, | ||
.usage-example .source pre { | .usage-example .source pre { | ||
margin: 1em; | |||
padding: 0; | |||
line-height: 1.3; | |||
border: none; | |||
} | } | ||
.usage-example .result { | .usage-example .result { | ||
padding: 0 1em; | |||
min-width: 300px; | |||
} | } | ||
.usage-example .result .infobox { | .usage-example .result .infobox { | ||
float: none !important; | |||
} | } | ||
/* テキスト折り返し */ | /* テキスト折り返し */ | ||
pre { | |||
word-wrap: break-word; | |||
} | } | ||
159行目: | 194行目: | ||
#content .hlist ol, | #content .hlist ol, | ||
#content .hlist ul { | #content .hlist ul { | ||
display: inline; | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
#content .hlist dd, | #content .hlist dd, | ||
#content .hlist dt, | #content .hlist dt, | ||
#content .hlist li { | #content .hlist li { | ||
display: inline; | |||
margin: 0; | |||
/*white-space: nowrap;*/ | |||
} | } | ||
#content .hlist dt:before, | #content .hlist dt:before, | ||
#content .hlist li:before { | #content .hlist li:before { | ||
content: '・ '; | |||
font-weight: normal; | |||
} | } | ||
#content .hlist-pipe dt:before, | #content .hlist-pipe dt:before, | ||
#content .hlist-pipe li:before { | #content .hlist-pipe li:before { | ||
content: '| '; | |||
} | } | ||
#content .hlist-hyphen dt:before, | #content .hlist-hyphen dt:before, | ||
#content .hlist-hyphen li:before { | #content .hlist-hyphen li:before { | ||
content: '- '; | |||
} | } | ||
#content .hlist-space dt:before, | #content .hlist-space dt:before, | ||
#content .hlist-space li:before { | #content .hlist-space li:before { | ||
content: ' '; | |||
} | } | ||
#content .hlist dl:first-child dt:first-child:before, | #content .hlist dl:first-child dt:first-child:before, | ||
#content .hlist li:first-child:before { | #content .hlist li:first-child:before { | ||
content: none; | |||
} | } | ||
#content .hlist dd + dt:before { | #content .hlist dd + dt:before { | ||
display: block; | |||
content: ' '; | |||
} | } | ||
#content .hlist dt:after { | #content .hlist dt:after { | ||
content: ':'; | |||
} | } | ||
/* 入れ子 */ | /* 入れ子 */ | ||
#content .hlist li ol, | #content .hlist li ol, | ||
#content .hlist li ul { | #content .hlist li ul { | ||
font-size: 90%; | |||
} | } | ||
#content .hlist li ol:before, | #content .hlist li ol:before, | ||
#content .hlist li ul:before { | #content .hlist li ul:before { | ||
content: '('; | |||
} | } | ||
#content .hlist li ol:after, | #content .hlist li ol:after, | ||
#content .hlist li ul:after { | #content .hlist li ul:after { | ||
content: ')'; | |||
} | } | ||
/* 数字付きリスト */ | /* 数字付きリスト */ | ||
#content .hlist ol { | #content .hlist ol { | ||
counter-reset: hlist-item; | |||
} | } | ||
#content .hlist ol > li { | #content .hlist ol > li { | ||
counter-increment: hlist-item; | |||
} | } | ||
#content .hlist ol > li:before { | #content .hlist ol > li:before { | ||
content: "・ " counter(hlist-item) ". "; | |||
} | } | ||
#content .hlist-pipe ol > li:before { | #content .hlist-pipe ol > li:before { | ||
content: "| " counter(hlist-item) ". "; | |||
} | } | ||
#content .hlist-hyphen ol > li:before { | #content .hlist-hyphen ol > li:before { | ||
content: "- " counter(hlist-item) ". "; | |||
} | } | ||
#content .hlist-space ol > li:before { | #content .hlist-space ol > li:before { | ||
content: " " counter(hlist-item) ". "; | |||
} | } | ||
#content .hlist ol > li:first-child:before { | #content .hlist ol > li:first-child:before { | ||
content: counter(hlist-item) ". "; | |||
} | } | ||
/* ここまで、横リスト用CSS */ | /* ここまで、横リスト用CSS */ | ||
238行目: | 273行目: | ||
/* ここから、セットリスト用CSS */ | /* ここから、セットリスト用CSS */ | ||
.setlist { | .setlist { | ||
counter-reset: setlist-item; | |||
} | } | ||
.setlist dl, | .setlist dl, | ||
.setlist ol, | #content .setlist ol, | ||
#content .setlist p { | #content .setlist p { | ||
margin: 0; | |||
padding: 0; | |||
} | } | ||
.setlist li { | .setlist li { | ||
margin-left: 2.5em; | |||
list-style: none; | |||
counter-increment: setlist-item; | |||
} | } | ||
.setlist dd { | .setlist dd { | ||
margin-left: 2.5em; | |||
} | } | ||
.setlist ol > li:before { | .setlist ol > li:before { | ||
display: block; | |||
float: left; | |||
content: "M" counters(setlist-item, "", decimal-leading-zero) "."; | |||
margin-left: -2.5em; | |||
} | } | ||
.encore ol > li:before { | .encore ol > li:before { | ||
content: "EN" counters(setlist-item, "") "."; | |||
} | } | ||
.double-encore ol > li:before { | .double-encore ol > li:before { | ||
content: "WEN" counters(setlist-item, "") "."; | |||
} | |||
.fanclub ol > li:before { | |||
content: "FC" counters(setlist-item, "") "."; | |||
} | } | ||
.with-overture { | .with-overture { | ||
counter-reset: setlist-item -1; | |||
} | } | ||
/* 入れ子の子リストを通常のリストとして扱う */ | /* 入れ子の子リストを通常のリストとして扱う */ | ||
273行目: | 311行目: | ||
.setlist ol ol > li, | .setlist ol ol > li, | ||
.setlist ul ol > li { | .setlist ul ol > li { | ||
margin-left: 1.5em; | |||
list-style-type: decimal; | |||
counter-increment: none; | |||
} | } | ||
.setlist dl ol > li:before, | .setlist dl ol > li:before, | ||
.setlist ol ol > li:before, | .setlist ol ol > li:before, | ||
.setlist ul ol > li:before { | .setlist ul ol > li:before { | ||
content: none; | |||
} | } | ||
.setlist li dd { | .setlist li dd { | ||
margin-left: 0; | |||
} | } | ||
/* ここまで、セットリスト用CSS */ | /* ここまで、セットリスト用CSS */ | ||
/* 特定場所での改行を防ぐ: | |||
/* | 1) 個別に指定した場所 | ||
. | 2) リンク途中 | ||
3) そのページ自身へのリンク(太字部分) | |||
4) グループ名付きの ref タグ <ref group="注"> --> "[注 1]" */ | |||
.nowrap, | |||
.nowraplinks a, | |||
.nowraplinks .selflink, | |||
sup.reference a { | |||
white-space: nowrap; | |||
} | } | ||
/* | /* 以下のクラスを指定した場所では解除する: */ | ||
.wrap, | |||
.wraplinks a { | |||
white-space: normal; | |||
} | } | ||
2022年10月6日 (木) 08:25時点における版
/* <nowiki> [[MediaWiki:Common.css]]と[[MediaWiki:Mobile.css]]に共通のコードを統合 */
/* Sitenoticeに緊急の案内を表示するとき使用(サーバーキャッシュ関係なく反映されます) */
#siteNotice:after {
content: "";
}
/* アップロード権限のない利用者にはMsUploadの「ファイルをここにアップロードしてください」を表示しない
アップロード権限のある利用者向けに[[MediaWiki:Gadget-EnableMsUpload.css]]で上書き
#upload-drop {
display: none !important;
}*/
/* 登録利用者のみに表示 / 登録利用者には[[MediaWiki:Group-user.css]]で上書き */
div.usersonly, span.usersonly {
display: none;
}
/* フォントを更新前のサンセリフ体・ゴシック体に戻す */
div.pre-content h1/*for mobile*/, div#content h1, div#content h2, div#content #firstHeading,
html, body, div#content .mw-editsection {
font-family: sans-serif;
}
/* 表の文字を中央揃え、右端だけ左揃え */
table.with-remarks td {
text-align: center;
}
table.with-remarks td:last-child {
text-align: left;
}
/* [[テンプレート:ルビ]] */
ruby {
height: 1em;
line-height: 1;
display: inline-table;
vertical-align: text-bottom;
white-space: nowrap;
}
ruby rb {
display: table-row-group;
text-align: center;
}
ruby rp {
display: table-caption;
font-size: 0;
line-height: 0;
}
ruby rt {
display: table-header-group;
line-height: 1.3;
font-size: 0.7em;
text-align: center;
}
/* 下ルビ用 */
ruby.ruby-bottom {
vertical-align: text-top;
}
ruby.ruby-bottom rt {
display: table-footer-group;
}
/* ルビ内での文字折り返しを許可 */
ruby.ruby-wrap {
white-space: normal;
}
/* [[テンプレート:要出典]] */
@media screen {
.fix-domain { border-bottom: dashed 1px; }
}
/* [[テンプレート:情報ボックス]] */
.infobox {
width: 24em;
font-size: 90%;
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox-title {
background-color: #999;
text-align: center;
color: #fff;
font-size: 1.4em;
font-weight: bold;
}
.infobox-sub-header {
text-align: center;
}
.infobox-image-wrapper {
text-align: center;
padding: 0;
}
.infobox-label {
width: 33.3%;
vertical-align: top;
}
.infobox-data {
width: 66.7%;
}
#content .infobox-data p {
margin: 0;
}
/* [[テンプレート:折り畳みボックス]] */
#bodyContent .collapsible {
border-spacing: 0 2px;
width: 100%;
}
.collapsible-navbox {
clear: both;
border: 1px solid #aaa;
padding: 1px 3px;
font-size: 90%;
}
.collapsible-navbox + .collapsible-navbox {
margin-top: -1px;
}
.collapsible-child {
margin: -2px 0;
}
.navbox-title,
.navbox-group {
text-align: center;
font-weight: bold;
background-color: #ddd;
color: #333;
}
.navboxLinks {
float: left;
width: 6em;
margin-left: 0.3em;
text-align: left;
}
.navboxLinks div {
font-size: 80%;
font-weight: normal;
}
.mw-body .navboxLinks a,
.mw-body .navboxLinks a:visited {
color: inherit;
}
.collapseButton {
float: right;
width: 6em;
margin-right: 0.3em;
font-weight: normal;
text-align: right;
}
.navbox-group {
padding: 1px 10px;
white-space: nowrap;
}
.navbox-list {
padding: 0;
width: 100%;
}
#content .navbox-list p {
margin: 0;
}
/* [[テンプレート:使用例]] */
.usage-example .source {
vertical-align: top;
}
.usage-example .source p,
.usage-example .source pre {
margin: 1em;
padding: 0;
line-height: 1.3;
border: none;
}
.usage-example .result {
padding: 0 1em;
min-width: 300px;
}
.usage-example .result .infobox {
float: none !important;
}
/* テキスト折り返し */
pre {
word-wrap: break-word;
}
/* ここから、横リスト用CSS */
#content .hlist dl,
#content .hlist ol,
#content .hlist ul {
display: inline;
margin: 0;
padding: 0;
}
#content .hlist dd,
#content .hlist dt,
#content .hlist li {
display: inline;
margin: 0;
/*white-space: nowrap;*/
}
#content .hlist dt:before,
#content .hlist li:before {
content: '・ ';
font-weight: normal;
}
#content .hlist-pipe dt:before,
#content .hlist-pipe li:before {
content: '| ';
}
#content .hlist-hyphen dt:before,
#content .hlist-hyphen li:before {
content: '- ';
}
#content .hlist-space dt:before,
#content .hlist-space li:before {
content: ' ';
}
#content .hlist dl:first-child dt:first-child:before,
#content .hlist li:first-child:before {
content: none;
}
#content .hlist dd + dt:before {
display: block;
content: ' ';
}
#content .hlist dt:after {
content: ':';
}
/* 入れ子 */
#content .hlist li ol,
#content .hlist li ul {
font-size: 90%;
}
#content .hlist li ol:before,
#content .hlist li ul:before {
content: '(';
}
#content .hlist li ol:after,
#content .hlist li ul:after {
content: ')';
}
/* 数字付きリスト */
#content .hlist ol {
counter-reset: hlist-item;
}
#content .hlist ol > li {
counter-increment: hlist-item;
}
#content .hlist ol > li:before {
content: "・ " counter(hlist-item) ". ";
}
#content .hlist-pipe ol > li:before {
content: "| " counter(hlist-item) ". ";
}
#content .hlist-hyphen ol > li:before {
content: "- " counter(hlist-item) ". ";
}
#content .hlist-space ol > li:before {
content: " " counter(hlist-item) ". ";
}
#content .hlist ol > li:first-child:before {
content: counter(hlist-item) ". ";
}
/* ここまで、横リスト用CSS */
/* ここから、セットリスト用CSS */
.setlist {
counter-reset: setlist-item;
}
.setlist dl,
#content .setlist ol,
#content .setlist p {
margin: 0;
padding: 0;
}
.setlist li {
margin-left: 2.5em;
list-style: none;
counter-increment: setlist-item;
}
.setlist dd {
margin-left: 2.5em;
}
.setlist ol > li:before {
display: block;
float: left;
content: "M" counters(setlist-item, "", decimal-leading-zero) ".";
margin-left: -2.5em;
}
.encore ol > li:before {
content: "EN" counters(setlist-item, "") ".";
}
.double-encore ol > li:before {
content: "WEN" counters(setlist-item, "") ".";
}
.fanclub ol > li:before {
content: "FC" counters(setlist-item, "") ".";
}
.with-overture {
counter-reset: setlist-item -1;
}
/* 入れ子の子リストを通常のリストとして扱う */
.setlist dl ol > li,
.setlist ol ol > li,
.setlist ul ol > li {
margin-left: 1.5em;
list-style-type: decimal;
counter-increment: none;
}
.setlist dl ol > li:before,
.setlist ol ol > li:before,
.setlist ul ol > li:before {
content: none;
}
.setlist li dd {
margin-left: 0;
}
/* ここまで、セットリスト用CSS */
/* 特定場所での改行を防ぐ:
1) 個別に指定した場所
2) リンク途中
3) そのページ自身へのリンク(太字部分)
4) グループ名付きの ref タグ <ref group="注"> --> "[注 1]" */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
white-space: nowrap;
}
/* 以下のクラスを指定した場所では解除する: */
.wrap,
.wraplinks a {
white-space: normal;
}