実験的「実験的日記」

/* overwrite 'gustav' */
body { /* ヘッダ部の画像 */
	background-image: url(「1024px 幅の画像の URL」);
}
h1 {
	padding-top: 200px; /* 画像の高さによって調節 */
	text-align: right; /* タイトル文字の位置 */
}
body.update h1 { /* 編集画面の画像 */
	background-image: url(「273px 幅の画像の URL」);
}
/* 色の設定 */
body {
	background-color: #fff; /* ページ全体の背景色 */
}
div.day, div.sidebar-item {
	background-color: #F4EEEE; /* 本文部分などの背景色 */
}
div.day h2, div.sidebar-item h3 {
	background-color: #C3BDB8; /* 日付部分などの背景色 */
}
.sanchor { /* 段落アンカーの色 */
	color: #2D2634;
	background-color: #2D2634;
}
div.adminmenu {
	background-color: #2D2634; /* ページ上下のメニューの背景色 */
}
div.footer {
	background-color: #2D2634; /* ページ最下部の背景色 */
}
/* スマートフォン向け設定 */
@media screen and (max-device-width: 480px) {
	body {
		background-image: url(「480px 幅の画像の URL」);
	}
	h1 {
		padding-top: 80px; /* 画像の高さによって調節 */
		font-size: 100%; /* 日記タイトル文字の大きさ */
	}
}

/* others */
/* 左カラムのリンク文字装飾 */
div.day h2 a,
div.day h2 a:visited,
div.day h2 a:hover {
	text-decoration :none;
	color: #442E31;
}
div.section a,
div.section a:visited,
div.section a:hover {
	text-decoration: none;
	border-bottom:1px dashed #ccc;
	color: black;
}
div.section hr {
	border-style: outset;
	width: 80%;
	color: #555;
	margin-left: 10%;
	margin-right: auto;
}
div.section h4 {
	clear: both;
}
div.section h3 {
	margin-bottom: 1em;
}

/* サイドバーのリンク文字装飾 */
div.sidebar-item, a,
div.sidebar-item, a:visited,
div.sidebar-item, a:hover {
	text-decoration: none;
	color: #442E31;
}
div.section h3 a,
div.section h3 a:visited,
div.section h3 a:hover {
	text-decoration: none;
	border-bottom:1px dashed #ccc;
	color: black;
}
div.sidebar-item h3 {
	padding-bottom: 8px;
}