userChrome.css・userContent.cssスレ Part11

!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●※前スレ
userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/l50

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager (レガシーアドオン・要Classic Add-ons Archive)
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager (要userChromeES)
https://greasyfork.org/scripts/35880

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

●関連サイト
Userstyles.org
https://userstyles.org/
CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS
とほほのスタイルシート入門
http://www.tohoho-web.com/css/
VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

使えそうなやつ

要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector/How_to/Select_an_element
ブラウザーUIの要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox
前スレにあったコンテキストメニューの要素名集
https://u6.getuploader.com/script/download/1912
Mozilla Firefox 多段タブスレ Part.1
http://egg.5ch.net/test/read.cgi/software/1577781022/

おつおつー

おつ
さすがに来ないだろもう

>>1
おつ

6名無しさん@お腹いっぱい。 (ワッチョイ b356-hdmr)2020/03/21(土) 17:23:26.08ID:34boPUIm0
>>1
たておつ、あのキチがレス埋めしたからワッチョイ付きの必要性に傾いたというw
またしばらく別のところで暴れて報告されてISPBANでもされるんじゃね?

>>1
おつ
やっと平和が帰ってきましたね

ナイスワッチョイ
連投ガイジざまあ

ワッチョイつけるだけで来なくなるって
もしかして基本自演していることがばれてないと思ってるんだろうか

ワッチョイとかいうゴミをつけることでまともな住民を遠ざけてスレを過疎化させるのが目的なんだから、そりゃ目的が達成されれば来るはずがない
要するに喜んでるお前らは、荒らしの思惑にまんまと乗せられたアホ

ワッチョイごときで来られなくなるようなのは別に来なくていいよ

話題の偏向誘導とかやっていて板の無意味化・自殺を増長している、アホかと

Chrome上のGoogleスプレッドのセルに対してUserCSSを適用したい。
どうすればいいですか。
セルというか行と列のバーの文字が小さくて細くて読めないんです。視認性悪すぎ。
Chrome自体全体にどこのサイトもやたら細くてかすれた文字で(レンダリングが悪い)、
こんなのを入れて文字を太く調整しています。
*{
-webkit-text-stroke-width: 0.7px !important;
text-shadow: 0 0 0.1px !important;
font-family:"M+ 1C medium"!important;
}
しかしこのスタイルがスプレッドシートの表の部分には適用されず困ってます。
同じスタイルでFirefoxだと適用されます。UAをFirefoxにしても適用されません。

環境:Windows10 Chrome74 拡張はSTYLUS

セルの中身も読みづらいので、全部ボールド設定してなんとかって感じ。
ひどくね・・・(泣)

ココってGoogle Chromeスレだったっけ?

Google ChromeにはuserChrome.cssもuserContent.cssもないのに
userChrome.css・userContent.cssスレに来られてもな

チョロマーガイジの頭の悪さは異常

しょうもない質問だろうけど教えて下さい
https://i.imgur.com/lTYYhoD.png
ここのアイコンを調整したいんだけど何て名前で指定すればいいの?
>>2のやつで調べてみたものの上手く見つけられない・・・
ちなみに69.0.3

>>18
>>2のやつでホントに調べたのか?ブラウザーツールボックス使うしかないんだが

>>19
まぁ今までコピペしかしてなかったからブラウザーツールボックスとか初めて使ったんで要領悪いのは間違いないんだけどw
toolbarbutton とか色々ワードみつけてやってみたけど出来ないままだわ。
そしてついにブラウザーツールボックス自体出てこなくなったw

>>20
ブラウザーツールボックスが起動しなくなった時はプロファイルフォルダにあるchrome_debugger_profileを削除
アイコンの何を調整したいのか詳しく書いたほうがヒントをもらえるんじゃないかな。

69.0ガイジに構うなよ
基地外が感染るぞ

2318 (ワッチョイ 4e0c-AglQ)2020/04/08(水) 08:08:25.13ID:/Uib9L6w0
https://i.imgur.com/5KPR4Hn.png
74に上げてなんとか前の感じに戻せた!
>>21ありがとう助かりました。

URLバーの拡大をCSSで無効にする
https://pastebin.com/3FgEbfVS
about:configで”browser.urlbar.update1”をfalseにすると旧式になるので普通はそっちでいいと思うが

>>24
GJ

URLバー、検索バーの上下の空白をゼロにしたい。
CSSでどう記述すれば良いのでしょうか?

ブラウザツールボックスで該当する箇所の要素を調べてmarginかpaddingで調整しかないだろ?

Googleの仕様変更で使えなくなっちゃった
誰か直せる人いない?

Google Expand action menu (キャッシュの三角形を元に戻す)
ttps://userstyles.org/styles/86652/google-expand-action-menu

test

>>27
下記で少し調整できたけど、ゼロにはならない。
/*** ナビゲーションツールバーの高さ調整 ***/
#nav-bar toolbarbutton,
#nav-bar toolbaritem {
padding: 0 !important;
margin: 0 !important;
}

>>28
そこのページに今日の修正が入ってるみたいだけど
ver1.10 - 2020/4/19 fix:specification change of Google

>>30
marginはマイナス値も指定できる

>>32
それはやったけど変化なし
-10でも

0以外は単位をつけろ

>>34
ありがとう、-2pxで検索バーはスッキリするけど、URLバーは下側に1PXくらいの余白ができる。
何とかできませんか?

>>35
自分で工夫
やりようはいくらでも有る

>>36
やってみます。

38名無しさん@お腹いっぱい。 (ワッチョイ e282-hR2K)2020/04/23(木) 11:39:46.92ID:ygcdmZq50
コンテキストやら展開されるメニュー(toolやfileなど)の背景を変更したいのですが、どのidやらセレクタを変更すればいいでしょうか。これでは変化がなかったです。browser tool boxで調べては見たのですが。
menupopup,/*ポップアップの最も親*/
{background-color:red !important;
}

>>38
-moz-appearance: none;
が必要

age厨に構うなよ
基地外が感染るぞ

41名無しさん@お腹いっぱい。 (ワッチョイ e282-hR2K)2020/04/23(木) 14:56:02.97ID:ygcdmZq50
>>39
ありがとうございます。
試そうとしたんですが、今度はブラウザtoolboxが起動しなくなりました。
セーフモードでもだめです。
時々あるんですが、原因はわかりませんか?

42名無しさん@お腹いっぱい。 (ワッチョイ e282-hR2K)2020/04/23(木) 15:12:41.59ID:ygcdmZq50
解決したdeath

43名無しさん@お腹いっぱい。 (ワッチョイ e282-hR2K)2020/04/23(木) 15:27:56.50ID:ygcdmZq50
>>39
menupopup
{background-color:red !important;-moz-appearance: none;
}
こうしてもだめなようです

基地外age厨に構うからこうなる

45名無しさん@お腹いっぱい。 (ワッチョイ e282-hR2K)2020/04/23(木) 17:05:25.53ID:ygcdmZq50
importantが足りなかったですごめんなさい

ブラウザにStylusを入れてるんですが、URLに余計なテキストがついてリンクにならないものってどうやって編集して消去すればいいですか?
**http〜**みたいなもので、他のアドオンでダブルクリックするとある程度自動認識してページに移動するものを入れたのですが、
前部は消去できても後部がくっついてきてしまいます。オプションにも後部用のものがありませんでした。

>>46
cssでそういうのは無理だろ

アドレスバーと検索バーの背景色をCSSで設定したい。
どう記述するの?

ブラウザツールボックスで要素調べて背景色を指定で良いがな

5048 (アウアウエーT Sa9f-ts7H)2020/04/30(木) 18:12:13.86ID:UdW7m1TUa
>>49
それはチョット荷が重い。

なら諦めるのおすすめ

5248 (アウアウエーT Sa9f-ts7H)2020/04/30(木) 19:17:17.27ID:UdW7m1TUa
誰か優しい人いないの?
80近いジジイ

優しいテンプレあるじゃん

検索バーは次で丸みをつけられる。
#searchbar {
border-radius: 0.6em !important;
}
URLバーはどう書けば良いの?


#urlbar {
border-radius:
}

>>56
#urlbar {
border-radius: 0.6em !important;
}
これで効かないんですよ

>>57
そうだったごめん

>>57
#urlbar-background

>>59
#urlbar-background{
border-radius: 0.6em !important;
}
ありがとう
一応、丸みは出来ますがsearchbarと形が違ってきますね。

77.0b1と0b2来たけど、タブの最大横幅を指定しているとタブ位置が乱れますね。左詰めにならない。
例えば、A、B、Cの3個タブが開いている状態でAを閉じてもB、Cが左端に移動せずそのままの位置に居る。
ちなみに、about:configで横幅指定した場合も同様の症状。デフォルトの数値なら問題なく左詰めされる。

ver76に更新したらサイドバーのフォルダを開け閉めする左側の三角矢印が以前より大きくなってしまったんですが
小さいサイズに戻す方法はないでしょうか?

三角矢印?

>とかXみたいな昔風のツリーだと+−で表示されるやつの事です

>>64
消してた
/* サイドバーのフォルダの先頭にある"+","−"を消す */
#bookmarksPanel treechildren::-moz-tree-twisty,
#history-panel treechildren::-moz-tree-twisty {
list-style-image: none !important;
width:0px !important;
padding:0px !important;}


>>66
これで出来ました
ありがとうございます

>>65
消す方法は知ってたのですが
一応小さくでも表示させておきたかったので

76にしたら下記が使えなくなった;;
なんでやー

https://egg.5ch.net/test/read.cgi/software/1571968384/69

/* ブックマークメニューの▲▼スクロール領域を非表示 */
.scrollbutton-up.menupopup-scrollbutton,
.scrollbutton-down.menupopup-scrollbutton {
display:none !important;
}

作成したメニューアイテム要素にOSネイティブのスタイルを適用させるにはどうすればいいですか?

appearanceに適切な設定すれば自動でつくんじゃないの?

サイドバーの要素を選択した時のボーダー色はどう指定したら良いでしょうか?↓画像だと黄色のドット線部分です
https://i.imgur.com/O4QVa3s.png

>>68
自分の環境ではこれで消えたよ
toolbarbutton#scrollbutton-up,
toolbarbutton#scrollbutton-down {
display: none !important;
}

>>72
これってタブバーに沢山タブがあるときにでる<>も消えちゃわない?ここは残せないのかな?

>>73
arrowscrollbox.menupopup-arrowscrollbox #scrollbutton-down,
arrowscrollbox.menupopup-arrowscrollbox #scrollbutton-up {
display: none !important;
}

>>74
>>73です。家の環境ではうまく消えてくれませんでした。残念

>>75
俺の76.0.1でも消えなかったよ。
>>72だと消えた。

>>72だと確かに消えるんだけどタブバーの<>も消えて、タブをドラッグして移動するとき表示している所までしか移動できない(スクロールしてくれない)のが不便だなと思いました。<>も今回同じIDになったみたいなので無理かな?

userChrome.cssだと::part()効かないみたいだし
Shadow DOMになってる部分で適用箇所限定したいならuserChrome.jsスクリプトでやらないといけないかも

/* タブスクロールボタン非表示 */
.scrollbutton-up, .scrollbutton-down {
visibility: collapse !important;
}


76にしてから、タブを沢山開くとタブバーの左右に出現する
<>のタブスクロールバーを非表示にするCSSが効かなくなったんだけど
修正方法分かりますでしょうか?

>>79
自分が書き込む前の10レスくらい読もうよ

>>80
ブックマークがどうのこうのと最初書かれてたので関係ないかと早とちりしてしまいましたすみません。
>>72ので自分の環境では非表示にすることができました
ありがとう。

76.0.1でタブのスクロールボタンの影を消したいんだけどどうすればいいのん

>>77です。userChrome.jsスクリプトで
▲▼スクロール領域を消しつつ<>を生かすことができました!

>>24のbrowser.urlbar.update1が効かなくなった(77.0)もうcssでやるしかないのかな?

>>84
browser.urlbar.disableExtendForTestsをtrueで作成してとりあえずはしのげる
https://egg.5ch.net/test/read.cgi/software/1540101813/838

>>84-85の流れに便乗して

>>24にある
/* URLバーの拡大をCSSで無効に browser.urlbar.update1:falseなら不要 */

(本文省略)

をuserChrome.cssに記載したところ、検索結果一覧のバックグラウンドが透過になるんですが
改善方法わかる方いませんか?

https://egg.5ch.net/test/read.cgi/software/1587387627/856

856 名前:名無しさん@お腹いっぱい。 (ワッチョイ a18e-upCQ)[sage] 投稿日:2020/06/02(火) 13:45:45.78 ID:+MHMhbE90
Firefox77からMegabar無効は
browser.urlbar.disableExtendForTests 真偽値 true
user_pref("browser.urlbar.disableExtendForTests", true);

今後も変更・廃止される可能性があるのでcssでやるのが無難

Mac版77で.tabbrowser-tabにmax-widthを指定すると、タブ閉じても左寄せせずに残骸が残るようになってしまったな
Winがメインだからあまり問題ないけど…

>>86
.urlbarView {
background-color: rgba(255,255,255,100%) !important;
}
あたりでいいんじゃない?

88だけど、
.tabbrowser-tab:not([pinned]):not([fadein]) {max-width: 0px !important;}
を追加したら左寄せするようになった
多分本体の方に修正が入るとは思うけど

テスト用の設定をしたところでテスト用のコードを読み込んでないんだから
browser.urlbar.disableExtendForTestsではどうにもならん
素直にCSSでやれ

>>88
早速の回答ありがとう
無事解決しました。感謝感謝。

Twitterの「おすすめユーザー」の非表示で、通知欄のツイートやタグ付けされたツイートへの返信時に他のユーザーを非表示にする事なく、これを非表示にする事は出来ないのか?

>>92
どこのどれを表示したくてどれを消したいのかよくわからんが
通常のCSSだけでは誤爆しまくるので
ublockで:hasとか:has-text辺りを駆使していじってる

つうかスレとは関係ない気が

