userChrome.css・userContent.cssスレ Part14

2024/03/14(木) 05:47:51.97

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

●前スレ
userChrome.css・userContent.cssスレ Part13
https://egg.5ch.net/test/read.cgi/software/1700870200/

●拡張機能
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

2025/07/07(月) 09:47:31.63

ブックマークマネージャーでtreechildren::-moz-tree-imageでアイコンサイズを変えてるんだけど区切り線を除外する方法ってないかな

警備員[Lv.5][新芽] (ﾀﾅﾎﾞﾀ b715-L4eA) · 2025/07/07(月) 12:10:26.29

ブックマークマネージャーググってもわからない

2025/07/07(月) 12:28:52.19

ブラウジングライブアリーだったわすまん

警備員[Lv.6][新芽] (ﾀﾅﾎﾞﾀ b715-L4eA) · 2025/07/07(月) 12:34:14.92

区切り線どこにあるの

2025/07/07(月) 12:44:58.23

>>874
ブックマーク一覧で挿入できる区切り線

警備員[Lv.7][新芽] (ﾀﾅﾎﾞﾀ b715-L4eA) · 2025/07/07(月) 13:34:56.25

区切り線見つけられませんでした

2025/07/07(月) 14:37:45.11

区切りは自分で追加してなきゃ無いよ

2025/07/07(月) 14:39:54.92

いわゆるブックマークセパレータの ::-moz-tree-separator か
若しくは同じ階層を示す線 ::-moz-tree-line のいずれかか

2025/07/07(月) 15:14:21.24

>>871
:not(...) のようなもので「除外」することはおそらくできない
区切り線の ::-moz-tree-image に対して既定のスタイルを適用し直せば多分だいじょうぶ

treechildren::-moz-tree-image(separator) {
list-style-image: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
min-width: 0 !important;
}

参考
https://searchfox.org/mozilla-central/rev/f3c41d3c5b8335201fcfff6609e55e3a7d0a8df6/browser/themes/shared/places/tree-icons.css#10-28
https://developer.mozilla.org.cach3.com/ja/docs/XUL/Tutorial/Styling_a_Tree

2025/07/07(月) 15:58:39.15

>>879
できないか…
サンキューできた助かった
プロパティ名はseparatorだったか

2025/07/09(水) 15:53:04.09

Firefox release版140.04
YoutubeやYahoo等の検索ボックスを右クリックした時に出るメニューの一番下
「検索エンジンを追加」という項目を非表示にするにはどう書けばいいでしょうか？

警備員[Lv.3][新芽] (ﾜｯﾁｮｲ b715-L4eA) · 2025/07/09(水) 16:25:53.55

#context-add-engine, #context-sep-selectall {
display: none !important;
}

2025/07/09(水) 16:48:08.30

>>882
ありがとうございます、バッチリ消えました

2025/07/12(土) 12:46:19.38

#titlebar {order: 2;} /* 128esr */
/*#TabsToolbar {order: 2;}*/ /* 140esr */

