いろいろ変更した。
見てすぐわかるのは、デザインの変更。青っぽく。これは、別にやってもやらなくても、という感じ。一番大きなポイントは、背景画像でタイトルを、divもspanも使わずに実現したこと。テンプレート内では、Movable Typeのロゴ以外のimg要素をとっぱらうことに成功。これで、携帯電話対応へまた一歩近づいたことになる。
当然、テンプレートではdivもspanも使っていない。このパターンもかなり慣れてきた。
他は、preはじめもろもろの要素用のスタイル、および印刷用のスタイルを設定した。具体的にはこんな感じ。
preのスタイル（3月11日更新）。
@media screen {
pre {
overflow: auto; /* for Mac IE */
}
}と、
pre {
width: 95%;
margin: 1em 0em;
padding: 0.5em;
border: solid 1px #374849;
background-color: #f8fafd;
line-height: 130%;
font-family: Courier, 'Courier New', monospace;
}ところどころアサノさんのをパクっている（ありがとうございます）。Mac IEではpreにoverflowを指定するとpreの中身が全部消えてしまうという血まみれなバグがあるので、参照サイト（2002年5月6日、北村曉さん）のようにMac IEよけをかましている。
んで、印刷用のスタイル。
@media print {
body {
color: black;
background-color: white;
background-image: none;
font-family: 'Courier New', sans-serif;
}
h1 {
font-size: 20pt !important;
height: 1em !important;
}
h2, h3, p, dl {
margin-left: 0px !important;
margin-right: 0px !important;
font-size: 10pt;
}
form, #contents, #navi, #navi2 {
display: none;
}
}文字サイズはA4～B5に印刷されることを想定してキメウチ。あと、メニュー部分を非表示にし、本文が幅いっぱいに印刷されるようにした。
あと、RSSがらみでは、トップページにsyndicate this siteを復活させた。RSSリーダーを使いなれている人は、index.rdfにトップページから直接いけるほうがいいそうなので（2004年3月1日、kengoさん）。
トラックバックURL: http://adp.daa.jp/cgi/mt2/mt-tb.cgi/74
FireFoxでみるとスクロールバーがすごく気になるんですけど、これって必要なんですか?
overflow: auto;にしてみました。
お。ふつうになりましたね。