/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox {
font-size:13px;
min-height: 20px !important;
max-height: 20px !important;

firefox77でこれで検索バーの方だけ効かなくなってるんですがどうすれば変えられますか

#searchbarでいけるんじゃない

96マリンバード (ワッチョイ 132c-fBAy)2020/06/15(月) 13:24:26.94ID:5Zevxyt30
userChrome.css超初心者です。お詳しい方、助けてください。

「最小化ボタン」「最大化ボタン」「閉じるボタン」、通常、画面の最右上にあるのですが、
上部メニュバーの「ヘルプ(H)」のすぐ右に移動してしましました。
3っつのボタンを最右上に移動させる方法を教えてください。

お手数かけますが、よろしくお願いします。

>>96
userChrome.css の記述を全て消して再起動

なんか怪しい臭いがして表示領域を全画面にして見たら
挙動が壊れていた
77、78、79が全部逝かれた
全画面にするには、表示(V)-全画面表示、F11、全画面表示ボタンなど色々オプションがあるけど
その後の稼動に微妙に影響があったけど
今度は、全画面表示状態での挙動の他に、終了後のツールバーアイコン配置までおかしくなることがある
幾つかが隠れてしまう
ノートPCなどでの狭い領域での利用に不便が出るのだよね

99マリンバード (ワッチョイ 132c-fBAy)2020/06/15(月) 16:34:35.49ID:5Zevxyt30
名無しさん@お腹いっぱい。さん、お返事ありがとうございます。
別のスレで、名無しさん@お腹いっぱい。さんにお世話になったマリンバードです。

userChrome.cssをつかって、タブバーを下に出来ました。
副作用で、三つのボタンが左に行ってしまいました(^_^;
userChrome.cssで、ボタンを右端に移動するには、userChrome.cssに
どのようなコマンドを追記すれば良いでしょうか?
超初心者的な質問で、誠に申し訳ありません。

作業領域を全画面にして困るのは
上辺にポインティングカーソルを移動すると、するっとナビケージョンバーとタブバーが出るようにしているのが
タブバーだけになってしまうことだ

そうするとfirefoxを一旦ウィンドウ表示に戻して、操作する必要が出てくる
過去バージョンとかいろいろ振り返ったりして対処方法を考えた

要するに、firefoxの開発陣が早さを剽窃するために処理を端折っている疑いが生まれてきた
で、タブだけしか出ない時は、新規タブを開いたり、既存の新しいタブをクリックすると、その途端にナビケーションバーも飛び出すようになる
一旦、引っ込んでしまうと、また、タブだけしか出ないように戻る

新規タブを開く時の初期化作業としてやる一部のことがユーザーのポインティング操作の合間に端折られているからこんなことになるのだろう
少なくとも、ポインティングカールが上辺に達した時は、端折っていた処理を充当する必要があるね

逝かれてるのはお前のプロファイルだよ


閲覧領域を全画面表示にするときのトリガーのあり方で微妙に動作が違うと言うのがおかしい

同じ全画面表示としてユーザーに面前しているのに
内部のステータスとかプロパティーが似ているけど微妙に異なっているから
同じ操作をしても、違った動作が返って来るのだ

>挙動が壊れていた

どういう意味?

述べているような期待していた動作と異なって操作機能が不全状態に陥っていることだね

>>100
こんな場所でグダグダ自説垂れ流すならMozillaにフィードバックしたら?

ワロタ
鼻からは嗤っておいて、今度はそんなお言葉、いい加減にしろや

ンまーた基地外XPガイジ老害かよ
ttp://hissi.org/read.php/software/20200615/K1ExbEczL0cw.html

上辺のツールバー群のレンダリングが呆けているのは確かのようだ
もともと、OSをまたいだ視点から見ると、ウィンドウサイズそのものの不安定さがあったから
それを直そうとして、拗らせたのだろう

pcのyoutubeの旧デザインって完全に終了した?
今後はusercontentで見やすくするしかないのかな?

>>110
数日前から?disable_polymer=1がきかんようになったな。
履歴画面がつかいづらくてかまわんわ。

上記がきかんようになってからも数日前ならgreasemonkeyスクリプトで、戻せたけど、
ついさっきやったら、同じスクリプト使っても、もう旧版には戻らなくなってるな。
もう新デザイン強制かも。

StylishとStylusってどういう違いがありますか?

Stylishはスパイ

waterfox2020 06で
コンテキストメニューにページ内検索と再起動を追加したんだけど
cssでいいんだよね…?

非表示は検索すればたくさん出てくるけど
追加って無いなorz

var menuItem = contextMenu.Item(
label: "ページ内検索",
context: contextMenu.SelectionContext()

ここくらいまでしかわからんorz

cssが何なのかよく調べてから出直してこい

Firefox77でタブをロードしたときの[bursting]が効かなくなったんだけど
これに替わるものあるのでしょうか
.tabbrowser-tab[bursting]

いや効いてるが

息を吐くようにホラを吹くなチョン

ESR68からESR78へのアップデートにあたってuserChrome.cssの調整をしています

#main-window[sizemode="nomal"] #nav-bar {
margin-top: 43px !important;/* 値はテスト用で適当 */
}

ウィンドウサイズ毎(通常、最大、全画面)にcssの設定をしたいのですが上記のsizemodeが効いていないのか反映されません
こちらの設定は廃止されたのでしょうか?
また代替できる記述はありませんか?

nomalだからじゃないかな

>>120
119のcssをnomal、maximized、fullscreen、いずれにしても効きません
他の方もそうだと思ってたのですが自分だけでしょうか

normal


スタイルエディタでやる分には効くがuserChrome.cssだと駄目なんだな
userChrome.js経由でCSSを登録すれば効いたから一応コード貼っておく
ttps://ghostbin.co/paste/h3na8

>>124
出来ました!
ありがとうございます
なぜuserChrome.cssだと効かないのかはよく分かりませんが

というわけでちょっとnomalに首吊ってきますありがとうございました

脱xulでどんどんhtml化されてるので
userChrome.cssに@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
書いてるとだめなやつ

なるほどだからsizemodeが使えないんだ(よく分かってない)

128名無しさん@お腹いっぱい。 (ワッチョイ 1f28-tyUc)2020/07/04(土) 23:31:07.47ID:Ncu73KOc0
フレームページでフレームの移動矢印が出るようにできませんか?
同じサイトなのに FF24くらいまでは移動矢印表示されるけどそれ以降のバージョンはされません
例えば FF24 だと ttp://www.officekuma.jp/history/index2.htm のように矢印でフレームの移動できるけど、新しいバージョン
では ttps://www2.5ch.net/5ch.html のようになって移動できません

な、age厨だろ

最近いろんなサイトで無駄な演出にイライラしています
具体的には読み込み中のクルクルが出て待たされるやつです
読み込み終わってるのに一定時間待たされているのはわかってます
一つ一つサイトごとに潰しているときりがないのですが、まとめて潰せる方法はありますか?

[class*="spin"], [class*="loading"], [src*="spin"], [src*="loading"]{visibility: hidden !important}

とか?
spin と loading 以外にキーワードがあれば随時増やしてもろて

https://diamond.jp/articles/-/242247?page=4
このページの画像、最初表示されてなくてスクロールすると表示される
普通に表示されるだけならいいけど、表示されたときにまたページの上に戻ってしまい、スクロールしなおさなきゃいけない

ソース見たら
<img alt="ランキング6-40" src="https://dol.ismcdn.jp/common/dol/images/v3/loader.gif"; class=" lozad" data-src="https://dol.ismcdn.jp/mwimgs/b/d/670m/img_bd38f0b73556beafe9a30bbf8a97405b335936.jpg";>
というのがあって、おそらくスクロールするとdata-srcが読み込まれるようになってるっぽいんだけど、
最初から表示させるにはどうしたらいい?

基本的には「画像が読み込み終わったら即表示」されるようになってるので、
「無駄な時間」が追加されてるわけではないよ。

ただし、その処理をするjs自体の起動が、ページそのものの表示より遅れるので、
過去に訪れてすでに表示したことのある画像(テスト目的で同じページをリロードした場合も)だと、
「本来ならキャッシュで即表示される」はずだったと言える。

ガチでやるなら
@run-at document-start で即起動するスクリプトで、
即img要素を取得、かつ MutationObserver でbodyに現れるimgを即補足して、
img.src = img.dataset.src と書き換えるんだろうな。

その後に動くであろううサイトのスクリプトに邪魔されるとまた面倒だけど。

画面の高さが足りてないとスクロール必要みたいだから、
スクリプト書くなら window.scrollBy(0,1); しとけばいいかな。
てかここcssスレやんけ

135名無しさん@お腹いっぱい。 (ワッチョイ 6507-59Iy)2020/07/12(日) 18:19:43.03ID:Qez1k4MU0
Yahooのニュースのコメント欄の「もっと見る」がうざいと思っています
見るためにスクロールしたんだから見るに決まってるんだからいちいち面倒なことさせるなと
それでソースコードを見てみたら、もっと見るで隠されてる部分が既に読み込まれていることがわかりました
以下の部分を削除することができれば普通に読めるようなのですが、どういうふうに記述すればいいのかがわからないので教えてください
<a href="javascript:void(0);" class="moreUserCmtText" data-ylk="rsec:cmt;slk:more;pos:●" data-rapid_p="●">...もっと見る</a><span class="hideUserCmtText" style="display:none;">

136名無しさん@お腹いっぱい。 (ワッチョイ a5be-5lSn)2020/07/12(日) 19:02:23.07ID:YUrlp5G/0
>>135
.moreAthrCmtText, .moreUserCmtText { display: none !important; }
.hideAthrCmtText, .hideUserCmtText { display: inline !important; }

>>Yahooのニュースのコメント欄の「もっと見る」

Yahooのニュースのコメント欄のもっと見るはどこにあるのか教えてください

>>137
記事の下に読み込まれるコメントリストはひとつのコメが長文だと省略されてそうなるんだよ
「すべてのコメントを読む」で表示されるコメントページでは省略されてないけど
例えばこの記事
https://news.yahoo.co.jp/articles/fd746683dd3cc6a078e9f51787f9b28eb638f19c
コメントが3件表示されてるが1つは「もっと見る」になってるだろ?

>>138
わかりました

140名無しさん@お腹いっぱい。 (ワッチョイ 2376-Z1HZ)2020/07/12(日) 20:54:32.73ID:j6VC2Bnr0
>>138
>>137さんのを用いました
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
@-moz-document domain("news.yahoo.co.jp") {
.moreAthrCmtText, .moreUserCmtText { display: none !important; }
.hideAthrCmtText, .hideUserCmtText { display: inline !important; }
}
}

>>136さんのでした

142名無しさん@お腹いっぱい。 (ワッチョイ bdea-AYnL)2020/07/13(月) 08:16:08.53ID:XQnelAoQ0
>>136
できました
ありがとうございました

>>136>>140
ありがとう

マウスオーバーでメニューバーを出す書き方教えて下さい
理想は上側からヌルって出てくるようなやつを
どうか願いしますm(_ _)m

URLバーからの下に出る検索窓をURLバーの幅ではなくmegabar以前の幅(画面一杯)にしたい
cssでどうにか出来る方法ってありますか?
調べながら色々試してはみたんだけど無理だった…

マウスオーバーで隠しておいたツールバー群をヌルって出てくるのは、userChrome.js用で既出だよ
通常隠しておくツールバーもアドホックに指定できるけど、全部消すのは問題起こるみたい
ToolbarAutoHide.uc.js

css用に隠れているプックマークツールバーをマウスオーバーで出すのは前に出ていたけど
今は、上述のものに代えた
使わせてもらうだけです、感謝

147名無しさん@お腹いっぱい。 (ワッチョイ 5a82-Py32)2020/07/15(水) 18:25:46.49ID:K5GqrIyQ0

148144 (ワッチョイW b6cf-8wU3)2020/07/15(水) 20:00:24.64ID:OlcKkbPY0
>>146
レスありがとう
ToolbarAutoHide.uc.js入れてみました
試しに色々弄りながら使ってみたけどESC押してもリセット出来ないしなんか動きが不安定だし今回はパスしときます
他のスクリプトとの相性とかもあるのかな
わざわざ教えてもらったのに悪いね
本当にありがとう

ToolbarAutoHide.uc.jsでESCでのリセットが効かなくなるのはツールバーを全部隠した時に見られるようです
ツールバーは少なくとも一つは表示しないと不安定になるみたい
メニューバーあるいはナビゲーションバーで右クリックすると、「ツールバー自動開閉」のアイテムが出ているので
そこで、ツールバーの表示・非表示が選択できますよ

メニューバー出すだけならこれでいいんじゃない?
https://gist.github.com/TinyRaindrop/9a11f4ced087d4f2ef93c1d73a5a0745

>>144
俺はこれ使ってる。
MenubarReplaceWithButton.uc.js

>>149
言われた通りにやってみてとりあえず動いてるみたいなんだけどなんか動きが不安定なんだよね
マウスオーバーすると小刻みに震えちゃってるし
おま環なんかな
何度もお手を煩わせてしまってほんと申し訳ないです

>>150
これいいですね
ヌルっとではないけどシンプルで気に入りました
有難く使わせて頂きます

>>151
紹介ありがとう
とりあえずダウンロードさせて貰ったよ

長々とスレ汚しすみませんでした
レスくれた方本当にありがとうございました

>>147
出来ました、ありがとうございます!

>>140
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
が効かなくなりました
皆さんは効いていますか?
ESR68.10.0新規プロファイル+userContet.cssで効きません

もっと見るテスト用ヤフーニュースリンク
https://news.yahoo.co.jp/articles/fd746683dd3cc6a078e9f51787f9b28eb638f19c

155名無しさん@お腹いっぱい。 (ワッチョイ b133-eBzY)2020/07/16(木) 09:21:37.13ID:W30cE09V0
>>154
この話の「もっと見る」は、各コメントの末尾に表示されてた青いリンクのこと
あなたが貼ったリンクの「もっと見る」はコメントをたくさん表示するためのリンク
青いリンクに対する効果はいまでもある
ただYahooが改悪して3つ目のコメントの後半が見えない演出にされただけの話

>>155
ありがとうございます

┌───────┐
│もっと見る(000件)
└───────┘
ボタンを押さずとも コメント末尾に
  前へ➀ABCDEFGHI・・・S次へ
が表示されるようになり便利だな、と思いこんでいたのですが
青字の「もっと見る」の方に効いているのですね

>>147
に加えてURL込みで2行になる検索結果を1行にしたら気にいる見た目になった
感謝

ソープランドのホームページです
https://oushitu.tokyo/
スクロールすると引きずるような感じで時間差で動くのですが、時間差なしで動かすにはどうすればいいでしょうか

背景画像とコンテンツの問題じゃね?

サイト見る気ないけど多分htmlかbodyにscroll-behaviorが使われてるんだろうからこれでどうか?
html,body{scroll-behavior:auto!important;}

>>160
何も変わりませんでした

>>156
これほんとごみ改悪だな。
なんとかできんよな。

>>Yahooのニュースのコメント欄の「もっと見る」

これなんだけど
もっと見るのリンクは無くなったんじゃないの?
替わりに他のコメントを表示するための”もっと見る”が作られたような

このスレで指摘されて後すぐ変更されたから
もしかしてと思ったりしたけどまさかね

>>163
そりゃあんたが設定したからなくなったんでしょ
これとか設定切れば普通に出るよ
https://news.yahoo.co.jp/articles/982b5fc84378dc3b8f921d86c93a88f547c09e56

普通にコメント欄ごとに長いコメントだとあるだろ。
自分でちょっと確認すればわかる話なのになぜしない。

勝手に違う機能だと思い込んで試してみて思うようにいかないと騒いでるレベルの人なんだから仕方ない

キツネにでも化かされた気分

Fx78でこのcss動かなくなったんだけど
何か新たに必要なのかな

.tabbrowser-tab[bursting] .tab-icon-image {
animation: aa .10s ease !important;
animation-iteration-count: 1 !important;
}
@keyframes aa {
10%,50% { margin-top: -5px;
}
}

>>168
78で入れたらファビコンが上にピョコンと跳ねたけど
本来どんな動きするの?

>>169
一回上下するだけなのでそれでいいんですが
どうしてうちのFx78だと動かないんだろう
他のCSSは効いてるのに

もう一台のパソコンに入れてあるFx68では動いてくれるのに

>>170
@-moz-document url("chrome://browser/content/browser.xhtml"){
>>168のやつ
}
他のuserchrome.cssは動いてるならとりあえずcssの中身これだけにして動作確認してみたら

>>171
そのようにしてみましたが動きませんでした
時間あるときになぜ動かないのか検証してみようと思います

ChromeにStylusを導入しているの。
プルダウンリストを動的に生成しているサイトにおいていらないものを非表示にするにはどうすればいいか。

居住地の選択で、
○国内 ○海外
の選択で北海道〜沖縄 アジア>国,ヨーロッパ>国 のようなプルダウンが現れる構造。
たとえばStylus上で以下のように設定すると。
#Select--12--option-0
0の部分が都道府県で「北海道」が消えるのですが、国内国外の選択を行った時点で中央の「12」の部分がランダムで変動します。
そのため12じゃなくなると・・・消えない。全部で何パターンあるのかわからないので、それを全部指定するわけにもいかず。

おたすけを・・・。

具体的なサイトを貼ってもらわないことには
たぶん貼られてもcssじゃ解決できない可能性もありそう

つーかスレチだろが
なんでチョロマーガイジが湧いてんだよ

176173 (ワッチョイ 595a-5P24)2020/07/27(月) 06:01:03.72ID:roL2Cbhm0
書き直したせいで冒頭いきなり変な言葉遣いになっている・・・きも

>>174
・質問するときには使用環境を書くのは当たり前(具体的なサイトを書かなかったのは「よくある」から。)
・UserContent.CSSの代わりに古くはStylishを、現在はStylusを使用している「だけ」
=やってることは同じと判断したが何か問題でも?

北海道〜東北じゃないとマウスくるくるかドラッグでスクロールさせなきゃ出てこないのウザくてたまらん
頭に数字か、アルファベットついてたらくるくる減らせるだろうにな。
なので動的生成じゃないサイトでは自分の県以外全部display:noneにしているのだが・・・

>>173
自分もそんな気がしてきた。いったんはブックマークレットの線も考えたが自分がそっち系は疎くて。
Web構築のCSSであればワイルドカード指定なり正規表現的なことが出来るとレファレンスサイトで読んだが
こっち側のCSSではやはり無理?

俺たち側のCSSなら出来るぞ
お前も早くここまで登ってこいよ待ってるぞ

「そのサイト」限定でよければ、前方一致と後方一致を組み合わせればいけるかもしれない。
[id^='Select--'][id$='--option-0']

CSSでサイトのフォント指定って出来なくなったのでしょうか?

以前はこんな感じでヒラギノを設定していたのですが、いつからか効かなくなりました
修正箇所あったら教えてください

@-moz-document regexp("^(?!http://www.feedly.com).*"){

font,table,href,body,td,p,div,span,ul,li,select,input,textarea,em,a,b,h1,h2,h3,h4,h5,h6,h7 {
font-family: 'ヒラギノ角ゴ4' !important;
}

/*等幅の要素*/
code , kbd , pre , tt , var , samp {
font-family: 'ヒラギノ角ゴ4等幅' !important;
}

/*フォームの部品設定*/
select,input {
font-family:'ヒラギノ角ゴ4等幅' !important;
}

}

>>179
httpsでアクセスするようになったのでは?

>>179
feedlyってwwwいらなくね?
wwwつけてアクセスしたらwwwのないfeedly.comにリダイレクトされるよね?

>>180,181
レスどうもありがとう
feedly関係なく訪問したサイト全部にヒラギノを使いたい場合とかどう書けばいいですか?
あれからいろいろ試してみたのですが、どうもうまくいきません

>>182
stylusに登録したらどう?

フォント名、オプション→既定のフォントの所の選択箱で認識してる名前と同じになってる?

>>184
そこを一緒にしないと駄目なんですかね?
以前はCSSの方を優先して表示されていたのですが

186名無しさん@お腹いっぱい。 (ワッチョイ 8b7d-HbTP)2020/07/28(火) 17:06:12.83ID:sF1TepC20
https://news.yahoo.co.jp/articles/303c409a9a33ca08e5a323c09ea0d065392f2170
右側にある「おすすめの有料記事」の欄をStylusで消したいのですが、
.yjnSub_section{display:none!important;}
とすると、上にあるアクセスランキングの欄まで消えてしまいます。
同じ名前のクラスだからなのですが、有料記事のものだけ消すにはどう書けばいいか教えてください。

section.yjnSub_section:nth-of-type(4){
display: none !important;
}

.yjnSub_section:nth-of-type(4)

ただし4番目であることに依存している。現行のcssでできる限界。

かぶってしまってすみません

今のところ常にリスト最後にあるから
#yjnSub>#yjnFixableArea section:last-of-type{ display:none!important; }

https://news.yahoo.co.jp/articles/348ad768e71ee70f75012ef954645f580d2605cc
有料記事が3番目(最後)のやつがあったので>>190さんのものを使わせていただくことにしました。
みなさんありがとうございました。

3人の方々に感謝

193名無しさん@お腹いっぱい。 (ニククエ 4a7e-xE3T)2020/07/29(水) 20:27:07.70ID:TGOZZxkO0NIKU
今のYouTubeは、ウィンドウのサイズを変えるとプレイヤーのサイズも変わりますが、
これを旧UIみたいに固定することはできないでしょうか?
ホームや登録チャンネルの幅はこのままで、ビデオ再生画面だけYouTubeの幅を固定したらいいのでは、
と思いますが、自分でCSSを書いてどうにかしようにもうまくいかないのです。

194名無しさん@お腹いっぱい。 (ニククエW 1676-tEq6)2020/07/29(水) 21:30:23.04ID:AvKUG00g0NIKU
@-moz-document url-prefix('https://www.youtube.com/watch?v=') {
@media screen and (min-width:○○) and (min-height:○○) {
ここに動画要素のサイズなどを定義
}
}
こんな感じで指定すればいいよ

195名無しさん@お腹いっぱい。 (ニククエ 4a7e-xE3T)2020/07/29(水) 22:44:28.33ID:TGOZZxkO0NIKU
>>194
ありがとうございます。
まだうまくいってないのですが、ヒントをいただいたので頑張ります。
うまくいったら報告します。

url-prefixの最後のv=はない方がいいかも
プレイリストだとlist=が先に来る場合あるし

68から78にバージョン上げたらページ内検索バーの高さが変わらなくなりました
文字を入力するボックスの高さなんですがどうすればいいでしょうか

198197 (ワッチョイ fa76-Xvfy)2020/07/31(金) 21:36:30.40ID:8cgArjHR0
すみませんページ内検索バーの高さ変えられました

https://news.yahoo.co.jp/feature/1777
「後半を読む」というのが邪魔なので消したいです
<section style="display:none" id="hiddenContent">
というのが、クリックすると
<section style="" id="hiddenContent">
に変わっているのですが、どのように記述すればいいか教えてください

>>199
消すなら.loadButtonの部分だけだけど、記事を読むんだよね
@-moz-document domain("news.yahoo.co.jp") {
#hiddenContent {
display: block !important;
}
.loadButton {
display: none !important;
}
}

