|
|
(4人の利用者による、間の20版が非表示) |
1行目: |
1行目: |
| /* ここに記述したCSSはすべての外装に反映されます */ | | /* <nowiki> ここに記述したCSSはすべての外装に反映されます */ |
| #bodyContent {
| | |
| font-size: 94.4%;
| | /* メインページタイトル */ |
| | body.page-メインページ h1.firstHeading { |
| | display: none; |
| } | | } |
| /*メインページタイトル*/
| |
| body.page-メインページ h1.firstHeading {display:none;}
| |
|
| |
|
| /*印刷不可*/ | | /* [注釈 1]などで改行されないようにする */ |
| @media print{
| | sup.reference a { |
| .printing_none{ display: none !important; }
| | white-space: nowrap; |
| | font-weight: normal; |
| } | | } |
|
| |
|
| /*脚注*/
| | /* 目次の深さ制限 */ |
| sup, sub {
| |
| height: 0;
| |
| line-height: 1;
| |
| vertical-align: baseline;
| |
| _vertical-align: bottom;
| |
| position: relative;
| |
| }
| |
| sup { bottom: 1ex; }
| |
| sub { top: 0.5ex; }
| |
| sup.reference a { white-space: nowrap; }
| |
| | |
| /*目次の深さ制限*/ | |
| .toclimit-2 .toclevel-2 { display: none; } | | .toclimit-2 .toclevel-2 { display: none; } |
| .toclimit-3 .toclevel-3 { display: none; } | | .toclimit-3 .toclevel-3 { display: none; } |
31行目: |
20行目: |
| .toclimit-7 .toclevel-7 { display: none; } | | .toclimit-7 .toclevel-7 { display: none; } |
|
| |
|
| /*目次のセクション番号を表示しない*/ | | /* 目次のセクション番号を表示しない */ |
| .notocnumber .tocnumber { display: none; } | | .notocnumber .tocnumber { display: none; } |
|
| |
|
| /*[[テンプレート:要出典]]*/ | | /* 引用 */ |
| @media screen {
| | blockquote { |
| .fix-domain { border-bottom: dashed 1px; }
| | /* .toccolours と同じスタイル */ |
| }
| | border: 1px solid #aaa; |
| | | background-color: #f9f9f9; |
| /*ルビ*/ | | padding: 5px; |
| .ruby {
| | font-size: 95%; |
| 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;
| |
| } | | } |
|
| |
|
| /*メッセージボックス*/ | | /* [[テンプレート:メッセージボックス]] */ |
| .ambox { | | /* モバイル用スタイルを上書き */ |
| width: 80%;
| | .message-box { |
| margin: 0 10%;
| | display: table; |
| padding: 0;
| | width: 80% !important; |
| border: 1px solid #aaa;
| | margin: 0 10% !important; |
| border-collapse: collapse;
| | padding: 0; |
| }
| | border: 1px solid #aaa; |
| .ambox + .ambox {
| | border-collapse: collapse; |
| margin-top: -1px;
| |
| }
| |
| .ambox .mbox-image {
| |
| padding: 0;
| |
| text-align: center;
| |
| }
| |
| .ambox .mbox-text {
| |
| padding: 0.25em 0.5em;
| |
| width: 100%;
| |
| vertical-align: middle;
| |
| }
| |
| | |
| /*情報ボックス*/
| |
| .infobox-title {
| |
| background-color: #999;
| |
| color: #fff;
| |
| }
| |
| | |
| /*折り畳みボックス*/
| |
| #bodyContent .collapsible {
| |
| border-spacing: 0 2px;
| |
| width: 100%;
| |
| }
| |
| .collapsible-navbox {
| |
| 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 {
| |
| float: left;
| |
| width: 6em;
| |
| margin-left: 0.3em;
| |
| text-align: left;
| |
| }
| |
| .navboxLinks div { font-size: 80%; }
| |
| .navboxLinks span { font-weight: normal; }
| |
| .collapseButton {
| |
| float: right;
| |
| width: 6em;
| |
| margin-right: 0.3em;
| |
| font-weight: normal;
| |
| text-align: right;
| |
| } | | } |
| .navbox-group { | | .message-box + .message-box { |
| padding: 1px 10px;
| | margin-top: -1px; |
| white-space: nowrap;
| |
| } | | } |
| .navbox-list { | | .message-box .message-box-image { |
| padding: 0;
| | display: table-cell !important; |
| width: 100%;
| | padding: 0; |
| | text-align: center; |
| | vertical-align: middle; |
| } | | } |
| .navbox-list p { | | .message-box .message-box-text { |
| margin: 0;
| | display: table-cell; |
| | padding: 0.25em 0.5em; |
| | width: 100%; |
| | vertical-align: middle; |
| | font-size: inherit !important; |
| } | | } |
|
| |
|
| /*横リスト用CSS*/ | | /* [[テンプレート:タブ]] */ |
| .hlist dl,
| |
| .hlist ol,
| |
| .hlist ul {
| |
| display: inline;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| .hlist dd,
| |
| .hlist dt,
| |
| .hlist li {
| |
| display: inline;
| |
| margin: 0;
| |
| /*white-space: nowrap;*/
| |
| }
| |
| .hlist dt:before,
| |
| .hlist li:before {
| |
| content: '・ ';
| |
| font-weight: normal;
| |
| }
| |
| .hlist-pipe dt:before,
| |
| .hlist-pipe li:before {
| |
| content: '| ';
| |
| }
| |
| .hlist dl:first-child dt:first-child:before,
| |
| .hlist li:first-child:before {
| |
| content: none;
| |
| }
| |
| .hlist dd + dt:before {
| |
| display: block;
| |
| content: ' ';
| |
| }
| |
| .hlist dt:after {
| |
| content: ':';
| |
| }
| |
| /*入れ子*/
| |
| .hlist li ul,
| |
| .hlist li ol {
| |
| font-size: 90%;
| |
| }
| |
| .hlist li ul:before,
| |
| .hlist li ol:before {
| |
| content: '(';
| |
| }
| |
| .hlist li ul:after,
| |
| .hlist li ol:after {
| |
| content: ')';
| |
| }
| |
| /*数字付きリスト*/
| |
| .hlist ol {
| |
| counter-reset: hlist-item;
| |
| }
| |
| .hlist ol > li {
| |
| counter-increment: hlist-item;
| |
| }
| |
| .hlist ol > li:before {
| |
| content: "・ " counter(hlist-item) ". ";
| |
| }
| |
| .hlist-pipe ol > li:before {
| |
| content: "| " counter(hlist-item) ". ";
| |
| }
| |
| .hlist-hyphen ol > li:before {
| |
| content: "- " counter(hlist-item) ". ";
| |
| }
| |
| .hlist-space ol > li:before {
| |
| content: " " counter(hlist-item) ". ";
| |
| }
| |
| .hlist ol > li:first-child:before {
| |
| content: counter(hlist-item) ". ";
| |
| }
| |
| /*ここまで、横リスト用CSS*/
| |
| | |
| | |
| /*セットリスト用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 { | | .tab-list { |
| float: left;
| | float: left; |
| width: 100%;
| | width: 100%; |
| border-bottom: 1px solid #c0c0c0;
| | border-bottom: 1px solid #c0c0c0; |
| } | | } |
| .tab-list ul { | | .tab-list ul { |
| float: left;
| | float: left; |
| margin-left: 4px;
| | margin-left: 4px; |
| border-top: 1px solid #c0c0c0;
| | border-top: 1px solid #c0c0c0; |
| border-left: 1px solid #c0c0c0;
| | border-left: 1px solid #c0c0c0; |
| cursor: pointer;
| | cursor: pointer; |
| } | | } |
| .tab-list li { | | .tab-list li { |
| float: left;
| | float: left; |
| position: relative;
| | position: relative; |
| bottom: -1px;
| | list-style: none; |
| margin-top: -1px;
| | bottom: -1px; |
| padding: 0.15em 0.75em;
| | margin: -1px 0 0 0; |
| background-color: #f3f3f3;
| | padding: 0.15em 0.75em; |
| border-right: 1px solid #c0c0c0;
| | background-color: #f3f3f3; |
| border-bottom-width: 0;
| | border-right: 1px solid #c0c0c0; |
| border-bottom: 1px solid #c0c0c0;
| | border-bottom-width: 0; |
| | border-bottom: 1px solid #c0c0c0; |
| } | | } |
| .tab-list li:before { content: none; } | | /* .hlistによるcontent指定を無効化 */ |
| | #content .hlist .tab-list li:before { content: none; } |
| .tab-list li.current-tab { | | .tab-list li.current-tab { |
| background-color: #fff;
| | background-color: #fff; |
| border-bottom: 1px solid #fff;
| | border-bottom: 1px solid #fff; |
| } | | } |
| .tab-list li:hover { | | .tab-list li:hover { |
| text-decoration: underline;
| | text-decoration: underline; |
| } | | } |
| .tab-list li.current-tab:hover { | | .tab-list li.current-tab:hover { |
| text-decoration: none;
| | text-decoration: none; |
| } | | } |
| .tab-content { | | .tab-content { |
| clear: both;
| | clear: both; |
| } | | } |
|
| |
|
| | /* ライブプレビューですべて展開されてしまう折り畳みボックスを非表示 */ |
| | .ns-0 .wikiEditor-ui-view-preview .collapsible-navbox[data-collapse="autocollapse"] tr + tr { |
| | display: none; |
| | } |
|
| |
|
| /*チームカラー・サイリウム背景CSS*/ | | /* [[Widget:YouTube]] */ |
| .bgcolor { | | .video-container { |
| background-color: #555555;
| | clear: right; |
| color: #ffffff;
| | float: right; |
| | } |
| | .video-container iframe { |
| | width: 300px; |
| | height: 200px; |
| } | | } |
| /* リンクに指定されたcolorが適応されないようにする */
| |
| #content .bgcolor a { color: inherit; }
| |
|
| |
|
| span.bgcolor {
| | /* Edittools */ |
| display: inline-block;
| | .mw-editTools a { |
| padding: 0 0.5em;
| | margin-left: 1ex; |
| | white-space: nowrap; |
| } | | } |
|
| |
|
| .bgcolor-AKB48, .bgcolor-AKB { background-color: #f53b9f; }
| | /* デスクトップ版で非表示 */ |
| .bgcolor-チームA, .bgcolor-A { background-color: #f576a3; } | | .nodesktop { |
| .bgcolor-チームK, .bgcolor-K { background-color: #77b800; }
| | display: none; |
| .bgcolor-チームB, .bgcolor-B { background-color: #34b6e4; }
| | } |
| .bgcolor-チーム4, .bgcolor-4 { background-color: #fcd116; }
| |
| .bgcolor-研究生, .bgcolor-AKB48研究生, .bgcolor-研 { background-color: #ff0000; }
| |
|
| |
|
| .bgcolor-SKE48, .bgcolor-SKE, | | /* Display nested lists inline and allow them to wrap */ |
| .bgcolor-チームS, .bgcolor-S { background-color: #f8b600; } | | .hlist dl dl, .hlist dl ol, .hlist dl ul, |
| .bgcolor-チームKII, .bgcolor-KII { background-color: #e70142; } | | .hlist ol dl, .hlist ol ol, .hlist ol ul, |
| .bgcolor-チームE, .bgcolor-E { background-color: #016b67; }
| | .hlist ul dl, .hlist ul ol, .hlist ul ul { |
| .bgcolor-SKE48研究生, .bgcolor-S研 { background-color: #5cc4e9; }
| | display: inline; |
| | white-space: normal; |
| | } |
|
| |
|
| .bgcolor-NMB48, .bgcolor-NMB { background: url(/images/a/ae/Leopard.jpg) #864711; }
| | /* 特定場所での改行を防ぐ: |
| .bgcolor-チームN, .bgcolor-N { background-color: #f0c018; }
| | 1) 個別に指定した場所 |
| .bgcolor-チームM, .bgcolor-M { background-color: #d04088; }
| | 2) リンク途中 |
| .bgcolor-チームBII, .bgcolor-BII { background-color: #169ece; }
| | 3) そのページ自身へのリンク(太字部分) |
| .bgcolor-NMB48研究生, .bgcolor-N研 { background-color: #c781bf; }
| | 4) グループ名付きの ref タグ <ref group="注"> --> "[注 1]" */ |
| | | .nowrap, |
| .bgcolor-HKT48, .bgcolor-HKT { background-color: #000000; }
| | .nowraplinks a, |
| .bgcolor-チームH, .bgcolor-H { background-color: #000000; } | | .nowraplinks .selflink, |
| .bgcolor-チームKIV, .bgcolor-KIV { background-color: #222222; } | | sup.reference a { |
| .bgcolor-HKT48研究生, .bgcolor-H研 { background-color: #444444; } | | white-space: nowrap; |
| | | } |
| .bgcolor-JKT48, .bgcolor-JKT { background-color: #e70012; } | | /* 以下のクラスを指定した場所では解除する: */ |
| .bgcolor-チームJ, .bgcolor-J { background-color: #e70012; } | | .wrap, |
| .bgcolor-チームKIII, .bgcolor-KIII { background-color: #bd000e; }
| | .wraplinks a { |
| .bgcolor-JKT48研究生, .bgcolor-J研 { background-color: #93000b; }
| | white-space: normal; |
| | | } |
| .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-ピンク, .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*/
| |