/* メニューを上へ移動 */
#toolbar-menubar { position: fixed; display: inline-flex !important; }
[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
[sizemode="normal"] #toolbar-menubar { top: 1px; }
[sizemode="maximized"] #toolbar-menubar { top: 8px; }

/* ツールバーの上にメニューバーのスペースを確保する */
:root:not([inFullscreen]) #navigator-toolbox { border-top: solid 22px transparent !important; }

Firefox 128esr/140esrで、タブをブックマークツールバーの下にした時、
最後の「ツールバーの上にメニューバーのスペースを確保する」をメニューバー表示
が有効な場合のみ、メニューバーのスペースが空くようにするには、どうしたら良い
ですか。

2025/07/12(土) 13:40:39.36

>>884
:has() を使う

/* ツールバーの上にメニューバーのスペースを確保する */
:root:has(#toolbar-menubar:not([inactive])):not([inFullscreen]) #navigator-toolbox { border-top: solid 24px transparent !important; }

2025/07/12(土) 13:53:38.95

>>885
ごめん、試すとき 22px を 24px に変えてしまってた
コピペするならそこ戻して

2025/07/12(土) 14:16:14.98

>>885,886
うまくいきました。ありがとうございます。

2025/07/12(土) 14:29:57.43

な、ガイジage厨だろ👆

2025/07/12(土) 17:10:47.35

>>885,886
115esrだと、メニューバー非表示の時にも、
スペースが空いたままになりますね。

2025/07/12(土) 17:24:49.37

>>889
:has() が実装されたのは 121 だから
https://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility

2025/07/12(土) 17:31:56.41

>>890
了解しました。
それでは、Firefox 120以前で >>885 と同じことを
実現するにはどうすれば良いのでしょうか。

2025/07/12(土) 17:56:33.18

さあね

というか140では
#TabsToolbar {order: 2;}
これだけでよさそう

2025/07/12(土) 18:12:01.64

>>892
140(133以降)が
#TabsToolbar {order: 2;}
だけで良いのは、そうなのですが、
これだと、window.open()のjavascriptで表示した
子ウィンドウには、メニューバーが表示出来ません。

>>884では、window.open()で表示した子ウィンドウに
もメニューバーが表示出来ます。
但し、135以降では、
#toolbar-menubar { position: fixed; display: inline-flex !important; }
の行に、!importantが必要となります。

2025/07/12(土) 18:15:43.39

スレチESRガイジage厨スルー推奨

2025/07/13(日) 16:35:37.74

>>891
layout.css.has-selector.enabled;true

2025/07/17(木) 16:30:15.28

Windows11にしたら右クリックのOpenWith_1.2.1b.uc.jsが効かなくなってた
ずっと動いてたからそのままだったけど、バージョンもっと上がってるのかな

2025/07/18(金) 23:19:40.05

皆様お助けくださいm(vv)m

https://gamewith.jp/shadowverse-wb/503020
にてカードをクリックすると、その詳細がダイアログ調（画面内ポップアップ）で拡大表示されます
class値はarticle-bodyの直下にある"w-sv-card-modal is-2column is-active"です

その、中央に強制されたダイアログを、画面上方向へ寄せる術が、かなり格闘しても辿れませんでした
「この値を変更するんだよ」程度の助言でも構いません、お詳しい方よろしくお願いいたしますorz

2025/07/18(金) 23:25:39.49

>>897
.w-sv-card-modal::before { vertical-align: top !important; }

2025/07/18(金) 23:26:10.51

自己解決しますたm9(^д^)
ただ、バックグラウンドのダークカラーも上に引っ張られて困惑

2025/07/18(金) 23:26:51.35

>>898
迅速なアドバイスありがとうございます
そちらも今から試してみます！

2025/07/18(金) 23:31:26.72

詳細とお礼を書きまくりましたが、NGワードにより弾かれてしまいますorz
簡素になりますものの、これをお礼とさせていただきます、有難うございました

2025/07/19(土) 07:24:10.25

マルチ野郎じゃん

2025/07/22(火) 07:41:06.61

img[src*="/article_tools/shadowverse-wb/gacha/"]で完全動作する際に、そこへclass値を加えて、2条件を含む対象物にのみ、適用したいです
ネット上にはimg[src*="/article_tools/shadowverse-wb/gacha/" class*="XXXXXXXX"]風で可能という情報がありましたが、上手くいきません
この並記の仕方は何か不足しているのでしょうか？
お詳しい方よろしくお願いいたしますorz

2025/07/22(火) 07:50:35.42

>>903
classの直前に ][ が必要
とほほの入門等を読んで、CSSセレクタの構文について学びなおすといい

2025/07/22(火) 08:13:36.93

>>903
どこにそんな事書いてあったんだよ
URL教えろ

2025/07/22(火) 08:38:09.13

え！！！
それでいけましたか？わりと初動で試すも反映されず、別の方法を模索していました^^;
・・・確かに動きますたm9(^д^)ﾜﾛﾀ

とほほの入門というのを試してみたいと思います
度重ね有難うございましたm(vv)m

2025/07/22(火) 12:11:36.45

というか、CSSセレクタ　でぐぐれば全パターン載ってるサイトが見つかる

2025/07/22(火) 19:54:59.13

>>906
なーにがワロタだよ
おまえが笑われてるんだぞ

2025/07/22(火) 19:56:30.51

>>908
なにもしてないのに偉そうだな

2025/07/22(火) 22:37:48.19

ｶﾞｲｼﾞage厨に構うからこうなる

2025/07/23(水) 02:48:31.26

これは流石の皆さんも解決無理そうと思った難題を発見しましたorz
https://gamewith.jp/shadowverse-wb/507139
のフォーム群ですが、いつもプルダウン系に悩まされます
インラインフレームの次に苦手ですね

今回も、class値w-sv-filter-form-range-column>._select>.select>optionにおいて、文字サイズに伴う行間を狭く出来ませんでした
プルダウン内のline-heightに相当する部分ですね
font-sizeを変更することで、一定の間隔（paddingのような余白）を保ちながら表示全体を小さくすることは可能です
しかしそれでは視認性も悪くなるため、font-sizeを大きめに維持しながら行間≒上下のpadding風余白だけ削りたく思います

例えばgoogleやamazonの入力フォーム及び予測変換プルダウンなどは、マウスオーバーに近いおかげか変更し易い設計となっております
プルダウンにも似たようなコード例の場合はありますが、体感で世の中の半数以上が今回のように指定出来ないものの様に思えます
インラインといい埋め込みタイプ的なものの特性でしょうか（マジギレ！）

お詳しい方よろしくお願いいたしますorz

2025/07/23(水) 04:20:06.18

userChrome.cssで

#ContentSelectDropdown > menupopup {
> menucaption,
> menuitem {
> .menu-text {
padding-block: 0.3333em !important; /*ここの値をいじればいいんでない?*/
}
}
}

2025/07/23(水) 07:20:56.29

うーん・・・やはりサイト単位ではなく、ブラウザの挙動そのものを強制的に改変しないと駄目そうですか・・・
まあ、私もネット黎明期の、Web言語兼html主流時代にHPを作成した頃、その時代から既にプルダウン選択式といったような雛型を当該箇所へ埋め込むものでしたからね・・・
シンプルであればあるほど既製品を使うような感じになってしまうのでしょう
残念ですが見送りたいと思います

ぶっちゃけ多用するものでもありませんし、そういうものだと思って諦めます（サイズ9程度で運用します）
お手数をかけましたm(vv)m

2025/07/23(水) 23:08:34.05

ｶﾞｲｼﾞage厨に構うからこうなる

2025/07/25(金) 09:20:20.06

firefox 141.0 から表示されてる検索バーの「x」を非表示にしたい。

2025/07/25(金) 09:53:36.37

すれば？

警備員[Lv.2][新芽] (ﾜｯﾁｮｲ 8715-UQbq) · 2025/07/25(金) 10:09:57.04

検索バーの「x」を非表示にするの難しかったけど、できた

*|input::-moz-search-clear-button {
display: none !important;
}

**841** (ﾜｯﾁｮｲ dfd4-UQbq) · 2025/07/25(金) 12:54:17.72

>>868-870
それだとツールバーに出せるｽｸﾘｰﾝｼｮｯﾄボタンも無効になるから
#context-take-screenshot, /* スクリーンショットを撮影 */
#context-take-screenshot + menuseparator /* [──────] */
{display: none !important;}
の方が良い
右ｸﾘｯｸﾒﾆｭｰ内には要らんかもしれんけど、ツールとしてはFirefoxのスクリーンショット機能は有用

改訂📝:
　>>700 Firefoxにだけ発生していた𝕏の[ さらに表示 ]バグ: 🍽https://x.com/aki_2024/status/1711639561615593590
　が１年半以上も放置の末の2025/05/13頃にようやく修正されたので、現在は不要（発生日は2023/10/07頃）

　　　[data-testid="tweetText"] {-webkit-line-clamp: initial !important;}
　　　の方は、引用リポストでリポスト元の6行以下が「…」で省スペースされるのを解除するのに一応使える

　　🔍https://x.com/XcorpJP/status/1939869721559802212
　　𝕏は、今頃検索でユーザー名が掛からなくなる改良
　　広告系CEOのリンダ･ヤッカリーノが辞任したりと、改善の兆しは在るのかも

　>>699 フォントがAA用のMS PGothicのままで、行間も開きすぎだったのを
　.AA {font-size: 16px; line-height: 1.6; font-family: unset !important;}

　>>810のGesturefyの⚙ロッカージェスチャーは
　　fission.autostart
　をfalseにしないと確率で空白のタブが表示される不具合が出る（のを書き忘れた）

　　　DeepLを追加したいけど、
　　「半角ｽﾍﾟｰｽ」が「+」に化けてしまうのでアドオンで代用中: 🇱https://addons.mozilla.org/ja/firefox/addon/to-deepl/

>>895
ESR 115でONにしてるのは:has()有効化のそれと
　・アドレスバー電卓:　browser.urlbar.suggest.calculator

2025/07/25(金) 14:58:24.37

>>917
ありがとう、うまくいった。

2025/07/25(金) 23:20:47.79

な、ガイジage厨だろ👆

**918** (ﾜｯﾁｮｲ 6ad4-nBC/) · 2025/07/27(日) 10:51:12.07

5ch.net##div[class="post-content"]:has-text(age厨):upward(1)
5ch.net##a[href="http://be.5ch.net/user/223181803";]:upward(3)

これは拡張CSSセレクタを使って作ってみたuBlock Origin用の記術だけど、
これをStylusで{display: none !important;}させられるCSS記述は在る？ｗ

　　>>710の🪛や👩‍👦‍👦https://qiita.com/debiru/items/94948ba1ee7b8b6fc241#:~:text=%7E
　　は同一階層や下層なんだヨネ
　　逆にuBlock Originには:downward()がほしい

/* ページの項は今は斯う@userChrome.css */
#context-navigation, /* [🡠　🡢　⟳　⛦] */
#context-navigation + menuseparator, /* [───────] */
#context-selectall, /* [すべて選択] */
#context-print-selection, /* [選択した部分を印刷...] */
/*#context-take-screenshot, /* [スクリーンショットを撮影] */
/*#context-take-screenshot + menuseparator, /* [───────] */
#context-inspect-a11y /* [アクセシビリティプロパティを調査] */ /* ←画像の項よりもページだった */
{display: none !important;}

　[選択範囲を英語に翻訳]はabout:configで⚙ browser.translations.select.enable　⇄
　精度が低いのを積まれても逆に迷惑だし、（>>https://anago.2ch.s%EF%BD%83/test/read.cgi/software/1749946104/546n 🤣）
　本来のFirefoxはそういうのをアドオンで任意に任せるのが取柄

　Nightlyに今頃入ってる[選択部分へのリンクをコピー]: 🖍https://forest.watch.impress.co.jp/docs/review/1438812.html
　は、日本語だとエンコードされてリンクが長くなり過ぎるので多用できない

　[名前を付けてページを保存...], [ページのソースを表示], [調査]は、ALTメニューバー向きな項目

右クリックに必要なのは、曾て在った
　・[ブックマークツールバー]: ⏵https://www.gigafree.org/firefox/bookmarks-toolbar-context-menu/
　・[ページの情報]: ⓘhttps://moondoldo.com/wordpress/?p=7254 （[画像の情報を表示]の方は>>706⇄で出せるっていう）

2025/07/27(日) 11:11:13.26

read.crx 2

**921** (ﾜｯﾁｮｲ 6ad4-nBC/) · 2025/07/27(日) 15:38:34.20

age某ワードで自己あぼーんされるｗ
🆙https://archive.md/SfE6t#selection-371.1-379.52

　>>922
　吾輩はﾊﾞｲﾅﾘ改造のJaneStyleを渋々使ってる（遼太が利権乞食だから使いたかないけど、これが一番融通が利く）
　XenoのkoreawatcherがStyleを丸ﾊﾟｸﾘしてくれると良いんだが、亡命した模様ｗ

　余所で一般のリンクとして扱う時に、5ch.netだと下賎すぎて都合が悪い
　このスレは2chの方のミラーリングが止まってて: ♊https://anago.2ch.s%EF%BD%83/test/read.cgi/software/1710362871/
　.scのリンクが遣えなさそう

　山下の乱は、Talk(藁)ではなく.scと提携してれば勝てた

Firefox v141でONになった単位コンバーター: 💱https://forest.watch.impress.co.jp/img/wf/docs/2033/168/html/image4.png.html
　(browser.urlbar.unitconversion.enabled)
も、式がEnglishになるから日本人には直感的には使い難く、
単位変換サイトをブックマークして、キーワード ≒ ショートカットキー(>>841🌟)から呼び出した方が早い

　WebGPU: ▶https://ics.media/entry/230426/　（←バイトニックソートの項、Chromeでは逆転するけどFirefoxはNightly v143でも遅いままｗ）
　は、ESR 115にもabout:configにトグルがあるのだけど、利用は出来ないのが惜しい...

　　>>803🕡のfindbar.modalHighlightは、ESR 115にはまだ残ってて中途半端に使えたりする

🪧
>>841🪟の最高にCooooooLなAero GlassかLiquid Glass🤭のuserChrome.cssでの完全再現求ム！

2025/07/30(水) 17:31:55.43

サイドバーで表示しているアドオンの文字列を選択不能にする方法ってないかな
CSSファイルでできないかな

2025/08/01(金) 09:10:53.73

pointer-events: none;

2025/08/01(金) 09:20:10.78

user-select: none;

2025/08/01(金) 16:11:43.16

>>925-926
サイドバーの中身にcssを適用する方法がよくわからん

2025/08/01(金) 16:36:09.79

userChrome.cssでぐぐれ

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 7f15-nBC/) · 2025/08/01(金) 18:54:48.48

