MediaWiki:Common.css

提供: STREET FIGHTER V Wiki | ストリートファイター5 攻略まとめ
2015年12月18日 (金) 19:05時点におけるAdminsfv (トーク | 投稿記録)による版 (ページの作成:「ここに記述したCSSはすべての外装に反映されます: common: html, body { font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角...」)

(差分) ←前の版 | 最新版 (差分) | 次の版→ (差分)
移動: 案内検索

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Internet Explorer: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
  • Opera: ツール → 設定 からキャッシュをクリアしてください。
/* ここに記述したCSSはすべての外装に反映されます */
 
/* common */
html, body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body {
	background:#f6f6f6 url(/mediawiki/images/3/3a/Bg.png) no-repeat fixed;
	background-size: cover;
}
#mw-page-base {
	background: rgba(255,255,255, 0.1);
}
.mw-body {
	background: rgba(255,255,255, 0.7);
}
.mw-body h1, .mw-body h2 {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.mw-body h3, .mw-body h4 {
	padding-bottom: 0.3em;
	font-weight: normal;
}
.mw-body h2 {
	margin: 1em auto 0.6em;
	font-size: 1.6em;
}
.mw-body h3 {
	font-size: 1.2m;
	color: #666;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
}
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 {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	float: right;
	clear: right;
	width: 24em;
	font-size: 88%;
	line-height: 1.5em;
}
.infoboxAlt caption {
	margin-top: 0.5em;
	text-align: center;
	font-size: 125%;
	font-weight: normal !important;
}
.infoboxAlt th, .infoboxAlt td {
	text-align: left;
	vertical-align: top;
}
.infoboxAlt th {
	white-space: nowrap;
}
.infoboxAlt td p {
	margin: 0;
	color: crimson;
}
 
/* headBnr */
ul.headBnr {
	margin: 0 1em;
	list-style: none;
	color: #fff;
}
ul.headBnr li {
	display: inline-block;
	position: relative;
	float: left;
	margin: 0 .4em .4em 0;
	border-radius: 6px;
}
/* bnrChar */
#bnrChar {
	max-width: 76em;
}
#bnrChar li .panel {
	position: relative;
}
#bnrChar li .panel img {
	border-radius: 6px;
	border: 1px solid #aaa;
}
#bnrChar li .panel div {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 1.7em;
	background: rgba(0,0,0,.6);
	color: #fff;
	border-radius: 0 0 6px 6px;
}
#bnrChar li p {
	margin: 0;
	height: 100%;
	text-align: center;
}
/* bnr400 */
ul.bnr400 li {
	width: 400px;
	height: 224px;
	border-radius: 6px;
}
ul.bnr400 li a {
	display: block;
	width: 100%;
	height: 100%;
}
ul.bnr400 li div {
	position: absolute;
	top: 50%;
	margin: -1.6em auto 0;
	width: 100%;
	font-size: 1.6em;
	color: #fff;
	text-align: center;
}
ul.bnr400 li hr {
	margin: auto;
	width: 40%;
}
ul.bnr400 li#basic {
	background: url(/mediawiki/images/c/ca/HeadSystem01.jpg) no-repeat;
}
ul.bnr400 li#network {
	background: url(/mediawiki/images/e/e0/HeadSystem02.jpg) no-repeat;
}
 
/* cmdList */
.tableArt {
	margin: 1em 0;
	max-width: 86em;
	border-collapse: collapse;
	white-space: nowrap;
	text-align: left;
}
.tableArt th, .tableArt td {
	padding: 0 8px;
	background-color: #fff;
	border: 1px solid #aaa;
	font-weight: normal;
}
.tableArt .tblHead th {
	background-color: #999;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.tableArt .tblBodyB th, .tableArt .tblBodyB td {
	background-color: #f4f4f4;
}
.tableArt td.comment {
	width: 40em;
	white-space: normal;
}
.tableArt th p, .tableArt td p {
	margin: 0 0;
}
 
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: 0px 2px 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;}

スポンサーリンク