元旦にするつもりだったデザイン（テンプレ）変更をやってみた。

カスタマイズしてなければ、管理画面でデザインを選択するだけなのですけれど、ちょっとカスタマイズしすぎて大変というか、ペンギンでは#headの背景の上に.navi（次>>）をマイナスmarginでかぶせても文字が表示されてたのに、このテンプレだと表示されない（どうすればいいかも分からない）とか、Google検索もペンギンでは必要なかったz-indexの指定が必要だったりで、いったい何が違うのだろうと首をかしげてました。

追記：#headにposition: relative;が指定されていたためと分かりました。ポジションを変更してないのになんでこんな指定を……

背景が白は目がつらいので、ベージュとかコントラストを下げる背景色が好きなのですけれど、ベージュを使うと配色が難しくなるのでどんなものだか。

今回は特に前々から変更してみようと思ってた「バックナンバー」の表示をlist-itemからinline（.mod-backno li.mod-text{display:inline;}を加えるだけ）に変えてみました。
スクロールするより場所をとりますが、こっちのがいいかなと。

まあ正月のデザインですし、そのうちペンギンに戻ると思います。（笑）


追記
IE8とその互換表示に絶望した！（ついでにIE8のスクロールの遅さにもｗ）
まさかCSSハックを使うことになろうとは……
参考：IE8だけに適用させるCSSハック | CSS-EBLOG