>>200
hiddenContentのほうだけでいけたと思ったら下にいらんボタンがあったwww
ありがとうございました

タブバーを画面の一番下に移動するcssが分かりません
検索して見つけたのはナビバーとブックマークツールバーの下に移動させるcssだけでした

>>202
本スレの470で同じ質問あったから見て


アドレスバーを選択したときの水色の枠線を、検索バーと同じ大きさにする方法を教えて下さい…

>>205
URLバーがデカくならないって意味ならこんなの自分は使ってる
https://pastebin.com/FwXwBW1D
もしくは参考
https://www.userchrome.org/megabar-styling-firefox-address-bar.html

headlines.yahoo.co.jpの「おすすめの有料記事」も消せませんか
https://headlines.yahoo.co.jp/cm/articlemain?d=20200803-01684952-sspa-soci

>>206
横からだけどありがとう
地味に気になっていたので助かった

209205 (ワッチョイ d1b1-HICl)2020/08/09(日) 07:29:45.75ID:l46KTl8a0
>>206
ありがとうございます!

78.02でtoolkit.legacyUserProfileCustomizations.stylesheets を trueにしても
userChrome.cssが反映されないのはなぜですかね

>>210
77のときは使えた?

>>211
77は使ってなかったんですが

>>212
@namespace url(
CSSの最初のこれから始まる1行全部消してみて

旧ver.ガイジに構うなよ
基地外が感染るぞ


>>210
ありがちなのはchromeフォルダの置き場所を間違えてる(別のprofileに置いてる、等)
先ずはそこを確認してみては

場所が合ってるなら記述を間違えてる、そもそも78.0.2では有効にならない内容だから、等が原因かも

みなさんありがとう。書かれたこと全部やったけど変わらず。
portable版だから?

以前は54のportableを使っていて、78.02(portable)を最近使い始めたんですが、
54はchromeフォルダにuserChrome.cssを入れただけで反映していた
はずなのに。

portableはスレチ

:\FirefoxPortable\Data\profile\chrome
chromeの場所ここと同じだよね

>>217
54とはまた古い
portableはよくわからないけど、216に書いたように54では有効でも78.0.2では無効、な内容なんじゃない?

試しに
* {
color: red;
}
これをuserChrome.cssに書き加えてみ
UIの文字が赤くなるようならcss自体は反映されてるってことだから

221名無しさん@お腹いっぱい。 (アウアウカー Sa69-np1t)2020/08/12(水) 01:15:26.72ID:c9G5snCNa
54から78だとcssの大半使えなくなってそうだな

>portable版だから?

後出しするアホ

youtubeのTOPページの表示数を変えるために1つ1つのコンテナの大きさを小さくしてるんだけど
youtubeがページ遷移せずにajaxで切り替えてる?っぽいせいで
たまに適用されなくなるタイミングがあってそれ以降更新しないと適用されなくなるのがうざいんだけどどうすればいい?
#contents.style-scope.ytd-rich-grid-renderer {
padding-left:100px;
}
ytd-rich-item-renderer.style-scope.ytd-rich-grid-renderer {
width: 196px!important;
margin-right: 4px;
}
CSSはこういう感じ
URLが切り替わったらCSSを適用し直すJSも試したけど上手くいかなかった

Stylusで要素を消したいのですが、定期的にクラス名が変わります

.sc-fBuWsC{display:none!important;}
.sc-fAjcbJ{display:none!important;}
.sc-caSCKo{display:none!important;}
.sc-kvZOFW{display:none!important;}

.sc-の部分は共通しているようなのでワイルドカードみたいなものでまとめて消したいのですが、どう記述すればいいか教えてください

[class^="sc-"]{display:none!important;}

^= 前方一致 $= 後方一致 *= 任意一致
頻出質問だな

ただしclass名が複数設定されてる場合は個別のclass名に対して前方後方一致ではなく属性文字列全体に対してであることに要注意

227名無しさん@お腹いっぱい。 (ワッチョイ 7f76-z9XK)2020/08/22(土) 13:51:53.71ID:OuoU+Bti0
ロケーションバーと検索バーをアクティブにしたときの青枠線を違う色にしたいです
以前は替えられたのですが最近のバージョンアップで変わらなくなりました
WindowsでFirefox79です

な、age厨だろ


Firefox80になってWindowsの設定によってタブの読み込み中アイコンが砂時計になるのを青い点に戻すやつ(適当)

.tab-throbber{
background-image: none !important;
background-image: url("chrome://browser/skin/tabbrowser/tab-loading.png") !important;
}

>>230
いいね

>>230
ありがとう

233230 (ワッチョイ 82be-JI6e)2020/08/28(金) 10:52:24.00ID:tk7GCOcA0
>>231,232
よく見たら background-image: none !important;
は要らなかったみたいです
ほんと適当だわ

ちなみに玉の色を正確にしたいなら
https://www.reddit.com/r/FirefoxCSS/comments/i0p219/any_way_to_restore_just_the_animated_tab_throbber/
のIt_Was_The_Other_Guyさんの書き込み通りにやればいい

>>230
ありがとう
OS側の設定でアニメーションonにはしたくなかったので助かった

相変わらずredditはじめ海外の掲示板?はどう見て行ったらいいのかワカランな・・

redditはたまに見て参考にしてるけどサイト内の検索もトピックスのツリーも使い辛いよ

でもredditの連中に5chを見られたらボロクソ言われる予感wwwww

そりゃそうだ
才能が必要です。紳士的にふるまいましょうって強調されてるもん

細かいけど>>230の修正

ダークテーマ用

.tab-throbber[busy] {
background-image: url("chrome://browser/skin/tabbrowser/tab-loading.png") !important;
}

.tab-throbber[busy]:not([progress]) {
background-image: url("chrome://browser/skin/tabbrowser/tab-loading-inverted.png") !important;
}

ライトテーマ用

.tab-throbber[busy] {
background-image: url("chrome://browser/skin/tabbrowser/tab-loading.png") !important;
}

.tab-throbber[busy]:not([progress]) {
background-image: url("chrome://browser/skin/tabbrowser/tab-connecting.png") !important;
}

>>240
もらった、サンクス

ピクチャーインピクチャーの枠の色を変える事って出来ますか
youtube限定でも問題ないです
欲を言えばサイズ変えられるホバーの範囲をもうちょっと増やしたいけど
要素だけ分かれば行けそうなので

>>206 にも貼られてるけど、 userchrome.org は >>1 >>2 あたりにテンプレ化してもいいんじゃないだろうか
https://www.userchrome.org/

あと今後 userChrome.css の運命がどうなるかの見通しってどうなってるんだっけ?
どこで確認すればいいんじゃろ?

>>230
ありがと

245名無しさん@お腹いっぱい。 (キュッキュ 3dbe-pVuC)2020/09/09(水) 18:16:52.21ID:EcTxw51S00909
Twitterの広告消し
https://twitter.com/orzine/status/1253124504210948098

@-moz-document domain(twitter.com) {
div[class$="css-1dbjc4n"][data-testid="placementTracking"]
{display:none !important;}
}
https://twitter.com/5chan_nel (5ch newer account)

スポナビのページ右上方にあるピックアップ動画を消すことできないでしょうか
ページ開くと必ず再生されていて嫌です
https://sports.yahoo.co.jp/

>>246
自分でできました

248名無しさん@お腹いっぱい。 (ワッチョイ bf30-xVpC)2020/09/16(水) 18:09:38.40ID:ePuCGpHr0
nightlyでタブのフェードを消す方法を教えて下さい
これでは駄目でした
.tab-content {
padding-top:5px !important;min-width:55px !important;
mask-image: none !important;
}


方々で連日暴れてる基地外age厨スルー推奨

今までunreadTabs.uc.js使ってuserChrome.jsで未読タブの色を指定してたんだけど
esrが68から78に変わったら機能しなくなっちゃった
未読タブの色を指定する方法ってありますか?

251名無しさん@お腹いっぱい。 (ワッチョイ 17da-wDiw)2020/09/28(月) 21:43:36.42ID:f0IVTv0r0
>>250
古いバージョンなのではないかな

>>251
unreadTabs.uc.jsは最新のに入れ替えてみた
これは78でも機能してるのかな

253名無しさん@お腹いっぱい。 (ニククエW 17f1-CiRx)2020/09/29(火) 19:53:39.50ID:KrYfjPC40NIKU
>>250は古いキャッシュ?が残ってたみたいで全部消して再起動させたら機能しました
お騒がせしました

