userChrome.css・userContent.cssスレ Part6©2ch.net

2015/08/07(金) 23:59:01.64

●前スレ
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
http://anago.2ch.net/test/read.cgi/software/1400202982/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ｷ Griever/userChromeJS ｷ GitHub
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
userstyles.org
http://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/

**名無しさん＠お腹いっぱい。** · 2017/08/02(水) 22:11:16.14

>>772
https://forum.userstyles.org/discussion/57758/more-analytics

**名無しさん＠お腹いっぱい。** · 2017/08/02(水) 23:26:52.04

>>773
今日になってから何も表示されなくなったと思ったらこういう事か
adblock系オフにしないとダメとかアホかよ

**名無しさん＠お腹いっぱい。** · 2017/08/03(木) 07:00:45.61

それな

**名無しさん＠お腹いっぱい。** · 2017/08/03(木) 14:46:40.41

userstyle.orgどんどん使いにくくなってて笑えん

**名無しさん＠お腹いっぱい。** · 2017/08/03(木) 21:30:01.88

運営変わってからホント改悪しかしてない

**名無しさん＠お腹いっぱい。** · 2017/08/04(金) 01:31:57.32

今の運営になってからせっかく投稿されたスタイルシートを見れないように見れないようにしてるよな

**名無しさん＠お腹いっぱい。** · 2017/08/12(土) 09:29:15.08

スタイルシートの内容なら見えてるが？
http://imgur.com/a/v6gAg

**名無しさん＠お腹いっぱい。** · 2017/08/12(土) 15:39:16.37

>>777
にしても代替というか対抗サイトが現れないんだよな

**名無しさん＠お腹いっぱい。** · 2017/08/13(日) 13:22:12.45

https://github.com/openstyles/stylus/issues/32

**名無しさん＠お腹いっぱい。** · 2017/08/13(日) 18:14:56.98

Firefox55でブックマークサイドバーのファビコンを持たないサイトの前に表示されるデフォルトアイコンを消す方法はないでしょうか？
（ttp://i.imgur.com/gy5jyt7.jpg ←こういうアイコンです）
Firefox54までは以下の記述で消せていたのですが。

#bookmarks-view treechildren::-moz-tree-image(leaf),
#history-panel treechildren::-moz-tree-image(leaf)
{ list-style-image: none !important; }

**名無しさん＠お腹いっぱい。** · 2017/08/14(月) 16:21:27.62

【朗報】userstyle.orgに繋がる

以前の状態に戻ったのか？やったぜ！

**名無しさん＠お腹いっぱい。** · 2017/08/15(火) 15:26:53.59

userstyle.orgって何？
userstyles.orgなら知ってる

**名無しさん＠お腹いっぱい。** · 2017/08/15(火) 17:27:44.66

こまけーこたぁいいんだよハゲ

**名無しさん＠お腹いっぱい。** · 2017/08/15(火) 17:29:36.83

フィッシングサイト

**名無しさん＠お腹いっぱい。** · 2017/08/16(水) 23:18:47.83

どなたか>>782をご存じの方はおられませんか？

「list-style-image: none !important;」の代わりに「visibility: hidden !important;」や「display: none !important;」も試してみましたが
デフォルトのファビコンは消せませんでした。
一方、「width: 0 !imporatnt;」と「opacity: 0 !important;」では、独自のファビコンを持つサイトも持たないサイトも両方アイコンが消えてしまいました。

**名無しさん＠お腹いっぱい。** · 2017/08/20(日) 10:42:26.32

Fx57以降ってもしかしてブラウザ本体のスタイルはいじれなくなるの？

**名無しさん＠お腹いっぱい。** · 2017/08/20(日) 14:10:15.84

べつに

**名無しさん＠お腹いっぱい。** · 2017/08/20(日) 23:42:35.96

いじれる？

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 00:03:21.77

いじっちゃいや

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 00:04:40.24

