差分

MediaWiki:Common.css

6,559 バイト追加, 2017年10月24日 (火) 22:40
/* common */
html, body {
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
 
body {
background:#f6f6f6 url(/wiki/images/Bg.png) no-repeat fixed;
.mw-body {
background: rgba(255,255,255, 0.7);
min-width: 1000px;
}
.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 {
}
.mw-body h3 {
margin: 1.4em 0 auto;
font-size: 1.2m;
color: #666;
}
.mw-body p {
margin: 0.8em 0;
}
h1, h2, h3, h4, h5, h6 {
h3 .mw-headline {
border: 3px double #aaa;
padding: 3px 14px 4px 10px; line-height: 1.8em;
}
.floatL {float: left;}
.floatR {float: right;}
.dispN {display: none;}
.inlineB {display: inline-block;}
.textC {text-align: center !important;}
.textL {text-align: left !important;}
.valignM {vertical-align: middle !important;}
.valignB {vertical-align: bottom !important;}
.mT00 {margin-top: 0; !important;}
.mT16 {margin-top: 16px; !important;}
.mT30 {margin-top: 30px; !important;}
.mR06 {margin-right: 6px; !important;}
.mR10 {margin-right: 10px; !important;}
.mB00 {margin-bottom: 0; !important;}
.mB20 {margin-bottom: 20px; !important;}
.mB30 {margin-bottom: 30px; !important;}
.pA0 {padding: 0px !important;}
.pA4 {padding: 4px !important;}
.pA8 {padding: 8px !important;}
.pT50 {padding-top: 50px !important;}
.pB50 {padding-bottom: 50px !important;}
.pL10 {padding-left: 10px !important;}
.w280 {width: 280px !important;}
.crystal maxw336 {max-width: 336px !important;} .crystal {border: none !important; background-color: transparent !important;}
/* infoboxAlt */
margin: 0;
background-color: #eee;
}
.infoboxAlt td img {
width: 100%;
height: auto;
}
/* headBnr */
ul.headBnr {
overflow: hidden; margin: 0 1em; max-width: 1010px;
list-style: none;
color: #fff;
position: relative;
float: left;
margin: 0 .4em .4em 6px 6px 0;
border-radius: 6px;
}
/* bnrNews */
#bnrNews li {
width: 330px;
}
#bnrNews div {
padding: 0 .4em;
}
#bnrNews img {
border-radius: 6px;
}
#bnrNews p {
margin: 0;
}
#bnrNews .textTitle {
margin: .4em 0;
font-size: 1.2em;
line-height: 1.4em;
}
#bnrNews .textDate {
font-size: 1em;
color: #252525;
text-align: right;
}
 
/* bnrChar */
#bnrChar {
text-align: center;
}
/* bnr400 bnrWide */ul.bnr400 bnrWide li { width: 400px330px; height: 224px186px;
border-radius: 6px;
}
ul.bnr400 bnrWide li a {
display: block;
width: 100%;
height: 100%;
}
ul.bnr400 bnrWide li div {
position: absolute;
top: 50%;
text-align: center;
}
ul.bnr400 bnrWide li hr {
margin: auto;
width: 40%;
background-color: #fff;
}
ul.bnr400 bnrWide li#basic { background: url(/wiki/images/HeadSystem01HeadSystem_01.jpgpng) no-repeat;
}
ul.bnr400 bnrWide li#network { background: url(/wiki/images/HeadSystem02HeadSystem_02.jpgpng) no-repeat;}ul.bnrWide li#frame { background: url(/wiki/images/HeadDatabase_01.png) no-repeat;}ul.bnrWide li#story { background: url(/wiki/images/HeadDatabase_02.png) no-repeat;}ul.bnrWide li#bgm { background: url(/wiki/images/HeadDatabase_03.png) no-repeat;}ul.bnrWide li#cos { background: url(/wiki/images/HeadDatabase_04.png) no-repeat;}ul.bnrWide li#adj { background: url(/wiki/images/HeadDatabase_05.png) no-repeat;
}
text-align: left;
}
.tableArt caption {
font-size: 1.2em;
font-weight: bold;
}
.tableArt caption.old {color: #360;}
.tableArt caption.yng {color: #03C;}
.tableArt th, .tableArt td {
padding: 0 1px 8px;
background-color: #fff;
border: 1px solid #aaa;
.tableArt .tblBodyB th, .tableArt .tblBodyB td {
background-color: #f4f4f4;
}
.tableArt tr.tblBodyC td {
background-color: #eee;
}
.tableArt td.comment {
width: 40em22em;
white-space: normal;
}
.tableArt th p, .tableArt td p {
margin: 0 0;
}
.tableArt caption.btmR {
caption-side: bottom;
text-align: right;
}
vertical-align: middle;
}
 
/* 調整リスト */
#adjList th, #adjList td {
white-space: normal;
}
#adjList th {
width: 14em;
}
#adjList td {
width: 46em;
}
 
