AutoPagerize のページ・セパレーターを改造してみた

• セパレーターが画面右上に跳んでいく問題に対処しました。最新版へアップデートしてみてください 2009-04-30 追加

「見つけやすく」て「目立たない」セパレーター

• id:os0x さんのブログ をベースにしてます

Before & After

Before	After

ダウンロード・インストールは userstyles.org からどうぞ

• http://userstyles.org/styles/17307

スタイルシートの中身

id:os0x さんのと比べると、現時点での違いは

1. 1. radius 値の変更
   2. line-height 削除
   3. border 追加
   4. font-size 変更
   5. margin や padding の調整
   6. ページ番号の文字色指定
   7. "(AutoPagerized)"の追加
   8. ページ回り込みの解除

等となっています

@namespace url(http://www.w3.org/1999/xhtml);

/* Originally from os0x
   http://d.hatena.ne.jp/os0x/20081209/1228835661
 */

/* AutoPagerize <hr> */
.autopagerize_page_separator
{
  display:none !important;
  clear:both !important;
}

/* AutoPagerize <p> */
p.autopagerize_page_info
{
  margin:0px 10px 0px 10px !important;
  background:#aaaaaa !important;
  -webkit-border-radius: 0.9em !important;
  -moz-border-radius: 0.9em !important;
  border-radius: 0.9em !important;
  font-size:small !important;
  font-weight:bold !important;
  text-align:center !important;
  border:1px solid gray !important;
  clear:both !important;
}

/* Insert "(AutoPagerized)" into the AutoPagerize <p> after the original string */
p.autopagerize_page_info:after
{
  content: "(AutoPagerized)" !important;
  color:gray !important;
  font-size:xx-small !important;
}

/* Padding adjustment after "page:#" string */
a.autopagerize_link
{
  margin:0px 0px 0px -5px !important;
  padding:0px 5px 0px 5px !important;
}

/* page:# color */
a.autopagerize_link:link
{
  color:blue !important;
  background-color:#aaaaaa !important;
}
a.autopagerize_link:visited
{
  color:indigo !important;
  background-color:#aaaaaa !important;
}

a.autopagerize_link:hover, a.autopagerize_link:active
{
  color:blue !important;
  background-color:#AEAF6D !important;
}

最新版は http://userstyles.org/styles/17307 を参照してください