MediaWiki:Common.css

/*--------------------------------------------------
ここに記述したCSSはすべての外装に反映されます
モバイル用ページ用のCSSはMediaWiki:Mobile.cssで
--------------------------------------------------*/
/*--------------------------------------------------
メインページ
--------------------------------------------------*/
body.page-メインページ h1.firstHeading {display:none;}
body.page-メインページ #contentSub {display:none;}

/*--------------------------------------------------
見出し
--------------------------------------------------*/
h2{
font-size:155%;
font-weight:bold;
border-bottom:medium double;}
h3{
font-size:145%;
border-left:6px solid #BABABA;
border-bottom: 2px solid #BABABA;}
h4{
border-left:10px double #BABABA;}
h3,h4,h5,h6{
margin-top:1em;
padding:0.05em 0.2em;}
h2,h3,h4,h5{
letter-spacing: 0.5em;}
h4,h5{
border-bottom: 1px solid #BABABA;}
/*--------------------------------------------------
本文スタイル
--------------------------------------------------*/
li {
    margin-bottom: 0.3em;
}
.mw-content-ltr ul {
    margin: 0.2em 0 0.2em 1.6em;
    padding: 0;
}
/*--------------------------------------------------
リンク色変更
--------------------------------------------------*/
/* 白 */
.link_white a { text-decoration: none;}/* デフォでは下線無し */
.link_white a:hover{ text-decoration: underline;}/* マウスオーバーで下線 */
.link_white a:link { color: #FFF; }
.link_white a:visited { color: #FFF; }/* すでに踏んだリンク色 */

/*--------------------------------------------------
テンプレート:TOC limit
--------------------------------------------------*/
.toclimit-2 .toclevel-2 {display: none;}
.toclimit-3 .toclevel-3 {display: none;}
.toclimit-4 .toclevel-4 {display: none;}
.toclimit-5 .toclevel-5 {display: none;}
.toclimit-6 .toclevel-6 {display: none;}
.toclimit-7 .toclevel-7 {display: none;}

/*--------------------------------------------------
テーブルの奇数行に着色 表にclass="odd"
--------------------------------------------------*/
.odd tr:nth-child(2n-1) {
background: #dfdfdf none repeat scroll 0 0;
text-shadow: 0 1px 0 #fff;
}
.odd tr:nth-child(2n) {
 background: #fff;
}

/*--------------------------------------------------
キャラセレ風表
--------------------------------------------------*/
.char_table {
 max-width:890px;
 margin:5px auto 5px;
}

.char_table > div {
 display:inline-block;
 width:60px;
 letter-spacing:-0.5px;
 font-size:0.7em;
 white-space: nowrap;
 text-align:center;
 border:1px #333 solid;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/*--------------------------------------------------
テンプレート:引用2
--------------------------------------------------*/
.blockquote2::before{
 position: absolute;
 top: -10px;
 left: 24px;
 content:" ";
 display:inline-block;
 width:38px;
 height:30px;
 background:url(http://smashwiki.info/images/9/98/Quote-left.svg); 
 background-size:contain;
 vertical-align:middle;
 background-repeat:no-repeat;
}
/*--------------------------------------------------
パネル
--------------------------------------------------*/
.bspanel{
border:1px solid;
border-radius:4px;
margin-bottom:10px;
}
.bspanel-heading{
font-size:14px;
padding: 10px 15px;
color:#fff;
}
.bspanel-body{
padding:15px;
}
/*--------------------------------------------------
レスポンシブ
--------------------------------------------------*/
@media (min-width: 768px) {
.responsive-block-33{
float:left;
width:33.33333333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.padding-when-wide{
padding-right:10px;
padding-left:10px;
}
.float-when-wide{
float:left;
}
}
/*--------------------------------------------------
その他
--------------------------------------------------*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div#mw-panel div.portal{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAAAAAAphRnkAAAAJ0lEQVQIW7XFsQEAIAyAMPD/b7uLWz8wS5youFW1UREfiIpH1Q2VBz7fGPS1dOGeAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
}
.nodesktop{
display:none;
}
/*--------------------------------------------------
モバイル用メディアクエリ
--------------------------------------------------*/
@media (max-width: 720px) {
/*テーブルを横スクロール可能にして画面外へ出ないように*/
table{
margin: 1em 0;
overflow:auto;
overflow-y:hidden;
overflow-x:auto;
display:block;
width:100% !important;
border:none;
}
table::-webkit-scrollbar {
height: 5px;
}
table::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}
table::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}
}