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

提供:エケペディア
ナビゲーションに移動 検索に移動
(チームカラー・サイリウム背景CSSをMediaWiki:Common.cssから移植)
(MediaWiki:Gadget-SiteOrigin.cssに移植したコードを削除)
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;
10行目: 10行目:
}
}


/*オーバーレイ表示用CSS*/
/* [[テンプレート:要出典]] */
.collapsible-box-overlay a {
}
.collapsible-box-overlay > .navbox-title {
    display: none;
}
.collapsible-box-overlay > div > p {
    padding: 4px 8px;
}
.collapsible-box-overlay table.collapsible td {
    padding: 12px 40px;
    color: #666;
}
.collapsible-box-overlay dl {
    margin: 0;
}
.collapsible-box-overlay dt {
    padding: 4px 8px 4px 40px;
    border-bottom: 1px solid #eee;
}
.collapsible-box-overlay li {
    padding: 12px 40px;
    border-bottom: 1px solid #eee;
    color: #666;
}
.collapsible-box-overlay li ul,
.collapsible-box-overlay li ul li {
    display: inline;
    padding: 0;
}
.collapsible-box-overlay li ul:before,
.collapsible-box-overlay li ol:before {
    content: '(';
}
.collapsible-box-overlay li ul:after,
.collapsible-box-overlay li ol:after {
    content: ')';
}
.collapsible-box-overlay ol {
    counter-reset: hlist-item;
}
.collapsible-box-overlay ol li {
    counter-increment: hlist-item;
}
.collapsible-box-overlay ol li:before {
    content: counter(hlist-item) ". ";
}
/*ここまでオーバーレイ表示用CSS*/
 
 
/*[[テンプレート:要出典]]*/
@media screen {
@media screen {
   .fix-domain { border-bottom: dashed 1px; }
   .fix-domain { border-bottom: dashed 1px; }
}
}


/*ルビ*/
/* table.infobox td を上書き */
.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 {
table.infobox table.collapsible td {
   border: none;
   /*border: none;*/
}
}


/*折り畳みボックス*/
/* 折り畳みボックス */
table.collapsible {
table.collapsible {
   display: table; /* デフォルトの上書き */
   display: table; /* デフォルトの上書き */
123行目: 27行目:
   border-collapse: separate; /* デフォルトの上書き */
   border-collapse: separate; /* デフォルトの上書き */
}
}
.collapsible-navbox {
.navboxLinks div { visibility: hidden; }
  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;
}
.navboxLinks { display: none; }
.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*/
 


/*タブ*/
/* タブ */
.tab-list {
#content div.tab-list ul {
  float: left;
   display: none;
  width: 100%;
  border-bottom: 1px solid #c0c0c0;
}
.tab-list ul {
   float: left;
  margin-left: 4px;
  border-top: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  cursor: pointer;
}
.tab-list li {
  float: left;
  position: relative;
  bottom: -1px;
  margin-top: -1px;
  padding: 0.15em 0.75em;
  background-color: #f3f3f3;
  border-right: 1px solid #c0c0c0;
  border-bottom-width: 0;
  border-bottom: 1px solid #c0c0c0;
}
.tab-list li:before { content: none; }
.tab-list li.current-tab {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
.tab-list li:hover {
  text-decoration: underline;
}
.tab-list li.current-tab:hover {
  text-decoration: none;
}
}
.tab-content {
.tab-content {
   clear: both;
   clear: both;
}
}
/*チームカラー・サイリウム背景CSS*/
.bgcolor {
  background-color: #555555;
  color: #ffffff;
}
/* リンクに指定されたcolorが適応されないようにする */
#content .bgcolor a { color: inherit; }
span.bgcolor {
  display: inline-block;
  padding: 0 0.5em;
}
.bgcolor-AKB48, .bgcolor-AKB { background-color: #f53b9f; }
.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-チーム8, .bgcolor-8 { background-color: #8a8a8a; } /* 暫定? */
.bgcolor-研究生, .bgcolor-AKB48研究生, .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) #864711; }
.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-チームKIV, .bgcolor-KIV { background-color: #222222; }
.bgcolor-HKT48研究生, .bgcolor-H研 { background-color: #444444; }
.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; }
.bgcolor-大人AKB48, .bgcolor-大人AKB { background-color: #000000; color: #e1c775; }
.bgcolor-ピンク, .bgcolor-桃, .bgcolor-桃色 { background-color: #fc92b1; }
.bgcolor-レッド, .bgcolor-赤, .bgcolor-赤色 { background-color: #e74c3c; }
.bgcolor-オレンジ, .bgcolor-橙, .bgcolor-橙色 { background-color: #e67e22; }
.bgcolor-イエロー, .bgcolor-黄, .bgcolor-黄色 { background-color: #f1c40f; }
.bgcolor-黄緑, .bgcolor-黄緑色 { background-color: #2ecc71; }
.bgcolor-グリーン, .bgcolor-緑, .bgcolor-緑色 { background-color: #27ae60; }
.bgcolor-水色 { background-color: #3498db; }
.bgcolor-ブルー, .bgcolor-青, .bgcolor-青色 { background-color: #0000db; }
.bgcolor-パープル, .bgcolor-紫, .bgcolor-紫色 { background-color: #9b59b6; }
.bgcolor-ブラック, .bgcolor-黒, .bgcolor-黒色 { background-color: #000000; }
.bgcolor-ホワイト, .bgcolor-白, .bgcolor-白色 { background-color: #ffffff; color: #000000; }
/*ここまで、チームカラー・サイリウム背景CSS*/

2014年4月25日 (金) 18:34時点における版

/* ここに記述した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; }
}

/* table.infobox td を上書き */
table.infobox table.collapsible td {
  /*border: none;*/
}

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

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