汎用ユーザースタイルシート

多くのサイトで利用できる、汎用ユーザースタイルシートです。特に腐女子サイトで大活躍。

cursorプロパティを無効にする

それぞれの画面領域でのマウスカーソルの形状をデフォルトに戻します(リンクは人差し指、待機中は砂時計、など)。マウスカーソルの形状にはそれぞれ固有の意味があるのに勝手に十字で固定するんじゃねー!という苛々から解放されます。

*
    {
    cursor: auto !important;
    }

リンクを分かりやすくする

未訪問リンクを青色、訪問後リンクを紫色、リンクされた画像に枠をつけます。文字の色とリンクの色が同じという悪夢のようなサイトで活躍します。隠しリンクを見つけるのにも役立ちます。

a[href]
    {
    text-decoration: underline !important;
    border: none !important;
    background-color: none !important;
    }
a[href]:link
    {
    color: #0000ff !important;
    }
a[href]:visited
    {
    color: #800080 !important;
    }
a[href]:hover
    {
    color: #ff0000 !important;
    }
a:link img
    {
    border: 1px solid !important;
    }
a:visited img
    {
    border: 1px solid !important;
    }
a:hover img
    {
    border: 1px solid !important;
    }

spam要素とfont要素を読みやすくする

拍手レスやネタバレ感想、愚痴などの反転文字列を読みやすくします。

 font
,span
    {
    color: #000000 !important;
    background: #ffffff !important;
    font-size: 100% !important;
    }

選択した文字列の背景色

pixivのように、選択した文字列の背景色が薄いサイトで役に立つはず。

::selection
    {
    background: #3399ff !important;
    color: #ffffff !important;
    }
::-moz-selection /* Firefox用 */
    {
    background: #3399ff !important;
    color: #ffffff !important;
    }

連続したbr要素を無効にする

アメーバブログのやたらと改行が多いブログの文章を楽に読むことができます。

br
    {
    display: block !important;
    line-height: 0 !important;
    }

イメージマップ(クリッカブルマップ)のリンクを抜き出して表示する

クライアントサイドイメージマップ用ユーザースタイルシート(alevirita -- reply and memo)を参考にしました。未訪問のリンク色を青、訪問後リンクを紫にしました。

map
    {
    display: block !important;
    padding: 0.5em !important;
    }
map area
    {
    display: inline !important;
    padding-right: 0.5em !important;
    text-decoration: underline !important;
    background-color: #ffffff !important;
    }
map area[href]:link
    {
    color: #0000ff !important;
    }
map area[href]:visited
    {
    color: #800080 !important;
    }
map area[href]:hover
    {
    color: #ff0000 !important;
    }
map area[href]:after
    {
    content: attr(href) !important;
    }
map area[herf][title]:after
    {
    content: attr(title) !important;
    }
map area[href][alt]:after
    {
    content: attr(alt) !important;
    }

cite属性の値をリンクにする ※Opera専用

cite属性にhttp://が含まれているblockquote要素、q要素をクリックすると引用元に飛ぶことができます。

 blockquote[cite^="http://"]
,q[cite^="http://"]
    {
    -o-link: attr(cite);
    -o-link-source: current;
    }

便利

SAKATORI Kihiro www@nrym.org
Published: 2009-09-01 Last modified: 2012-09-26