久々にカスタマイズ

久しぶりにスタイルシートをいじってみました。
と言ってもコンテナタグを使って、それに合わせて各サイズや位置を調整しただけですが。

body {
font-family: Arial, Helvetica, sans-serif;
background:#FFF;
margin:0px;
padding:0px;
}
#container{
width:800px;
text-align:left;
margin:0px auto 0px auto;
}
          ・・・・ここを追加
h1 {
margin:0px;
padding-top:0px;
font-weight:bolder;
font-size:30px;
padding: 5px;
}

全体のサイズ固定にしてみました。それに合わせてカレンダーのフォントサイズを若干小さくし

.calendarhead {
color:#333;
font-size:90%;
font-weight:bold;
text-align:center;
padding:2px;
border-bottom:1px solid #888888;
}
.calendarday {
font-size:90%; ・・・・ここを80%;に変更
font-weight:normal;
color: #000;
padding:1px;
}
.calendarday a{
font-size:90%;
color:#006A6A;
text-decoration: none;
}

左右のリンクバーを調整しました。

#links-left {
font-weight:normal;
width:19%;
float:left;
margin-left: 5px;
margin-right: 15px;
 ・・・・ここを変更
margin-top:25px;
}
#links {
font-weight:normal;
width:19%;
float:left;
margin-left: 15px;
margin-right: 5px;
 ・・・・ここを変更
margin-top:25px;
}

どうでしょう。前よりは見やすくなったかな?

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする