|
|
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*/
| |