他人の日記

楽をするために必死になる

Gush2で、全体の色を調整してみた


#ここにサムネイル画像#

人は見た目が何割?

ご無沙汰しています、@Tanin_326です。

Gush2の設定変更の第2弾として、全体の色を変更しようと思います。

目次

背景の変更

背景色を変更

body {
	margin: 0;
	padding: 0;
	background: #BBCCE9;
}

背景の画像を削除(PC用)

body {
/*	background: #fff url(images/sos.png) left top repeat;*/
	/* thnx! http://subtlepatterns.com/ */
}

記事見出しの変更

記事見出しの色を変更(共通)

#archive_body h2,
#article_body h2 {
	font-size: 20px;
	text-align: left;
	margin: 36px 0 24px 0;
	padding: 0.4em;
/*	background: #efefef;*/
	background: #EAEFF9;
/*	border-bottom: 2px solid #ddd;*/
	border-bottom: 2px solid #005293;
	text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);
}
#article_body h3{
	font-size: 18px;
	text-align: left;
/*	border-bottom: 2px solid #ccc;*/
	border-bottom: 2px solid #005293;
	margin: 24px 0 24px 0;
	padding: 10px 0 5px 0;
}
#article_body h4 {
	font-size: 18px;
/*	border-left: 3px solid #ccc;*/
	border-left: 3px solid #005293;
	margin: 48px 0 24px 0;
	padding: 0.2em 0.2em 0.2em 0.5em;
}

記事見出しの色を変更(タブレット用)

#article_body h2{
	font-size: 20px;
	text-align: left;
/*	border-left: 5px solid #444;*/
	border-left: 5px solid #001A43;
	margin: 36px 0 24px -35px;
	padding: 8px 0 8px 10px;
}
#article_body h3{
	font-size: 18px;
	text-align: left;
/*	border-bottom: 2px solid #ccc;*/
	margin: 36px 0 24px 0;
	padding: 0 0 5px 0;;
}

記事見出しの色を変更(PC用)

#article_body h2{
	font-size: 24px;
	text-align: left;
/*	border-left: 5px solid #444;*/
	margin: 48px -31px 36px -62px;
	padding: 10px 0 10px 20px;
}
#article_body h3{
	font-size: 20px;
	text-align: left;
/*	border-bottom: 2px solid #ccc;*/
	margin: 36px 0 24px 0;
	padding: 15px 0 5px 0;
}

リンクの変更

リンク色を変更

a {
/*	color: #1122cc;*/
	color: #0062AC;
}
a:hover {
/*	color: #ff7ddf;*/
	color: #6C9BD2;
}

トップ新着記事見出しの変更

リンク色を変更

#entry_body h3.new_entry_title a {
	text-decoration: none;
	font-weight: bold;
/*	color: #444;*/
	color: #0062AC;
}
#entry_body h3.new_entry_title a:hover {
	/*	color: #ff7ddf;*/
		color: #6C9BD2;
}

まとめ

まだまだ変更しているところはありますが、本日はこの辺で。

以上、@Tanin_326でした。

«
»