サイドバーで表示しているアドオンの文字列とは何なのかわからない

2025/08/01(金) 21:46:46.16

ttps://github.com/Acercandr0/Latin-Accent
ttps://raw.githubusercontent.com/Acercandr0/Latin-Accent/refs/heads/main/Previews/prev1.png

2025/08/02(土) 18:46:49.22

userChrome.css をアクセス権がないといって開くことができなくなってしまったんだけどどうしたらいいですか?
141.0
toolkit.legacyUserProfileCustomizations.stylesheetsは「true」に設定してます

2025/08/02(土) 19:08:23.14

ESETとか使ってたらアンインストール

2025/08/02(土) 19:10:44.64

>>932
ありがとうございます。
慌てて書き込んでしまいましたが、ちょっとググったら解決できました。
お見込みのとおりESETでした。
ESETのブラウザ保護機能が働いていました。

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 7f15-nBC/) · 2025/08/02(土) 19:13:27.48

ESETはトラブルだらけだね

2025/08/02(土) 19:41:26.81

続けてすみません。
ツールバーを並べ替えているため、アドレスバーに半角英数文字を入力しようとすると
http://or2.mobi/data/img/363636.png
の下段のように入力中の文字がタイトルバーに隠れてしまいます。
これをなんとかしたいのですが、
アドレスバー関係の設定は、「検索候補」も「アドレスバー」もチェックを全部外してあります。
userchorome.cssでなんとかなりますか？

