多くのサイトで利用できる、汎用ユーザースタイルシートです。特に腐女子サイトで大活躍。
それぞれの画面領域でのマウスカーソルの形状をデフォルトに戻します(リンクは人差し指、待機中は砂時計、など)。マウスカーソルの形状にはそれぞれ固有の意味があるのに勝手に十字で固定するんじゃねー!という苛々から解放されます。
*
{
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;
}
拍手レスやネタバレ感想、愚痴などの反転文字列を読みやすくします。
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
{
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属性にhttp://が含まれているblockquote要素、q要素をクリックすると引用元に飛ぶことができます。
blockquote[cite^="http://"]
,q[cite^="http://"]
{
-o-link: attr(cite);
-o-link-source: current;
}