アルクのウェブページから英辞郎以外を消すスタイルシートを修正

いまどき珍しいくらいにバリバリのtableレイアウトだったアルクのウェブページが、英辞郎の検索結果ページだけdiv要素中心の設計に修正されたもよう。それに伴って、アルクのウェブページから英辞郎以外を消すスタイルシートを修正した。

Firefox 3.0.5で動作確認。アルクのトップページと英辞郎の検索結果ページに対応。

• アルクのウェブページから英辞郎以外のものを消す | userstyles.org

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://www.alc.co.jp/"),url("http://www.alc.co.jp/index.html") {
  /* 最上部の広告 */
  table[height="65"][width="750"] td[align="center"],
  table[height="65"][width="750"] td[align="right"],
  /* 上部のメニュー */
  table[height="27"][width="750"][cellspacing="0"][cellpadding="0"][border="0"],
  /* 右サイドの広告 */
  td[width="190"][valign="top"],
  /* メイン部を丸ごと */
  td[width="550"][valign="top"] > table,
  /* 下部 */
  td.j10[height="23"][align="right"],
  td[bgcolor="#999999"],
  td.j10[height="34"][align="center"],
  td[height="40"][align="center"]
  {
    display: none;
  }

  /* 検索窓を復活させる */
  td[width="550"][valign="top"] > table:first-child,
  table[width="550"][cellspacing="0"][cellpadding="0"][border="0"][background="img/top_haikei.gif"]
  {
    display: block !important;
    width: 750px !important;
    margin-left: 10px;
  }
  /* goo検索とショップ検索を再び消す */
  img[height="1"][width="550"][src="img/eijiro_upper.gif"],
  td[width="182"][align="center"],
  td[width="183"][align="center"],
  img[height="22"][width="1"][src="img/eijiro_border.gif"]
  {
     display: none;
  }

  /* 利用規約などを復活させる */
  td.j10[height="40"][align="center"]
  {
    display: block;
    margin-top: 200px;
    border-top: 1px dashed #999999 !important;
    padding-top: 8px;
  }

}

@-moz-document domain(eow.alc.co.jp) {
  /* 最上部の広告 */
  #AreaHeaderCenter,
  #AreaHeaderRight,
  #AreaBody > div.bg_i,
  /* 最上部のメニュー */
  #AreaGnaviLeft,
  #AreaGnaviRight,
  /* 上部のメニュー */
  table[height="27"][width="750"][cellspacing="0"][cellpadding="0"][border="0"],
  /* 英辞郎博士 */
  img[height="23"][width="55"][border="0"][alt="英辞郎データ提供元 EDP のサイトへ"][src="http://eowimg.alc.co.jp/content/img/ic_doctor_01.gif"],
  img[height="4"][width="55"][border="0"][alt="英辞郎データ提供元 EDP のサイトへ"][src="http://eowimg.alc.co.jp/content/img/ic_doctor_02.gif"],
  img[height="28"][width="55"][border="0"][alt="英辞郎データ提供元 EDP のサイトへ"][src="http://eowimg.alc.co.jp/content/img/ic_doctor_03.gif"],
  /* goo検索とショップ検索 */
  .tabArea,
  /* 右サイドの広告 */
  #AreaUpperRight,
  #AreaLowerRight,
  /* 検索窓下の広告 */
  #box,
  /* 下部検索窓下の広告 */
  div[style="text-align: center;"],
  /* 下部 */
  #AreaFooter > table > tbody > tr > td
  {
    display: none;
  }
  td[width="145"][valign="top"][bgcolor="#34429c"]
  {
    background-color: white !important;
  }

  /* 利用規約などを復活させる */
  #AreaFooter > table > tbody > tr > td[height="40"][class="j10"],
  #AreaFooter > table > tbody > tr > td[height="20"][class="e10"]
  {
    display: block;
    border-top: 1px dashed #999999 !important;
    padding-top: 8px !important;
  }
  #AreaFooter > table > tbody > tr > td[height="40"][class="j10"]
  {
    margin-top: 40px !important;
  }
}

CSSの後半がだいぶすっきりして気持ちいい。すっきりさせるためのコードがすっきりしてきもちいいのは本質的にいいことなのか悪いことなのか。

Stylishから更新をかけてもヒットしない。どうしてだろう。

タグ: アルク, CSS, 英辞郎, stylish, userstyles.org