googleの検索結果を以前の形式に戻すアドオン「Make Google Search great again」ですが、
今日から効かなくなりました。以前も効いたり効かなかったりでしたが。
アドオンの更新は放置されているようなので、CSSで対策することってできないでしょうか?(´・ω・`)

81.0.1に更新したらuserContent.cssが効かなくなった

256255 (ワッチョイ d373-2+Dn)2020/10/01(木) 20:10:03.54ID:8FOnbbAu0
userContent.cssが効かないのではなくて
グーグルの検索結果の仕様が変わったのが原因だったようです
スレ汚し申し訳ない

検索結果の下線効いてなかったりしたけどやっぱ仕様変わったのか

下線は効いてる

Google Search - Classic Links
https://userstyles.org/styles/99353/google-search-classic-links

Stylusで動いてた「Google 検索ツールをサイドバーへ」
改訂版よろしくお願いいたします。

>>258
ありがとう
違うとこ参考にしてしてたのが今日効かなくなったから助かった

最近文字数なのか行数制限なのか分からないけど
css書き込めなくなってしまったな

Make Google Search great again バージョンアップしたね

263258 (アウアウエーT Sadf-Kk5w)2020/10/02(金) 10:50:37.11ID:cBVPPIKOa
「Google 検索ツールをサイドバー」は諦めて
Fix Google Search Options.user.jsを入れたら、
AddSearchOptions4GM.user.jsとGoogle Search English Filter.user.jsが不用になった。

>>263
でも「Google 検索ツールをサイドバー」の方がスッキリする。


>>265
ありがとう、助かりました。

Google絡みで、おなじく昨日のアプデから
検索キーワードを着色してくれるってCSSが効かなくなりました
どこかのスクリプトに入っていて、それだけ欲しかったから移植して使ってたんだけど

/* Keywords - Red highlight */
#rcnt h3.r em,
#rcnt span.tl em,
#rcnt span.st em {
color: #DD4B39 !important;
font-weight: bold !important;
}

↑こういうやつです
結構重宝してたから復活させたいんですけど
どなたか最新の対応分かりませんでしょうか
お願いします。

サイドバーもスクロールするんだ

Google Search Sidebar をスクロールしないよう固定
Google検索 "すべてからツール"までをスクロールしないよう固定してみた
https://u9.getuploader.com/diet/download/83

270269 (ワッチョイ e376-2+Dn)2020/10/02(金) 23:36:28.15ID:9ypqQyJ60
ダウンロードパス sidebar です

>>269
もともとある
Google検索バー固定

あったのか
そういうことなら消しとくわ

>>265
ありがてぇ

>>267
うちの環境ではこれで効いたけど、ダメ?

em {
color: #DD4B39 !important;
font-weight: bold !important;
}

>>274
>>267です。元通りに着色されて見やすくなりましたアリガトー

ブラウザーツールボックスで要素を選択する時に出ていた赤い線と言うか枠が
出なくなってしまったのですが出るようにする方法はありませんか?

debuggerフォルダ削除してみたら?
知らんけど

chrome_debugger_profileを削除しても変わらずでした

tes

ここで聞いていいのか分かりませんが
YouTubeのライブのチャット欄の時間表示のところを非表示にしたいんだけど
分かる方いますでしょうか

 〇 1:50 PM NAME かくかく
    しかじか

 〇 NAME かくかくしかじか

上のようになるのを時間を消して下のようにしたい

>>280
右上のタイムスタンプでON/OFFできるよ
https://i.imgur.com/ezlbAMt.png

#timestamp {display: none !important;}

>>281-282
こんな速くありがとう。というかそこからできたのか・・
いつもチャットを切り離すのにそこを押していたのにw

/* チャットへようこそを消す */
#card {display: none !important;}

285名無しさん@お腹いっぱい。 (ワッチョイ 3be8-1sMg)2020/10/18(日) 17:34:07.78ID:bxSLhnEy0
1

286名無しさん@お腹いっぱい。 (ワッチョイ 21b1-fjTi)2020/10/22(木) 11:06:27.30ID:lmZik3R40
Website Themes & Skins by Stylish | Userstyles.org
https://userstyles.org/styles/28574/wikipedia-link-to-my-language-beta-and-old

動かなくなりました。修正できるならお願いします。

Userstyles.orgで頼んだ方がいいね

.bookmark-item[label="●●"]:not([query="true"]){
list-style-image: url(■■) !important;
-moz-image-region: rect(0 256px 256px 0) !important;
}

上記の方法でブックマークのフォルダアイコンを変更しています。
たくさんのブックマークフォルダがあるので、出来ればフォルダ名を無くしてアイコンだけで使用をしたいです。
ADD_DATEやLAST_MODIFIEDで指定をしても駄目でした。
labelで指定をする以外に方法は無いですか?

出来るものなら、簡単にフォルダアイコン変更出来てフォルダー名なしで済ませたいね

フォルダーアイコンサイズを0にして、名前を一文字程度にしてアイコン代わりにしている
あまり、格好良くないけど仕方がないね、白と灰色のグラデーション掛けている

>>289
同じ思いの同士さんが居たとは嬉しいです。
ひと文字のラベル名作戦は試したんですが、精神的に宜しくなかったので今回質問をしました。

書いていてふと思ったんですが、ファイル名自体をdisplay: noneで隠せないかなと。
うーん、考えるよりも試してみます。
アドバイスをありがとう。

試してみました。
.toolbarbutton-text .bookmark-item[label="■■"] {
display: none !important;
}
これだと駄目ですね。

.toolbarbutton-text {
display: none !important;
}
これだとツールバーボタン名の全てが消えちゃいますが一応フォルダ名は隠れてくれました。
他にも方法が無いか調べてる間だけでもこれでいってみます。

>>291
.bookmark-item[container="true"]:not([query="true"]) { 〜〜 }
.bookmark-item[container="true"]:not([query="true"]) > .toolbarbutton-icon { margin-inline-end: 0 !important; }
.bookmark-item[container="true"]:not([query="true"]) > .toolbarbutton-text { display: none !important; }

>>292
それで出来ました。
すごいですね。
無駄口を叩かないところが格好いい。
本当に有り難かったです。
ありがとうございました。
嬉しい。

>>288のpxの値を変えて、>>292の設定でローカルフォルダーにあるpngファイルを表示することが出来ました
ありがとう
自前のカテゴリー用のファビコンを用意しなくてはならない
両立できないので、それまでは従来設定でいくしかない

295名無しさん@お腹いっぱい。 (スフッ Sdb2-RPT/)2020/11/07(土) 19:27:18.35ID:/fD/cqh1d

>>276
俺もいつのまにかそれ出なくなった
ベータ版使っててそれが83になったのがきっかけかなとか思ったり
でも思い出せんし戻して試すのも面倒なので放置してる

userChrome.cssを使うと、ChromeやFirefoxでリンク上で中クリックしたときにも、
リンク外を中クリックしたときと同じように自動スクロールの動作にしたりできますか?

cssは見た目を変えるもので動作を変更するのはscriptじゃね?

>>298
すいません、仕組みがわかっていませんでした。
scriptを探せば中クリックの処理を変更できるということでしょうか。
それとも、そのへんの処理は絶対にいじれない仕様なのでしょうか。

XMBCってソフトだとそのへんいじれるけどねぇ

>>300
X-Mouse Button Controlも使ってみたのですが、
ブラウザの自動スクロールのような動作ではありませんでした。
昔のFirefoxでは拡張機能で簡単に実現できたものだったんですが。

リンクをマウスオーバーしたときにウィンドウ左下に表示されるリンクをuserChrome.cssで消せますが
#statuspanel[type="overLink"], statuspanel[type="overLink"] { display: none !important; }

これを指定したサイトのみで非表示にする手段はありますか?
具体的には画面一杯に画像を拡大表示してる時にリンク表示がかぶるのが目障りでどうにかしたいのですがそれ以外の時は普通にリンク表示したいので両立したい

ステータスパネル、自分はロケーションバー内まで位置を移動させているよ
レガシーアドオンのStatus-4-Evarの代わりの妥協だけども
ここなら邪魔にならんし、読み込みの具合?みたいなのも把握できて便利だよ
もう今のFirefoxは爆速だけどね

現在のページ指定はできないがリンク先指定ならできる
例えばegg.5ch.netへのリンクをステータス表示しないようにするなら
#statuspanel[type='overLink'] #statuspanel-label[value*='egg.5ch.net']{
display: none!important
}

>>304
お前が神か
自分のケースではリンク先が同一ドメインだったので求めていた動作になったのでこれで行こうと思います
考えてみれば出来て同然の指定だけど全然考えが及ばなかった心の底からありがとう

>>303も案提示サンクス

306名無しさん@お腹いっぱい。 (ワッチョイ 97b1-ZC6u)2020/11/28(土) 17:25:35.38ID:Ig64f9IF0
wrs

>>303
ステータスパネルをロケーションバー内まで位置を移動
やり方教えてほしいです

>>307
https://u6.getuploader.com/script/download/1975
https://i.imgur.com/eNYD77V.png

↑自分のやつと見た目。
当然みんなそれぞれ環境違うから位置とか弄って合わせてね
色もお好みで

>>308
ありがとうございます、できました
https://imgur.com/a/CSEoOjI

角川アスキー総合研究所の情報サイト ASCII.jp (https://ascii.jp/)に
アクセスしたら、背景画面の要素として、
##[href="https://sega.jp/astrocitymini/index.html";] が表示されて、
アストロシティミニセガに転送された。なんだコレ!!!

84にアプデしたところマウスオーバーでポップアップされるURLが左上に表示されるようになりましたが
従来の左下にするにはどうしたらいいでしょうか?

左上に表示されるようにはなっていませんので
環境を見直してみることをオススメします

313名無しさん@お腹いっぱい。 (中止 d158-80jV)2020/12/25(金) 15:45:07.75ID:PSS6tVUD0XMAS
サイトのドロップダウンメニューで一度に表示される高さをもっと高くしたいのですが、どのように書けばいいのでしょうか?
デフォルトだと500pxくらい表示されて、後はスクロールバーでスクロールする仕様になっていると思いますが

314名無しさん@お腹いっぱい。 (中止 8f73-D8ps)2020/12/25(金) 16:20:35.35ID:0lNwcR1i0XMAS
サイトのURL貼らないと答えられるわけない

アドレスバー選択時に出てくるメニューをアドレスバーの幅にするが使えなくなったなあ。
ウィンドウ幅で出てきてしまう。

ごめん。>>315は気のせいだった。

リンクテキストのあるリンクの背景を変えたいんだけどリンクテキストの有無って指定する方法ないかな

radikoの再生プレイヤーを最初から表示させとくとかcssで出来るものなの?

他のブックマーク
ってのがブクマバーに追加されてるのに気づいたんだけどいつの間に?

320名無しさん@お腹いっぱい。 (ワッチョイ 4176-Y9CH)2021/01/20(水) 13:06:30.51ID:4fqcpZvP0

>>320
ありがとう
しかし再起動後に強制的にtrueに戻される...

あーごめんなさい!
フィルタリングで出てきた違う方操作してました><

323名無しさん@お腹いっぱい。 (ワッチョイ 4176-Y9CH)2021/01/20(水) 16:59:36.07ID:4fqcpZvP0

>>319
これの消し方知ってる人いない?
邪魔。

>>324
>>320じゃダメなのか?

>>325
できた。ありがとう。

bookmarks_toolbar_multiple_lines_fx74の表示が変になった
直し方教えて

ハイ次の患者さんどうぞ

329名無しさん@お腹いっぱい。 (ワッチョイ e76e-EJmd)2021/01/24(日) 16:31:41.15ID:n7fJTNwB0
じゃあ俺が…
bookmarks_toolbar_multiple_lines_fx74の表示が変になった
直し方教えて

bookmarks_toolbar_multiple_lines_fx74
っての見たら97行もあるんだけどこれ普通にブックマークツールバーを多段にするだけ?
自分が昔から使ってるのは20行くらいのやつで今も問題なく動いてるけど
どこから持ってきたかはもう覚えてない

最近googleで検索すると、
セーフサーチをオンにすると、不適切な検索結果が除外されます。
というメッセージが表示されるのですが、これを非表示にするcss分かりませんか

>>331
自分は
.chrXF{display: none !important;}
で消しました

>>332
どうもありがとうございました
ちゃんと非表示にできました

334名無しさん@お腹いっぱい。 (ワッチョイ 9f76-0fiA)2021/02/09(火) 13:15:47.32ID:W57zLwkE0
スポナビなどYahoo! JAPANの動画再生を
画質自動から1080p固定にできないでしょうか

な、age厨だろ

86ってFirefoxがインストールされてるところのfontフォルダに入れてるフォント読み込まなくなってるかるか?
85まではuserContent.cssでfirefoxインストール先のfontフォルダ内のフォントフォント指定してもfont変更効いてたのに
86からはwindowsにインストールされてるフォント指定しないと効かない?

日本語変になってるけど気にしないでくれ

>>336
gfx.bundled-fonts.activate

>>338
その項目-1になってたのを1にしたら有効になったよ
ありがとう

タブのコンテキストメニューで「複数のタブを閉じる」を非表示にしたいのですが
userChrome.css どう書けばいいでしょう?

341名無しさん@お腹いっぱい。 (ワッチョイ 9f76-M7ar)2021/03/11(木) 11:11:03.42ID:mSzzRpui0
>>340
#context_closeTabOptions {
display: none;
}
ブラウザツールボックス使えるようになるといいね
俺は二か月くらい前にやっと少しだけ使えるようになって
非表示にしたり色を変えたりするくらいはできるようになった
「複数のタブを閉じる」を消すのは10秒かからないくらい簡単

>>341
ありがとうございます 非表示にすることが出来ました

今日になってYouTubeにスクロールバーが現れたんだけど
これを非表示にするやつお願いします。
画面サイズとか他のにも影響してしまって

344名無しさん@お腹いっぱい。 (ワッチョイ 0176-Lq5Y)2021/03/13(土) 18:47:31.94ID:DXiA/UdY0
YouTubeにスクロールバーってどこだろ

な、age厨だろ

エスパーするとこれかな?
ytd-feed-filter-chip-bar-renderer
yt-chip-cloud-renderer

a:visited { color:#xxxxxx; }

↑と、訪問リンクに着色するようにしてるんですけど
元の色と重なって着色されるケースがあって見づらい場合があります
これをちゃんと指定した色だけで表示する書式とかありますかね?

縁取りされてる?

/* サイドバー内の行間調整 */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:29px !important;
}

をuserChrome.cssに追記してサイドバーの履歴やブックマークの行間は変更できるけど、FoxAge2chの行間には反映されない
FoxAge2chの行間を広げるにはどのように記載すれば良いか知ってたら教えて

FoxAge2ch (サイドバー/ウィンドウ共通)
#foxage2chNotifbox treechildren::-moz-tree-row

全てのツリーの行間を統一していいならtreechildren::-moz-tree-rowだけでいい

>>350
/* foxage2chサイドバー内の行間調整 */
#foxage2chNotifbox treechildren::-moz-tree-row {
height:27px !important;
}

で行間を広げることが出来ました、ありがとうございます

あとフォントも変えたいのですが、『 height:27px !important;』の下の行に『font-family: 'BIZ UDPゴシック' !important;』を追加しても
反映されてないようです

フォントを変えるのには他の記述が必要なのでしょうか?

訪問済みリンクの色が設定されていないリンクの色を変えたいんだけどどうすればいいんだろう
優先度とかよくわからん

ブックマークツールバーのフォルダをクリックした時に展開される背景の色を変えたいんだけど、
userChrome.cssにどう記載すればいいか教えて

ブックマークツールバーのフォルダの背景色はOS依存っぽいから
ここだけ変えるのは無理みたいだね

>>353
#PlacesToolbar .bookmark-item[container] menupopup {
appearance: none !important;
background-color: lightblue !important;
}

ツールバーからはみ出した時のやつは
#PlacesChevronPopup

わぉ流石

357353 (ワッチョイ 3758-V1J0)2021/04/18(日) 22:31:59.96ID:Q6Nt2mAt0
>>355
ありがとうございます、でも残念ながら色は変わりませんでした

後出しでもうしわけないのですが、78.9.0esrを使っています
このverが原因なのでしょうか?

79までは-moz-appearance: none !important;

>>358
色の変更出来ました、ありがとうございます

AquaKanaってフォントがmacにあるんだけどさ
設定にもFont Bookにも出てこない特殊なフォントで、単にfont-family:AquaKana!importantとしても使えないんだけど
今までは
@font-face {
font-family:a;
src:local(AquaKana)
}
* {
font-family:a!important
}
みたいな感じでsrc:local()でなら指定できるのを発見して使ってたんだけど
今回のアプデ(88)でこの方法が使えなくなったっぽい
ちょう悲しい

いつからか、タブコンテキストメニューに「すべてのタブの状態を表示する」が追加されてるね。
非表示にしたいです。

うちのにはないですね

うちのにもないですね

>>362、363
ごめん、LoadTabOnSelect3だった。

tampermonkeyをアップデートしたら右クリックメニューにまた項目が表示されるようになったので非表示にしたいのですが、ID分かる方いますか?
教えてください

>>365
4.12.6132以降は設定のContext Menuの所で切り替えできるようになってるぞ

>>366
ありがとう!
助かりました

90になると、ToolbarAutoHide.uc.js が旨く機能しなくなるようです

また、タブバーを下に移動cssがうまくいかなくなります
アプリケーションウィンドウの下にタブバーが表示されるようで
本来、あるべき位置には、開いたURLのタブが表示されないです

対応をよろしくお願いします

ハイ次の患者さんどうぞ



userChrome.css・userContent.cssスレ Part11
368 :名無しさん@お腹いっぱい。 (ワッチョイ e211-0Gnt)[sage]:2021/04/24(土) 11:44:58.49 ID:XIgZmRKK0
90になると、ToolbarAutoHide.uc.js が旨く機能しなくなるようです

また、タブバーを下に移動cssがうまくいかなくなります
アプリケーションウィンドウの下にタブバーが表示されるようで
本来、あるべき位置には、開いたURLのタブが表示されないです

対応をよろしくお願いします

Mozilla Firefox Part371
248 :名無しさん@お腹いっぱい。 (ワッチョイ e211-0Gnt)[sage]:2021/04/24(土) 17:09:02.01 ID:XIgZmRKK0
一辺倒は低能化のはじめ

次の低能火消しさんどうぞ

またGoogleの仕様が変わったつれえ(ヽ´ω`)
3か月持たんかった

89.0b6でもタブ下段が真っ白になってしまった
元に戻して様子見

89が鬼門の入り口のようだ

つまり、80代は88がお終いで、89は90代に属しているように見なしたほうがよいようだ

あと10日ほどでまた大騒ぎかな

Stylusで全体に効かせてるCSSを、とあるサイトだけ除外することってできますかね
MacType風にフォントに装飾するCSSを全体に適応しているけども
例えばYouTubeだけオフにしたい。みたいな感じです

>>376
正規表現に一致する URL に以下を追加

https?://(?!(www.youtube.com)).*

>>376
YouTube開いた状態でStylusのアイコン左クリックして除外したいCSSの一番右にあるアクションメニュー(縦の3点アイコン)開いて
現在のドメインを除外を選ぶ

>>377-378
できましたーありがとうございます。
しかもこんな簡単な方法があったなんて
適応する方のURLを追加して行ってたんで大概大変だったんですよねw

Stylish2.0.7をようつべに使いたいんだけど
消したい要素はこれで消えるけど
{ .ytd-grid-renderer.style-scope
{ display:none !important }}

特定のワードが入った要素だけを消すには
ここにどういう文を追加すればいいですか?

>>380
例えばクラス名に〇〇という単語が入っている場合

[class*="〇〇"]
{display:none}

複数指定する場合は>>131さんみたいにするといいかも

uBO使った方が楽にできそう
StylishやStylusって、uBOの:has()や:has-text()に相当するやつあるっけ?

>>382
対象がテキストの場合はuBlock Originでいいんじゃないかな
CSS詳しくないから分からないけど

>>381
ありがとうございます
こんな感じでclassのところを色々変えてみましたが
思った通りにはなりませんでした
{ .ytd-grid-renderer.style-scope[class*="〇〇"]
{ display:none !important }}

検索して参考にしたサイトもバージョンの違いか
文法が少し違っていてこれで合っているか分かりませんでした

>>382
>>383
ありがとうございます
uBlock Originは元々使っていましたが
hasを知らなかったのでとても参考になりました
おかげで思った通りの動作が出来ました

表示されてる文字での要素は消せるようになりましたが
表示されていないリンク先のドメインで
要素を消す方法もあるのでしょうか?

テーマにCompact Darkを使用しているのですが、Defaultのようにタブの角を丸くするにはどうしたらいいでしょうか?

387C (ワッチョイ 9311-KeM6)2021/05/30(日) 14:32:39.10ID:1iFom/OD0
webサイトを検索すると、ツールバーの一番下にタブバーを表示し、メニューバーは一番上に表示するようなcssが存在する
だが、89で望みの順序で表示されたものでも、メニューバーを非表示にすると、その部分が空白の行に変わるだけで
コンテンツ表示領域は広がらない
protonの仕様では、このようにしかならないのだろうか

怖いな89
コロナウイルスワクチンみたいに何が起きるかわからない

ブックマークのコンテキストメニュー
フォルダー名を変更(E)
ブックマークを編集(I)
を消したいのですが上手くいきません
IDが分かる方が教えて下さい
宜しくおねがいします

390389 (ワッチョイ 4973-6ypv)2021/06/01(火) 12:27:32.28ID:sli9eUOo0
文章が変になっていました
? IDが分かる方が教えて下さい
○ IDが分かる方がいましたら教えて下さい

391名無しさん@お腹いっぱい。 (ワッチョイ 2b76-b3qO)2021/06/01(火) 12:35:12.21ID:mWtU4pgL0
ブックマークのコンテキストメニューにそういう項目ないですよね

Proton UIの方だな
>>389
idに:が含まれてるのでidセレクタではなく属性セレクタで
[id="placesContext_show_folder:info"],
[id="placesContext_show_bookmark:info"] { display: none; }

393389 (ワッチョイ 4973-6ypv)2021/06/01(火) 15:31:28.34ID:sli9eUOo0
>>391
申し訳ありません、使っているバージョンを書いてませんでした

>>392
消すことが出来ました
今までidでしか消したことが無かったので
属性セレクタについて勉強してみようと思います
有難うございました

89になったらブックマークツールバーのフォルダの行間えぐいな・・・

>>394
これだけ大幅に変化すると皆が対応迫られるから
俺らみたいな雑魚でも検索するだけでどうとでもなるぞ

https://imgur.com/a/tMcUk93
ブックマークのボタン押したらブックマークを管理って項目が二つ出るんだけど
片方非表示にできないかな?

#BMB_bookmarksShowAllTop {
display: none !important;
}
#BMB_bookmarksShowAll {
display: none !important;
}

タブ右クリメニューのトップに固定されてる新しいタブってけせない?

>>398
#context_openANewTab {display: none !important;}

下記ほとんど効果ない?
/***コンテキストメニューアイテムの行間の高さを変える***/
#contentAreaContextMenu > menuitem {
padding-block: 0.1em !important;
}

本スレに書いてあったProtonのタブの隙間を埋めるやつ

.tab-background {
border-radius: 0 !important;
margin: 0px -2px !important; }

>>401
タブが増えて行って左右にオーバーフローのボタンが出るとタブの高さが変ってしまう

>>402
これで良いかもしれないし駄目かもしれない(タッチUI時の高さ)

#tabbrowser-arrowscrollbox,
.tabbrowser-tab{
max-height: 40px !important;
}

オレンジ色になって目立つハンバーガメニューボタンを白黒というかグレーにするにはどこをいじればいいですか?
ここ以外は何とか調べていい感じにできた@Firefox89

検索バーの検索エンジンのバネルにマウスを載せた時に出る
背景のような物の色を変えることは出来ないでしょうか?

>>405
例えば背景を白くするなら

.searchbar-engine-one-off-item:not([selected]):hover, .addengine-item:hover {
background-color:#fff !important ;}

407名無しさん@お腹いっぱい。 (ワッチョイ 9311-w9Zu)2021/06/03(木) 14:04:51.84ID:1WZqsVe+0
IME-Colors-e10s.uc.jsなてのも使えるかも

>>403
ありがとうございます
試してみます

タブと新しいタブを開くボタンの角丸を無くすやつ

:root {
--tab-border-radius: 0px !important ;
}

>>406
有難うございます
見やすい色に変えることができました

ダークテーマでも、ブックマークサイドバーと履歴サイドバーの検索欄の背景が白のままですが、アドレスバーと同色のグレーにできないでしょうか?
よろしくお願いします。

>>411
俺もそれ知りたい
白くなって違和感ありまくり

とりあえず
/* サイドバー検索ボックスの色 */
#bookmarksPanel #search-box, #history-panel #search-box {
-moz-appearance: none !important;
background-color: var(--lwt-toolbar-field-background-color) !important;
border: 1px solid #525252 !important;
/*border: 1px solid #bdbdbd !important; /* システムのテーマ */
color: inherit !important;
}
#bookmarksPanel #search-box:hover, #history-panel #search-box:hover {
border: 1px solid rgba(0, 122, 255, .33) !important;
}
#bookmarksPanel #search-box[focused="true"], #history-panel #search-box[focused="true"] {
border: 1px solid rgba(0, 122, 255, .33) !important;
}

>>413
きたあああああああああ
できましたありがとう。

モジラはなんできちんと統一してださないのよー

URLバーの背景色、下記だと入力フィールドのみで不格好です
#urlbar-input{ color:black !important; background:#f0f0f0 !important;}
下記検索バーのように背景色をURLバー全体にかかるように出来ませんか?
searchbar#searchbar{ color:black !important; background:#f0f0f0 !important;}