現時点のNightly/57でuserChrome.cssは使える
ただし、今後どうなるかは不明
将来的なサポートを保証されてるわけでもないし
廃止すると明言されてるわけでもない

使えなくなるっていう話はbugzillaにあるコメントの拡大解釈か
WebExtensionsやuserChrome.jsあたりの情報とごっちゃになってるかだろう

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 00:17:15.53

自分はまだStylish使ってるからこれは使ってないんだけど

https://addons.mozilla.org/ja/firefox/addon/styl-us/
> ただし残念ながら、WebExtensionsプラットフォームのセキュリティ上の制約のため、ブラウザのUIや内部ページへのスタイルの適用は禁止されています。

userChrome.cssなら動くけどスタイル管理アドオンからは触る方法がないってことなのかな？

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 00:30:29.01

そういうこと

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 03:24:37.86

そもそもDOM Inspectorなしじゃ目標の要素が特定できん…
ソースとかわからんし…

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 04:08:52.69

ほんとだ...
DOM InspectorのWebExtension版なんて無理だよなぁ...

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 06:47:44.94

秋からどうすれば。

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 06:55:37.67

それこそ、UIで気にくわない点をbugzillaに上げればいいよ
可能性は低いが、直してくれるかもな

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 10:55:37.35

DOM Inspector無理だよな
きついなこれ
修正できるところがいいところだったのに・・・

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 11:21:20.68

ごめんageてたすまない

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 11:43:43.82

DOMi の代わりには Browser Toolbox を使えばいいんだよ

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 12:23:24.00

他のスレで反応がないのでこちらで質問し直しますが
54.0.1まで正常だったけど、
55.0.2にしたらブックマークツールバーフォルダアイコンをuserChrome.cssで非表示にすると
フォルダ名の右のドロップダウンマーカーが消えてしまってフォルダの間隔が詰まってしまいます。

これを55.0.2で54.0.1までのようなスタイルにする方法はないのでしょうか？

userChrome.css

toolbarbutton.bookmark-item > .toolbarbutton-icon {
display: none;
}

を追加してフォルダアイコンを消しています。

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 13:15:21.58

>>802
toolbarbutton.bookmark-item[container] > .toolbarbutton-menu-dropmarker {
display: -moz-box !important;
}

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 14:15:01.73

>>803
おお！早速どうも。
みごと表示できました。ついでに左右もマージンを追加して前のバージョンと揃えておきました。

ありがとうございます。助かりました。

**名無しさん＠お腹いっぱい。** · 2017/08/22(火) 00:18:12.12

>>801
こんな機能あったんか！サンクス！

**名無しさん＠お腹いっぱい。** · 2017/08/24(木) 23:13:58.96

list-style-imageプロパティっていつの間にか効かなくなってない？

>>801
それって開発ツールのインスペクターのことかな

**名無しさん＠お腹いっぱい。** · 2017/08/24(木) 23:23:48.54

>>806
ttps://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox

**名無しさん＠お腹いっぱい。** · 2017/09/01(金) 23:56:25.98

YouTubeの改悪が来たね・・・
とりあえずバカでかいフォントを何とかしてほしいわ・・・

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 10:48:58.87

別に改悪では無かったと思うけど
あなたが変更に対応できてないだけでは

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 11:02:51.28

#ff0000は目が痛いから直した

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 16:20:03.80

>>808
旧版に戻せば大丈夫。右上の３っつの丸から治せる

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 16:29:18.90

>>808
毎回変わるたびに悪化するよな

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 17:57:24.33

ニコニコ動画とかUI変わるたびに叩かれるが俺としちゃYoutubeの方がよっぽど改悪多い

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 18:23:55.03

nicoはもう見てないからどうでもいい

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 23:05:24.82

>>811
ありがとうありがとう
めちゃくちゃ助かった

**名無しさん＠お腹いっぱい。** · 2017/09/03(日) 01:18:18.58

そんな機能が

