2014年12月GYAO!新デザインの微調整対応版ユーザースタイル
前置き
- Stylish :: Add-ons for Firefox バージョン番号 2.0.0
- アドオン「Stylish」のユーザースタイル - 01647 2014年12月14日
- デザイン変更前.広告非表示化のみ
- 2014年12月15日GyaO!の変更デザインが気に入らないからStylishで解決しよう - Togetterまとめ 2014年12月16日
- デザイン変更直後
- Gist: 「GYAO!」のためのユーザースタイルシート
- 本記事掲載コードは第5リビジョン
2014年12月15日のGYAO!デザイン変更
いつもGYAO! をご利用いただき、誠にありがとうございます。
12/15(月)より、映画・ドラマ・韓流、音楽・アニメ・お笑い・
バラエティ・スポーツのPCジャンルトップがリニューアルいたしました。過去にチェックした動画や、お客様ひとりひとりに向けたおすすめ映像などの
新しい機能が加わり、より使いやすく、多くの映像をお楽しみいただけます。アニメ、ドラマ、韓流の配信スケジュールは、右カラムから画面の中央に移動しました。
カーソルを合わせることでに各曜日のラインナップを確認することができます。
充実のラインナップをぜひチェックしてください。引き続き、GYAO!をお楽しみください。
インフォメーション:映画、海外ドラマ、アニメほか|GYAO![ギャオ]
本体
先日にデザインが変更されてから,構造,id名とclass名それぞれが変化していた.これに対応するFirefoxアドオン「Stylish」用ユーザースタイルを以下に示す.
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("gyao.yahoo.co.jp") { /* カテゴリーメニューバー追従阻止 */ #navi_wrapper { position: relative; } /* (たぶん)プッシュコンテンツの2位以降を非表示 特殊スクロール無効化による副作用か、大きな空欄に変化していた */ .subImg{ display: none; } /* 右バー非表示 */ #rightCnt{ display: none; } /* 表示領域の制限を解除して全項目を表示し、特殊スクロールを不要にする */ .makeMeScrollable, .scrollableArea{ height: 100% !important; width: 100% !important; } /* 配信スケジュール伸縮ボタンを表示しない */ .more_btn{ display: none; } /* 特殊スクロールしないから、スクロールUIを表示しない */ .scrollingHotSpotLeft, .scrollingHotSpotRight{ display: none !important; } /* 配信スケジュールの各曜日マージンを狭め、表示曜日数を増やす */ .dayCnt{ margin: 0 2px !important; } /* 広告を隠す */ .adIM_main /* 配信スケジュール下(カテゴリートップ) */ ,div#lrec /* 右バー上部(作品ページ。以下も同様) */ ,div[id^="yads"] /* 右バー下部 */ ,div#inrIm /* 映像リスト下(視聴ページ。以下も同様) */ ,div#im /* GyaO!ストア下 */ ,div.mb15p /* 右バー上部 */ ,div#adsqm-sub-module /* 右バー注目の映像 */ ,div.imImg /* 右バー下部 */{ display: none !important; } }