新しいタブのサイト名の頭文字を消す方法を教えて下さい、、、

>>416
すみません自己解決した
.top-site-outer .tile .icon-wrapper.letter-fallback::before {font-size: 0 !important;}
これで消えたわ

>>415
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f0f0f0 !important;}
俺はこれでやってる

418415 (アウアウウーT Sa11-p9zx)2021/06/04(金) 21:59:20.37ID:BlcZwXIla
>>417
ありがとう、思うようになった。

検索バーって使用時以外でも常に好きな色にできないかね

UIの色んな所にフォーカスした時の枠線の色と細さ変更
:root:-moz-lwtheme-brighttext {
--focus-outline-width: 1px !important;
--focus-outline-color: #fff !important ;
}

スターアイコンの色変更
#star-button[starred] {
fill:#fff !important
}

これをやりたいのですがよろしくお願いします
https://i.imgur.com/uyTUDnh.png

枠の色は >>420 では出来ませんでした

422名無しさん@お腹いっぱい。 (テトリスT Sa11-p9zx)2021/06/06(日) 08:27:02.24ID:8LoMDQEia0606
>>417さんから教わった下記、ロケーションバーと検索バーのの背景色の指定で
ロケーションバー内の一部(例えば拡大・縮小率)の背景色に下記を上書きさせること可能でしょうか?
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f0f0f0 !important;}

423名無しさん@お腹いっぱい。 (テトリス 9dcf-1NBB)2021/06/06(日) 15:38:58.36ID:f7MgZAl800606
>>415
これは効くのだけど

>>417
こっちは効かない
なんでやー

カーソルがない時も背景を白くしたいです

424名無しさん@お腹いっぱい。 (テトリス 866e-p9zx)2021/06/06(日) 16:13:47.60ID:00IRtnnr00606
>>423
一度>>417以外のCSSをコメントアウトしてみるといいかも

425名無しさん@お腹いっぱい。 (テトリス 35da-uBYP)2021/06/06(日) 16:27:26.37ID:Z5QWbezj00606
>>423
試してないけど、>>417はライトテーマにしか効かない(システムのテーマだとダメ)ぽいからそれじゃね
テーマ変えるか:-moz-lwthemeを削除するかしてみれば変わるかも

426名無しさん@お腹いっぱい。 (テトリス 9dcf-1NBB)2021/06/06(日) 16:58:52.27ID:f7MgZAl800606
>>424
変わらずでした
>>425
ライトテーマにしたら効きました
:-moz-lwthemeを削除でシステムのテーマでも効きました

ありがとう

427名無しさん@お腹いっぱい。 (テトリスW a9ed-EUHD)2021/06/06(日) 17:08:06.29ID:TBjpifu200606
右クリックメニューとかの字間の調整ってできませんか?
letter-spacingが効かなくて

428名無しさん@お腹いっぱい。 (テトリスT Sa11-p9zx)2021/06/06(日) 17:26:13.94ID:8LoMDQEia0606
>>426
ロケーションバーの背景は均一になってる?
たとえばCtrl+-でバー内に95%と縮小率表示されるよね?
その95%に別の背景がかかってバー内の背景が均一にならないんだけど、426さんはどうですか?

429名無しさん@お腹いっぱい。 (テトリス 866e-p9zx)2021/06/06(日) 17:39:26.78ID:00IRtnnr00606
>>421
ごめん>>420はダークテーマ用だった

430名無しさん@お腹いっぱい。 (テトリス 866e-p9zx)2021/06/06(日) 17:57:55.65ID:00IRtnnr00606
>>421
お詫びではないけど枠の色変えるやつ
:root {
--toolbar-field-focus-border-color: red !important;
}

431421 (テトリス ca1f-PRuz)2021/06/06(日) 18:00:56.56ID:DCiF030x00606
>>430
どうもありがとうございます、赤くなりました。^^

432431 (テトリス ca1f-PRuz)2021/06/06(日) 18:45:38.36ID:DCiF030x00606
:root {
--focus-outline-width: 0px !important;
--toolbar-field-focus-border-color: lightgray !important;
}
>>420
を加えてみたのですが
右側の検索バーも同じようにするにはどうしたらいいでしょうか
影なしで線を細くしたいんです。後出しですみません。

433名無しさん@お腹いっぱい。 (テトリスW 3558-3aKD)2021/06/06(日) 21:58:03.18ID:sm+l+AyR00606
>>432
こんなんでどうでしょう
適当にやったから何か無駄があるかもしれないけど

:root {
--toolbar-field-focus-border-color: none !important;
}

#urlbar-background,
#searchbar {
border: 0px !important;
}

#searchbar:focus-within {
box-shadow: 0 1px 3px rgba(128,128,142,0.5) !important;
}

なんか書き込み規制されたからもう返信できないかもしれない

434432 (ワッチョイ ca1f-Ee3U)2021/06/06(日) 22:51:15.42ID:DCiF030x0
>>433
どうもありがとうございます。
とてもいい感じです、大事に使わさせていただきます。

>>428
試しに黒にしたら数字のところだけ白くなったけどこれのことかな

>>435
○○%の部分の背景とロケーションバー内の背景の濃さが均一ではないですよね?
これを均一にする方法ないかな?

同じ色にしたいってことですよね

>>437
はい、そうです。

439名無しさん@お腹いっぱい。 (ワッチョイ 8676-woZH)2021/06/07(月) 20:42:01.44ID:gCiW3EBm0
#urlbar-zoom-button {
border: 1px solid #009600 !important;
background-color: green !important;
padding-top: 2px !important;}
#urlbar-zoom-button:hover {
background-color: #008c00 !important;}

440436 (アウアウウーT Sa11-p9zx)2021/06/07(月) 21:50:10.34ID:ati6Phqla
>>439
これ、わたしへの回答?
私の説明が悪かったのか伝わってなかった気がします。
http://okbtsnr.seesaa.net/article/481851789.html
かなり見にくいと思いますが、一つ目のサンプル画面のロケーションバー内の
左端2つ目と右端3つ目のボタン部の背景が濃くなって不格好になってます。
URLバー内の背景を均一にしたいというです。
なお下記は定義してます。
/*** URLバー、検索バーの背景色 ***/
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f5f5e4 !important;}

>>440
背景色を自分で同じにしないと

#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button {
background-color: green !important;
}

>>441
ありがとう、左側の背景は揃いましたが、右側のCtrl+-で表示される縮小率は揃いませんでした。
このままでも良いです。

これは
#urlbar-zoom-button {
background-color: #f5f5e4 !important;
}

>>443
重ねて、ありがとう。
均一になり、スッキリしました。

ろだに上がってる「FF88までのブックマークフォルダcss.zipなんだが
FF88までのブックマークフォルダ 黄色のコードが}の閉じカッコを書き忘れてるんで
気付かずにコピペで使ってると他のコードに影響出るぞ

CSSが反映されない人はコードの記述の「} 閉じカッコ」が抜けてる箇所がないかチェックしてみそ
あぷろだの「F88までのブックマークフォルダcss」をコピペで使ってたら閉じカッコの記述抜けだったので
ウチの環境だとページ内検索バーを右上に配置が機能しなくなってた原因がこれだった

447434 (ワッチョイ ca1f-Ee3U)2021/06/08(火) 02:33:11.16ID:K4xfGzKb0
先日はどうもありがとうございました。
メニューバーのアイコンを密にできました。
firefox89 css で検索していたら偶然 toolbar-menubar という単語が目に入ったので
質問スレのをパックって
#toolbar-menubar toolbarbutton {padding-left: 0px !important; padding-right:0px !important;}
としたところ結構いい感じになりました。
ttps://i.imgur.com/yxKgqNt.png

Mozilla Firefox質問スレッド Part191
ttps://egg.5ch.net/test/read.cgi/software/1622205096/174

/* ツールバーのアイコンの間隔を調整する */
#nav-bar toolbarbutton {padding-left: 0px !important; padding-right:0px !important;}

>>446
こういうの使うとかさ
W3C CSS 検証サービス  
https://jigsaw.w3.org/css-validator/

https://i.imgur.com/6TlIHAe.png
ダークモードなのですがこの青エフェクト変えられますか?
URLバークリックしたとき出るサブテキストの色も変えたいです
全部同じ色ぽいですが全体的にギラつきすぎています
お気に入りの星の色の変え方はわかります
まあ常時見るものでもないしこのぐらいならスルーしてもいいですが・・・

すいません。
Firefoxスレで聞いたらスレ違いだったようで、こちらで質問させてください。

コンテナタブの色付きラインを、上じゃなく以前のように下にできるcssはあるでしょうか?

アクティブタブの色をタイトルバーの色と同じにできないでしょうか?
タイトルバーは何も指定していないので、Windowsの設定になっています
スレ内を探して色を直接指定する方法は分かったのですが、Windows側を変更すると追随しないので
よろしくお願いします

/* アクティブタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-background {
background: #797979 !important;
}

background: transparent !important;
とかじゃね知らんけど

>>451
-moz-accent-color
文字色は-moz-accent-color-foregroundにすれば自動的に濃色背景には白、淡色背景には黒になる

454451 (ワッチョイ bf7e-khlo)2021/06/12(土) 19:41:00.28ID:VHHlL4Bc0
おお、出来ましたありがとう
タブは大きくなったのに、サウンドアイコンは小さすぎてミュートと見分けがつかなかったり
デザインした人の意図が良く分からんです


アクティブタブの上の線とコンテナタブの下の線共存できるやつ置いときますね
https://i.imgur.com/7fB1tjq.png
https://pastebin.com/nZQXpe8m

タブをホバーしたときのフォントの色の変え方を教えて下さい

>>457
これで出来ると思う

.tabbrowser-tab:hover:not([selected]) .tab-label {
color: blue !important;
}

できますた
textじゃなくてlabelなのか

あれtextでもいけた
なんか書き間違えていたようだ

461名無しさん@お腹いっぱい。 (ワッチョイ f3cf-epd2)2021/06/13(日) 20:23:21.91ID:WJFJYDZT0
CSSはつまりCだから直系の上位なら継承されて効くよ

つまりどういうことだってばよ

463名無しさん@お腹いっぱい。 (ワッチョイ f3cf-epd2)2021/06/13(日) 23:23:33.80ID:WJFJYDZT0
あ゛?
てめえナルトか?
お前には無理だあきらメロン

464名無しさん@お腹いっぱい。 (ワッチョイ ff11-s6u2)2021/06/14(月) 00:20:35.26ID:n1qfSk7f0
>>456のアクティブタブの上の線とコンテナタブの下の線共存を
91に追加したところ、browser.proton.enabled true で機能しました
だが、その状態ですと、ハンバーガーメニューのアイテム間の間隔が開いてしまいかったるいです
で、browser.proton.enabled falseに変えると、間隔は狭まりますが
タブの上のラインが青色になり、黒の指定が効かないようです
いずれ、protonは強制されてしまうでしょうから、ハンバーガメニューは別の方策を求めるしかないでしょうか
ありがとうございました

>>464
ハンバーガメニューのcssあちこちにあるよ
こことか
https://www.userchrome.org/firefox-89-styling-proton-ui.html
https://github.com/black7375/Firefox-UI-Fix

466名無しさん@お腹いっぱい。 (ワッチョイ ff11-s6u2)2021/06/14(月) 16:19:58.86ID:n1qfSk7f0
なんとか、91で88と同じようなUIに整えることが出来ました、ありがとう
91、90、89は、フォルダー設定に係わっているファイル以外は、同じ内容のuserChromeのファイル群でいけそうです

467sage (ワッチョイ 03f0-1u+4)2021/06/16(水) 14:14:34.52ID:jN4HlnDg0
/* バックグラウンドタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-background {
background: #D9D9D9 !important;
}
これでタブの色をグレーにしています。ホバーした時に若干色を黒っぽくすることはできませんか?

468名無しさん@お腹いっぱい。 (ワッチョイ f3cf-epd2)2021/06/16(水) 14:16:32.81ID:fMh1bjht0
:hover

ツリー型タブってインスペクターで開けますかね?

470名無しさん@お腹いっぱい。 (ワッチョイ ff11-s6u2)2021/06/16(水) 16:41:56.25ID:+e09sChq0
色指定の部分を変えて試みて

/*非アクティブタブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: #fefefe !important;
}

/*タブをホバーしたときのフォントの色*/
.tabbrowser-tab:hover:not([selected]) .tab-text {
color: black !important;
}

471名無しさん@お腹いっぱい。 (ワッチョイ f3cf-epd2)2021/06/16(水) 16:47:28.75ID:fMh1bjht0
>>469
ページの内容ではなく本体の領域は通常のツールではわからない
https://egg.5ch.net/test/read.cgi/software/1622939715/37
に従って専用ツール起動しれ
ただし本体の右クリでしか出せないようなのはトリガーの問題でこれ使っても無理ぽい

472sage (ワッチョイ 03f0-1u+4)2021/06/16(水) 17:55:28.67ID:jN4HlnDg0
>>470
できました!ありがとうございます

>>471
その方法でいつもやってるんだけど、ツリー型タブの領域の項目は選択できないみたいなんだよね…

>>473
最初の設定をどうしたのか忘れた(>>471のリンク先の1の通り設定したかもしれない)けど、手元の環境では
about:debuggingを開く
→左上の[このFirefox]
→一覧からツリー型タブの[調査]
→インスペクタが開いたら右上の[iframeを選択]ボタン(わかりにくいけど3ペインに分かれたウィンドウのようなアイコン)
→sidebar.htmlを選択
でインスペクタで開けてるよ

>>474
おおお、できたよ
ありがとうございます。

>>474
横からだけどすげえ知らなかったそんなの
まあ今のとこ特に使いみちはないんだけど…

こんにちは。
ブックマークサイドバーから不要な項目を削除したくて過去のスレを漁っていたのですが、
私とまったく同じ目的で、しかし解決に至らなかった方の書き込みを発見しました。
こちら最新?の環境だとやはり機能しませんでした…。
何か他の記述方法や手段があれば、ぜひお教えいただけると幸いです。
以下コピペ
サイドバーを開いた時に最初から表示されていて削除できない項目、
「ブックマークツールバー」と「他のブックマーク」を消したいと思い、
とあるサイトに書かれていた内容を導入したんですが、まったく反映されませんでした。
Firefox71.0では使用できないのでしょうか?どなたか教えて頂けると幸いです

menu#BMB_bookmarksToolbar,
menu#BMB_unsortedBookmarks{
display:none !important;
}

>>477
#BMB_bookmarksToolbar,
#BMB_unsortedBookmarks
71.0は分からないけど89では消えてる

↑はブックマークメニューで出てくるやつだから関係ないなか

>>478-479
ご回答ありがとうございます、早速試してみましたがやはりだめでした…

Google検索結果に表示されるTopの検索バーを非表示に出来ませんか?

>>481
#searchform{position:absolute !important}
とかで行けるんちゃう
試してはいない

>>481
> Google検索結果に表示されるTopの検索バーを非表示に出来ませんか?

マルチ乙
https://egg.5ch.net/test/read.cgi/software/1622205096/427

質問スレで誰も答えないから移ってきたのでは

-webkit-text-stroke-widthを指定すると
以下の画像のように残像みたいのが出るようになってしまいました
pxを増やすほど顕著になっていきます
原因わかりますでしょうか

89.0.1になってからかもしれません

https://imgur.com/sMmN1RF.jpg

486485 (ワッチョイ 8a56-wUFk)2021/06/23(水) 19:47:50.65ID:wEF3VMoH0
すみません
-webkit-text-stroke-width関係なかったです
フォント関連の設定いじったのが悪かったかと思いprefs.jsを消して再生成させてもかわらず...
スレチになったので失礼しますお騒がせしました

487名無しさん@お腹いっぱい。 (ワッチョイ e376-19dE)2021/06/23(水) 20:42:38.35ID:HAhGa9rq0
いろんなサイトで確認してしまった
俺っていいヤツ?

488名無しさん@お腹いっぱい。 (ワッチョイ 57cf-b/96)2021/06/23(水) 21:03:04.72ID:6K41ezfa0
>>487
いや悪い方だろうな

489名無しさん@お腹いっぱい。 (ワッチョイ baba-hhAf)2021/06/24(木) 00:32:22.61ID:Wv+Rbavo0
ブックマークメニューのフォルダの右に以前は>マークがあったと思うんですけど
89で消えた?復活させたいんですがcssで可能ですか?

490名無しさん@お腹いっぱい。 (ワッチョイ 57cf-b/96)2021/06/24(木) 02:38:06.84ID:fRzJfjgc0
ロケ下?に並べるところにはないが
中の方には有るけどな

>>489
数が増えれば出てくるんじゃないの?

492489 (ワッチョイ baba-hhAf)2021/06/24(木) 08:30:24.56ID:hgIRlvQR0
この>を表示するようにしたい
フォルダ展開マーカー?名前よくわからんけど
https://i.imgur.com/sW5QztR.jpeg

493489 (ワッチョイ baba-hhAf)2021/06/24(木) 09:53:31.75ID:hgIRlvQR0
ブックマークボタンからは>が表示されるけど
メニューバーのブックマークでも表示したいです
https://i.imgur.com/1lvDQ3I.jpeg

>>493
cssでいじってるんじゃないの
普通にあるよ

>>493
我が家のもブックマークツールバーのもメニューバーのも「>」が表示されてる

表示されとるけど

497名無しさん@お腹いっぱい。 (ワッチョイ 9a11-Ad+u)2021/06/24(木) 10:33:43.55ID:KjPoA7EP0
ブックマークツールバーのメニューでほしいのは
コンテキストで明確に弁別できるものは、「ブックマークの削除(E)」とか「フォルダーの削除(M)」のとかの表示でなく
簡潔に、「削除(E)」とか「削除(M)」に簡潔なスタイルに戻してほしい

>>494
確かに以下のcss削除したら>出てきました

