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

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

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

@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から更新をかけてもヒットしない。どうしてだろう。

広告

タグ: , , , ,

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中


%d人のブロガーが「いいね」をつけました。