ArtSaltのサイドストーリー

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

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

英辞郎で使うUserCSS

スペースアルクの英辞郎用のユーザースタイルシート(以下、UserCSS)を公開している人って少ないなあ。以下の3つだけしか見つからなかったよ。

実を言うと、自分も数ヶ月前に英辞郎用のUserCSSを書いて快適に使ってるのだ。userstyles.orgで公開したい気持ちがあるのだけれど、不満な部分があって恥ずかしいので、やめとく。ここでこっそり公開。
CSSに詳しい人が見たら絶句して失笑するコードだと思うけど、結果オーライ。

  • form要素を思いきって非表示にしちゃったのが特徴。つまり検索したい語を入れる欄を消してしまった。不要だし、そこにフォーカスが当たるのが嫌だからね。
  • Firefoxの場合、eow.alc.co.jpeowimg.alc.co.jp のJavaScriptだけ許可しておくのが吉。
このUserCSS適用後のスクリーンショットは英語学習サイトiKnow!で書いた日記のほうに掲載してるので、見たい人はどうぞ。
英辞朗をiKnow!っぽくしてみた by murajpn-日記 - iKnow!
/*** LEFTAREA ***/
body > div > table > tbody > tr > td#leftArea {
position: absolute;
top: 10px;
}
/*** NOISE ***/
body > div > table:first-child,
body > div > table + table,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#wordLink > tbody > tr > td,
body > div > table > tbody > tr > td#leftArea > div#resultArea > form#fm2,
body > div > table > tbody > tr > td#leftArea > div#resultArea > div,
body > div > table > tbody > tr > td.j10,
body > div > table > tbody > tr > td.e10,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > table > tbody > tr > td > span.smallredfont,
body > div > table > tbody > tr > td#leftArea > table,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#naviArea > tbody > tr > td,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table > tbody > tr > td > span.smallredfont,
body > div > table > tbody > tr > td > table > tbody > tr > td.j12 > table > tbody > tr > td > table > tbody > tr > td,
body > div > table > tbody > tr > td > table > tbody > tr > td.j12 > table > tbody > tr > td,
body > div > table > tbody > tr > td > table > tbody > tr > td,
body > div > table > tbody > tr > td > table > tbody > tr > td > div,
body > div > table > tbody > tr > td > table > tbody > tr > td > div > a,
body > div > table > tbody > tr > td > a > img,
body > div > table > tbody > tr > td.j12x,
body > div > table > tbody > tr > td > noscript.noscript-show > span.noscript-show > a.__noscriptPlaceholder__ > div {
display: none !important;
}
/*** BLUE TEXT TO LARGER DARKSLATEBLUE ***/
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > ul > div > li > div > ol > li > span.refvocab > a,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > ul > div > li > div > ol > span.refvocab > a,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > ul > div > li > div > span.wordlink > a,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > ul > div > li > div > ol > li > span.wordlink > a,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > ul > div > li > div > ol > span.wordlink > a {
font-size: 110% !important;
color: darkslateblue !important;
}
/*** BLUE TEXT TO DARKSLATEBLUE ***/
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > ul > div > li > span.midashi,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > ul > div > li > span.midashi > span.wordlink > a {
color: darkslateblue !important;
}
/*** RED TEXT TO BLACK ***/
body > div > table > tbody > tr > td#leftArea > div#resultArea > table > tbody > tr > td#searchWord > strong,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#naviArea3 > tbody > tr > td > strong > font,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > ul > div > li > span.midashi > font.searchwordfont,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > ul > div > li > span.midashi > span.wordlink > a > strong > font.searchwordfont {
color: #000 !important;
}
/*** BLACK TEXT TO WHITE ***/
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > table.pageNavi > tbody > tr > td,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > table.pageNavi > tbody > tr > td > a {
color: #fff !important;
}
/*** BODY ***/
body {
background: #0d96dd !important;
}
/*** ______ ***/
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > div > ul > div,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#naviArea3 > tbody > tr > td,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table > tbody > tr > td#searchWord,
body > div > table > tbody > tr > td#leftArea > div#resultArea > table > tbody > tr > td#itemsNumber {
background: #fff !important;
}
/*** SEARCHWORD ***/
body > div > table > tbody > tr > td#leftArea > div#resultArea > table > tbody > tr > td#searchWord {
padding-left: 1% !important;
}
/*** LIST ***/
body > div > table > tbody > tr > td#leftArea > div#resultArea > table#resultList > tbody > tr > td > ul > div > li {
list-style: none !important;
width: 140% !important;
background: #fff !important;
border-top: #0d96dd 1px solid !important;
border-right: #0d96dd 1px solid !important;
border-left: #0d96dd 1px solid !important;
padding: 1% 2% !important;
}
/*** Operaの場合、以下のコードを加える。Firefoxの場合は不要 ***/
* {
font-family: 'メイリオ', 'Meiryo' !important;
}

当ブログ内の関連エントリ(2008年07月13日以前)

Google
WWW ArtSaltのサイドストーリー
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/781-72f4acb3

このブログについて

最近のエントリ

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

あわせて読みたい

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

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

相互リンク
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。