「MediaWiki:Mobile.css」の版間の差分
ナビゲーションに移動
検索に移動
(セットリスト用CSSをCommon.cssからコピー。横幅の狭い環境向けの調整) |
(MediaWiki:Common.jsの変更に合わせて調節) |
||
1行目: | 1行目: | ||
/* ここに記述したCSSは携帯機器版サイトの利用者のみに影響します */ | /* ここに記述したCSSは携帯機器版サイトの利用者のみに影響します */ | ||
/*横幅の小さい画面向け*/ | /*横幅の小さい画面向け*/ | ||
@media screen and (max-width: 320px) { | @media screen and (max-width: 320px) { | ||
/*[[テンプレート: | /*[[テンプレート:メッセージボックス]]で大きな画像がはみ出さないようにする*/ | ||
.mw-mf-overlay img { | .mw-mf-overlay img { | ||
max-width: 240px; | max-width: 240px; | ||
max-height: 240px; | max-height: 240px; | ||
} | } | ||
} | |||
/*[[テンプレート:要出典]]*/ | |||
@media screen { | |||
.fix-domain { border-bottom: dashed 1px; } | |||
} | |||
/*ルビ*/ | |||
.ruby { | |||
display: inline-table; | |||
vertical-align: bottom; | |||
white-space: nowrap; | |||
} | |||
.ruby .rb { | |||
display: table-row-group; | |||
text-align: center; | |||
} | |||
.ruby .rp { | |||
display: table-row-group; | |||
font-size: 0; | |||
line-height: 0; | |||
} | |||
.ruby .rt { | |||
display: table-header-group; | |||
line-height: 100%; | |||
font-size: 0.7em; | |||
text-align: center; | |||
} | } | ||
37行目: | 59行目: | ||
background-color: #999; | background-color: #999; | ||
color: #fff; | color: #fff; | ||
} | |||
/* table.infobox td を上書き */ /* | |||
table.infobox table.collapsible td { | |||
border: none; | |||
} | } | ||
/*折り畳みボックス*/ | /*折り畳みボックス*/ | ||
table.collapsible { | table.collapsible { | ||
display: table; | display: table; /* デフォルトの上書き */ | ||
border-spacing: 0 2px !important; /* デフォルトの上書き */ | |||
/* | width: 100%; | ||
border-collapse: separate; /* デフォルトの上書き */ | |||
border: | |||
} | } | ||
.collapsible-navbox { | .collapsible-navbox { | ||
clear: both; | clear: both; | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
padding: 3px; | padding: 1px 3px; | ||
font-size: 90%; | |||
} | } | ||
.collapsible-navbox + .collapsible-navbox { | .collapsible-navbox + .collapsible-navbox { | ||
margin-top: -1px; | margin-top: -1px; | ||
} | |||
.collapsible-child { | |||
margin: -2px 0; | |||
} | } | ||
.navbox-title, | .navbox-title, | ||
78行目: | 105行目: | ||
padding: 1px 10px; | padding: 1px 10px; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | |||
.navbox-list { | |||
padding: 0; | |||
width: 100%; | |||
} | } | ||
.navbox-list p { | .navbox-list p { |
2014年3月5日 (水) 16:51時点における版
/* ここに記述したCSSは携帯機器版サイトの利用者のみに影響します */
/*横幅の小さい画面向け*/
@media screen and (max-width: 320px) {
/*[[テンプレート:メッセージボックス]]で大きな画像がはみ出さないようにする*/
.mw-mf-overlay img {
max-width: 240px;
max-height: 240px;
}
}
/*[[テンプレート:要出典]]*/
@media screen {
.fix-domain { border-bottom: dashed 1px; }
}
/*ルビ*/
.ruby {
display: inline-table;
vertical-align: bottom;
white-space: nowrap;
}
.ruby .rb {
display: table-row-group;
text-align: center;
}
.ruby .rp {
display: table-row-group;
font-size: 0;
line-height: 0;
}
.ruby .rt {
display: table-header-group;
line-height: 100%;
font-size: 0.7em;
text-align: center;
}
/*ルビ*/
.ruby {
display: inline-table;
vertical-align: bottom;
white-space: nowrap;
}
.ruby .rb {
display: table-row-group;
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 {
background-color: #999;
color: #fff;
}
/* table.infobox td を上書き */ /*
table.infobox table.collapsible td {
border: none;
}
/*折り畳みボックス*/
table.collapsible {
display: table; /* デフォルトの上書き */
border-spacing: 0 2px !important; /* デフォルトの上書き */
width: 100%;
border-collapse: separate; /* デフォルトの上書き */
}
.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;
}
.navbox-title a,
.navbox-group a {
color: inherit;
}
.collapseButton {
float: right;
margin-right: 0.2em;
font-weight: normal;
text-align: right;
}
.navbox-group {
padding: 1px 10px;
white-space: nowrap;
}
.navbox-list {
padding: 0;
width: 100%;
}
.navbox-list p {
margin: 0;
}
/*セットリスト用CSS*/
.setlist {
counter-reset: setlist-item;
}
.setlist ol, .setlist p {
margin: 0;
padding: 0;
}
.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 {
counter-reset: setlist-item -1;
}
/*ここまで、セットリスト用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*/