ちょっとだけCSS編集とHTML編集 | 流石奇屋~書評の間

ちょっとだけCSS編集とHTML編集

(やっぱり本の登場人物は日本人だよなぁぁぁ)

 

『エリックとかエリザベスとかが、急激に読書スピードを急落させること』にようやく気がついた、
流石奇屋ヒットです。

・・・さて

来訪者数がじりじりと増えており、大変うれしい今日この頃ですが、
検索エンジンから当ブログにいらっしゃる方々の意外多い検索文字が'MS UI Gothic'。

アメブロさんが4月からCSS編集可能となったことから、同ブログサービスをご利用の方々のご来訪であるのではと思い、せっかくなので、ちょこっとだけいじったCSSを公開します。

もっとまじめにカスタマイズしたい方は、先駆者的方々のブログを参考にいただき、頑張ってみてください。


では、追加行は青字です。結構適当にコピペしてますので、適宜見直してください。

/* ----------------------- font-information ----------------------- */
body{
color:#000000;
font-size:12px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
}
.list{
font-size:10px;
}
#header h1 a{
color: #FFFFFF;
font-size: 25px;
font-weight: bold;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
line-height: 115%;
}
#header h2{
color:#FFFFFF;
font-size:11px;
font-weight: normal;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
line-height:115%;
}
.menu_title {
color: #006599;
font-size:12px;
font-weight: bold;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
}
.mainMenu {
font-size: 11px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
line-height: 130%;
}
#reader dd {
}
#calendar table {
color:#666666;
font-size:11px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
line-height:130%;
}
#calendar .sun {
color:#FF0000;
}
#calendar .sat{
color:#0000CC;
}
#calendar td a {
color:#CC0000;
text-decoration: underline;
}
#ranking *{
font-size: 12px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
line-height: 140%;
}
#ranking .rank_ttl{
color:#666666;
font-weight:bold;
}
#ameblo{
font-size: 10px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
}
#ameblo p{
line-height: 125%;
}
#rss {
font-size: 12px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
}
.label {
font-weight: bold;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
}
.entry .contents p,
#message .contents p{
font-size: 12px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
line-height: 150%;
}
.entry span.theme{
color:#666666;
font-size: 10px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
}
.entry .title{
color:#006599;
font-size:15px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-weight:bold;
}
.entry .foot {
font-size:10px;
}
h3.title {
color:#006599;
font-size: 12px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-weight: bold;
}
#comment_module,
#trackback {
line-height: 150%;
}
#comment_module .error{
color:#FF0000;
}
#comment_module .button {
font-size: 11px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
}
#comment_module p.list {
font-size: 10px;
font-family: 'MS UI Gothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
}

 



それから、上のスクロール表示は、こちらを参考にしてみてください。
HTMLタグも利用可能になったりするので、結構うれしいです。

あんまり使わないとは思いますけど・・・