差分

MediaWiki:Common.css

523 バイト追加, 2016年2月9日 (火) 01:11
/* ここに記述したCSSは携帯機器版サイトの利用者に影響します ここに記述したCSSはすべての外装に反映されます */
/* common */
.content h1html, .content h2, .content h3, .content h4, .content h5, .content h6 body {
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body { background:#f6f6f6 url(/wiki/images/Bg.drawer, .prepng) no-content, .content, .content-overlay {repeat fixed; maxbackground-widthsize: 640px !importantcover;
}
#mw-page-base { background: rgba(255,255,255, 0.1);}.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 { 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: 3px 14px 4px 10px;}.content .floatright { marginline-height: 0 0 1.6em 08em;
}
.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;}
.mB00 {margin-bottom: 0; !important;}
.mB20 {margin-bottom: 20px; !important;}
.mB30 {margin-bottom: 30px; !important;}
.pA0 {padding: 0px !important;}
.pT50 {padding-top: 50px !important;}
.pB50 {padding-bottom: 50px !important;}
.pL10 {padding-left: 10px !important;}
.w280 {width: 280px !important;}
.maxw336 {max-width: 336px !important;}
.crystal {border: none !important; background-color: transparent !important;}
.mbImg100 {width: 100%; height: 100%; }
/* infoboxAlt */
.infoboxAlt {
positionborder: relative1px solid #aaa; borderbackground-color: none#f9f9f9; margin-bottom: 0.5em 0 0.5em 1em; padding: 0.2em; background-colorfloat: #F9F9F9right; clear: right; width: 24em; font-size: 9088%; whiteline-spaceheight: nowrap1.5em;
}
.infoboxAlt caption {
margin-top: 0.5em; text-align: center; font-size: 125%; font-weight: boldnormal !important;
}
.infoboxAlt th, .infoboxAlt td {
border-bottom: 1px solid #DDD;
padding: .2em;
text-align: left;
vertical-align: top;
}
.infoboxAlt td { width: 100%;}.infoboxAlt td th { white-space: normalnowrap;
}
.infoboxAlt td p {
/* headBnr */
ul.headBnr {
overflow: hidden;
margin: 0;
list-style: none;
color: #fff;
}
ul.headBnr li {
border-radiusdisplay: 6pxinline-block;}/* bnrWide */ul.bnrWide li {
position: relative;
background-sizefloat: coverleft; widthmargin: 100%; height: 9em0 6px 6px 0;
border-radius: 6px;
}
ul.bnrWide /* bnrNews */#bnrNews li a { display: block; width: 100%; height: 100%330px;
}
ul.bnrWide li #bnrNews div { positionpadding: absolute; top: 50%; margin: -1.4em auto 0; width: 100%; font-size: 1.4em; color: #fff; text-align: center;
}
ul.bnrWide li a span {
 
}
ul.bnrWide li hr {
margin: auto;
width: 50%;
}
ul.bnrWide li#basic {
background-image: url(/wiki/images/HeadSystem_01.png);
}
ul.bnrWide li#network {
background-image: url(/wiki/images/HeadSystem_02.png);
}
/* bnrNews */
#bnrNews img {
width: 100%;
border-radius: 6px;
}
#bnrNews p {
margin: 0;
}
#bnrNews .textTitle {
margin: .4em 0;
font-size: 1em1.2em;
line-height: 1.4em;
}
#bnrNews .textDate {
font-size: .8em; line-height: 1em;
color: #252525;
text-align: right;
/* bnrChar */
#bnrChar {
}#bnrChar li { display: inlinemax-block; float: left; margin: 0; padding: 0 .2em .4em; width: 50%76em;
}
#bnrChar li .panel {
}
#bnrChar li .panel img {
width: 100%;
border-radius: 6px;
border: 1px solid #aaa;
bottom: 0px;
width: 100%;
height: 1.6em7em;
background: rgba(0,0,0,.6);
color: #fff;
height: 100%;
text-align: center;
}
/* bnrWide */
ul.bnrWide li {
width: 330px;
height: 186px;
border-radius: 6px;
}
ul.bnrWide li a {
display: block;
width: 100%;
height: 100%;
}
ul.bnrWide li div {
position: absolute;
top: 50%;
margin: -1.6em auto 0;
width: 100%;
font-size: 1.6em;
color: #fff;
text-align: center;
}
ul.bnrWide li hr {
margin: auto;
width: 40%;
}
ul.bnrWide li#basic {
background: url(/wiki/images/HeadSystem_01.png) no-repeat;
}
ul.bnrWide li#network {
background: url(/wiki/images/HeadSystem_02.png) no-repeat;
}
/* tableArt cmdList */
.tableArt {
margin: 1em 0;
}
.tableArt th, .tableArt td {
padding: 2px 1px 8px 0px;
background-color: #fff;
border: 1px solid #aaa;
background-color: #999;
text-align: center;
font-weight: normal;
font-weight: bold;
color: #fff;
}
.tableArt td.comment {
min-width: 16em;
white-space: normal;
}
margin: 0 0;
}
.tableArt a > img caption.btmR { maxcaption-widthside: none !importantbottom; text-align: right;
}
vertical-align: middle;
}
/* キャンセル */
td.cxl span {
margin: 2px;
padding: 0 0px 2px 2px;
border-radius: 10px;
color: white;
background-color: #ccc;
}
 
/* 属性 */
.atbA { border: 1px solid #f66; margin: 0 .2em;}
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;}
background: url(/wiki/images/IconCmd.svg);
display: inline-block;
margin-bottom: 1px;
width: 24px;
height: 24px;
span.icAd03 { background-position: -116px -48px;}
span.icAd04 { background-position: -116px -72px;}
 
.tblCombo td.iconCmd {
min-width: 17em28em;
white-space: normal;
}
/* twitter-widget */
#twitter-widget-0 {
margin: 0 auto!important;
max-width: 330px !important;
}
ul.share-buttons{
list-style: none;
margin: 0.4em 5em 0 0.5em 1em;
padding: 0;
float: right;
clear: right;
width: 100% !important;
min-width: 294px;
text-align: center;
margin: 0 .2em .1em;
}
 
/* adsense */
p.adsense{
margin: 0;
max-width: 718px;
background-color: #f4f4f4;
text-align: center;
font-size: .8em;
}
/* adsense */
p.adsLabel{
margin: 0;
padding: 0!important; max-width: 728px;
background-color: #eee;
text-align: center;
line-height: 1.8em;
}
.adsHeader#adsadsUpper{ margin: 0 auto; max-height: 50px; text-alignwidth: center336px;
}
.adsMiddle{
margin: 0 .5em auto 1em0.5em 12px; clearwidth: both294px; text-alignfloat: right; clear: centerright;
}
.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 {
margin: 0;
display: inline-block;
font-sizemargin: .8em2em 0; text-align: center;
}
.newsImg img p { widthmargin: 100%; height: 100%0;
}
 
/* video */
.video-container {
position: relative;
margin: 1em 0;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* catch */
.catch {
display: inline-block;
margin: 1em 0px;
padding: 1em;

スポンサーリンク