MediaWiki:Mobile.css

提供:エケペディア
2016年3月29日 (火) 14:08時点におけるYasusushi (トーク | 投稿記録)による版 (モバイルビューではメッセージボックスの画像を表示しない)
ナビゲーションに移動 検索に移動

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Internet Explore/Edger: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
  • Opera: Ctrl-F5を押してください
/* ここに記述した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;
}

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