「@AutoPagerize - Page Separator MOD 2」作成

• とりあえず Webkit 対応してみたものの、幅が固定(300)...orz（2010-01-27 追加）
• Opera や IE で対応する必要ある？

使ってみると意外とカッコイイ

旧 @AutoPagerize - Page Separator MOD との違い

• Firefox 3.6 で新たに実装されたグラデーション表現の CSS プロパティ -moz-radial-gradient を使用
• ボーダーラインと border-radius 系の指定を消し、セパレータ中心から両端に向け透過度が上がっていくグラデーションを設定

インストール

• @AutoPagerize - Page Separator MOD 2

イマイチなところ（今後の課題）

• webkit系(Chrome Safari) 、IE、Opera への対応を検討中（書式かなり違う...orz）
• ネーミングがダサいのは...わかってます（残念ながら...orz）

提案・コメント・感想歓迎です

• テスト不十分なので...不具合あると思います
• おかしくなる URL 等をコメントに書き残してもらえると助かります

コードも載せておく

ポイントだけ

p.autopagerize_page_info
{
  color:#333 !important;
  margin:5px 10px 5px 10px !important;
  padding:3px 0px 3px 0px !important;
  background: radial-gradient(center center 0deg, ellipse closest-side, #bbb, rgba(187, 187, 187, 0) ) !important; /* ← ここが新しいとこ */
  background: -moz-radial-gradient(center center 0deg, ellipse closest-side, #bbb, rgba(187, 187, 187, 0) ) !important; /* ← ここが新しいとこ */
  background: -webkit-gradient(radial, center center, 0, center center, 200, from(#bbb), to( rgba(187, 187, 187, 0) ) ) !important; /* ← ここが新しいとこ */
  font-size:x-small !important;
  font-weight:bold !important;
  text-align:center !important;
  border:0px solid transparent !important;
  clear:both !important;
  line-height:1.0em !important;
  text-shadow: 0px 0px 1px #FFF !important;
}