2025/08/02(土) 21:34:12.07

どうやって並べ替えてるか書かないと答えようがない

2025/08/02(土) 21:40:43.69

ロケーションバーよりポップアップした入力欄が広くなってるあたりが昔のmegabar無効化css入ったままになってる予感

2025/08/02(土) 21:40:44.29

>>936
#toolbar-menubar { order: 1 !important; } /* メニューバー */
#nav-bar { order: 2 !important; } /* ナビゲーションツールバー */
#PersonalToolbar { order: 3 !important; } /* ブックマークツールバー */
#TabsToolbar{ order: 4; } タブバー */
こんな記述です。

2025/08/02(土) 21:47:01.32

>>937
そのとおりでした。
それらしい記述を削除したら希望どおりになりました。
皆さんありがとうございました。

2025/08/03(日) 11:26:58.41

https://imepic.jp/20250803/407180

タブをドラッグすると、毎回2mm程上方向へ引っ張られます
その際にタブの縦幅も若干圧縮される様子です
視覚にダメージを残すので、何とか無効化出来ないでしょうか？

また、画像下側のアクティブタブにツールバーの境界線が残る点も、改善したいです
これはv100頃までは
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
で綺麗に消去されていました

よろしくお願いいたします

2025/08/03(日) 12:28:41.55

