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