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

●前スレ
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/

アドオンCompact Menu 2を入れると下記CSSでタイトルバーを非表示に出来なくなる。
Compact Menu 2がないときは、問題なし。

#TabsToolbar {
margin-top: 0px !important;
}

CSSの修正で対応出来ないでしょうか？

1. 拡張設定のtabsintitlebarを有効にしていじれるほうのタイトルバーに戻す
2. #TabsToolbarにかかってるmargin-topを上書きする（このIDだけだと詳細度不足）

>>758
もう少し分かりやすくレスして欲しい。
どうすれば良いか分かりません。

Compact Menu 2は止めて、ジェスチャーでメニューの表示／非表示することとした。

Compact Menu 2入れるならPersonal Menuの方が最善

stylusで*{font-family:"","" !important}としてるんだけど、https://music.amazon.co.jp/*を除外したい場合どうすればいいのん？
webフォントが文字化けするから

な、age厨だろ

その下にmusic.amazon.co.jp用のコード書いて!importantで上書き

>>762
@-moz-document regexp("https?://(?!music\\.amazon\\.co\\.jp/).*") { *{font-family:"","" !important} }

Twitterの「○○さんがいいねしました」を消すcssを教えて下さい

そのままググったらあったので取り消します

Feedlyを使い始めました。
Magazine ViewやCards Viewで表示したとき、タイトル下部の文字色がグレイで見にくいです。
タイトルもグレイのようですが、少し濃くみえるので問題ないと思います。
userstyles.orgで探したのですが見つけられませんでした。
良い方法ありませんか？

文字色を変えればいいんじゃね？

>>769
その変え方が分からなくて質問しました。
userstyles.orgでベースになろものありますか？

なろもの

userstyles.orgに繋がらん

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

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

それな

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

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

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

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

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

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

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; }

【朗報】userstyle.orgに繋がる

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

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

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

フィッシングサイト

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

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

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

べつに

いじれる？

いじっちゃいや

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

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

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

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

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

そういうこと

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

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

秋からどうすれば。

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

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

ごめんageてたすまない

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

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

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

userChrome.css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

そんな機能が

>>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

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

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

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

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

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

明るい話題がないな

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

何一つ良くないな

.orgもね

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

gdgd

>>825
無理

…

stylusのアプデ来たな

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でタブを下に表示するようにしています。

連投すいません。

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

これで行けました！

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

どういうこと？

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

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

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

ctrl-shift-alt-i

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

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

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

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

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

>>840
つ要素を調査

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

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

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

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

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

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

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

wikipediaの寄付
何とかしたいne

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

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

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

> 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;
}

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;
}

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;
}

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

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

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

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