>>940
使ってるuc.jsやcssも晒さずにどうしろと

**940** (ﾜｯﾁｮｲ 0b74-B3Cu) · 2025/08/03(日) 12:38:36.37

使用中のcssは以下の通りです

/* ページ内検索の消去ボタン */
.findbar-container {
min-width: unset !important;
overflow: hidden !important;
}
#findbar-close-container {
position: unset !important;
}
/* 右上更新関連のポップアップ非表示 */
panel#appMenu-notification-popup { display: none !important; }
/* ツールバーにあるタブの一覧アイコンを非表示 */
#alltabs-button { display: none !important; }
/* タブの間隔調整 */
.tabbrowser-tab {
padding-left: 0px !important; padding-right: 0px !important;
}
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
/* タブ位置・高さ */
/* #titlebar {height: 0px !important;} */
/* 最大化時 */
#main-window[sizemode="maximized"] #toolbar-menubar {
margin-bottom: 2px !important;
}
#navigator-toolbox {
margin-top: -10px !important;
}

**940** (ﾜｯﾁｮｲ 0b74-B3Cu) · 2025/08/03(日) 12:39:18.48

/* ブックマークサイドバー検索非表示 */
#sidebar-search-container {
visibility: collapse!important;
}
/* ブックマークサイドバー行間短縮 */
treechildren::-moz-tree-row {
min-height: 1.5em !important;
}
/* ブックマークサイドバーヘッダ非表示 */
#sidebar-header {
visibility: collapse;
}
/* ブックマークサイドバーインデント短縮 */
treechildren::-moz-tree-indentation {
width: .3em !important;
}
/* ブックマークサイドバー点線非表示 */
treechildren::-moz-tree-row(selected, current, focus) {
outline-color: red !important;
outline-style: none !important;
}
/* 最近のブックマーク非表示 */
#panelMenu_recentBookmarks,
#panelMenu_bookmarksMenu{display:none!important;}

