「MediaWiki:Common.css」の版間の差分
提供: 一血卍傑(バンケツ)Wiki
42行目: | 42行目: | ||
} | } | ||
+ | #mw-page-base{ | ||
+ | border-bottom:4px solid #C9AD6F; | ||
+ | background:#404348; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu h5 a{ | ||
+ | background:#404348; | ||
+ | } | ||
+ | |||
+ | .onhoverbg:hover{ | ||
+ | background:#C9AD6F; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li.new a, | ||
+ | div.vectorTabs li.new a:visited{ | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu:hover h5 a { | ||
+ | background-color: #C9AD6F; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu:hover { | ||
+ | background-color: #C9AD6F; | ||
+ | } | ||
+ | |||
+ | #p-cactions-label a:before{ | ||
+ | display: inline-block; | ||
+ | content: "…"; | ||
+ | color: #fff; | ||
+ | margin-top: 7px; | ||
+ | } | ||
+ | |||
+ | #left-navigation{ | ||
+ | background-color: #404348; | ||
+ | } | ||
+ | |||
+ | img.downarrow:hover{ | ||
+ | position: inherit; | ||
+ | background:#C9AD6F; | ||
+ | background: rgba(52,245,189,.5); | ||
+ | background-image: url(http://luck-and-logic.tcg-wiki.com/skins/Metrolook/images/downarrow.png?9232c); | ||
+ | background-image: -webkit-linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22…onnector-curvature%3D%220%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A); | ||
+ | background-image: -webkit-linear-gradient(transparent,transparent),url(http://luck-and-logic.tcg-wiki.com/skins/Metrolook/images/downarrow.svg?a8297)!ie; | ||
+ | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22…onnector-curvature%3D%220%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A); | ||
+ | background-image: linear-gradient(transparent,transparent),url(http://luck-and-logic.tcg-wiki.com/skins/Metrolook/images/downarrow.svg?a8297)!ie; | ||
+ | background-image: -o-linear-gradient(transparent,transparent),url(http://luck-and-logic.tcg-wiki.com/skins/Metrolook/images/downarrow.png?9232c); | ||
+ | width: 28px; | ||
+ | height: 40px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | .mw-body p { | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.vectorTabs a:hover { | ||
+ | background: #C9AD6F; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu ul{ | ||
+ | border: solid 2px #C9AD6F; | ||
+ | } | ||
@media screen and ( max-width: 768px){ | @media screen and ( max-width: 768px){ |
2016年2月11日 (木) 14:55時点における版
/* ここに記述したCSSはすべての外装に反映されます */ .character *{ max-width:100%; } .character:after{ content:""; display:block; font-size:0; clear:both; } #mw-content-text > h2{ font-weight:bold; font-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', Osaka; font-size: 18px; padding: 6px; color: #fff; background-color: #404348; border-top: #C9AD6F 3px solid; border-bottom: #C9AD6F 3px solid; } #mw-content-text h2 a{ color: #fff; } #mw-content-text > h3{ font-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', Osaka; font-size: 14px; padding: 6px; color: #fff; background-color: #404348; border-top: #C9AD6F 3px solid; border-bottom: #C9AD6F 3px solid; } #mw-content-text h3 a{ color: #fff; } #mw-page-base{ border-bottom:4px solid #C9AD6F; background:#404348; } div.vectorMenu h5 a{ background:#404348; } .onhoverbg:hover{ background:#C9AD6F; } div.vectorTabs li.new a, div.vectorTabs li.new a:visited{ color:#fff; } div.vectorMenu:hover h5 a { background-color: #C9AD6F; } div.vectorMenu:hover { background-color: #C9AD6F; } #p-cactions-label a:before{ display: inline-block; content: "…"; color: #fff; margin-top: 7px; } #left-navigation{ background-color: #404348; } img.downarrow:hover{ position: inherit; background:#C9AD6F; background: rgba(52,245,189,.5); background-image: url(http://luck-and-logic.tcg-wiki.com/skins/Metrolook/images/downarrow.png?9232c); background-image: -webkit-linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22…onnector-curvature%3D%220%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A); background-image: -webkit-linear-gradient(transparent,transparent),url(http://luck-and-logic.tcg-wiki.com/skins/Metrolook/images/downarrow.svg?a8297)!ie; background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22…onnector-curvature%3D%220%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A); background-image: linear-gradient(transparent,transparent),url(http://luck-and-logic.tcg-wiki.com/skins/Metrolook/images/downarrow.svg?a8297)!ie; background-image: -o-linear-gradient(transparent,transparent),url(http://luck-and-logic.tcg-wiki.com/skins/Metrolook/images/downarrow.png?9232c); width: 28px; height: 40px; margin: 0; padding: 0; background-repeat: no-repeat; } .mw-body p { line-height: 1.8; } div.vectorTabs a:hover { background: #C9AD6F; } div.vectorMenu ul{ border: solid 2px #C9AD6F; } @media screen and ( max-width: 768px){ .table_float table{ float:none; width:100%; } div#mw-head img.searchbar, div#mw-head img.editbutton, #right-navigation{ display:none !important; } .table_topbox{ width:95%; width:calc(100% - 20px); float:none; padding:10px; margin:0; } .table_topbox table{ width:95%; width:calc(100% - 20px); margin:0 auto; } .table_slide{ margin-top:10px; overflow-x:auto; padding:8px; border:3px solid #404348; } .table_slide table{ width:700px; white-space:nowrap; } .table_card{ width:100%; border-collapse:collapse; } }