**名無しさん＠お腹いっぱい。** · 2017/09/03(日) 16:18:37.98

>>815
元に戻ってよかったね

userstyles.orgには早速、旧ロゴに戻すＣＳＳが続々。どんだけ不評なんだ新スタイル

Old YT-Red
https://userstyles.org/styles/147347/old-yt-red
YouTube - Return old logo + embeds
https://userstyles.org/styles/147314/youtube-return-old-logo-embeds
Restore old Youtube logo
https://userstyles.org/styles/147298/restore-old-youtube-logo
Old YouTube logo
https://userstyles.org/styles/147293/old-youtube-logo
Old YouTube logo (For YouTube's New Dark Theme)
https://userstyles.org/styles/147377/old-youtube-logo-for-youtube-s-new-dark-theme
YouTube Old Colors
https://userstyles.org/styles/147374/youtube-old-colors

**名無しさん＠お腹いっぱい。** · 2017/09/03(日) 23:26:26.32

ロゴが変わってるなんてよく気付いたな
大して変わってなくて全然気付かなかったわ

**名無しさん＠お腹いっぱい。** · 2017/09/04(月) 00:08:26.41

ほんと、どうでもいいこと気にしすぎだろ

**名無しさん＠お腹いっぱい。** · 2017/09/04(月) 07:57:56.50

Ublock (Firefox edge style)
https://userstyles.org/styles/147211/ublock-firefox-edge-style

uBlock Origin Restyled Popup
https://userstyles.org/styles/132075/ublock-origin-restyled-popup

どっちも効かなくなってる

**名無しさん＠お腹いっぱい。** · 2017/09/04(月) 13:17:19.97

>>820
最新版だと効かない1.13.8に戻すか
ＣＳＳが更新されるまで待て

**名無しさん＠お腹いっぱい。** · 2017/09/04(月) 23:59:32.44

明るい話題がないな

**名無しさん＠お腹いっぱい。** · 2017/09/05(火) 13:08:51.18

stylishも改悪
youtubeも改悪
firefoxも改悪

何一つ良くないな

**名無しさん＠お腹いっぱい。** · 2017/09/05(火) 23:14:19.58

.orgもね

**名無しさん＠お腹いっぱい。** · 2017/09/06(水) 17:48:05.19

stylishからstylusに移行したらヤバヤバっすか？（永井風）

**名無しさん＠お腹いっぱい。** · 2017/09/06(水) 18:13:12.31

gdgd

**名無しさん＠お腹いっぱい。** · 2017/09/06(水) 21:32:28.58

>>825
無理

**名無しさん＠お腹いっぱい。** · 2017/09/07(木) 03:45:08.48

…

**名無しさん＠お腹いっぱい。** · 2017/09/08(金) 15:30:09.00

stylusのアプデ来たな

**名無しさん＠お腹いっぱい。** · 2017/09/09(土) 15:06:57.08

954 名前：名無しさん＠お腹いっぱい。[sage] 投稿日：2017/09/08(金) 08:07:00.86 ID:bYrPnIDp0
>>953
#TabsToolbar{display: none !important;}
#navigator-toolbox:hover #TabsToolbar{display: -moz-box !important;}
これじゃ駄目なの？

これでやるとオンマウスでタブバーは隠れますが、戻りません。
そして、タブタイトルが空になり最初にアクセスしたページ以外は開けなくなりました。

それで…
#TabsToolbar:hover * {
min-height: 4px !important;
max-height: 4px !important;
}

こうやって見ましたがウンともス～ともいいません。
hoverはオンマウスってことだしアスタリスクで指定してるからいいかなって思って。
見よう見まねでやってみました。

classic Theme restorerでタブを下に表示するようにしています。

**名無しさん＠お腹いっぱい。** · 2017/09/09(土) 15:34:12.33

連投すいません。

#TabsToolbar:not(:hover) * {
min-height: 4px !important;
max-height: 4px !important;
}

これで行けました！

