サイトのスタイルシートカスタマイズ

今まで既成のスタイルを使っていましたが、なんとなく自分でいじってみたくなったので、カスタマイズしてみることにしました。
といっても、色々隅々までカスタマイズする力もデザインセンスもないので、パッと思いつく部分をとりあえずカスタマイズ。

あと、カッコいい画像も作れないので、CSSでできるだけ実現してみました。
XPのサポートも終わったし、もうあまり古いブラウザでみることはないだろうということで、CSS3を随所に使用。

サイト名が表示されている部分は、linear-gradientでグラデーション。
みんカラがかけている制限により、borderは使えないようなので、角を丸くすることはできず、真四角の状態。

背景のボーダーもlinear-gradientで作成。
Chromeだとチェック柄まで実現できるようなのですが、Firefoxではできないようなので、ボーダー止まりとなりました。

また、ブログエントリーの角はborder-radiusで丸くしています。
文字の影はtext-shadowです。

他にも色合いとかチョイチョイいじっている感じです。

で、ここまで作ってきて、IEで表示させてみたのですが、
IE8は無残な状態で、上記が何も効きません。CSS3ほぼ未対応だからしょうがない。
IE9では、グラデーションとかボーダーは効きません。まぁ仕方ない。
そしてIE11では、何故かスクリプトエラーで表示どころではありませんでした。うちのWindows 8.1だけですかねぇ。

FirefoxとChromeでそれなりに表示できているっぽいので、よしとします。