|
|
| (4人の利用者による、間の14版が非表示) |
| 1行目: |
1行目: |
| /* ここに記述したCSSは携帯機器版サイトの利用者のみに影響します */ | | /* <nowiki> ここに記述したCSSは携帯機器版サイトの利用者のみに影響します |
| | |
| | MediaWiki 1.41 以降では、従来の `MediaWiki:Mobile.css` が自動では読み込まれなくなったため、 |
| | 代わりにスキン専用のスタイルページ(例:MediaWiki:Minerva.css)を使用してスタイルを適用しています |
| | */ |
|
| |
|
| /*[[テンプレート:要出典]]*/
| |
| @media screen {
| |
| .fix-domain { border-bottom: dashed 1px; }
| |
| }
| |
|
| |
|
| /*横幅の小さい画面向け*/ | | /* デスクトップ版で非表示だがモバイル版では表示 */ |
| @media screen and (max-width: 320px) {
| | .nodesktop { |
| /*[[テンプレート:Ambox]]で大きな画像がはみ出さないようにする*/
| | display: block; |
| .mw-mf-overlay img {
| |
| max-width: 240px;
| |
| max-height: 240px;
| |
| }
| |
| } | | } |
|
| |
|
| /*ルビ*/ | | /* [[テンプレート:情報ボックス]] */ |
| .ruby { | | .content table.infobox { /* .content table を上書き */ |
| display: inline-table;
| | display: table; |
| vertical-align: bottom;
| | width: auto; |
| white-space: nowrap;
| |
| } | | } |
| .ruby .rb { | | table.infobox table td { /* table.infobox td を上書き */ |
| display: table-row-group;
| | border: 0; |
| text-align: center;
| |
| }
| |
| .ruby .rp { display: none; }
| |
| .ruby .rt {
| |
| display: table-header-group;
| |
| line-height: 100%;
| |
| font-size: 0.7em;
| |
| text-align: center;
| |
| } | | } |
|
| |
|
| /*情報ボックス*/ | | /* [[テンプレート:折り畳みボックス]] */ |
| .infobox-title { | | .content table.collapsible { /* .content table を上書き */ |
| background-color: #999;
| | display: table; |
| color: #fff;
| | margin: 0; |
| | width: 100%; |
| } | | } |
| | | .navboxLinks { |
| /*折り畳みボックス*/
| | display: none; |
| /* .content table を上書き */
| |
| table.collapsible {
| |
| display: table;
| |
| } | | } |
| /* table.infobox td を上書き */ | | div.collapseButton { /* .collapseBotton を上書き */ |
| table.infobox table.collapsible td {
| | width: auto; |
| border: none;
| |
| } | | } |
| .collapsible-navbox { | | |
| clear: both;
| | /* [[テンプレート:メッセージボックス]] */ |
| width: 100%;
| | .message-box { |
| border: 1px solid #aaa;
| | width: 100%; |
| padding: 3px;
| | margin: 0; |
| border-collapse: separate;
| | padding: 0; |
| | border: 1px solid #aaa; |
| } | | } |
| .collapsible-navbox + .collapsible-navbox { | | .message-box + .message-box { |
| margin-top: -1px;
| | margin-top: -1px; |
| } | | } |
| .navbox-title, | | .message-box .message-box-image { |
| .navbox-group { | | display: none; |
| text-align: center;
| |
| font-weight: bold;
| |
| background-color: #ddd;
| |
| color: #333;
| |
| } | | } |
| .navbox-title a, | | .message-box .message-box-text { |
| .navbox-group a { | | width: 100%; |
| color: inherit;
| | font-size: smaller; |
| } | | } |
| .collapseButton {
| | |
| float: right;
| | /* [[テンプレート:タブ]] */ |
| margin-right: 0.2em;
| | #content div.tab-list ul { |
| font-weight: normal;
| | display: none; |
| text-align: right;
| |
| } | | } |
| .navbox-group { | | .tab-content { |
| padding: 1px 10px;
| | clear: both; |
| white-space: nowrap;
| |
| }
| |
| .navbox-list p {
| |
| margin: 0;
| |
| } | | } |
|
| |
|
| /*セットリスト用CSS*/ | | /* [[widget:YouTube]] */ |
| .setlist { | | .video-container { |
| counter-reset: setlist-item;
| | position: relative; |
| }
| | padding-bottom: 56.25%; |
| .setlist ol, .setlist p {
| | padding-top: 30px; |
| margin: 0;
| | height: 0; |
| padding: 0;
| | overflow: hidden; |
| }
| |
| .setlist li {
| |
| margin-left: 2.5em;
| |
| list-style-type: none;
| |
| counter-increment: setlist-item;
| |
| }
| |
| .setlist li:before {
| |
| display: block;
| |
| float: left;
| |
| content: "M" counters(setlist-item, "", decimal-leading-zero) ".";
| |
| margin-left: -2.5em;
| |
| }
| |
| .encore li:before {
| |
| content: "EN" counters(setlist-item, "") ".";
| |
| } | | } |
| .with-overture { | | .video-container iframe { |
| counter-reset: setlist-item -1;
| | position: absolute; |
| | top: 0; |
| | left: 0; |
| | width: 100%; |
| | height: 100%; |
| } | | } |
| /*ここまで、セットリスト用CSS*/
| |
|
| |
| /*チームカラー背景CSS*/
| |
| .bgcolor { background-color: #555; }
| |
| .bgcolor, .bgcolor a { color: #fff; }
| |
|
| |
| .bgcolor-AKB48, .bgcolor-AKB { background-color: #fc60aa; }
| |
| .bgcolor-チームA, .bgcolor-A { background-color: #f576a3; }
| |
| .bgcolor-チームK, .bgcolor-K { background-color: #77b800; }
| |
| .bgcolor-チームB, .bgcolor-B { background-color: #34b6e4; }
| |
| .bgcolor-チーム4, .bgcolor-4 { background-color: #fcd116; }
| |
| .bgcolor-研究生, .bgcolor-研 { background-color: #ff0000; }
| |
|
| |
| .bgcolor-SKE48, .bgcolor-SKE,
| |
| .bgcolor-チームS, .bgcolor-S { background-color: #f8b600; }
| |
| .bgcolor-チームKII, .bgcolor-KII { background-color: #e70142; }
| |
| .bgcolor-チームE, .bgcolor-E { background-color: #016b67; }
| |
| .bgcolor-SKE48研究生, .bgcolor-S研 { background-color: #5cc4e9; }
| |
|
| |
| .bgcolor-NMB48, .bgcolor-NMB { background: url(/images/a/ae/Leopard.jpg) #219ddd; }
| |
| .bgcolor-チームN, .bgcolor-N { background-color: #f0c018; }
| |
| .bgcolor-チームM, .bgcolor-M { background-color: #d04088; }
| |
| .bgcolor-チームBII, .bgcolor-BII { background-color: #169ece; }
| |
| .bgcolor-NMB48研究生, .bgcolor-N研 { background-color: #c781bf; }
| |
|
| |
| .bgcolor-HKT48, .bgcolor-HKT { background-color: #000000; }
| |
| .bgcolor-チームH, .bgcolor-H { background-color: #000000; }
| |
| .bgcolor-HKT48研究生, .bgcolor-H研 { background-color: #3f3f3f; }
| |
|
| |
| .bgcolor-JKT48, .bgcolor-JKT { background-color: #e70012; }
| |
| .bgcolor-チームJ, .bgcolor-J { background-color: #e70012; }
| |
| .bgcolor-チームKIII, .bgcolor-KIII { background-color: #bd000e; }
| |
| .bgcolor-JKT48研究生, .bgcolor-J研 { background-color: #93000b; }
| |
|
| |
| .bgcolor-SNH48, .bgcolor-SNH { background-color: #8fd3f6; }
| |
| .bgcolor-チームSII, .bgcolor-SII { background-color: #9ed9f7; }
| |
| .bgcolor-チームNII, .bgcolor-NII { background-color: #ae86ba; }
| |
| .bgcolor-SNH48研究生, .bgcolor-SNH研 { background-color: #68c2f2; }
| |
|
| |
| .bgcolor-乃木坂46, .bgcolor-乃木坂 { background-color: #7e0f85; }
| |
| .bgcolor-乃木坂46研究生, .bgcolor-乃研 { background-color: #5b0b60; }
| |
|
| |
| .bgcolor-SDN48, .bgcolor-SDN { background-color: #bfbfbf; }
| |
| /*ここまで、チームカラー背景CSS*/
| |
/* <nowiki> ここに記述したCSSは携帯機器版サイトの利用者のみに影響します
MediaWiki 1.41 以降では、従来の `MediaWiki:Mobile.css` が自動では読み込まれなくなったため、
代わりにスキン専用のスタイルページ(例:MediaWiki:Minerva.css)を使用してスタイルを適用しています
*/
/* デスクトップ版で非表示だがモバイル版では表示 */
.nodesktop {
display: block;
}
/* [[テンプレート:情報ボックス]] */
.content table.infobox { /* .content table を上書き */
display: table;
width: auto;
}
table.infobox table td { /* table.infobox td を上書き */
border: 0;
}
/* [[テンプレート:折り畳みボックス]] */
.content table.collapsible { /* .content table を上書き */
display: table;
margin: 0;
width: 100%;
}
.navboxLinks {
display: none;
}
div.collapseButton { /* .collapseBotton を上書き */
width: auto;
}
/* [[テンプレート:メッセージボックス]] */
.message-box {
width: 100%;
margin: 0;
padding: 0;
border: 1px solid #aaa;
}
.message-box + .message-box {
margin-top: -1px;
}
.message-box .message-box-image {
display: none;
}
.message-box .message-box-text {
width: 100%;
font-size: smaller;
}
/* [[テンプレート:タブ]] */
#content div.tab-list ul {
display: none;
}
.tab-content {
clear: both;
}
/* [[widget:YouTube]] */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}