**名無しさん＠お腹いっぱい。** · 2017/09/09(土) 20:10:12.63

ああ…
タブバーで開いてるタブの部分にオンマウスの時だけ開いたり閉じたり出来てます。
これタブバーのどこの部分にオンマウスで開いたり閉じたりするにはどう書き換えたら
よいですか？

**名無しさん＠お腹いっぱい。** · 2017/09/09(土) 21:28:48.51

どういうこと？

**名無しさん＠お腹いっぱい。** · 2017/09/10(日) 01:19:18.10

例えばタブを2つ開いてる場合、その2つがあるところにオンマウスすると開閉しますが、2つ目の隣(３つ開いていたら3つめが表示される部分)に
オンマウスしても開閉しないんです。以前のですとタブバーのどこをオンマウスにしても開閉していました。

**名無しさん＠お腹いっぱい。** · 2017/09/10(日) 19:54:51.53

新規プロファイルを作って>831だけ書いたuserChrome.cssを作って試したけど、タブバーのどこかにマウスを持っていけばちゃんとタブバーは通常の高さで表示されるよ？
書いてある他の記述と干渉しているんじゃないの？

**名無しさん＠お腹いっぱい。** · 2017/09/11(月) 02:37:13.01

UIのセレクタってどうやって調べればいいんだ？
いつも公開されてるcss見て探しているのだけど

**名無しさん＠お腹いっぱい。** · 2017/09/11(月) 03:44:59.45

ctrl-shift-alt-i

**名無しさん＠お腹いっぱい。** · 2017/09/11(月) 10:49:17.15

>>835
おれも同じく自動開閉cssだけをやってみましたが、やっぱタブのトコだけです。
アドオンでタブに関するものは
SuperTabMode
CustomNewTab
ClassicThermeRestorer

これらを無効にしてもダメでした。
ちなみにcssで他に記述しているのは、サイドバーなどのフォント設定にツールバーの色設定です。

**名無しさん＠お腹いっぱい。** · 2017/09/11(月) 19:47:34.55

>838
あ、分かったかもしれない。たぶんそれタブバーじゃないところだ
最初の行を #navigator-toolbox:not(:hover) #TabsToolbar:not(:hover) * { とすればどうよ？
これだとロケーションバーがあるツールバーにマウスを持っていくとタブバーが表示されちゃうけど

なお、行儀が悪いアドオンが#navigator-toolboxを使っていることがある
もし誤爆したら #browser-panel > を頭に付けると解決するかもしれない

**名無しさん＠お腹いっぱい。** · 2017/09/16(土) 19:32:57.77

amazonにアクセスして時に上部にでる「サインイン初めてお使いですか？」とかいう吹き出しを出ないようには出来ませんか？
もしcssで出来るのであれば教えてください

**名無しさん＠お腹いっぱい。** · 2017/09/16(土) 21:39:18.64

>>840
つ要素を調査

**名無しさん＠お腹いっぱい。** · 2017/09/18(月) 21:03:26.42

>>841
いろいろ試してみたんですが、うまく消えてくれません
もう少しヒントお願いします

**名無しさん＠お腹いっぱい。** · 2017/09/18(月) 22:54:57.26

>>842
ポップアップしてる部分に要素を調査すればインスペクタ上で要素をハイライトで表示するじゃん
これで何をブロック対象にするべきかわかるでしょ？

**名無しさん＠お腹いっぱい。** · 2017/09/18(月) 23:12:57.90

>>843
なんとか出来た！
ご迷惑おかけしました、どうもありがとう

**名無しさん＠お腹いっぱい。** · 2017/09/21(木) 00:19:28.41

「こちらによくアクセスする方は Google をホームページに」が
また出るようになったな

**名無しさん＠お腹いっぱい。** · 2017/09/23(土) 16:19:27.81

>>845
これの消し方教えてください

**名無しさん＠お腹いっぱい。** · 2017/09/23(土) 17:19:16.93

