「MediaWiki:Common.css」の版間の差分
提供: 一血卍傑(バンケツ)Wiki
| 83行目: | 83行目: | ||
#bodyContent img { | #bodyContent img { | ||
| − | + | max-width: 100%; | |
| + | height: auto; | ||
} | } | ||
2016年8月3日 (水) 12:28時点における版
/* ここに記述したCSSはすべての外装に反映されます */
#mw-head {
top: 0;
height: 2.5em;
background-color: #404348;
background-position: bottom left;
background-repeat: repeat-x;
background-image: url(http://xn--rckvb8axj.wikimatome.net/skins/Metrolook/images/page-fade.png?1ddc2);
background-color: #5c6067;
background-image: -moz-linear-gradient(top,#404348 50%,#5c6067 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#404348),color-stop(100%,#5c6067));
background-image: -webkit-linear-gradient(top,#404348 50%,#5c6067 100%);
background-image: linear-gradient(#404348 50%,#5c6067 100%);
min-width: 100%;
position: fixed;
top: 0px;
z-index: 3;
}
.toc, #toc { display: none; }
.character *{
max-width:100%;
}
.character:after{
content:"";
display:block;
font-size:0;
clear:both;
}
#content > h1{
font-weight:bold;
font-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', Osaka;
font-size: 22px;
padding: 6px;
color: #fff;
background-color: #404348;
border-left: #C9AD6F 12px double;
border-bottom: #C9AD6F 3px solid;
}
#firstHeading{
margin-top:30px;
}
#content h1 a{
color: #fff;
}
#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;
}
#bodyContent img {
max-width: 100%;
height: auto;
}
#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;
}
.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%;
}
.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;
}
#mw-head #main-title {
font-size: 12px !important;
}
}