/* キャンセル */
td.cxl span {
margin: 2px;
color: white;
}
td.cxl span.cOn on {
background-color: #69F;
}
td.cxl span.cOf { background-color: #ccc;}td.cxl span.cOn_etc onA {
background-color: #6cf;
}
td.cxl span.off {
background-color: #ccc;
}
/* 属性 */
.atbA { border: 1px solid #f66; margin: 0 .2em;}
.atbB { border: 1px solid #39f; margin: 0 .2em;}
.atbC { border: 1px solid #3c0; margin: 0 .2em;}
.atbD { border: 1px solid #96f; margin: 0 .2em;}
.atbE { border: 1px solid #fc0; margin: 0 .2em;}
.atbF { border: 1px solid #0cf; margin: 0 .2em;}
.atbG { border: 1px solid #960; margin: 0 .2em;}
.atbH { border: 1px solid #f69; margin: 0 .2em;}
 
td.use span {
margin: 2px;
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#amk { background-position: -640px -480px;}
span#ahk { background-position: -800px -480px;}
span#arts01 vlp { background-position: 0 0-480px;}span#arts02 vmp { background-position: 0 -160px-480px;}span#arts03 vhp { background-position: 0 -320px;}span#arts04 { background-position: 0 -480px;}span#arts05 vlk { background-position: 0 -640px;}span#arts06 { background480px -position: 0 -800px480px;}span#arts07 vmk { background-position: 0 -960px;}span#arts08 { background640px -position: 0 -1120px480px;}span#arts09 vhk { background-position: 0 -1280px;}span#arts10 { background800px -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;}span#arts17 { background-position: 0 -2560px;}span#arts18 { background-position: 0 -2720px;}span#arts19 { background-position: 0 -2880px;}span#arts20 { background-position: 0 -3040px480px;}
table.ryuNml .artsImg span {background: url(/wiki/images/Ryu_artsNml.png) no-repeat;}
table.ryuTrw .artsImg span {background: url(/wiki/images/Ryu_artsTrw.png) no-repeat;}
table.fanSpl .artsImg span {background: url(/wiki/images/Fan_artsSpl.png) no-repeat;}
table.fanCra .artsImg span {background: url(/wiki/images/Fan_artsCra.png) no-repeat;}
table.alxNml .artsImg span {background: url(/wiki/images/Alx_artsNml.png) no-repeat;}
table.alxTrw .artsImg span {background: url(/wiki/images/Alx_artsTrw.png) no-repeat;}
table.alxUnq .artsImg span {background: url(/wiki/images/Alx_artsUnq.png) no-repeat;}
table.alxVst .artsImg span {background: url(/wiki/images/Alx_artsVst.png) no-repeat;}
table.alxSpl .artsImg span {background: url(/wiki/images/Alx_artsSpl.png) no-repeat;}
table.alxCra .artsImg span {background: url(/wiki/images/Alx_artsCra.png) no-repeat;}
table.gulNml .artsImg span {background: url(/wiki/images/Gul_artsNml.png) no-repeat;}
table.gulTrw .artsImg span {background: url(/wiki/images/Gul_artsTrw.png) no-repeat;}
table.gulUnq .artsImg span {background: url(/wiki/images/Gul_artsUnq.png) no-repeat;}
table.gulVst .artsImg span {background: url(/wiki/images/Gul_artsVst.png) no-repeat;}
table.gulSpl .artsImg span {background: url(/wiki/images/Gul_artsSpl.png) no-repeat;}
table.gulCra .artsImg span {background: url(/wiki/images/Gul_artsCra.png) no-repeat;}
table.dsmNml span#slp { background-position: 0 0;}
table.dsmNml span#smp { background-position: -160px 0; width: 200px;}
table.dsmNml span#shp { background-position: -360px 0; width: 200px;}
table.dsmNml span#slk { background-position: -560px 0;}
table.dsmNml span#smk { background-position: -720px 0; width: 200px;}
table.dsmNml span#shk { background-position: -920px 0; width: 200px;}
table.dsmNml span#clp { background-position: 0 -160px;}
table.dsmNml span#cmp { background-position: -160px -160px; width: 200px;}
table.dsmNml span#chp { background-position: -360px -160px; width: 200px;}
table.dsmNml span#clk { background-position: -560px -160px;}
table.dsmNml span#cmk { background-position: -720px -160px; width: 200px;}
table.dsmNml span#chk { background-position: -920px -160px; width: 200px;}
table.dsmNml span#jlp { background-position: 0 -320px;}
table.dsmNml span#jmp { background-position: -160px -320px; width: 200px;}
table.dsmNml span#jhp { background-position: -360px -320px; width: 200px;}
table.dsmNml span#jlk { background-position: -560px -320px;}
table.dsmNml span#jmk { background-position: -720px -320px; width: 200px;}
table.dsmNml span#jhk { background-position: -920px -320px; width: 200px;}
table.dsmNml span#alp { background-position: 0 -480px;}
table.dsmNml span#amp { background-position: -160px -480px; width: 200px;}
table.dsmNml span#ahp { background-position: -360px -480px; width: 200px;}
table.dsmNml span#alk { background-position: -560px -480px;}
table.dsmNml span#amk { background-position: -720px -480px; width: 200px;}
table.dsmNml span#ahk { background-position: -920px -480px; width: 200px;}
table.dsmNml span#vlp { background-position: 0 -480px;}
table.dsmNml span#vmp { background-position: -160px -480px; width: 200px;}
table.dsmNml span#vhp { background-position: -360px -480px; width: 200px;}
table.dsmNml span#vlk { background-position: -560px -480px;}
table.dsmNml span#vmk { background-position: -720px -480px; width: 200px;}
table.dsmNml span#vhk { background-position: -920px -480px; width: 200px;}
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;}
span#arts17 { background-position: 0 -2560px;}
span#arts18 { background-position: 0 -2720px;}
span#arts19 { background-position: 0 -2880px;}
span#arts20 { background-position: 0 -3040px;}
/* iconCmd */
text-indent: 100%;
vertical-align: middle;
}
.iconCmdA {
background: url(/wiki/images/IconCmd.svg);
display: inline-block;
width: 24px;
height: 24px;
text-indent: 100%;
vertical-align: middle;
margin-bottom: 1px;
}
span.ic01 { background-position: 0 0;}
span.ic08 { background-position: 0 -168px;}
span.ic09 { background-position: 0 -192px;}
span.icH2 { background-position: -24px -192px;}
span.icH4 { background-position: -24px -168px;}
span.icSp01 { background-position: -24px 0;}
span.icSp02 { background-position: -24px -24px;}
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.icAd03 { background-position: -116px -48px;}
span.icAd04 { background-position: -116px -72px;}
 
.tblCombo td.iconCmd {
width: 28em;
white-space: normal;
}
/* atb */
.atb {
border: 1px solid; paddingwhite-space: 0 4pxnormal; marginmax-rightwidth: 4px10em;
}
.sRg {border-color: #3cf;}
/* twitter-widget */
#twitter-widget-0 {
margin: 0 1em 1.4em !important; max-width: 400px 330px !important;
}
ul.share-buttons{
margin: 0 .2em .1em;
}
 
/* adsense */
p.adsense{
font-size: .8em;
}
/* adsense */p.adsLabel{ margin: 0; padding: 0 !important; max-width: 728px; background-color: #eee; text-align: center; font-size: .8em; line-height: 1.8em;}#adsadsUpper{ max-width: 336px;}
.adsMiddle{
margin: 0.5em 0 auto 0.5em 1em12px;
width: 294px;
float: right;
clear: right;
}
.adsGenMiddle{
margin: 1.8em 0;
max-width: 728px;
}
#adsSide{
width: 160px;
text-align: center;
font-size: 0.8em;
line-height: 1.4em;
}
 
/* news */
#newsWrap {
max-width: 1210px !important;
font-size: 1.2em;
line-height: 1.6em;
}
.newsImg {
display: inline-block;
margin: .2em 0;
text-align: center;
}
.newsImg p {
margin: 0;
}
/* video */
.video-container {
overflow: hidden;
}
.bgmSum {
max-width: 1200px;
}
.video-container.bgmList {
display: inline-block;
margin: 0 8px 2px 0;
}
 
/* catch */
.catch {
display: inline-block;
margin: 1em 0px;
padding: 1em;
background-color: #f9f9f9;
border: 1px solid #ddd;
}
/* frame */
.tableFrame {
margin: 20px 0;
}

スポンサーリンク