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でした。