(総集編：2008)使っているStylishユーザスタイルまとめ

これまで作成したFirefoxアドオン、Stylishで使うスタイルシートをまとめた記事です。

なお、自分基準で見れればいいかな、というレベルです（何の意味があるかわからないようなのもあります）ので、あまり参考にならないかも。というか、そもそもCSS苦手なのでアレですが

Stylishアドオンはこちらから。

• Stylish :: Firefox Add-ons

以下が作成したスタイルシートになります。気の利かないコメントつき

ブログ記事追記部分のスタイル

追記

#more,
#extended
         {
  background-image:none !important;
  border:1px dotted blue !important;
  padding: 3px !important;
}

はてなハイクのスターをサクラに

ハイク用addサクラ

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://h.hatena.ne.jp/")  
{

/* Addボタンの画像をurl()の中に指定します */
.hatena-star-add-button-image {
  background-image: url(http://f.hatena.ne.jp/images/fotolife/m/maRk/20080402/20080402142634_m.jpg)!important;
}

/* ☆の画像をurl()の中に指定します */
.hatena-star-star-image {
  background-image: url(http://f.hatena.ne.jp/images/fotolife/m/maRk/20080402/20080402142640_m.jpg)!important;
}

}

今使ってない。春になったら使うかも

ハイクモバイル版用のスタイル

ハイクモバイル

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

@-moz-document url-prefix("http://h.hatena.ne.jp/mobile/") {

body {width: 30em !important;}

#index, 
#keyword,
#following,
#album,
#user,
#id
 {
     margin-left:auto!important;
     margin-right:auto!important;
}

.body { width:100%!important; margin-bottom: 1.2em!important;}
.title { margin-bottom :1.2em!important; }
}

はてなエントリページで自分の位置に背景色

hatena::entrypage

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

@-moz-document url-prefix(http://b.hatena.ne.jp/entry/) {
.userlist li.self{
                  background:#FFF/* !important*/;}
}

Deliciousみたいに自分のところを背景色に。背景が白でもまだ目立たない感じだけど、色彩センスがないので（ｗ）。!importantあるなしで若干違いあり。!importantつけると「お気に入り：」の処の自分アイコンにカーソルをあてたときのスタイルも無視してStylishで指定した背景色になる

Disqusでなんとなくinput要素が短いと感じたので

Disqus用input要素横幅拡張

#form-anon-name,
#form-anon-email,
#form-anon-url   {
              width: 32em!important; }

使ってないので意味はないです。ただやってみたかったとかいう。

注：古いDISQUS のスタイルの時のものです。

404のブログに

dankogai

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

@-moz-document url-prefix("http://blog.livedoor.jp/dankogai/") {
.amn { display: none!important; }
#links { display: none!important; }
#content { width:50em !important; }
}

右ペインの情報が......

coreserverサーバ管理画面用のボタンへのスタイル

coreserverサーバ管理画面用

input.S {
     -moz-outline: 3px solid #E0EBF5 !important;
     -moz-outline-radius: 13px !important;
     font-weight:bold!important;

     cursor:pointer !important;

border:1px solid #E0EBF5 !important;

/* 角丸 */
     -moz-border-radius:13px;
}

input.S:focus {
     -moz-outline: 3px solid #66CCFF !important;
     -moz-outline-radius: 13px !important;}

Bloglinesで左ペインのリンクリストをdisplay:blockに

bloglines

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(bloglines.com) {

.treeView li > a,
.treeView li > li.sub a{
display:block !important;}

.treeView li > a:hover,
.treeView li > li.sub a:hover{
background-color:#F0FFF0 !important;}
}

ブログタイトルが短いサイトなどで、クリックする箇所が文字以外の空白部分でも有効になるようにするためのもの。