/* ブックマークのフォルダアイコンを指定 */
.bookmark-item[container] {
list-style-image: url("folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

フォルダアイコンを指定しつつ>も表示したいです
上記cssの書き方変ですかね?

自己解決しました。右のアイコンのみ変更

/* ブックマークのフォルダアイコンを指定 */
.bookmark-item[container] .menu-iconic-left {
list-style-image: url("folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

ありがとうございました

>>499
右のアイコン → 左のアイコン

>>499
メニューバーとブックマークツールバーは問題ないけど、
Ctrl+Shift+Hで表示されるフォルダがfolder-item.pngにならないね。

>>501
https://www.userchrome.org/what-is-userchrome-css.html#colorbookmarkfolder
を参考にして
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList) treechildren::-moz-tree-image(container),
#editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList menupopup menuitem
を追加すればCtrl+Shift+HのフォルダもOKですね

503名無しさん@お腹いっぱい。 (アウアウウーT Sa47-hhAf)2021/06/24(木) 12:43:41.10ID:CPKAvboVa
test

folder-item.pngでフォルダの画像ファイルを指定するファイルって
どこのどのフォルダどこに入れたらいいのかわからない私がいる

と思ったら>>502さんが指定してるサイトの通りにやったらアイコン黄色くなった…自己解決です
>>477、解決方法無いのかなぁ…

>>505
reddit.com/r/FirefoxCSSで以前見たような

cssマスターの人たちがフォルダを見えなくすることはできるが
空白が残るようなこと書いてた気がする

507名無しさん@お腹いっぱい。 (ワッチョイ 4fcf-nEtW)2021/06/25(金) 00:16:46.53ID:ItyGIaH20
477は各階層タゲってみたけど全部消えるか全部残るかの二択だったんで
.jsの方追わにゃどーにもならんぽくてな

>>506 >>507
どうやら>>477は現状極めて難易度の高い改造のようですね…
誰かが開発してくれる事を祈って待ちます…

bookmarks sidebarのコンテキスト(chrome://browser/content/places/bookmarksSidebar.xhtml)で
document.getElementById("bookmarks-view").place="place:parent="+PlacesUtils.bookmarks.menuGuid;
を実行するuc.jsを作ればいい

>>509
知恵者様が!
具体的にはどうすればいいのでしょう…?
人の改造手順を模倣する事しか出来ないもので…

511481 (アウアウウーT Sad3-wfqF)2021/06/26(土) 14:32:15.95ID:p9FBfxbDa
>>482
変わらないです。

512名無しさん@お腹いっぱい。 (ワッチョイ 7f81-icbP)2021/06/26(土) 14:36:36.34ID:UXmGsLar0
前スレの94です
アドバイスのお陰でうまくできました
お礼しようとすると連投規制→1ヶ月書き込み不可能を数回繰り返ししまいました

userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/94
ID:gZ8lyWfa0 ID:GFqKvOCu0 さんありがとうございました


https://i.imgur.com/Kp47zSF.png

513名無しさん@お腹いっぱい。 (ワッチョイW 8ff0-njke)2021/06/26(土) 23:29:05.71ID:skFqu1iC0
本スレにあった https://pastebin.com/RnVmAh3H のタブの高さの調節を使って26にしてましたが89.0.2にしたら効かなくなりました。オマカンですかね?

>>513
どちらも効いてる

:root[uidensity=compact] { --tab-min-height: 26px !important; } /*コンパクト*/
:root { --tab-min-height: 29px !important; } /*通常*/

515名無しさん@お腹いっぱい。 (ワッチョイW 8ff0-njke)2021/06/27(日) 00:11:11.79ID:cwH9wwHP0
>>514
マジか〜オマカンみたいですね。タブの高さ29px未満のための設定はノータッチでよいんですよね?

エラーで書き込めない。

>>515
他のcssと干渉してるとか

518名無しさん@お腹いっぱい。 (ワッチョイW 8ff0-njke)2021/06/27(日) 16:46:45.08ID:cwH9wwHP0
513です。もう一度見直してみたら治りました。何が干渉してたかはわかりませんが!後、タブの高さ29px未満のための設定にタブクローズの記載がありますが気持ち✖︎を大きくする事はできませんか?

>>511
俺も482使ったけど消えたぞ
なんか使い方間違えてね?URLの指定方法間違ってたりとか

>>519
URL指定、どこで?
#searchform{position:absolute !important}をuserChrome.cssに追記するだけじゃダメなの?

521名無しさん@お腹いっぱい。 (ニククエ 7f6e-0Yon)2021/06/29(火) 13:02:49.50ID:p/BVnJ2c0NIKU
userChrome.cssとuserContent.cssは別の物だよ

>>520
chromeフォルダにuserContent.cssを作って(userChrome.cssではない)
@-moz-document url-prefix("https://www.google.com/search";), url-prefix("https://www.google.co.jp/search";) {
#searchform{position:absolute !important}
}
を保存

userChrome.cssはブラウザ本体のパーツの編集、userContent.cssは表示されるページの編集に使う
まあ後者はStylusとかアドオン使う方が主流だけど(但しabout:preferencesとかabout:newtabとかはuserContent.cssじゃないと効かない)

523520 (アウアウウーT Sad3-wfqF)2021/06/30(水) 10:56:18.48ID:8W3G+IAla
>>522
レス、ありがとう。
念のため新規プロファイルで試しました。
Googleログインしただけで何の設定もしていません。
(userContent.cssなしのとき)
・URLバーに検索文字入力
・Google検索結果が表示される(先頭行に検索ボックス表示)
・スクロールすると、すぐちょっと細見の検索ボックスが表示される。
・この検索ボックスはスクロールしても固定です。
(userContent.css設定したとき)
・細見の検索ボックスが現れないだけです。

いずれの検索ボックスも未表示に出来ませんか?

>>523
フローティングを追従させたくないんじゃなくてホントに全部消したいのかw
じゃあ「position:absolute」の部分を「display:none」にすればいいな

#searchform,#sfcnt,#top_nav,#appbar{display: none !important;}
の方が余計な空白も検索ボックスの下の部分も全部消えてキレイかも、まあ好きなように調節して

俺ってば親切だわw

>>525
余計な空白は消えるけど、Googleの設定(すべて、ニュース、・・・・、設定)も消えるので困る。
>>524
余計な空白ができるけど、Googleの設定は消えない。これでも十分使えるけど、空白何とかなりませんか?

特定のサイトで初期表示されて、すぐ自動的に縦方向に○○pxスクロールするには、どう記述すれば良いのでしょうか?、

>>527
cssじゃ無理
userChrome.js入れてWindow.scrollBy()使えばできる

>>528
れす、ありがとう。
やはり、そうですか。

俺はTampermonkeyでやってるわ

>>530
具体的に教えてよ!

これ動かないんだけど、どこを修正すれば良いの?
https://god-support.blogspot.com/2018/10/google-2018-chrome-stylus.html

533名無しさん@お腹いっぱい。 (ワッチョイ 2dcf-O0xy)2021/07/10(土) 14:42:27.78ID:LAD9w1jt0
Google カレンダーなるものを使ってないので推測だが
多分classが違ってるんじゃね?

>>532
これでどう?
週始まりの曜日を日曜以外にしてたら調整しないとダメだけど

https://pastebin.com/raw/uGZTfBRw

535名無しさん@お腹いっぱい。 (ワッチョイ 2311-tuK3)2021/07/11(日) 22:50:36.24ID:GJb5iDNu0
今、stylusを入れて、>>534を試みました
少し、アクセントがついてましになりました

な、age厨だろ👆

>>534
変化ありませんよね。

>>534 >>537
うーん、俺の環境だとちゃんとなるんだけどなあ
https://i.imgur.com/XLOCxlU.png

Webアプリ系は設定で色々変わるからよくわからない…

>>538
Dark Background and Light Text
これをOFFにしたら正常に動きました。

>>538
体育の日を修正しないGoogleさん

541名無しさん@お腹いっぱい。 (ワッチョイ da11-Ui7o)2021/07/16(金) 14:55:49.51ID:fjSuAVYz0
92 nightlyでブックマークツールバーの左クリックプルダウンメニューが
コンテキストメニューと同類のものから、ハンバーガーメニューやオーバーフローメニューと同類のものへと実装が変化しました
つまり、コンテキストメニューの背景色やフォントサイズなどのcssでの変更設定は
今のところ92以後のfirefoxのブックマークツールバーの左クリックプルダウンメニューには反映されなくなります

ブックマークツールバーのプルダウンメニュー表示の見た目の調整には、別途、cssが必要になります
厄介なことになりました

firefoxの新規インストールではUI密度も「普通」と「タッチ」しか用意されません
従来環境を使っていると「コンパクト(未サーポート」の選択肢は残りますが

ツリー型タブでテーマをProtonにしてるとき
タブの背景色を
tab-item tab-item-substance {background: #FF0000 !important;}
で指定しようとしたんだけどなんかはみ出る…

543名無しさん@お腹いっぱい。 (ワイエディ MMfe-srtg)2021/07/22(木) 21:45:48.86ID:a/xhmpULM
メニューバーとコンテキストメニューで、サブメニューがある場合、
右向き三角が表示されますが、この色の変更の仕方をご存じありませんか?
menu .menu-right に当たるところだと思うのですが、よくわかりません

.menu-right {
fill: [色] !important;
}

545名無しさん@お腹いっぱい。 (ワイエディ MM8b-7yLj)2021/07/23(金) 16:12:36.92ID:mVCYxRWnM
>>544
変わらないですね
filter: invert(100%) !important; は効くようです
訳分からない

>>545
svgアイコンの色を変えるにはabout:configでこの設定をtrueにする必要があるからかも
svg.context-properties.content.enabled

547名無しさん@お腹いっぱい。 (ワイエディ MM8b-7yLj)2021/07/23(金) 17:43:07.10ID:mVCYxRWnM
>>546
trueにしています
そもそもsvgではない何らかの方法?

YouTubeのシアターモードって、
自動再生OFFで開くとサムネイルが上下をカットされてウィンドウの幅いっぱいに拡大されるけど、
これを標準モードのようにプレイヤーサイズで表示することはできませんか?
アドオンやスクリプトも探したのですが見つかりませんでした。

549名無しさん@お腹いっぱい。 (ワッチョイ 51be-cTAQ)2021/07/27(火) 22:05:24.32ID:8ziivfEr0
>>548
.ytp-cued-thumbnail-overlay-image {
background-size: contain !important;
}

youtubeを開くと必ずミニプレーヤーになるけど、
シアターモードで開くようにしたいわ。

>>549
わわわわ。うまくいきました。
ありがとうございます。
ずっとなんとかならないかと思っていたので、本当に心より感謝します。

>>550
スクリプトでよければ、YouTube - Always Theater Modeというのがあります。
私が愛用しています。
CSSだったらわからないのでごめんなさい。
https://greasyfork.org/ja/scripts/10523-youtube-always-theater-mode

Ctrl+Fで出るサーチバーの高さが狭くて垂直スクロールバーが出る
すごく見づらいのでcssがんばったけどどうしてもだめだった
なにかお知恵を

554名無しさん@お腹いっぱい。 (ワッチョイ d1cf-qCnf)2021/07/28(水) 02:11:08.78ID:A+aNyumc0
findbar{height:4em;}

>>552
どうもありがとう。試してみます。

91ESRに向けて一年ぶりにuserChrome.cssのメンテしたが
相変わらず要素、属性の改廃、移動等の嫌がらせとしか思えないマイナーチェンジばっかだな

切り替えのトリガーにしてた要素、属性に変更があって機能しなくなったから
発想の転換で無駄な機能削いでいったら、だいぶスリムになったわ
早く:has()を実装してほしい

>>556
:has()使えてるけど

教えて欲しいのですが、
全ての設定ファイルを削除してアプリを起動するとプロファイルフォルダー内に
xxx.default(times.jsonだけしか無い)
zzz.default-release(沢山のファイルが入っている)
と2つのフォルダがありました。
設定ファイルを削除するまでは前者の-releaseの付いてないフォルダだけでした。

userChrome.cssを使う場合zzz.default-release以下にchromeを作らないとだめないようですが、なぜxxx.defaultだけでなくzzz.default-releaseと2つのフォルダが出来てるのでしょうか?

1つにする方法(削除前の状態と同じ)はあるのでしょうか?

559名無しさん@お腹いっぱい。 (ワッチョイ 3356-Z6Ah)2021/08/06(金) 16:29:16.58ID:zH/blD960
タイトルバーの色をWindows10以外の設定で色付けできませんかね?
Firefoxのみ黒色にしたいもんで
https://i.imgur.com/7AsuMH4.png

>>558
1つにするだけなら、about:profilesを開いて、
「これは使用中のプロファイルです。削除できません。」って表示されてない方の削除ボタン押せばいいよ
もしここに1つしかプロファイル表示されなかったらエクスプローラから直接フォルダ削除していいよ
フォルダ名自体を元に戻したいなら、少し上の階層にあるprofiles.iniをいじらないといけないけど説明めんどい
てかuserChrome.css関係ないな

>>559
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: white !important;
background-color: black !important;
}
アクティブ時以外も黒くしたい場合は:not(:-moz-window-inactive)はずしてね

>>560
レスありがとう。
確認してやってみます。

562名無しさん@お腹いっぱい。 (ワッチョイ 3356-Z6Ah)2021/08/06(金) 22:10:02.38ID:zH/blD960
>>560
タイトルバーのカラー変更試みてましたがダメでした・・・

>>558

>なぜxxx.defaultだけでなくzzz.default-releaseと2つのフォルダが出来てるのでしょうか?

「すべての設定ファイルを削除」したことでそれまでのプロファイルを認識できない状態になり、
新しいプロファイルが自動的に生成されたものと思われます。
新しいプロファイルははデフォルトで default-release という名前が付けられるようになっ
ています。

>1つにする方法(削除前の状態と同じ)はあるのでしょうか?

古いプロファイルの xxx.default を削除すれば zzz.default-release だけのひとつになります。
プロファイルマネージャーからおこなうか、profiles.ini を編集すればよい。

大きなお世話:
「全ての設定ファイルを削除して」とあるが具体的にどのファイルを削除したんだ?
仕様やしくみも理解していないのにむやみにファイルを削除しないことだ。
userChrome.css は関係ない話だ。
質問する場所をよく考えろ。

>>563

「新しいプロファイルははデフォルトで」

「新しいプロファイルはデフォルトで」
に訂正します。

>>562
559見たらタイトルバーとタブバー分離してるんか、そりゃFxでやろうとしても無理だわ、よく確認してなくてすまんな
ただウインドウごとにタイトルバーの色変えるフリーソフトがあった気がする…10で動くかは分からないけど…

いや勢いでできないって言っちゃったけど、独立タイトルバーよく扱い分からないから確かなことは言えんわ
まあ普通に考えてOSの範疇だと思うし、実際ブラウザツールボックスからもいじれないから無理な可能性が高いかな

>>563
~/Library/Application Support/Firefox
~/Library/Caches/Firefox
~/Library/Preferences/org.mozilla.firefox.plist
~/Library/Saved¥ Application State/org.mozilla.firefox.savedState
以上が削除したファイルです。

>>566
丁寧にありがとうございます
少し方向性を変えて探ってみます。

>>557
調べたらjsでは使えるみたいだけど
cssエンジンにはまだ実装されてないね

userChrome.css 読まなくなった?

571名無しさん@お腹いっぱい。 (ワッチョイ 3356-Z6Ah)2021/08/11(水) 15:19:18.83ID:HvURrFsU0
このcss利用しているんだけど
右クリックのアイコンが崩れるというか位置がおかしいのはおま環だろうか・・・
https://github.com/black7375/Firefox-UI-Fix/tree/photon-style
https://i.imgur.com/B1M0RO9.png

572名無しさん@お腹いっぱい。 (ワッチョイ 3356-Z6Ah)2021/08/11(水) 15:32:39.02ID:HvURrFsU0
>>571
もう割り切ってアイコン捨てた!

せっかくユーザーCSSでタブの標示を調節してあったのに
Faviconの高さ位置がおかしくなってしまった
タブの間もなんだかすきっぱになったし

行間詰める記述プリーズ

575名無しさん@お腹いっぱい。 (ワッチョイ 3356-Z6Ah)2021/08/11(水) 17:24:42.19ID:HvURrFsU0
行間詰め詰めはこちらを利用させてもらいました
https://github.com/intrnl/firefox-revert-proton

使っている OS によって CSS の表示が異なる事ってありますか?

使っている Firefox は、同じ 91.0 で、OS が Win10 と Win8.1 です
適用している CSS は、以下のものです

/*ブックマークアイテムの高さを変える*/
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.1em !important;
}

Win10 では上記の CSS で丁度良いのですが、Win8.1 で同じように適用しても
アイテムの間隔があまり縮まりません。試しに 0.0em としてみても、Win10で
適用した時と違い、アイテムの間隔に隙間があります

同じ CSS を使ってWin10 と Win8.1 で同じようにする方法があれば教えて下さい
よろしくお願いします

>>576
> 使っている OS によって CSS の表示が異なる事ってありますか?

.titlebar-button 絡みで #navigator-toolbox 周りに
osやテーマの違いでズレが生じたことはあるが
それ以外はどうだろな…

差異が生じるとすればフォント周りか?
単位を"em"じゃなく"px"で試してみて

578名無しさん@お腹いっぱい。 (ワッチョイ 1311-wS3X)2021/08/11(水) 20:44:00.09ID:9RkS7CHR0
プルダウンメニューのアイテムの間隔はOSによって違ってますね
悩みの種です
2ではブックマークツールバーのプルダウンメニューが違ったものになるので
コンテキストメニューに対するcssの設定では、ブックマークツールバーのプルダウンメニューが同じようにならないばかりか、
設定の想わぬ副作用が出てきます、なんで実装を方式を変えたのでしょうね
設定の迷妄が更に広がります

>>576
user_pref("browser.display.windows.non_native_menus", 0); // native (Win7/8.1)
user_pref("browser.display.windows.non_native_menus", 1); // non-native (Win10)

選択されてないタブの文字色って変えられませんか?
黒にしたい
何でシロナの

581名無しさん@お腹いっぱい。 (JP 0H33-dtsT)2021/08/11(水) 22:55:27.18ID:ItHZ5ai1H
>>580
ピンク色
.tabbrowser-tab:not([visuallyselected=true]) {color: pink !important;}

>>581
すき

583名無しさん@お腹いっぱい。 (ワッチョイ a9cf-dtsT)2021/08/12(木) 00:14:00.45ID:7hwypX840
アッー!!!

584576 (ワッチョイ b3b0-7vv7)2021/08/12(木) 02:11:16.38ID:qL/doZ6y0
>>577-579

レス有難うございます

教えて頂いた方法を試してみましたが、特に変わりはありませんでした
再度色々と試してみた所、>>576 の CSS が機能していないのを確認しました

CSS の記述を変更してFirefoxを再起動しても、表示が変わらず CSS が
機能していない事を確認しました

もちろん toolkit.legacyUserProfileCustomizations.stylesheets はEnableにしています

どこが悪いのか見当がつかず、迷宮入りとなりそうです…

もしどうしてもwin10とwin8.1で同じプロファイル使いたいのなら、
userChrome.jsでUA判定して読み込むCSS分けるって方法はあるけど…そこまでする必要があるかは分からない
てかそもそも8.1の方で効くCSSがある訳でもないのか

Protonにしたら
Youtubeのタブにスピーカーが標示されてうざい
about:configからの設定は反映されないし
いい方法ないですか

>>584
>>579はwin10上と同じメニュー表示しにたかったら
browser.display.windows.non_native_menusを1にするって意味だぞ

OSネイティブ表示のまま高さ変えたいなら
appearance: none !important;
付けれ

588名無しさん@お腹いっぱい。 (ワッチョイ a9cf-dtsT)2021/08/12(木) 16:22:40.81ID:7hwypX840
誰かしにたいのか

589名無しさん@お腹いっぱい。 (ワッチョイ 1311-wS3X)2021/08/12(木) 19:08:27.02ID:5FH+9B1m0
ブックマークツールバーでタブをピン止めすると、右のタブと間に大きな隙間が出来てしまって格好悪い
何とかならかな

双子か?

ブックマークツールバーでタブをピン止めする

わからん

592名無しさん@お腹いっぱい。 (ワッチョイ 1311-wS3X)2021/08/12(木) 22:08:14.74ID:5FH+9B1m0
ワロタ、間違えた
タブバーでタブを右クリックしてピン止めした場合の症状です

593576 (ワッチョイ b3b0-7vv7)2021/08/12(木) 22:12:47.77ID:qL/doZ6y0
>>587
補足有難うございます

教えて頂いた事を試してみたところ、CSS への記述のみで問題は解決しませんでした
結果としては browser.display.windows.non_native_menusを1 にして試してみたところ
ブックマークアイテムの高さを CSS で調節する事が可能になりました

OS が違うと設定を変えないといけない場合がある事がわかりました
レスを頂いたみなさん、有難うございました

594名無しさん@お腹いっぱい。 (ワッチョイ 2e6e-cJil)2021/08/13(金) 12:55:09.33ID:Ih9lynk/0
アドレスバーと検索バーがアクティブ時は背景白色になるけど
非アクティブ時は灰色っぽいのが気に入らないんで非アクティブ時も白にするにはどうしたら良い?

>>594
ならないんだけど以前に何かいじってるとか?

>>594
自分はテーマをLightで使ってて枠の境目が見づらいから虫眼鏡の背景色は残してる
searchbar *|input,textarea {background-color:#FFFFFF!important;}

虫眼鏡の背景も白にするなら
searchbar{background-color:#FFFFFF!important;}

CSS初心者がやってることなので間違いがあるかも
ヒントにでもなれば

OS側でアプリの色の設定がライトでFirefox側のテーマがシステムテーマの場合と
Firefox側のテーマがLightの場合は灰色になるはずだけど

アプリの色設定はライト、FirefoxのテーマはNord Polar Night https://addons.mozilla.org/en-US/firefox/addon/nord-polar-night-theme/ 使ってるけど、
91にしたらURLバーからフォーカスが外れた時も背景色が変わらず白っぽい色のままになったので(検索バーでは起こらない)

toolbar#nav-bar #urlbar:not([focused="true"]) > #urlbar-background,
toolbar#nav-bar #urlbar > #urlbar-input-container {
background: #2E3440 !important;
}

これで色変えた

>>596
検索バーは出来たありがとう
アドレスバーはurlbarで出来るのかと思ったけど出来なかった

>>599
盾、鍵マークまで部分まで
#urlbar-input-container{background-color:#FFFFFF!important;}
盾、鍵マークの背景色は残す
#urlbar-input{background-color:#FFFFFF!important;}

CSS初心者がやってることなので弊害が出るかも

601名無しさん@お腹いっぱい。 (ワッチョイ 2e6e-cJil)2021/08/14(土) 12:13:56.02ID:8ifhe3F50
>>600
どっちも上手くいかなかった

>>601
うちでは両方変わってるんだけどな
初心者にはこれ以上は無理だわ

603名無しさん@お腹いっぱい。 (ワッチョイ 2e6e-cJil)2021/08/14(土) 14:55:41.92ID:8ifhe3F50
>>602
ありがとう!

Twitterのフォローのボタンを黒から青に戻すやつをお願いします

605名無しさん@お腹いっぱい。 (ワッチョイ 4211-OlI2)2021/08/14(土) 22:10:07.47ID:z1vgMUOI0
cssでそれなりに昔のスタイルを温存した環境作れたのだが
browser.proton.enabled true だと
アクティブタブの上辺の線の描画とアクティブタブの背景色の設定がうまく行かない

ブックマークメニューのアイテム名が冗長になり視認性が落ちるのでアイコン復活のcssを使いしたのだが
アクティブタブの上辺の線の描画は、browser.proton.enabled false だとうまく行くのだけど
そうすると復活させたアイコン描画の無効になってしまう

弄繰り回して、アクティブタブの上辺の線の描画とアクティブタブの背景色の設定がうまくいくcssには漕ぎ付けたのだが
ハンバーガーメニューで、アイコンの項目名の間にスペースがなくなって見づらくなった
他にタブをピン止めするとその右に空白が出来て見栄えがよくない

とりあえず、整合性のある見栄えのcssを整えた

それに、アクティブタブの上辺の線の描画のcssを付け加えると
一番左のタブがアクティブになったとき上辺の線が線が見えなくなるという瑕疵がつきまとう、トホホ

606名無しさん@お腹いっぱい。 (ワッチョイ edcf-KgZ6)2021/08/14(土) 22:35:07.15ID:IAVsN+Of0
>>604
div.css-18t94o4.css-1dbjc4n.r-14lw9ot.r-42olwf.r-sdzlij.r-1phboty.r-rs99b7.r-2yi16.r-1qi8awa.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr{background:#0af !important;}


>>607
横からだけどありがとう

>>606,607
ありがとうございます!
元に戻ったー

610名無しさん@お腹いっぱい。 (JP 0H62-KgZ6)2021/08/15(日) 13:12:00.54ID:88YDpCagH
非アクティブタブをマウスオーバーして上部に線を出したり
文字色を変えたりタブの色を変えたり出来るようになったんだけど
アクティブタブだと出来ない
どうやればいいんでしょうか?

611名無しさん@お腹いっぱい。 (ワッチョイ 4211-OlI2)2021/08/15(日) 14:49:58.51ID:EcgeSJNl0
その辺がうまく行かないな
今は妥協案として、アクティブタブの背景色を非アクティブタブより明るくし
マウスオーバーしたタブはその中間の明るさ背景色にしてマウスオーバー感が出るようにしている

だが、アクティブタブが一番左にあるとタブの上の線が描画されないので困ってる
タブを少しドラッグすると上辺の線が見えるのだが
また、アクティブタブの背景色も変えたいのだが、それも従来設定では効かなくなった

>>610
.tabbrowser-tab[selected]:hover .tab-background {
box-shadow : 0 0 0 calc(var(--tab-min-height) * 0.5) [変えたい色] inset !important;
}

すごく邪道なやり方だけど

age厨に構うなよ
基地外が感染るぞ💩

614名無しさん@お腹いっぱい。 (JP 0H62-KgZ6)2021/08/15(日) 21:32:06.02ID:88YDpCagH
>>612
ありがとうございます!
.tabbrowser-tab[selected]:hover を使ったら全部できたよ

/* アクティブタブ背景色(マウスオーバー) */
.tabbrowser-tab[selected]:hover .tab-background[selected] {background-color: white !important;}
/* アクティブタブ文字色(マウスオーバー) */
.tabbrowser-tab[selected]:hover .tab-text {color: blue !important;}
/* アクティブタブ上部の線(マウスオーバー) */
.tabbrowser-tab[selected]:hover .tab-background {border-block-start-color: deeppink !important;}

タブのミュートボタンと複数のタブを閉じるの左のタブをすべて閉じるを消せませんかね

>>615
タブのミュートボタン
.tab-icon-overlay { display:none !important; }
.tab-icon-sound { display:none !important; }
自分はタブのミュートボタンを使っていますが
YouTube、TVerで確認したら上記ので消えました

左のタブをすべて閉じる
#context_closeTabsToTheStart{display: none !important;}

CSS初心者がやってることなので弊害が出るかも

上記のでは駄目でした
自分の使ってるCSSと併用すると消えるのですが
.tab-icon-image:not([pinned]){opacity: 1 !important}
.tab-icon-overlay { display:none !important; }
.tab-icon-sound { display:none !important; }
でどうでしょうか

どうもです
しかし、家のでは全部ダメのようでした

>>618
自分の使っているCSSをすべて消して
試してみたけど両方消えてるんですよね

CSSいじり始めたばかりですが難しいです

お力になれず残念

620名無しさん@お腹いっぱい。 (ワッチョイ edcf-KgZ6)2021/08/16(月) 22:50:07.65ID:W3IIuNCF0
モード違ってていろいろ違ってるかもしれんよ
お願いするときはモードも示せよ

>>617
横からサンクス

https://github.com/black7375/Firefox-UI-Fix
これ通知ウィンドウなんで透過させてんだろ
見にくくてしょうがないしfixになってない

623名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)2021/08/17(火) 21:29:17.57ID:HoRbhORi0
foxage2ch使っててサイドバーのフォントを変えたいんだけど
userChrome.cssにどう書き込んだらいいかな?

/*サイドバー*/
.sidebar-placesTreechildren {
font-family: 'BIZ UDPゴシック' !important;
font-weight: bold;
color: #595959 !important;
font-size: 14px !important;
}

で変わらなかった

624名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)2021/08/18(水) 00:22:25.31ID:2ToYkX930
URLバーと検索バー境目が分り難いからちょっと濃いめのグレーにふち取りしたいんだけど、URLバーと検索バーのふちに色を付けることって可能?

625名無しさん@お腹いっぱい。 (ワッチョイ edbe-UGhp)2021/08/18(水) 09:20:11.40ID:r5tpgd5z0
>>623
拡張機能のサイドバーの中身はuserContent.css
調べるには about:debugging → この Firefox → 拡張機能 → [調査] ボタン
使い方はブラウザーツールボックスと同じ
まずフレーム選択ボタンで調査対象をサイドバーの中身にする
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox#targeting_a_document

626名無しさん@お腹いっぱい。 (ワッチョイ edbe-UGhp)2021/08/18(水) 09:24:33.49ID:r5tpgd5z0
>>624
分かり難いと思ったことないけどテーマによるのかな
こんなんでどう

#urlbar:not(:focus-within),
#searchbar:not(:focus-within) {
border: solid 1px #494d50 !important;
border-radius: var(--toolbarbutton-border-radius) !important;
}

627名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)2021/08/18(水) 20:35:11.64ID:2ToYkX930
>>625
ありがとうございます
少し触ってみたのですがブラウザツールボックスも弄ったことがないので、フレーム選択ボタンがどれなのか分かりませんでした

https://i.imgur.com/D7kdIrX.png
の赤枠の部分がフレーム選択ボタンかと思いますが、以下の画面にそれっぽいボタンは見当たりませんでした
https://i.imgur.com/nyEtJlT.png

628名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)2021/08/18(水) 20:36:31.19ID:2ToYkX930
>>626
有り難うございます
色だけ変更して理想的な見た目になりました

629名無しさん@お腹いっぱい。 (ワッチョイ edbe-UGhp)2021/08/18(水) 20:58:29.70ID:r5tpgd5z0
>>627
存在していないものは選べないよ
調べたいサイドバーを開いた状態でないと

630名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)2021/08/18(水) 21:49:24.11ID:2ToYkX930
サイドバーを開いてみたのですが、ボタンが表示されないみたいです

