Skip navigation.

Kuruman Log

かつて自分のカスタムログを書きためていたこともあった

Posts tagged with "UserCSS"

target='_blank'を殺すもっとも素直な方法

根こそぎ取り去りたいならUserJSでやるしかないわけで、その方法は以前にもいくつかメモした通り。現在は使っていないのですけどね。

単純にtarget="_blank"属性の付いたリンクを潰したいのであれば、IgnoreTargetにチェックを入れるのが常套手段です。もちろんUserCSSで潰せば必要なときにtarget="_blank"を付与できるという利点があるのでどちらが良いとは一概に言えません。ちなみに私だったらtargetはすべて潰してブックマークレットで自分の意図する外部へのリンクにすべてtargetを付与すると思います。

なんてことをedvakfさんのグローバルなユーザーCSSいくつかを読みながら思いました。しかし、

Operaではブロックした要素は読み込まなくなるらしい。

ってのは知りませんでした……。

ついでに。

カタカナ語はあまり好きではないのだけど、「グローバルなユーザーCSS」以外に良い訳が思いつかない。良い訳がある人は教えてください



思いついたものを列挙しておきます。

  • 選択式ユーザーCSS
  • ユーザーCSS (先の記事中の1の方がGlobalなので)
  • ハックしてる方のユーザーCSS :hat:


2ch系ブログのスタイル

時折リンクを踏む度にあー、これは邪魔だ、なんて思っていたのですが、芦塚さんが素敵なユーザスタイルシートを書いてくださいました。ありがとう、使わせて貰います!!

asahi.comをシンプルに表示するユーザスタイルシート

asahi.comをシンプルに表示するユーザスタイルシートを半機械的に生成して数ヶ月前から使っていたのですが、概ね巧く表示してくれるようなので公開します。

asahi.com.css

ニュースサイト内でうろうろなんてしないよ、当該記事だけさっくり読んだら帰るよ、という人向けです。一応関連記事くらいは残してありますが。

なお個人的な好みでセレクタをこれでもかというほどガチガチに書いています。少しでもasahi.comの仕様が変わったらそれに気づくことが出来るでしょう。asahi.comの仕様なんて興味ないですよ、という人は適当に軽量化してください。

あ、ちなみに幅に合わせて表示させていると違和感はないものの意図した表示にはなりませんのであしからず。通な人――というか、モニタが狭くて基本的にいつでも幅が足りない人――は必要なときだけ幅に合わせて表示させるのですよ、崩れまくるから(何。

Twitter/opera_jpのプロファイルイメージをおぺらたんに変更するユーザスタイルシート

タイトルからして明らかにwatanabeさんのユーザJavaScriptの偽物な訳ですが、まぁ件名のまま、ユーザスタイルシートにしてみたよ、というだけ。

JavaScriptと違って負荷は皆無ですが、変更には弱い様な気がします。若干。display:inline-blockとか書いてあったりするので外に出さないように(謎。

replace-twitter-opera_jp-profile-image-by-opera-tan.css

サイト別設定でtwitter.com以下に対して適応させるとそれっぽくなるでしょう。

削除部分に目がとまらないようにする

del要素でマークアップされる削除部分には大抵打ち消し線が引かれるのだが、正直なところ普通の文字に打ち消し線だけがかかれていると視線がそこへ向いてしまう。下線が引かれた部分に着目してしまうのと同じような強調効果があるのだろう。これでは本末転倒……ということでdel要素を小さくしてコントラストを落とすユーザスタイルシートを書いて常時適応させるようにしてみた。マウスカーソルを載せると若干コントラストが高まって、文字の大きさも元に戻る。サイトによってはコントラストを落とす為に設定した背景色が必要以上に削除部分を強調してしまうかもしれないが、文字自体が小さい為、これはさほど気にならない。

RubyをUserCSSでどうにかする

Operaでルビをそれっぽく見せるユーザスタイルシートを書いたので、それを導入した。これでUserJSも減った。

userstyle.orgを放浪

userstyles.orgを一巡りしてめぼしいスタイルシートをどんどん突っ込んでみた。UserJSと違って速度低下を気にしなくて良いというのが素晴らしい。方針としてはとにかく黒く、そしてシンプルに

del.icio.us @ night
del.icio.usを夜のように暗くする。
DarkWikiPedia
Wikipediaを黒くする。
Google Video - dark gray redesign (vC)
Google Videoを黒くする。アカウント表示など、一部箇所が崩れるけれど気にしない。黒いことが重要。
livedoor Reader
Livedoor Readerの表示領域を広げる。上下方向は広ければ広いほど良い。
livedoor Reader - insertion bgColour
Livedoor Readerの要約表示欄で、追記されたブロックを視覚化する。
mail.live.com cleanup (the new Hotmail)
mail.live.comの表示領域を広げる。
Sourceforge.net - remove ads & fix layout
Sourceforge.netの表示領域を広げ、配置を少し調整する。
YouTube.com - dark gray redesign (vC)
YouTubeを黒くする。

これらは全てFirefox向けに作成されているため、Operaで使う為には若干の作業が必要になる。が、まぁそんな微々たる労力の後には素敵な未来が待っている。

jp.opera.comの文字サイズが小さくて読みにくい

jp.opera.comは本家の欧文フォントに最適化されたフォントサイズをpxで決めうちしている。Operaの場合拡大機能がありそれほど苦はならないのだが、別に画像まで大きくする必要はない。文字だけが大きくなって欲しいのだ。……と云うことで、ユーザースタイルjpopera.cssを書き、jp.opera.comに適応させた。

単純にscreenメディアに適応されているスタイルシートを全て拾ってきて、font-sizeを指定している部分を全て抽出し、大きくない文字を全て3pxずつ拡大しただけ。今日この時のスタイルシートを元にしているのでそれが更新されたら不具合が起こることでしょう。

英辞郎がノイジー

英辞郎の翻訳結果を参照する回数が比較的多いのでいっそのことユーザースタイルを適応させて黒Windowsとの親和性を高めようと思い立った。www2.alc.co.jpに対して下のalc.cssを適応した。

しかし作っている途中どうにも属性セレクタが上手く機能しなかったのだけれど……これはどうしたことだろう。使い方間違った、という事は無いと思うのだけれど。

Download Opera, the fastest and most secure browser