ArtSaltのサイドストーリー

音楽、フリーウェア、WEBサービス、食べものなどに関する日記。トラックバック、コメント歓迎。

英辞郎のUserCSSまた改造

スペースアルクの英辞郎がgoo辞書と提携し、ほぼ同じ時期にスタイルシートが大幅に変更された。だもんでUserCSSもそれに合わせて変更した。毎回毎回同じことを言ってるけど、網膜を突き刺すような「白地に黒、赤、青の文字」という色使いは実に耐えがたい。アルファベットのbold指定もね。

英辞郎のスタイルシートは頻繁に変更される。各要素のセレクタの同定がさすがに最近は面倒くさくなってきた。colorとbackground-colorプロパティに関してはワイルドカードでいいやw

Firefox用。

@-moz-document url-prefix(http://eow.alc.co.jp/) {
*
{
font-weight: normal !important;
color: #fff !important;
background: #0080C0 !important;
}
body > div#AreaBody > div#AreaUpperLeft > div#resultArea
{
width: 130% !important;
}
body > div#AreaBody > div#AreaGnaviLeft,
body > div#AreaBody > div#AreaGnaviRight,
body > div#AreaBody > div#AreaHeaderLeft,
body > div#AreaBody > div#AreaHeaderRight,
body > div#AreaBody > div#AreaUpperLeft > table,
body > div#AreaBody > div#AreaUpperLeft > span#box > table,
body > div#AreaBody > div#AreaUpperLeft > div#resultArea > table#naviArea > tbody > tr > td > div.left,
body > div#AreaBody > div#AreaUpperLeft > div#resultArea > div > span.smallredfont,
body > div#AreaBody > div#AreaUpperLeft > div#resultArea > div.mt_20 > span.smallredfont,
body > div#AreaBody > div#AreaUpperLeft > div#resultArea > table.mt_10 > tbody > tr > td > img,
body > div#AreaBody > div#AreaUpperRight,
body > div#AreaBody > div#AreaLowerLeft,
body > div#AreaBody > div#AreaFooter
{
display: none !important;
}
}

ワイルドカードなんて使うもんだからHit-a-HintのHintの色が背景に溶け合っちゃうけど、これは我慢。

Firefoxスクリーンショット

下はOpera用。Firefoxとだいたい同じ。

*
{
font-family: 'メイリオ', 'Meiryo' !important;
font-weight: normal !important;
color: #fff !important;
background: #194011 !important;
}
body > div#AreaBody > div#AreaUpperLeft > div#resultArea
{
width: 130% !important;
}
body > div#AreaBody > div#AreaGnaviLeft,
body > div#AreaBody > div#AreaGnaviRight,
body > div#AreaBody > div#AreaHeaderLeft,
body > div#AreaBody > div#AreaHeaderRight,
body > div#AreaBody > div#AreaUpperLeft > table,
body > div#AreaBody > div#AreaUpperLeft > span#box > table,
body > div#AreaBody > div#AreaUpperLeft > div#resultArea > table#naviArea > tbody > tr > td > div.left,
body > div#AreaBody > div#AreaUpperLeft > div#resultArea > div > span.smallredfont,
body > div#AreaBody > div#AreaUpperLeft > div#resultArea > div.mt_20 > span.smallredfont,
body > div#AreaBody > div#AreaUpperLeft > div#resultArea > table.mt_10 > tbody > tr > td > img,
body > div#AreaBody > div#AreaUpperRight,
body > div#AreaBody > div#AreaLowerLeft,
body > div#AreaBody > div#AreaFooter
{
display: none !important;
}

"Navigate right", "Highlight next element" などで表示されるハイライト部分と囲み線(正式名称は blue border?)の色が青いので、background-colorを青にするのはよろしくない。深い緑色にした。あと urlfilter.iniexclude セクションを少し編集。渋すぎるぞ、英辞郎。

Operaスクリーンショット

関連

英辞郎で使うUserCSS
英辞朗をiKnow!っぽくしてみた by murajpn - Journal - iKnow!
自分で言うのもなんだけど、よくもまぁ、こんなステップ数の多いCSSを書けたもんだわ。これと同じことをやれ、と言われてももうやらない。
Google
WWW ArtSaltのサイドストーリー
Hit-a-Hintのチップですが, CSSでは span[name="hah_hint"] で記述されているので,
最初の * を *:not([name="hah_hint"]) などとしてやれば設定を保持できますよ。
2009/02/23(月) 18:49:21 | URL | toyaMa #q8R9XKqo[edit]
HaHのhintのセレクタを見たら、
html > body > hints#hah_hints > span#hah_hint_xx
(xx は連番)
となっているのを確認しました。大変参考になりました。英辞郎のほうもhintの表示が背景色に溶け合わず見やすくなりました。ありがとうございます。
2009/02/23(月) 20:52:18 | URL | ArtSalt(管理人) #1Eh4PRag[edit]
Web site (optional)
Comment - Need to type CAPTCHA, an image of distorted Japanese Hiragana or Katakana afterward.
Password - Not allowed to modify your comment later if password not entered.
On secret mode?
 

http://art2006salt.blog60.fc2.com/tb.php/906-3f9789dc

このブログについて

最近のエントリ

カテゴリー
あわせて読みたいブログ

あわせて読みたい

最近のコメント
Internet Explorer
よりも便利です

Opera 9 - Always secure with Opera Firefoxをダウンロード!!

相互リンク