2007-03-08

ユーザースタイルシート

ユーザースタイルシートを、改良しました。今まで使っていたものは、こんなものです。

サイドバー用asahi.comの文字を拡大

netcaster.asahi.comというドメインを含むURLのウェブページのすべての文字列を、120%の大きさにします。

@-moz-document domain(netcaster.asahi.com) { *{font-size:120%;} }

WebDAVの表示をわかりやすく

前述のものと同様の方法でドメインを指定し、そのドメイン下のウェブページで、ファイルやディレクトリへのリンクの前に拡張子に応じて大き目のアイコンを表示させます。

@-moz-document domain(webdav.****.****) { a[href$="/"]::before { content: url("moz-icon:file:///C:/WINDOWS/?size=32"); } a[href$=".pdf"]::before, a[href$=".PDF"]::before { content: url("moz-icon://.pdf?size=32"); } a[href$=".doc"]::before { content: url("moz-icon://.doc?size=32"); } a[href$=".sxw"]::before { content: url("moz-icon://.sxw?size=32"); } a[href$=".odt"]::before { content: url("moz-icon://.odt?size=32"); } a[href$=".jpeg"]::before, a[href$=".jpg"]::before { content: url("moz-icon://.jpeg?size=32"); } a[href$=".html"]::before { content: url("moz-icon://.html?size=32"); } a[href$=".ppt"]::before { content: url("moz-icon://.ppt?size=32"); } a[href$=".txt"]::before { content: url("moz-icon://.txt?size=32"); } a[href$=".sxi"]::before { content: url("moz-icon://.sxi?size=32"); } a[href$=".lzh"]::before { content: url("moz-icon://.lzh?size=32"); } }

Wikipediaの検索欄を使いやすく

今回追加したものが、これです。検索欄を画面左上に固定し、最前面に配置した上で、背景を半透明にします。さらに、その検索欄を使う際には背景が半透明ではなくなるようにしました。ただ、DIV要素の背景をいじりたいのに、その中にある入力欄へのアクションを取り出して反映させることができないため、DIV要素上でのマウスの動きしか反映されません。

@-moz-document domain(wikipedia.org) { #searchBody{position:fixed;top:0;left:0;width:11.6em;z-index:10;opacity:0.6!important;} #searchBody:active,#searchBody:hover,#searchBody:focus{opacity:1!important;} #p-lang{z-index:0!important;} }

なお、こんなものも以前から加えています。

#uhdMain {display:none!important;} @-moz-document domain(www.nikkei.co.jp) { #search-box, #head-bnr-area{display:none;} } @-moz-document domain(marlborotube.net) { div[align="center"]:first-child,div[align="center"]>center>font>font,div[align="center"]>center>b>font,div[align="center"]>p[align="center"]+p[align="center"],div[align="center"]>b+*,div[align="center"]>center>form>font>font>font,div>p[align="center"]>b>font,div>div>font[color] b,div[align="center"]>b>font,p>font>b,div>p>font>font>b,p+div[align="center"]>center>table,center>form:first-child,img,#psearch[type="text"],br,marquee{display:none;} p[align] font[size]{font-size:80%;} }

0 件のコメント: