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

nowiki
(モバイルビューではメッセージボックスの画像を表示しない)
(nowiki)
 
1行目: 1行目:
/* ここに記述したCSSは携帯機器版サイトの利用者のみに影響します */
/* <nowiki> ここに記述したCSSは携帯機器版サイトの利用者のみに影響します */


/* 情報ボックス */
/* [[テンプレート:情報ボックス]] */
.content table.infobox { /* .content table を上書き */
.content table.infobox { /* .content table を上書き */
  display: table;
display: table;
  width: auto;
width: auto;
}
}
table.infobox table td { /* table.infobox td を上書き */
table.infobox table td { /* table.infobox td を上書き */
  border: 0;
border: 0;
}
}


/* 折り畳みボックス */
/* [[テンプレート:折り畳みボックス]] */
.content table.collapsible { /* .content table を上書き */
.content table.collapsible { /* .content table を上書き */
  display: table;
display: table;
  margin: 0;
margin: 0;
  width: 100%;
width: 100%;
}
}
.navboxLinks {
.navboxLinks {
  display: none;
display: none;
}
}
div.collapseButton { /* .collapseBotton を上書き */
div.collapseButton { /* .collapseBotton を上書き */
  width: auto;
width: auto;
}
}


/* メッセージボックス */
/* [[テンプレート:メッセージボックス]] */
.message-box {
.message-box {
  width: 100%;
width: 100%;
  margin: 0;
margin: 0;
  padding: 0;
padding: 0;
  border: 1px solid #aaa;
border: 1px solid #aaa;
}
}
.message-box + .message-box {
.message-box + .message-box {
  margin-top: -1px;
margin-top: -1px;
}
}
.message-box .message-box-image {
.message-box .message-box-image {
  display: none;
display: none;
}
}
.message-box .message-box-text {
.message-box .message-box-text {
  width: 100%;
width: 100%;
  font-size: smaller;
font-size: smaller;
}
}


/* タブ */
/* [[テンプレート:タブ]] */
#content div.tab-list ul {
#content div.tab-list ul {
  display: none;
display: none;
}
}
.tab-content {
.tab-content {
  clear: both;
clear: both;
}
}


/* YouTube */
/* [[widget:YouTube]] */
.video-container {
.video-container {
  position: relative;
position: relative;
  padding-bottom: 56.25%;
padding-bottom: 56.25%;
  padding-top: 30px;
padding-top: 30px;
  height: 0;
height: 0;
  overflow: hidden;
overflow: hidden;
}
}
.video-container iframe {
.video-container iframe {
  position: absolute;
position: absolute;
  top: 0;
top: 0;
  left: 0;
left: 0;
  width: 100%;
width: 100%;
  height: 100%;
height: 100%;
}
}
6,514

回編集