「MediaWiki:Mobile.css」の版間の差分

提供:エケペディア
ナビゲーションに移動 検索に移動
(Common.cssから移植)
(nowiki)
 
(3人の利用者による、間の15版が非表示)
1行目: 1行目:
/* ここに記述したCSSは携帯機器版サイトの利用者のみに影響します */
/* <nowiki> ここに記述したCSSは携帯機器版サイトの利用者のみに影響します */


/*ルビ*/
/* [[テンプレート:情報ボックス]] */
.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;
.content table.collapsible { /* .content table を上書き */
  line-height: 100%;
display: table;
  font-size: 0.7em;
margin: 0;
  text-align: center;
width: 100%;
}
.navboxLinks {
display: none;
}
}
 
div.collapseButton { /* .collapseBotton を上書き */
/*情報ボックスCSS*/
width: auto;
.infobox-title {
  background-color: #999;
  color: #fff;
}
}


/*セットリスト用CSS*/
/* [[テンプレート:メッセージボックス]] */
.setlist {
.message-box {
  counter-reset: setlist-item;
width: 100%;
margin: 0;
padding: 0;
border: 1px solid #aaa;
}
}
.setlist ol, .setlist p {
.message-box + .message-box {
  margin: 0;
margin-top: -1px;
  padding: 0;
}
}
.setlist li {
.message-box .message-box-image {
  list-style-type: none;
display: none;
  counter-increment: setlist-item;
}
}
.setlist li:before {
.message-box .message-box-text {
  content: "M" counters(setlist-item, "", decimal-leading-zero) ".";
width: 100%;
  margin-right: 0.3em;
font-size: smaller;
}
}
.encore li:before {
 
  content: "EN" counters(setlist-item, "") ".";
/* [[テンプレート:タブ]] */
#content div.tab-list ul {
display: none;
}
}
.with-overture {
.tab-content {
  counter-reset: setlist-item -1;
clear: both;
}
}
/*ここまで、セットリスト用CSS*/


/*チームカラー背景CSS*/
/* [[widget:YouTube]] */
.bgcolor { background-color: #555; }
.video-container {
.bgcolor, .bgcolor a { color: #fff; }
position: relative;
 
padding-bottom: 56.25%;
.bgcolor-AKB48, .bgcolor-AKB { background-color: #fc60aa; }
padding-top: 30px;
.bgcolor-チームA, .bgcolor-A { background-color: #f576a3; }
height: 0;
.bgcolor-チームK, .bgcolor-K { background-color: #77b800; }
overflow: hidden;
.bgcolor-チームB, .bgcolor-B { background-color: #34b6e4; }
}
.bgcolor-チーム4, .bgcolor-4 { background-color: #fcd116; }
.video-container iframe {
.bgcolor-研究生, .bgcolor-研 { background-color: #ff0000; }
position: absolute;
 
top: 0;
.bgcolor-SKE48, .bgcolor-SKE,
left: 0;
.bgcolor-チームS, .bgcolor-S { background-color: #f8b600; }
width: 100%;
.bgcolor-チームKII, .bgcolor-KII { background-color: #e70142; }
height: 100%;
.bgcolor-チームE, .bgcolor-E { background-color: #016b67; }
}
.bgcolor-SKE48研究生, .bgcolor-S研 { background-color: #5cc4e9; }
 
.bgcolor-NMB48, .bgcolor-NMB { background-color: #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 { /* TODO */ }
.bgcolor-チームNII, .bgcolor-NII { /* TODO */ }
.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*/

2016年4月28日 (木) 17:58時点における最新版

/* <nowiki> ここに記述したCSSは携帯機器版サイトの利用者のみに影響します */

/* [[テンプレート:情報ボックス]] */
.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%;
}