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

提供:エケペディア
ナビゲーションに移動 検索に移動
(Elastic Videos)
(折り畳みボックス・情報ボックスのCSS修正。テンプレート:要出典用のCSSをMediaWiki:Gadget-SiteOrigin.cssへ移動)
1行目: 1行目:
/* ここに記述したCSSは携帯機器版サイトの利用者のみに影響します */
/* ここに記述したCSSは携帯機器版サイトの利用者のみに影響します */


/* 横幅の小さい画面向け */
/* 情報ボックス */
@media screen and (max-width: 320px) {
.content table.infobox {
   /* [[テンプレート:メッセージボックス]]で大きな画像がはみ出さないようにする */
   /* .content table を上書き */
   .mw-mf-overlay img {
   display: table;
    max-width: 240px;
  width: auto !important;
    max-height: 240px;
  }
}
}
 
.infobox table td {
/* [[テンプレート:要出典]] */
   /* table.infobox td を上書き */
@media screen {
   border: 0;
   .fix-domain { border-bottom: dashed 1px; }
}
 
/* table.infobox td を上書き */
table.infobox table.collapsible td {
   /*border: none;*/
}
}


/* 折り畳みボックス */
/* 折り畳みボックス */
table.collapsible {
.content table.collapsible {
   display: table; /* デフォルトの上書き */
  /* .content table を上書き */
   border-spacing: 0 2px !important; /* デフォルトの上書き */
   display: table;
   width: 100%;
   margin: 0;
  border-collapse: separate; /* デフォルトの上書き */
   width: 100% !important;
}
}
.navboxLinks div { visibility: hidden; }


/* タブ */
/* タブ */

2014年6月26日 (木) 21:37時点における版

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

/* 情報ボックス */
.content table.infobox {
  /* .content table を上書き */
  display: table;
  width: auto !important;
}
.infobox table td {
  /* table.infobox td を上書き */
  border: 0;
}

/* 折り畳みボックス */
.content table.collapsible {
  /* .content table を上書き */
  display: table;
  margin: 0;
  width: 100% !important;
}

/* タブ */
#content div.tab-list ul {
  display: none;
}
.tab-content {
  clear: both;
}

/*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%;
}