差分

MediaWiki:Mobile.css

9,453 バイト追加, 2015年12月18日 (金) 10:07
ページの作成:「/* ここに記述したCSSは携帯機器版サイトの利用者に影響します */ /* common */ .content h1, .content h2, .content h3, .content h4, .content h5, .co...」
/* ここに記述したCSSは携帯機器版サイトの利用者に影響します */

/* common */
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
h3 {
font-weight: normal;
}
h3 .mw-headline {
border: 3px double #aaa;
padding: 2px 6px;
}

/* module */
.clearfix:after {
display: block;
clear: both;
content: "";
}
.floatL {float: left;}
.floatR {float: right;}
.textC {text-align: center !important;}
.textL {text-align: left !important;}
.textR {text-align: right !important;}
.valignT {vertical-align: top !important;}
.valignM {vertical-align: middle !important;}
.valignB {vertical-align: bottom !important;}
.pA0 {padding: 0px !important;}
.pA4 {padding: 4px !important;}
.pA8 {padding: 8px !important;}
.w280 {width: 280px !important;}
.crystal {
border: none !important;
background-color: transparent !important;
}

/* infoboxAlt */
.infoboxAlt {
position: relative;
border: none;
margin-bottom: 2em;
background-color: #F9F9F9;
font-size: 90%;
white-space: nowrap;
}
.infoboxAlt caption {
font-weight: bold;
}
.infoboxAlt th, .infoboxAlt td {
border-bottom: 1px solid #DDD;
padding: .2em;
text-align: left;
vertical-align: top;
}
.infoboxAlt td {
width: 100%;
}
.infoboxAlt td img {
height: auto;
}
.infoboxAlt td {
white-space: normal;
}
.infoboxAlt td p {
margin: 0;
}

/* headBnr */
ul.headBnr {
list-style: none;
color: #fff;
}
ul.headBnr li {
border-radius: 6px;
}
/* bnr400 */
ul.bnr400 li {
position: relative;
background-size: cover;
width: 100%;
height: 9em;
border-radius: 6px;
}
ul.bnr400 li a {
display: block;
width: 100%;
height: 100%;
}
ul.bnr400 li div {
position: absolute;
top: 50%;
margin: -1.4em auto 0;
width: 100%;
font-size: 1.4em;
color: #fff;
text-align: center;
}
ul.bnr400 li a span {

}
ul.bnr400 li hr {
margin: auto;
width: 50%;
}
ul.bnr400 li#basic {
background-image: url(/mediawiki/images/c/ca/HeadSystem01.jpg);
}
ul.bnr400 li#network {
background-image: url(/mediawiki/images/e/e0/HeadSystem02.jpg);
}
/* bnrChar */
#bnrChar {
}
#bnrChar li {
display: inline-block;
float: left;
margin: 0;
padding: 0 .2em .4em;
width: 50%;
}
#bnrChar li .panel {
position: relative;
}
#bnrChar li .panel img {
width: 100%;
border-radius: 6px;
border: 1px solid #aaa;
}
#bnrChar li .panel div {
position: absolute;
bottom: 0px;
width: 100%;
height: 1.6em;
background: rgba(0,0,0,.6);
color: #fff;
border-radius: 0 0 6px 6px;
}
#bnrChar li p {
margin: 0;
height: 100%;
text-align: center;
}

/* tableArt */
.tableArt {
margin: 1em 0;
max-width: 86em;
border-collapse: collapse;
white-space: nowrap;
text-align: left;
}
.tableArt th, .tableArt td {
padding: 2px 8px 0px;
background-color: #fff;
border: 1px solid #aaa;
font-weight: normal;
}
.tableArt .tblHead th {
background-color: #999;
text-align: center;
font-weight: normal;
font-weight: bold;
color: #fff;
}
.tableArt .tblBodyB th, .tableArt .tblBodyB td {
background-color: #f0f0f0;
}
.tableArt td.comment {
min-width: 20em;
white-space: normal;
}
.tableArt th p, .tableArt td p {
margin: 0 0;
}
.tableArt a > img {
max-width: none !important;
}

td.artsImg span {
display: block;
width: 160px;
height: 160px;
text-indent: 100%;
vertical-align: middle;
}
.cubeEx {
display: inline-block;
margin: 0 8px;
width: 10px;
height: 10px;
background-color: #03A9F4;
border: 1px solid #666;
vertical-align: middle;
}

