Template:きくらげさん/メインページ改訂案/Styles.css

/* =====PC用ヘッダ===== */
.mp-header-wikititle {
text-align: left;
width: 60%;
float: left;
}
.mp-header-join {
text-align: right;
width: 40%;
float: right;
}
.header-inv {
display: none;
}

/* =====PC用コンテンツ===== */
.mp-content {
display: flex;
box-shadow: 1px 2px 4px #BDC3C7;
margin: 2em 0;
}
.mp-content-r {
width: 49.5%;
float: right;
clear: right;
}
.mp-content-l {
width: 49.5%;
float: left;
clear: left;
}

/* =====レスポンシブ===== */
@media screen and (max-width: 800px) {
.mp-header-wikititle {
text-align: left;
width: 100%;
float: left;
}
.mp-header-join {
display: none;
}
.mp-content {
width: 100%;
display: flex;
box-shadow: 1px 2px 4px #BDC3C7;
margin: 0 0 1em 0;
}
.header-inv {
display: block;
}
}

@media ( min-width: 40em ) {
body.skin-timeless .mp-header {
background-image: url("//up.wiki.x.io/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png");
background-repeat: no-repeat;
background-position: -40px -15px;
padding-left: 165px;
}
}
@media ( min-width: 43em ) {
body.skin-minerva .mp-header {
background-image: url("//up.wiki.x.io/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png");
background-repeat: no-repeat;
background-position: -40px -15px;
padding-left: 165px;
}
}
@media ( min-width: 48em ) {
body.skin-vector .mp-header,
body.skin-modern .mp-header,
body.skin-monobook .mp-header,
body.skin-cologneblue .mp-header {
background-image: url("//up.wiki.x.io/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png");
background-repeat: no-repeat;
background-position: -40px -15px;
padding-left: 165px;
}
}

/* =====共通ヘッダ=====*/
.mp-header {
padding: 1em;
margin: 0 0 1em 0;
display: flex;
background: #f8f9fa;
border: solid 1px #eaecf0;
}
.mw-ui-quiet {
color: #36c;
}

/* [[Category:テンプレートスタイル]] */
/* [[利用者:きくらげさん/メインページ改訂案]]のテンプレートスタイル */