2025/08/03(日) 12:39:27.49

/* コンテキストメニュー非表示 */
#context-add-engine, #context-sep-selectall {
display: none !important;
}

既存cssの付け外しやfirefoxの再インストなどは試しました
よろしくお願いいたします

**940** (ﾜｯﾁｮｲ 0b74-B3Cu) · 2025/08/03(日) 13:31:43.18

about:configを含む、全てを精査したところ
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
のコードただ一つが、あらゆる上位互換を凌駕して元凶となっておりました

しかし、これを外すと目玉タブ（所謂）になり、ハスコラ並みの嫌悪感でブラウザ利用に支障が出てしまいます
最重要cssといっても過言ではありません

そもそもの発端がprotonである事実を再確認しました
そのprotonもabout:configから除去されており、UIデザインを安易に変更出来なくされております

目玉タブを無くす方法・代替案はないものでしょうか^^;

2025/08/03(日) 13:42:16.57

「目玉タブ]とかなんやねん

2025/08/03(日) 13:48:24.59

ずれるのは
#tabbrowser-tabs {
&[orient="horizontal"] {
&[movingtab] {
padding-bottom: 15px;
margin-bottom: -15px;
}
}
}
やから両方 unset するか 0 にすればいい

2025/08/03(日) 14:32:26.20