https://i.imgur.com/3k8z3iv.png

631名無しさん@お腹いっぱい。 (ワッチョイ edbe-UGhp)2021/08/18(水) 22:11:32.21ID:r5tpgd5z0
>>630
ごめんわかんない
てっきりFoxAge5chだと思ってた、FoxAge2chなのね

Firefox 91で動くFoxAge2chってどこにあるの
AMOには無いしググっても見つけられなかったんだけど

FoxAge5chってあるのか!そっちを知らなかった

633名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)2021/08/18(水) 22:29:47.56ID:2ToYkX930
chaika 2chAPI対応パッチスレ ★5
https://jbbs.shitaraba.net/bbs/read.cgi/computer/44179/1612437508/
>>351にある非公式アドオンです

634名無しさん@お腹いっぱい。 (ワッチョイ edbe-UGhp)2021/08/18(水) 23:13:32.46ID:r5tpgd5z0
>>633
ども
WebExtensionとしてインストールするけどXULアドオンちっくな…どういう仕組みなんだろこれ

ともかく、ブラウザーツールボックスで調査できました
userChrome.css に書いてください:

@-moz-document url("chrome://foxage2ch/content/foxage2ch.xhtml") {
#mainTree,
#subTree {
font-family: 'BIZ UDPゴシック' !important;
font-weight: bold !important;
color: #595959 !important;
font-size: 14px !important;
}
}

635名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)2021/08/18(水) 23:57:14.91ID:2ToYkX930
わざわざ調べてくださり有り難うございます
無事フォントを変更する事が出来ました

Lepton を使っている方に質問があります

「Proton UI」を維持しつつ、タブやメニューを以前のスタイルっぽくしてくれる Firefox 用テーマ「Lepton」 ? GIGA!無料通信
https://www.gigafree.org/firefox/lepton/

Lepton を適用すると、履歴 → すべての履歴を表示 で表示される
ブラウジングライブラリー内の、管理 などのメニュー表示が、こちらでは
半透明になってしまうのですが、これはおま環でしょうか?

Lepton の適用を止めるとメニューの半透明化は直るので、Lepton の
不具合かと思うのですが、皆さんの所ではどうでしょうか?

宜しくお願いします

チョンの作ったやつなんか使うなよ
気色悪いな もう

最新のLeptonだと、そもそも、履歴(S)とブックマークとブックマーク(B)が他とが違ってきている
だから、即刻、前のバージョンに戻した

元々の設定を表示するように戻したのかもしれないけど、何らかの取り残しが生じたようだ
メニューの仕立てには問題があった

91だと、メニューの背景色や区切り線に関するcssに副作用が出てこないのでそれを使っているけど
履歴(S)とブックマークとブックマーク(B)のプルダウンメニューと他では、はっきりした色の違いが出た
それなのに、僅か幾つかで元々の反転色か残る

反転色の違いは、管理のプルダウンメニューと同じになる

Leptonはプルダウンメニューのアイコン表示に便利だが
若干バグが含まれていて、不思議な現象が生じる
その副作用を取り除くことはなかなか困難

>>637
何も役に立つもの生産できないネトウヨが嫉妬するなよ
気持ち悪いなもう

>>636
こっちじゃ起きないからおま環だな
最新版じゃ修正されてるようだがまだ発生するなら報告したほうがいいんじゃないか
https://github.com/black7375/Firefox-UI-Fix/issues/140

メニューに関しては、92から次の段階の迷走が始まる
そこでの問題をLeptopでは対応できてない

Leptonを導入するにも、ユーザーがそれまでに作った環境の放棄に値するほどでもない
つまり、おま環言われても相容れなければ意味は薄い
というのは、1/10程度の記述でアイコン以外の必要なことが実現できていたのだから

メニュー表示に関することで問題があるのは事実だ
メニューにアイコン付加するための最小限の副作用の起きないバージョンが望まれる

>>640
レス有難うございます
おま環が分かっただけでも収穫です
使っているのは black7375 で最新だと思います
報告ってやっぱり英語ですよね?う〜むw

>>641
なんだその機械翻訳したみたいな文章は

脊髄ネトウヨ連呼基地害チョン常駐クソスレ💩

教えてください!

91の行間は改善したんですが
メニューバーのブックマーク等の背景色をグレーにするには
下記のCSSにどのように追記すれば良いですか?



/* ブックマークアイテムの高さを変える */
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.15em !important;
}

