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

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