.gb_Ic, .gb_g, .gb_jb, .gb_kb, .gb_ga div, ._Ak,
#rhs_block
{display: none !important;}

今これで消えてるけど古いから要らないセレクタが入ってるかも

**名無しさん＠お腹いっぱい。** · 2017/09/23(土) 18:34:03.09

wikipediaの寄付
何とかしたいne

**名無しさん＠お腹いっぱい。** · 2017/09/24(日) 15:56:25.40

>>845のポップアップ、>>>>847でじゃうちでは消えてくれないのですが、みなさんは消えますか？

**名無しさん＠お腹いっぱい。** · 2017/09/24(日) 16:57:05.50

.gb_gがあれば非表示にできるはずだけどな

ほかに.gb_Ncで非表示にできなかったら
ドメイン指定がおかしかったり、!important忘れたりとなんかしら不備があるか
そもそもGoogle側の仕様かなんかでclassが違うとかそんなんだろ

**名無しさん＠お腹いっぱい。** · 2017/09/24(日) 20:10:41.62

> tp://egg.2ch.net/test/read.cgi/software/1505369817/198,202

#sidebar-box:not(:hover) {
max-width: 4px !important;
min-width: 4px !important;
}

ホバーしたらサイドバーを元の幅に戻すユーザースタイルというのはこれじゃいかんのか？
これじゃ狭かったら4pxを10pxにするとか適宜調整する感じで
それとホバーするまでサイドバーの中身表示したくないなら以下を追記

#sidebar-box:not(:hover) * {
visibility: collapse !important;
}

**名無しさん＠お腹いっぱい。** · 2017/09/24(日) 20:11:38.09

tp://egg.2ch.net/test/read.cgi/software/1505369817/198,202

#sidebar-box:not(:hover) {
max-width: 4px !important;
min-width: 4px !important;
}

ホバーしたらサイドバーを元の幅に戻すユーザースタイルというのはこれじゃいかんのか？
これじゃ狭かったら4pxを10pxにするとか適宜調整する感じで
それとホバーするまでサイドバーの中身表示したくないなら以下を追記

#sidebar-box:not(:hover) * {
visibility: collapse !important;
}

**名無しさん＠お腹いっぱい。** · 2017/09/24(日) 20:12:35.40

tp://egg.2ch.net/test/read.cgi/software/1505369817/198,202

#sidebar-box:not(:hover) {
max-width: 4px !important;
min-width: 4px !important;
}

ホバーしたらサイドバーを元の幅に戻すユーザースタイルというのはこれじゃいかんのか？
これじゃ狭かったら4pxを10pxにするとか適宜調整する感じで
それとホバーするまでサイドバーの中身表示したくないなら以下を追記

#sidebar-box:not(:hover) * {
visibility: collapse !important;
}

**名無しさん＠お腹いっぱい。** · 2017/09/24(日) 20:13:13.37

うわ、すまん。書き込み失敗したと思ってリロードしてなかった……

**名無しさん＠お腹いっぱい。** · 2017/09/25(月) 03:02:37.98

>>850
すみません、やはりこちらのミスでちゃんと非表示にできました
お騒がせして申し訳ありません

ただ右上のgoogleアプリを開くことが出来なくなるのもセットなんですが、これはどうにかなりませんか？
たまに翻訳したい時とかあるので、開けると便利なのですが

**名無しさん＠お腹いっぱい。** · 2017/09/25(月) 07:14:29.95

>>855
.gb_bはああいうメニューを表示する時につけるclassっぽいから
.gb_Ncかdiv[style="behavior:url(#default#userData)"]あたりだろうか

**名無しさん＠お腹いっぱい。** · 2017/09/25(月) 08:52:45.50

横からだが>>855さんのを見て
div[style="behavior:url(#default#userData)"]{
display: none !important;
}
で消せたわ
これならgoogleアプリを開くボタンも使えるぽい。

ありがとうございます。

