Twenty Fifteen テーマ用 カスタムCSS

以前のテーマは気に入ってたけど更新もなく古くなってきていたので、サイトリニューアル。
テーマ:Twenty Fifteen

気に入らない所が多いのでCSS改造
現状のカスタムCSS設定メモ

/*
カスタム CSS へようこそ!
 
CSS (カスケーディングスタイルシート)
は、ブラウザに対し Web
ページの表示方法を指定するためのコードです。このコメントを削除し、カスタマイズを始めることができます。
 
デフォルトでは、ここで指定したカスタムスタイルはテーマのスタイルシートが読み込まれた後に追加されます。つまり、デフォルトの
CSS
ルールを上書きできるということです。テーマのスタイルシートの内容をここにコピーする必要はありません。追加したい内容だけを書き込んでください。
*/
/********************************************************************************/
/* structure X:色の変更機能 O:左端背景表示                                        */
/********************************************************************************/
body:before {
	background-color: initial;
	box-shadow: initial;
	content: initial;
	display: initial;
	height: initial;
	min-height: initial;
	position: initial;
	top: initial;
	left: initial;
	width: initial;
	z-index: initial;
}

.sidebar {
	background-color: #FFFFFF;
}

.site-main {
	background-color: #F2F2F2;
}

/********************************************************************************/
/* font                                                                         */
/********************************************************************************/
.site-title {
	font-size: 23px;
}

body,button,input,select,textarea {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.entry-title,.widecolumn h2 {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.page-title {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 18px;
}

.entry-content {
	font-size: 13px;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.entry-title {
	font-size: 18px;
}

.author-title {
	font-size: 12px;
}

.author-bio {
	font-size: 12px;
}

.post-navigation .post-title {
	font-size: 16px;
}

.comments-title,
.comment-reply-title,
.post-navigation .post-title {
	font-size: 16px;
}

.comment-reply-title {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 14px;
}

.entry-content h1,.entry-summary h1,.page-content h1,.comment-content h1 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
	margin-top: .4em;
	margin-bottom: .3em;
}

.widget {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 13px;
}

blockquote {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.75;
	margin-bottom: .5em;
	margin-left: .05em;
	padding-left: .85em;
}

/********************************************************************************/
/* margin & padding                                                             */
/********************************************************************************/
.site-main {
	padding: 0;
}

.site-header {
	margin-bottom: 2%;
	margin-top: 2%;
	padding: 5% 10%;
}

.entry-header {
	padding: 0 2%;
}

.hentry {
	padding-top: 2%;
}

.hentry,
.page-header,
.page-content {
	margin: 0 1%;
}

.entry-content,
.entry-summary {
	padding: 1% 2%;
}

.entry-footer {
	padding: 0 2%;
}

.hentry+.hentry,
.page-header+.hentry,
.page-header+.page-content {
	margin-top: 2%;
}

.widget {
	margin: 2%;
	padding: 0 10%;
}

.post-thumbnail {
	margin-bottom: 2%;
}

.comments-area {
	margin: 2% 2% 0;
	padding: 2%;
}

.author-info {
	margin: 0 2%;
	padding: 2% 0;
}

.author-heading {
	margin-bottom: 0;
}

.post-navigation {
	margin: 2% 2% 0;
}

.post-navigation a {
	padding: 2%;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	padding: 1% 0;
}

.pagination {
	margin: 1% 1% 0;
}

.site-footer {
	visibility: hidden;
}

投稿者:

2 thoughts on “Twenty Fifteen テーマ用 カスタムCSS”

コメントを残す

メールアドレスが公開されることはありません。