CSS覚え書き

ブログデザインってやっぱりシンプルが一番ですね。

PCで見ると3カラムだったのですが、ごちゃごちゃしているのは見づらい。

そんなわけで、2カラムに変更したのですが、カラムの変更を行うと、CSSも初期状態に戻ってしまうんですね。(-_-;)

なもんで、CSSの変更点を覚え書きすることにしました。

▼(1-1)全体の文字▼

通常文字の色を変更

[変更前] color:#333333;

[変更後] color:#222222;

▼その他、拡張があれば記述▼

[変更前] 記述なし

[変更後] 以下を記述

/* フォント種類の変更 */
body { font-family: メイリオ, Meiryo, ‘ヒラギノ角ゴ Pro W3’, ‘Hiragino Kaku Gothic Pro’, ‘ＭＳ Ｐゴシック’, ‘MS PGothic’, sans-serif; }

/* 記事本文のフォントサイズ変更 */
.articleText{
font-size:1.3em;
letter-spacing:0em;
background-color:#fcfcfc;

}

/* リンクをオンマウス時に半透明にしない */
a:hover, /* リンク全般 */
.skin-headerTitle:hover, /* ヘッダー */
.skin-tileItem a, /* タイル(トップページ) */
.skin-btn:hover, .skin-btnPrimary:hover, /* ボタン */
.skin-btnSide:hover, .skin-btnSidePrimary:hover, /* ボタン(サイドバー) */
.skin-widget .skin-linkList a:hover, .skin-widget .skin-linkListToggle:hover, /* リンクリスト(サイドバー) */
.skin-archiveNavTabs li a span:hover { /* 記事一覧ページのタブ */
opacity: 1.0;
}

/* サイドバータイトル */
.skin-widgetTitle {
  font-size: 15px;
  background:#1F5E73;
  text-align:center;
  padding: 10px !important;
  color: #fff;
  border-radius: 5px;
}

/* 記事タイトル文字の大きさ */
.skinArticleHeader{
 font-size:1.65em;
 background-color:#fcfcfc;

}