**名無しさん＠お腹いっぱい。** · 2017/09/25(月) 09:05:53.09

すいません間違えました>>856さんでした。

**名無しさん＠お腹いっぱい。** · 2017/09/25(月) 22:27:18.50

>>856,857
お二人ともどうもありがとう
大変見やすく便利になりました

**名無しさん＠お腹いっぱい。** · 2017/09/26(火) 14:02:09.93

こういうのここで聞いていいのかわからないんだけど
Stylishで親の無い並べられた子要素消すときってどういう書き方したらいいんだろう
CSSだとnth-of-typeで一々消さないとダメかな
https://i.imgur.com/sLVCRz1.png

**名無しさん＠お腹いっぱい。** · 2017/09/26(火) 14:08:19.46

消したいものをちゃんと言ってくれ
親のない子要素ってなんやねん

**名無しさん＠お腹いっぱい。** · 2017/09/26(火) 14:15:17.43

>>860
span > span + b + b + b + hr + b + b + br + hr + b + span {
display: none !important;
}

**名無しさん＠お腹いっぱい。** · 2017/09/26(火) 16:36:28.55

>>861->>862
ごめん
一番上のspanは無視で2行目のspanやらbタグの要素を全部消す効率のいい方法を聞きたかった

**名無しさん＠お腹いっぱい。** · 2017/09/26(火) 17:55:24.10

「この文章で誤解なく伝わるかな？」という想像力の足りないやつだな。
落ち着いて推敲してから書き込んでほしい。

span > *{display:none}
こんな単純なことをわざわざ質問しないだろうから、これが答えじゃないんだろう。
「一番上のspanは無視」という表現を元にむりやり別解を連想するなら、こう。
span > *{visibility:hidden}
しかしこれも単純すぎるよな。

表現力に限界があるなら、とにかく具体例を示してほしい。
「nth-of-typeで一々消した例」とは、どういうものなのか。
まさかこんなのじゃあるまい？
span > span:nth-of-type(1){display:none}
span > b:nth-of-type(1){display:none}
span > b:nth-of-type(2){display:none}
...

**名無しさん＠お腹いっぱい。** · 2017/09/26(火) 19:32:49.88

「一番上のspan」をすべての親であるspan要素（インデント浅いやつ）の子要素の一番上にあるspanと解釈したら

span > :not(span:first-child)

だろうか

**名無しさん＠お腹いっぱい。** · 2017/09/26(火) 19:47:00.11

> span > span:nth-of-type(1){display:none}
> span > b:nth-of-type(1){display:none}
> span > b:nth-of-type(2){display:none}

まさにこれで考えてました。
この記述のほかにもっとスマートにできる方法があるのかと思いまして

> span > :not(span:first-child)
この書き方は考えもしませんでした。
ありがとうございます

**名無しさん＠お腹いっぱい。** · 2017/09/26(火) 19:47:29.90

同階層のほとんどを消したいけど一部表示したい要素があるなら
一行目でspan>*{display:none}、二行目以降に表示したい要素だけdisplay:○○;

**名無しさん＠お腹いっぱい。** · 2017/09/26(火) 19:50:07.69

>>865
ああそういう意味ね、確かにシンプル

**名無しさん＠お腹いっぱい。** · 2017/09/26(火) 20:21:42.89

オーケイ。これで要求がハッキリした。
個人的には :not の使用を避けて span > span ~ *{} とか、
表示させたい要素の指定に対してより汎用性の高い >>867 のほうが好きかな。

**名無しさん＠お腹いっぱい。** · 2017/09/26(火) 20:23:11.98

マジ勉強になります

**名無しさん＠お腹いっぱい。** · 2017/09/27(水) 05:15:29.36

>>869
アメリカ映画の吹替え版みたいな口調でなんか草生えた

**名無しさん＠お腹いっぱい。** · 2017/09/28(木) 19:23:20.60

>>869
何この先生かっこい