td.cxl span {
margin: 2px;
padding: 0 2px;
border-radius: 10px;
background-color: #6699FF;
color: white;
}
td.use span {
margin: 2px;
padding: 0px 2px 2px;
border: 1px solid;
}
td.use span.use01 {
border-color: #32cd32;
}
td.use span.use02 {
border-color: #dc143c;
}
td.use span.use03 {
border-color: #ff6347;
}
span#slp { background-position: 0 0;}
span#smp { background-position: -160px 0;}
span#shp { background-position: -320px 0;}
span#slk { background-position: -480px 0;}
span#smk { background-position: -640px 0;}
span#shk { background-position: -800px 0;}
span#clp { background-position: 0 -160px;}
span#cmp { background-position: -160px -160px;}
span#chp { background-position: -320px -160px;}
span#clk { background-position: -480px -160px;}
span#cmk { background-position: -640px -160px;}
span#chk { background-position: -800px -160px;}
span#jlp { background-position: 0 -320px;}
span#jmp { background-position: -160px -320px;}
span#jhp { background-position: -320px -320px;}
span#jlk { background-position: -480px -320px;}
span#jmk { background-position: -640px -320px;}
span#jhk { background-position: -800px -320px;}
span#alp { background-position: 0 -480px;}
span#amp { background-position: -160px -480px;}
span#ahp { background-position: -320px -480px;}
span#alk { background-position: -480px -480px;}
span#amk { background-position: -640px -480px;}
span#ahk { background-position: -800px -480px;}
.ryuNml .artsImg span {background: url(/mediawiki/images/3/34/Ryu_artsNml.png) no-repeat;}
.cnlNml .artsImg span {background: url(/mediawiki/images/6/6c/Cnl_artsNml.png) no-repeat;}
.ncrNml .artsImg span {background: url(/mediawiki/images/b/bb/Ncl_artsNml.png) no-repeat;}
span#arts01 { background-position: 0 0;}
span#arts02 { background-position: 0 -160px;}
span#arts03 { background-position: 0 -320px;}
span#arts04 { background-position: 0 -480px;}
span#arts05 { background-position: 0 -640px;}
span#arts06 { background-position: 0 -800px;}
span#arts07 { background-position: 0 -960px;}
span#arts08 { background-position: 0 -1120px;}
span#arts09 { background-position: 0 -1280px;}
span#arts10 { background-position: 0 -1440px;}
span#arts11 { background-position: 0 -1600px;}
span#arts12 { background-position: 0 -1760px;}
span#arts13 { background-position: 0 -1920px;}
span#arts14 { background-position: 0 -2080px;}
span#arts15 { background-position: 0 -2240px;}
span#arts16 { background-position: 0 -2400px;}
table.ryuTrw .artsImg span {background: url(/mediawiki/images/7/72/Ryu_artsTrw.png) no-repeat;}
table.ryuUnq .artsImg span {background: url(/mediawiki/images/9/91/Ryu_artsUnq.png) no-repeat;}
table.ryuVst .artsImg span {background: url(/mediawiki/images/6/6f/Ryu_artsVst.png) no-repeat;}
table.ryuSpl .artsImg span {background: url(/mediawiki/images/a/af/Ryu_artsSpl.png) no-repeat;}
table.ryuCra .artsImg span {background: url(/mediawiki/images/9/9a/Ryu_artsCra.png) no-repeat;}
table.cnlTrw .artsImg span {background: url(/mediawiki/images/5/5d/Cnl_artsTrw.png) no-repeat;}
table.cnlUnq .artsImg span {background: url(/mediawiki/images/8/8a/Cnl_artsUnq.png) no-repeat;}
table.cnlVst .artsImg span {background: url(/mediawiki/images/3/3e/Cnl_artsVst.png) no-repeat;}
table.cnlSpl .artsImg span {background: url(/mediawiki/images/9/9f/Cnl_artsSpl.png) no-repeat;}
table.cnlCra .artsImg span {background: url(/mediawiki/images/6/61/Cnl_artsCra.png) no-repeat;}
table.ncrTrw .artsImg span {background: url(/mediawiki/images/2/2a/Ncl_artsTrw.png) no-repeat;}
table.ncrUnq .artsImg span {background: url(/mediawiki/images/8/8d/Ncl_artsUnq.png) no-repeat;}
table.ncrVst .artsImg span {background: url(/mediawiki/images/f/f8/Ncl_artsVst.png) no-repeat;}
table.ncrSpl .artsImg span {background: url(/mediawiki/images/5/5d/Ncl_artsSpl.png) no-repeat;}
table.ncrCra .artsImg span {background: url(/mediawiki/images/e/e8/Ncl_artsCra.png) no-repeat;}

/* iconCmd */
.iconCmd span {
background: url(/mediawiki/images/3/34/IconCmd.svg);
display: inline-block;
width: 24px;
height: 24px;
text-indent: 100%;
vertical-align: middle;
}
span.ic01 { background-position: 0 0;}
span.ic02 { background-position: 0 -24px;}
span.ic03 { background-position: 0 -48px;}
span.ic04 { background-position: 0 -72px;}
span.ic05 { background-position: 0 -96px;}
span.ic06 { background-position: 0 -120px;}
span.ic07 { background-position: 0 -144px;}
span.ic08 { background-position: 0 -168px;}
span.ic09 { background-position: 0 -192px;}
span.icSp01 { background-position: -24px 0;}
span.icSp02 { background-position: -24px -24px;}
span.icSp03 { background-position: -24px -48px;}
span.icSp04 { background-position: -24px -72px;}
span.icSp05 { background-position: -24px -96px; width: 28px;}
span.icSp06 { background-position: -24px -120px; width: 28px;}
span.icSp07 { background-position: -24px -144px; width: 28px;}
span.icSp08 { background-position: -24px -168px;}
span.icSp09 { background-position: -24px -192px;}
span.icLp { background-position: -52px 0; width: 40px;}
span.icMp { background-position: -52px -24px; width: 40px;}
span.icHp { background-position: -52px -48px; width: 40px;}
span.icLk { background-position: -52px -72px; width: 40px;}
span.icMk { background-position: -52px -96px; width: 40px;}
span.icHk { background-position: -52px -120px; width: 40px;}
span.icGp { background-position: -52px -144px;}
span.icGk { background-position: -52px -168px;}
span.icAp { background-position: -52px -192px; width: 64px;}
span.icAk { background-position: -52px -216px; width: 64px;}
span.icAd01 { background-position: -116px 0;}
span.icAd02 { background-position: -116px -24px;}
span.icAd03 { background-position: -116px -48px;}
span.icAd04 { background-position: -116px -72px;}

/* atb */
.atb {
border: 1px solid;
padding: 0 4px;
margin-right: 4px;
}
.sRg {border-color: #3cf;}
.mRg {border-color: #39f;}
.lRg {border-color: #36f;}
.cnt {border-color: #f96;}

スポンサーリンク