2014年12月15日GyaO!の変更デザインが気に入らないからStylishで解決しよう

GYAO! http://gyao.yahoo.co.jp/ct/anime/ Firefox Addon Stylish https://addons.mozilla.org/ja/firefox/addon/stylish/ http://01647.hateblo.jp/entry/2014/12/25/222119 2014年12月GYAO!新デザインの微調整対応版ユーザースタイル - 01647 2014-12-25 https://gist.github.com/ustreamer-01647/462844b89b78f544fea3 「GYAO!」のためのユーザースタイルシート
1

ユーザースタイル

「とりあえず今夜はここまで」時点

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

@-moz-document domain("gyao.yahoo.co.jp") {

contents.catetop #mainContents{

margin-right: 0 !important;
}

div#rightContents{
display: none;
}

.makeMeScrollable{
height: 100% !important;
}
.itemList_V{
overflow: visible !important;
}
}

その後

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

@-moz-document domain("gyao.yahoo.co.jp") {

/* カテゴリーメニューバー追従阻止 */

navi_wrapper {

position: relative;
}

/* 右バー非表示 */

rightContents{

display: none;
}

/* 右バー非表示に伴う、右バー表示のための余裕を切り詰める */

contents.catetop #mainContents {

margin-right: 0 !important;
}

/* 配信スケジュールの特殊スクロール化を回避する */
.makeMeScrollable{
height: 100% !important;
width: 100% !important;
}

/* 配信スケジュール伸縮ボタンを表示しない */
.more_btn{
display: none;
}

/* 配信スケジュールは特殊スクロールしないから、スクロールUIを表示しない */
.vCardCnt .scrollingHotSpotLeft,.vCardCnt .scrollingHotSpotRight{
display: none !important;
}

/* 広告を隠す */
.adIM_main{
display: none;
}

}

2014年12月16日7時41分時点

広告非表示部分を編集した。
/* 広告を隠す */
.adIM_main /* 配信スケジュール下(カテゴリートップ) */
,div#lrec /* 右バー上部(作品ページ。以下も同様) */
,div[id^="yads"] /* 右バー下部 */
,div#inrIm /* 映像リスト下(視聴ページ。以下も同様) */
,div#im /* GyaO!ストア下 */
,div.mb15p /* 右バー上部 */
,div#adsqm-sub-module /* 右バー注目の映像 */
,div.imImg /* 右バー下部 */{
display: none !important;
}

2014年12月17日20時45分

決定版.css
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gyao.yahoo.co.jp") {

/* カテゴリーメニューバー追従阻止 */

navi_wrapper {

position: relative;
}
/* 右バー非表示 */

rightContents{

display: none;
}

/* 右バー非表示に伴う、右バー表示のための余裕を切り詰める */

contents.catetop #mainContents {

margin-right: 0 !important;
}

/* 特殊スクロール化を回避する */
.makeMeScrollable, .scrollableArea{
height: 100% !important;
width: 100% !important;
}

/* 配信スケジュール伸縮ボタンを表示しない */
.more_btn{
display: none;
}

/* 特殊スクロールしないから、スクロールUIを表示しない */
.scrollingHotSpotLeft, .scrollingHotSpotRight{
display: none !important;
}

/* 広告を隠す */
.adIM_main /* 配信スケジュール下(カテゴリートップ) */
,div#lrec /* 右バー上部(作品ページ。以下も同様) */
,div[id^="yads"] /* 右バー下部 */
,div#inrIm /* 映像リスト下(視聴ページ。以下も同様) */
,div#im /* GyaO!ストア下 */
,div.mb15p /* 右バー上部 */
,div#adsqm-sub-module /* 右バー注目の映像 */
,div.imImg /* 右バー下部 */{
display: none !important;
}

}

Twitter投稿

Paul @paul_ga

gyao.yahoo.co.jp/info/index.htm… 12/15(月)より、映画・ドラマ・韓流、音楽・アニメ・お笑い・ バラエティ・スポーツのPCカテゴリトップがリニューアルいたしました

2014-12-15 14:22:09
Paul @paul_ga

まずい.ギャオデザイン変更,私にとって改悪なのでは gyao.yahoo.co.jp/ct/anime/

2014-12-15 18:32:57
Paul @paul_ga

しばらく前から,最上部の変更があった.初期フォーカスを検索ボックス与えていて困る.カーソルキーまたはスペースキーでページスクロールするためには,一手間が

2014-12-15 18:35:25
Paul @paul_ga

右にあった,曜日ごとにまとめられていた配信タイトルは,一覧性が失われた img.ly/ANic

2014-12-15 18:37:56
Paul @paul_ga

ん?タイトルのいくつかは,クリックしてもそのページヘ進まない.アギトを選ぶと,画面が妙にスクロールされるだけだ img.ly/ANim

2014-12-15 18:40:47
Paul @paul_ga

いや?何かおかしい.変だ.有効になったりならなかったり

2014-12-15 18:42:17
Paul @paul_ga

つまりこれはFirefoxアドオンStylishで解決せよという(電波)

2014-12-15 18:50:46
Paul @paul_ga

ieで構造を見る.div.scrollabeleArea ui.itemlist_V li.dayCnt これならStyilshで介入できるかも img.ly/ANiL

2014-12-15 18:55:30
Paul @paul_ga

firefox 32.0.3から34.0.5へ更新しよう

2014-12-15 18:56:06
Paul @paul_ga

各タイトルはdlで表現されている img.ly/ANiZ

2014-12-15 19:00:06
Paul @paul_ga

できるのか?JavaScriptで表示領域制御しているんだぞ

2014-12-15 19:02:38
Paul @paul_ga

div.makeMeScrollable だな.伸縮ボタンでheightが300pxと100%とに変化する

2014-12-15 19:08:27
Paul @paul_ga

height: 100% !important する.インポータント抜きにすると,伸縮ボタンで変化させられてしまうのだ

2014-12-15 19:10:03
Paul @paul_ga

htmq.com/style/cursor.s… トップページ > スタイルシートリファレンス > cursor カーソルの形状を指定する

2014-12-15 19:11:33
Paul @paul_ga

外見だけか.放置していい

2014-12-15 19:12:23
Paul @paul_ga

htmq.com/style/overflow… overflow・・・・・はみ出た内容の表示方法を指定する

2014-12-15 19:15:41
Paul @paul_ga

待てよ.右バーがメニューにならないなら不要なのでは

2014-12-15 19:17:35
Paul @paul_ga

google:css important 順位

2014-12-15 19:22:07
Paul @paul_ga

ユーザースタイルシートが優先されるらしい

2014-12-15 19:22:53

決定版.cssの適用結果(2014年12月17日20時45分)

Paul @paul_ga

ユーザースタイル適用状態のスクリーンショット img.ly/AOCq

2014-12-18 09:21:50