文字の色変更

見やすくするために全体の文字色を少し変えてみたくなりました。

いつものようにスタイルシートをいじります。

まずはbodyタグにcolorを指定。

body {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #333;　　　・・・・ここを追加
background:#FFF;
margin:0px;
padding:0px;
}

これで記事本文が変わりました。


次に記事タイトル

h3 {
padding: 0px;
font-size:14px;
font-weight:bold;
font-family:arial, Helvetica;
}

H3 a{
color:#000;　・・・・ここを#333;に変更
text-decoration: none;
}

記事の日付

.date{
clear:left;
color:#000;　・・・・ここを#333;に変更
margin-top:0px;
margin-bottom:0px;
padding:5px;
}

記事中のリンク

.text a{
color:#00F;　・・・・ここを#006A6A;に変更
}
blockquote {
margin:10px;
border-left:solid 1px #000;　・・・・ここを#333;に変更
padding:5px;
color:#000;　・・・・ここを#333;に変更
width:auto;
}

「posted by」の後のリンク

.posted{
font-size: 80%;
color: #333;
text-align: right;
margin-top:10px;
margin-bottom:5px;
padding:3px 3px 3px 5px;
}
.posted a{
color:#00F;　・・・・ここを#006A6A;に変更
text-decoration: underline;
}

その他、「color:#000;」を全て「#333;」に、「#00F;」を「#006A6A;」に変更してみました。
少しは変わったと思いますが、一部元のままで変わっていません。どこで変えればいいのか？？もう少し調べてみます。