>>947
ご説明の意図が私の技量不足で理解出来ませんが、そのコードをそのまま貼り付けても無変化でした

タブは元来より付箋状でした
それを、間に隙間が設けられるよう改悪したのが、protonへの移行です
・・・この隙間、生理的に気持ち悪くありませんか？
当時は同様の意見が散見され、私の持っている付箋化コードが配布される程でしたのですが^^;

結局>>945のコードを消せば見た目が最悪なものの、タブのドラッグ横移動に問題が無くなります、スルスルです
デザインを取るかスムーズな挙動を取るか、でしょうかねえorz

タブドラッグの度にクイッと上方向へ位置ズレされると、それこそブラクラのようなダメージが目に入るので、何とかそれを除去したかった

2025/08/03(日) 15:52:03.04

まず、いったん全てのカスタマイズを削除せよ
それから考えろ
これ基本だから

2025/08/03(日) 16:09:45.39

目玉タブが気になって昼も寝れません

2025/08/03(日) 16:37:11.43

タブ幅を狭くしたときに四隅の角の半径が大きいとタブが丸のようになることだと解釈したけど

2025/08/03(日) 16:59:18.96

だらだら喋るけど結局何が言いたいのか全く伝えられない人っているよね

2025/08/03(日) 17:26:11.81

そのまま書いたらアカンにきまっとるがな
両方とも0!important;かunset!important;にするってわかるやろ常考

**940** (ﾜｯﾁｮｲ c374-B3Cu) · 2025/08/03(日) 21:05:26.13

いえいえいえ、丸コピの後に0pxやunsetも試した上で、改善されませんでした

.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
のうち、border-radiusやmargin-blockの値を問わず、.tab-backgroundへ手を加えることそのものが駄目そうなのです・・・
ですから付箋化を上記コード以外、または何らかの正しい記述を以て指定しないと、上方向にチョイ移動するブラクラっぽさは無くなりそうにありません

あれからGPUがゲーム中に死んだり、24時間挿しっ放しのUSB：KIOXIAが爆熱＆読み込み不良だったりして、色々大変でしたorz
室温34-35度での365日24時間つけっぱなPC作業は駄目ですね^^;

特にKIOXIAは過去一高品質なUSBフラッシュメモリに思えたため、熱に弱い現状はどうしたものかと思います
USBは2.0時代のsonyが最強でした
それが3.2で速度と引き換えに熱を持ち易くなり、さらにプラ筐体ばかりとなったことで、耐熱性に難が視られる不幸（仕様）を招いたのでしょう

今日は朝から踏んだり蹴ったりですよ（´д｀）

2025/08/03(日) 21:13:25.79

あ、そう。良かったね

2025/08/03(日) 23:01:33.12

これあかん奴や…

**923** (ﾜｯﾁｮｲ 7bd4-d7oq) · 2025/08/04(月) 06:22:56.44

>>930
　📥https://github.com/Acercandr0/Latin-Accent/blob/main/userChrome.css
　📥https://github.com/Acercandr0/Latin-Accent/blob/main/userContent.css
Option 1を験してみたら
Windows 10ではMicaは機能しなかったが、
Windows 11で「Windowsのモードがダーク」「Firefoxのテーマがシステムテーマ自動」でその様になった！
　ただ、Windows 11のMicaの透過表現自体が希薄で、ONにする意義があるかは微妙だった
　Option 2, Option 3は更に透過させられるみたいだけど、アプリを入れないと出来ない様なので自分はパス

　　🦑https://x.com/keita_roboin/status/1911093092842934379
　　#⃣https://www.askvg.com/enable-or-disable-windows-11-mica-acrylic-effects-in-firefox-ui-and-context-menus/

Latin Accent 🦊は、透過表現よりもアイコン類を選択した時のハイライトの入れ方やアニメーションがいいセンスだ！