/* タブの間隔を狭くする */
.tab-background {
margin-bottom: 0 !important;
border-radius: 0 !important;

fabbrowser-tab {
padding-left: 0 !important;
padding-right: 0 !important;
}

91までだね、92以降はブックマークツールバーのフォルダーのプルダウンメニューは別の施策が必要

/* コンテキストメニューの色の変更 */
menupopup {
-moz-appearance: none !important;
background-color: gray !important;
}

>>645
「メニューバーのブックマーク等」がどの部分を
指してるか分からないがサイドバーじゃくツールバーなら

#toolbar-menubar,
#PersonalToolbar,
#TabsToolbar,
#nav-bar
{background-color: #ff0000 !important;}

あっちのスレでした質問を取り消して
スレを移動したこと書き込んだほうがいいぞ

11-はNGExで処理しましょう

>>646
ありがとうございます

追記しましたがグレーになりませんでした
バージョンは最新の91.0.2です

それぞれの環境、テーマなどの違いがあるから
>>647でも、試してみたけど、逆に、そちらではだめだったwww

>>647
あっちはクローズしてきました <(_ _)>

https://i.imgur.com/S2BHMGl.png
改悪前は画像の色だったんですが黒っぽくなってしまいました

ワロタ、>>647は自分のcssだと、記述場所を変えて、全部または部分で
メニューバーの色を変えるのに使えるにゃwww

見つけたのは
.menupopup-arrowscrollbox {background-color: grey !important;}
メニューの大部分に有効になってしまうが

>>652
自分のは変化無しです

具体的に教えてください!

>>653
やってみましたが変化無しです
テーマの影響でしょうか?
Black Shine使ってますが改悪前はグレーでした

>>654
申し訳ない
それは全然見当違いの場所に適用するやつです

>>653さんのやつでいけるみたいです

>>655
テーマ Black Shine 入れて確認してみたけど下記のでいけますね
.menupopup-arrowscrollbox{
background-color:#ff0000!important;
}

カラーコードを調べて自分の好きなカラーを選んでで
「#ff0000」を書き換えてみても変化ありませんか?

>>653
一番下から一番上に記述したら色が変わりました!
ありがとうございます!

>>656
どういたしまして <(_ _)>
初心者に付き合って頂いて感謝です

>>657
真っ赤になって焦りました(笑)

ありがとうございます <(_ _)>

すみません
もう一つだけ教えてください

背景色は変えられましたが
文字を黒にする記述を教えてください
今現在は白です

自己解決しました

.menupopup-arrowscrollbox {
color: black !important;
background-color: grey !important;
}

いろんな色で楽しんでいます

お騒がせしました<(_ _)>

92まで間があるので、その時はその時だな

だけど、どうやら、92では

.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}

で、行けそうだ、ありがとうよんwww

今までは、テーマをfirefox colorでハンバーガーメニューの背景色を指定替えすることで
それと色の従属関係にあったブックマークツールバーのフォルダープルダウンメニューの背景色を変えていた
そうなると、テーマーの選択肢がなくなった
また、ブックマークツールバーのフォルダープルダウンメニューの影の部分に副作用があった
それも解消した

後は、leptonを導入した場合のタブの色の指定だ
従来方法とバッティングする

>>663
92でもイケそうで安心しました
取り敢えず今日はここまでで90%元に戻りました

/* コンテキストメニューの色の変更 */
.menupopup-arrowscrollbox {
color: #000000 !important;
background-color: #c0c0c0 !important;
}
/* ブックマークアイテムの高さを変える */
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.15em !important;
}
/* ブックマークアイテム以外の高さを変える */
menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
/* タブの間隔を狭くする */
.tab-background {
margin-bottom: 0 !important;
border-radius: 0 !important;
fabbrowser-tab {
padding-left: 0 !important;
padding-right: 0 !important;
}

後の10%は各メニューバー項目で非活性(グレーアウト)の色を白に変えたいけどわかりませんでした
どなたか教えてください!

うーん
.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}

で、解決したと思ったけど

この設定ではコンテキストメニューの部分で極端に遅く反応する場合が生じた
Leptonとの関連か
まいったね

なんだろ、全体がおかしくなった
回線パクラレたかにゃ

全体の情況を見ようと、52esrを起動したらいきなりバージョンアップした
アドオンも同時にアップさせられ
本体、プロファイルのバックアップで何とか戻した
だが、コンテキストメニューの挙動が前のようでない
何なんだろう
他のバージョンも同様、レジストリーかキャッシュか
訳分らないな

問題がなかったバージョンにもおこりセーフモードでは発生しない
全部のプロファイルにゴミが入ったとは考えにくいのだが

ブックマークツールバーに並んだアイコンのコンテキストメニューには遅延は発生しない
その他のコンテキストメニューが遅延する
表示領域のコンテキストメニューは問題ない
何かアドオンが悪さしているのだろうか

>>669
続きは質問スレで聞けや

問題が限定できないだろう

遅延を促進する呪文のようなカーソルの動かし方は見つけたけど
いつも、有効ではない
一斉に違ったバージョンで起きると言うのが解せない

そりゃ余計な処理してれば遅延もするだろ

同一バージョン、同一OSで起きていることではないし
そして、もっさりというのでなく、無反応

いっそリフレッシュしちまいな

ブックマークアイコンやフォルダーのメンテナンスに係わることだから、そのままの状態で使う分には問題ない
が、メンテナンスの操作性を大幅に損なう
モジラが、一斉に何らかの意図を持ってアクションを起していると疑いをもつ

更新確認もしない設定なのに、テストのために温存していた52,9.0esrがいきなりバージョンアップした
問題のなかった温存していたバージョンでも、Linuxでも見られるのだから、訳ワカメ

リフレッシュしたら、Chromeさえも比べられない劣化環境になる

今のところ試行錯誤の結果は、アドオンは問題ないようだ
userChrome.jsを有効*無効のトグル操作で調べたところ、無効にすると問題は生じない
ローダーか、個別のスクリプトかは弁別できる所まで行ってない

大方、問題は特定した

ToolbarAutoHide.uc.js

コンテキストメニューを開いた時点でプルダウンメニューの位置がぶれて
システムのステータス取得に不都合が起きるのだろう
しかし、ここに来てなぜ状況が顕在化したのか不明

ToolbarAutoHide.uc.jsの運用上のトラブル回避策

コンテキストメニューを開くとき、アイテムの一番右側にカーソルを持って行ってから右クリックすると
コンテキストメニューのカーソル反転が直ぐ行なわれるようになる

以上のような情況ですので、ToolbarAutoHide.uc.jsの作者の方、よろしくお願いします

プルダウンメニュー/コンテキストメニューの構築も問題なのかも

11-はNGExで処理しましょう

ブックマークツールバー・フォルダーアイコンの右クリックメニューの92になると実装が変わる
そのために、プルダウンメニューの背景色が設定に従来どおりでは行かない場合が生じる
その解決方法が見つかったら、コンテキストメニューの反応の問題が生じた
ま、だましだまし、使っていくしかないね

纏めると、背景色の問題は

.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}

で対策

コンテキストメニューの反応異常の問題はアイテムの右単で右クリックする

でとりあえず凌げる
モジラの実装、ToolbarAutoHide.uc.js、別の見た目対策
に期待待ちというところですか

おまえ昨日から同じ奴だろ
何の参考にもならないおま環修復の結果報告なんかダラダラやるなよ

ブックマークツールバーのフォルダーアイコンの実装がオーバーフローメニューやハンバーガーメニュー見たいな実装になるのはたしかだし
コンテキストメニューの背景色を変えたい人もいる
ToolbarAutoHide.uc.jsを使っている人もいる
役立つか役立たないかその人次第、
そのあたりの実装にほかに色々問題があるのも事実
それにユーザーはユーザーなりに対処せざるを得ない状況が生まれてきているって事だ

685名無しさん@お腹いっぱい。 (ワッチョイ 4dcf-mzcN)2021/08/27(金) 12:06:13.96ID:mRSzUClX0
11-に構ってる奴も11-
つまりe2f1-4thNは11-
1f6d-zH/yも11-

じつは>>685は=>>684

誰かStylus用のココのサイトをこういうふうにするCSSを書いて公開してくれぇ〜
っていうリクエストを書くスレってどこかにありますかね?

macでFF91なんだけど
タブのコンテキストメニューが消えなくなった
91前はタブを再読み込みは
#context_reloadTab
で消せた
ググって
#context_reloadSelectedTabs
を追加したけど効果なし
こういうのどうやって調べるんですか?

>>688
web開発ツールの設定の詳細設定の項目にある
"ブラウザーとアドオンのデバッガーを有効化"と"リモートデバッガーを有効化"にチェックを入れると
ブラウザーツールボックスが使えるようになるからコレで調べな


>>689
>>690
サンクス
でもどうやらmacOS Big Surではネイティブコンテキストメニュー?
というものが優先されて使われるらしい・・・proton UI関係あるのかな
そういうのさっぱりわからないわ
なので#context云々ではどうにもならないみたい

widget.macos.native-context-menusをfalse
でネイティブコンテキストメニューを無効にして消えたけど
proton UIに反するのかなあ。。。

692C (ワッチョイ 5f11-i9YD)2021/09/04(土) 00:54:48.75ID:BkUniDQ60
Leptonが頻繁に改訂されているけど、回を重ねるごとに混迷を深めた形で立ち現れてくるので困惑してる
最新版ではメニューバーの各メニュー項目のアイテムまでアイコンを表示するようになったのだけど
メニューバーにもアイコンが表示されてしまい、アイコンつくのとつかないとで隙間があったりアイコンがあったりと
従来メニュー表示を逸脱したものになっている
その他、メニューの背景色などを設定していると顕在化するのだが
「履歴(S)とブックマーク(B)のプルダウンメニューの描画が他とは違う扱いになっている
あと、タブバーの一番左が他とは別の振る舞いをする
そこで、比較的混迷度の低い初期バージョンを使うことになる
アイコンを復活させないのであれば、別の接近で解決したほうが副作用は少なく見える

デフォテーマでブックマークメニューポップアップの背景色おかしくなってるし
管理できてないね

連日更新してるようで、先ほど最新版を試して見た
メニューバーへの必要もないアイコン付加を引っ込めてくれたのかと思ったけど、そのままで
併用していたcssで、前回までは有効であったブックマークメニューのフォルダーアイコンの個別割り当て設定が効かなくなったいた
何処を目指しているのだろうか

>>694
たぶんオマエのようなうっせえクソクレーマーのふるい落としなんじゃね?

ワロタ、[importの一行消せばそのままやっていける
そして機能しなかったのが復活して切れが良くなる
アイコン付加だけがなくなるだけ

11-はNGExで処理しましょう

恐らく leptonの作者はメニューバーを表示した時のことをテストしてないのか
でも、そのプルダウンメニューにアイコンについて作業しているのだから、ありえないことなんだけどね

リちいいきさん

指摘されたことをそのまま改善していってるイメージ

92になってブックマークツールバーのプルダウンメニューの実装が変わってきて
また、縦に間延びしてしまった
これを縮める方策はあるのだろうか
この解消策がないとfirefoxもかなりみっともない使い勝手の悪いものになる

>>701
何も変わらず

>>701
お前のいじり倒した糞環境の問題だな
こちらでは問題なしだ

>>701
menupopup > menuitem,
menupopup > menu {
padding-block: 0.15em !important;
}
これじゃダメなん?

>>701
/*** ブックマークアイテムの行間の高さを変える ***/
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.0em !important;
}

プルダウンメニューのブランチのアイコン
プルダウンメニューの角と影
プルダウンメニューのアイテムの高さ
アイコンを右クリックしてコンテキストメニューを出せばその違いは歴然

場合によっては、背景色と影の色が変わる

Linuxでも、他のcss、スクリプトを外しても、実装の変化は明白

>>708
他のブラウザ使え
鬱陶しいから来るな

>>705
これではかわらないわ。
広くはなるけど(例えばpadding-block: 10em !important;とかね。)狭くはならない。
間隔を0にしたい。(0にした上で好きなサイズに広げたい)

0.1emと0.0emが変わらない

#PlacesToolbar menupopup :is(menu, menuitem) {
min-height: 0 !important;
}

>>712
ありがとうございます

>>712
こちらでレスしていただいた内容でも変化がありませんでした。

値を0より上にすると幅は広がります。
値をマイナスへしてもやはり広がります。(多分デフォルトの高さだと思われます)

★が小さくなる問題は、UI密度の設定でコンパクトの設定を念のために追加していたがこれを削除したら大きさは元に戻った。

今の所ブックマークの行間以外問題は改善された模様。

先行のNightlyやDeveloperでいろいろ試したけど
Web検索しても
従来スタイルのブックマークツールバーのプルダウンメニューのアイテムの高さ行間と同じもしくは以下になる解決策は見つけられなかった

仕様で設定不可能だったら万事窮すだ
そうでなければ通常版で起きている事態だし、解決策が出されるかもしれない

>>705>>712
合わせて書いたら行間なくなったけどな

URLバーの高さってどこをいじればいいのかな。
#urlbar-container
#urlbar
の高さを低くしても全然かわらない。

>>716
ありがとう。
両方書けば調整できるようになりました。
レスいただいた方ありがとうございました。

そこまでがぎりぎり出来ることなんだよな、なんだかなあ

確かにブックマークツールバープルダウンメニューの背景色だけが白っぽくなって
目がしにそうになる
@デフォテーマ

これ92.0で効かなくなった。
/*** URLバーの★マークを非表示 ***/
#star-button {display: none !important;}
どう修正すれば良いの?

その場合には、従来のコンテキストメニューの背景色のためのcssや
無設定に代えて

/* コンテキストメニューの色の変更 */
.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}

みたいに、 #fffff0 の部分を好みに合わせて書き換えてみて

>>721
#star-button-box

724名無しさん@お腹いっぱい。 (ワッチョイ 5f11-nTGN)2021/09/08(水) 15:55:24.70ID:B2jQoqiL0
92でマウスジェスチャが効かなくなったわ

>>723
ありがとう、消えました。

>>717
#urlbar-input-containerでmin-heightをいじればいけたと思う

727名無しさん@お腹いっぱい。 (ワッチョイ 5f99-nTGN)2021/09/08(水) 23:16:51.87ID:Djs96XlA0
>>724はconfig.jsとuserChrome.jsの更新でうまくいったわ

728名無しさん@お腹いっぱい。 (キュッキュ df83-nTGN)2021/09/09(木) 11:01:12.57ID:nPmWINhv00909
タブのダブルクリックでページ更新ができなくなったけど直し方は?

729名無しさん@お腹いっぱい。 (キュッキュ df83-nTGN)2021/09/09(木) 21:58:00.84ID:nPmWINhv00909
userChrome.jsの
gBrowser.getBrowserForTab(tab).reload();
が効かなくなったようでどうしたらいいものか・・

YouTubeの背景色をダークやライトモード以外(例えばブルー)で指定できますかね?
試しにやってみたけどうまく行きません。

>>730
試しにやったのを書いて何処が間違ってるのを聞く方が良いと思う

完全におま環だが、流石にこれには萎えた

候補のプルダウンメニューが隠れている
別の方式を試したら、この問題は反応がぎこちないがほぼ解消した
が、メインメニューバーやブックマークツールバーの表示突然消える

隠していた全ツールバーをホーバーを利用飛び出させるcssだが、副作用が強過ぎた
ま、URLバーでの検索は稀にしか使わないが、これではつらいものがある

https://i.imgur.com/VgLVUKl.png

また気象庁のお前かよw

タブバーだ出しておく、ToolbarAutoHide.uc.jsでは問題がない
けど、きちんと出たとしても、最近は酷くなっていないか
URLバー一つで済ませたがらせるように見える
URLバーならではのURL検索から離れてきている

https://i.imgur.com/PdG7ePN.png

実はこちらさんのを試させてもらったんだけど
英語読むのかったるいので、さっと飛ばしてコードだけを拾って試したwww

Support mozilla Get Help
https://support.mozilla.org/en-US/questions/1284841

92でブックマークツールバーのフォルダをクリックしたら中身の縦幅がえらいことになっててびっくりした

>>735
これ使えるね。
height と opacityの値だけ変えた。

副作用は、URLバーでの検索とプルダウンメニューあたり
なんだかなぁ

インスペクターで見てここの設定のチェック外したら上手くいったんでとりあえず0にした
上で同じこと言ってた人がいたのね
#PlacesToolbar menuitem {
padding: 0 !important;
}

タブへのマウスオーバーでサイトのタイトルが表示されて鬱陶しいです。
非表示にしたい。

>>740
about:config で browser.chrome.toolbar_tips を false

>>741
早々のレス、ありがとう。

未読タブの色変更が、動かなくなった。
助けてくれー

誰かタブのDクリックで再読込みのスクリプト貼ってくんないい?変わったようだ

Cascading Style Sheets

746名無しさん@お腹いっぱい。 (ワッチョイ b681-c5DT)2021/09/11(土) 21:18:59.07ID:4OoHr8UN0
>>736
mac版だととんでもないことになった
直したけど

な、スレチ林檎age厨ガイジだろ👆

>>747
林檎のどこが気に入らねーんだよクソガイジ

749名無しさん@お腹いっぱい。 (ワッチョイ 79cf-wuon)2021/09/12(日) 21:21:13.48ID:koVyAzKA0
儲があまりにキモいんだよね

750名無しさん@お腹いっぱい。 (ワッチョイ b681-c5DT)2021/09/13(月) 20:51:03.99ID:mAhIRrrt0
>>747
初めてこのスレに書いたけどsage進行なの?
いつの時代よ。ageると荒らが来たりするのか?

上げ下げ言ってるのは専用ブラウザも使ってない人だけでしょw
使ってりゃそんな事何も関係ないし。

あ、あげるとえっちな広告貼られちゃうし!

スクロールバーの幅を細くするのに scrollbar-width: thin これ使ってたんだけど効かなくなったみたい
廃止になったんですかね? 細くする技があれば教えてくだされませ

>>753
https://github.com/endeavoursc/firefox-overlay-scrollbars-win10

↑スクロールバーの処理はこれが一番スマートでいいよオススメ。

>>753
細くするだけなら、scrollbar-width: thinで92.0でも効いてますよ。

756753 (ワッチョイ aaa0-bL/7)2021/09/14(火) 18:28:41.14ID:HwxCNf+D0
レスありがとうございます
クラス定義し直したら効きましたm(_ _)m

タブのタイトルの長さに応じてタブの長さが可変するようなスタイルって可能ですか?

ページタイトルをフルレングスでどっかに常時表示させるようなのってできるかな?

タイトルバー出せば?

新着レスの表示
レスを投稿する