kunai

WordPress自作テーマ kunai

style.cssのコード

カスタマイズを前提で、どうぞ。

標準テーマ「Twenty Seventeen」の「style.css」も参考になります。

/*
Theme Name: kunai
Text Domain: kunai
Description: WordPressの自作テーマ
Theme URI: https://kunai.p-mission.net/
Author: ひかげ
Author URI: https://wordpress.p-mission.net/
Version: 1.0
Tags: grid-layout
License: テーマのライセンス
License URI: テーマのライセンスのURI
*/



@charset "UTF-8";

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body,
html {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
}

html {
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	overflow-y:scroll;
	background:#fff;
}



textarea,
input[type="text"],
input[type="email"] {
	font-size:16px;
	max-width:100%;
}

pre,
code,
cite {
	font-style:normal;
	font-size:87.5%;
	font-family:monospace;
}

pre {
	line-height:1.6;
	max-width:100%;
	overflow:auto;
	background:#eee;
	margin:1em;
	padding:1em;
}

blockquote {
	font-size:100%;
	background:#eee;
	border-left:1px solid #666;
	padding:1em;
}



table {
	width:100%;
	border-collapse:collapse;
}

th {}
td {}



iframe {
	max-width:100%;
	height:auto;
	border:none;
	outline:none;
}

img {
	max-width:100%;
	line-height:0;
	vertical-align:bottom;
	height:auto;
	margin:0 auto;
}

img.wp-post-image {}



#wrapper {
	max-width:960px;
	margin:0 auto;
	padding:1em;
}



.site-branding {}
.site-title {}
.site-description {}



a.post-edit-link {}
.entry-meta {}
.more-link {}
.page-links {}

.page-header {}
.page-titile {}

.hentry {}
.entry-title {}
.entry-content {}
.published {}
.updated {}
.author {}

.themeby {}
.entry-footer {}



.prev-post {
	background:#eee;
	margin:0;
	padding:0.5em 0;
}

.next-post {
	background:#eee;
	margin:0;
	padding:0.5em 0;
}

.nav-previous {}
.nav-next {}



#comments {}
#respond {}
#respond label {display:block;}
#respond textarea {width:100%;}
.comment-respond {}
a.comment-reply-link {}
label {display:block;}

p.nocomments {
	color:#666;
}



.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}
.screen-reader-text {}



nav.navigation {
	background:#eee;
	margin:1em 0;
	padding:1em;
}

.page-numbers {
	margin-top:5px;
	display:inline-block;
	background:#fff;
	padding:0.5em 1em;
}

.nav-links {}



article {}
aside {}
figcaption {}
figure {}
footer {}
header {}
main {}
nav {}
section {}

article {
	background:#f9f9f9;
	margin:0 0 1em;
}

article:after {
	content:" ";
	display:block;
	clear:both;
}





@media screen and (max-width:768px) {



}