　Windows 10のFirefox ESR 115にCSSだけ入れてみると
　　・最小化の「－」が表示されなくなる
　　・タブ数が多いと新しいタブの「＋」が押せなくなる
　　・ツールバー上の各種ポップアップがｸﾞﾗﾂｸ
　　・#bookmarks-toolbar-placeholder {display: none !important;} /* 「ﾌﾞｯｸﾏｰｸﾂｰﾙﾊﾞｰの項目」が表示されっぱなし */
　だけど、
　このCSSをベースにするかも

　📂https://web.archive.org/web/0if_/https://pbs.twimg.com/media/GxdKSd0akAEvIJC?format=png&name=orig
　/* Individual Bookmark Items */ の「min-height:」(ブックマークフォルダの行間)
　は、「24px」だと狭すぎるから「30px」くらいが丁度良いかも
　　・FirefoxのデフォルトのUI密度は、「通常」と「コンパクト」の中間が理想
　　・ﾀﾞﾐﾝｸﾞﾀﾞｳﾝされてるUI密度「コンパクト」: ↕https://blog.halpas.com/archives/18064

これまでのUIで最高にコレってやつだったのは
　・Macで未採用となってしまったDrawing Board: 📐http://lleedd.com/blog/2009/06/14/drawingboard/
　・Windows xpでVisual Styleで使っていたAshen II:
　　🔲https://web.archive.org/web/20100607010822/https://nevezen.deviantart.com/art/Ashen-II-73179002

2025/08/04(月) 07:52:57.47

変なのが居着いちゃった

2025/08/05(火) 13:39:17.87

2025/08/05(火) 18:24:50.47

ここcssスレだから

2025/08/10(日) 13:02:40.11

ハンバーガーメニューの上から2番目の「新しいウィンドウ」を非表示にするにはどう書けばいいでしょうか？

2025/08/10(日) 17:39:22.92

>>961
#appMenu-new-window-button2

2025/08/10(日) 19:13:52.10

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

2025/08/11(月) 03:47:35.70

128esrから140esrにすると利かなくなりました。どなたか修正お願いします。

/* ウインドウの色をwindowsシステムに合わせる */
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: AccentColorText;
background-color: AccentColor;
}

警備員[Lv.11][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/11(月) 09:15:40.09

!important

2025/08/11(月) 12:31:17.89

サイドバーの自動開閉を
ttps://naberium.com/2024/10/30/【firefox】サイドバーを自動開閉できるようにする-132-0/
と、ここの書き込みを参考にして作成してみたが
waterfox G6.0.20 .. 動く
r3dfox 140.0.4 .. 開閉しない
firefox 115.26.0esr .. 開閉繰り返す

ttps://www.computerbase.de/forum/threads/userchrome-css-sidebar-autohide.2244566/
も参考にして、
#sidebar-box {
width: 5px !important;
position: relative !important;
overflow-x: hidden !important;
/* position, overflow-xがないとページ左上のアイコンが使えなくなる */
}

#sidebar-box:hover {
width: 250px !important;
}
と最低限の記述のみにしたらいずれでも動いたんだが、加えた方がいい記述ありますか？

2025/08/11(月) 22:03:23.75

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

2025/08/14(木) 12:54:42.65

今まで機能していたブックマークのサイドバーの背景色変更

#sidebar-box {
background-color: #EBEBEF !important;
}

これが最近のアプデ以降機能しなくなりました。対応方法をお願いします。

2025/08/14(木) 12:56:00.48

>>968
書き忘れ、Firefoxです

警備員[Lv.4][新芽警] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 13:07:53.76

.sidebar-placesTreechildren

2025/08/14(木) 14:22:31.66

>>970
ありがとうございます。

https://i.imgur.com/rJybsD6.png
この3か所の白も変えたいです。
「ブックマークを検索」のエリアは

#search-box {
appearance: none !important;
background-color: #E6E6E6 !important;
color: #000000 !important;
border: solid thin var(--input-border-color) !important;
border-radius: 2px !important;
padding: 2px 3px !important;
}

を使っていたのが機能しなくなったようです。