各構成要素のデザイン – 「構成要素:見出し、デザイン:comemo ベーシック、テーマ:Twenty Twelve」編 –

ブログ「comemo」のデザインシリーズ「comemo ベーシック」の各構成要素の保管庫 | Just another WordPress site
記事中の記述
<h3>見出し3</h3>
本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文
<h4>見出し4</h4>
本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文
<h5>見出し5</h5>
本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文
<h6>見出し6</h6>

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文
CSS スタイルシートエディターに追加する CSS
/* comemo heading basic -twenty twelve- */
.entry-content h3 {
	line-height: 1.3em;
	border-left: 10px solid #cccccc;
	margin: 40px 0 20px -18px;
	padding: 7px 0 7px 10px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: none;
}

.entry-content h4 {
	font-weight: bold;
	font-size: 18px;
	display: inline-block;
	vertical-align: baseline;
}

.entry-content h4:before {
	color: #cccccc;
	font-family: serif;
	content: '●';
	padding-right: 5px;
	margin-left: -10px;
}

.entry-content h5 {
	font-weight: bold;
	margin-left: -15px;
}

.entry-content h5:before {
	content: "【";
	padding-right: 3px;
}

.entry-content h5:after {
	content: "】";
	padding-left: 3px;
}

.entry-content h6 {
	border-bottom: 1px solid #cccccc;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}

#2013