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/03/04(火) 16:59:07.48

136にアップしたら
SidebarModokiを表示させた後にブックマークツールバーを表示させると
ブックマークツールバーのバックグランドが透明に透けるようになりました
あと、SidebarModokiのブックマークタブで元のタイトル欄？の
「ブックマーク　　X」の列が表示されるようになりました

2025/03/04(火) 20:49:27.06

ブックマークツールバーが透明は知らんけど

「ブックマーク　　X」については sidebar.revamp (sidebar.verticalTabs) の仕様じゃね?

2025/03/05(水) 13:52:10.47

136.0
サイドバーをタブバーの左側に移動する
box#sidebar-main { order: 3 !important; }
vbox#sidebar-box { order: 1 !important; }

垂直タブ有効かつサイドバー自動開閉を使ってる人用

2025/03/11(火) 19:55:02.87

ブックマークツールバーのフォルダをマウスオーバーでフォルダを開きたい。

警備員[Lv.7][新芽] (ﾜｯﾁｮｲ 1115-JIpj) · 2025/03/12(水) 01:17:23.95

userChrome.jsのスクリプトで開くのならあるよ

2025/03/12(水) 07:20:16.94

>>678
それ欲しいです。

警備員[Lv.11][新] (ﾜｯﾁｮｲ 1115-JIpj) · 2025/03/12(水) 10:26:40.13

>>679
https://www.camp-firefox.de/forum/thema/131728-script-nightly-autopopup-f%C3%BCr-lesezeichenleiste-funktioniert-nicht-mehr/?postID=1210333#post1210333

2025/03/12(水) 23:40:01.96

ソーセージの作り方か

2025/03/13(木) 11:30:54.01

アドレスバーの☆ボタンについて、Firefox 135まで以下でウィンドウ左上に追いやって表示されないようにしていました
（こちらで教えて頂いたものです）

:root {
--my-star-button-box-offset: 28px;
}
#star-button-box { /* URLバーの☆はウィンドウの左上に隠す */
position: fixed !important;
top: calc(-1 * var(--my-star-button-box-offset)) !important;
left: calc(-1 * var(--my-star-button-box-offset)) !important;
direction: rtl !important;
}
#editBookmarkPanel { /* メニューの「ブックマーク」直下に表示 */
margin-top: calc(var(--my-star-button-box-offset) - 1rem + 1px) !important;
margin-left: calc(var(--my-star-button-box-offset) + 17rem + 1px) !important;
}

Firefox136に更新したところ画像のようにアドレスバーの左上になってしまいました。
https://i.imgur.com/e5LuNGl.png
絶対座標で☆ボタンを隠したいのですがどのように修正すればいいでしょうか。
なお、ブックマークパネルは表示したいので☆ボタンを非表示にはしていません。
よろしくお願いします。

2025/03/13(木) 11:53:55.16

>>682
透明にして他の要素の後ろに隠してるだけだけど下のはどう？
#star-button-box {
position: absolute !important;
z-index: -1 !important;
opacity: 0 !important;
}

2025/03/13(木) 12:05:46.21

#star-button-box {
direction: rtl !important;
position: absolute !important;
top: -28px !important;
left: -28px !important;
}
#editBookmarkPanel {
margin-top: -56px !important;
margin-left: 0px !important;
}

2025/03/13(木) 13:27:31.73

context_closeTabOptionsという、複数のタブを閉じるの内容を、外に表示するスクリプトがあるのですが、この、右側のタブを閉じるだったり、左側のタブを閉じるという項目を、
タブメニューの一番上に表示出来るCSSを教えて下さい
https://u6.getuploader.com/script/download/2165

2025/03/13(木) 13:58:50.80

>>683
>>684
ありがとうございます。
fixedからabsoluteにしてみましたが、やはりアドレスバーからの相対位置になってしまいます。

絶対座標で☆マークを配置したい理由ですが、
アドレスバーからの相対位置に配置されてしまうと、タブバー表示・非表示によって
ブックマークパネルの位置が上下に変化してしまいます。
このため、☆マークは絶対位置で配置できればと思った次第です。
もしくはタブバーの表示・非表示によってブックマークパネルのmargin-topの値を変化させられればいいのかもしれません。

2025/03/13(木) 14:53:49.93

>>685
#context_closeTab, #context_closeDuplicateTabs, #context_closeTabsToTheStart, #context_closeTabsToTheEnd, #context_closeOtherTabs {
order: -1 !important;
}

**682** (ﾜｯﾁｮｲ fa02-EoI7) · 2025/03/13(木) 23:26:38.34

以下を追加することで
#urlbar {
will-change: auto !important; /* 最適化による影響を排除 */
}

#star-button-box の position:fixed が期待通りになり
☆マークを絶対位置に配置できver.135までの動作と同じになりました。
ありがとうございました。

2025/03/14(金) 06:53:26.82

すいません。「類似したドメインのタブをすべて閉じる」という項目を非表示にする方法を
教えてもらった気がするのですが、どのスレを探しても見当たらなかったので勘違いかもしれません
全然使わないので、これを非表示にする、cssを教えてください

2025/03/14(金) 12:52:13.40

同じく上にある、context_closeTabOptionsというスクリプトで、
一番上の層に出ています

2025/03/14(金) 13:07:49.39

menuitem[label="ほにゃらら"] {display:none !important;} みたいに属性セレクタ使えばいいやん

警備員[Lv.8][新芽] (ｵｰﾊﾟｲ 1115-JIpj) · 2025/03/14(金) 13:47:04.15

類似したドメインのタブをすべて閉じるはTabMixPlusインストールすると出てくるんじゃん
TabMixPlus利用するためにutilsハイツすると拡張機能ボタン消えてしまうな

2025/03/14(金) 15:16:56.86

#tm-closeSimilar{display: none !important;}で消えました
{visibility:collapse !important;}で非表示にしてもいいですね

utilsハイツとは何でしょうか？

警備員[Lv.8][新芽] (ｵｰﾊﾟｲ 1115-JIpj) · 2025/03/14(金) 15:18:31.59

utilsフォルダ配置の間違い

2025/03/14(金) 15:40:45.45

そうだったんですね、それとですが、画像のセパレーターの部分って非表示にすること
出来ませんか？
https://tadaup.jp/34b9af7a0.jpg
専門用語はよく分かりませんが、項目と違ってid属性がないため、どうやって指定するのは不明です
たぶん、TabMixPlusのやつだと思うのですが
（context_closeTabOptionsで3つのタブを閉じる項目は上の層に出しています）

2025/03/14(金) 16:40:48.23

一番上のセパレーターうちのには付いてないな

2025/03/14(金) 17:02:51.97

>>695
#context_selectAllTabs + menuseparator { display: none !important; }

**490** (ﾜｯﾁｮｲ 13d4-Gnpp) · 2025/03/17(月) 14:20:39.19

* {-webkit-text-stroke-width: 0.35px !important;}

@font-face{
font-family: "(合成)IPAexゴシック";
font-weight: normal;
src: local("IPAexGothic");
}
@font-face{
font-family: "(合成)IPAexゴシック";
font-weight: bold;
src: local("NotoSansJP-Bold");
}

* {font-family: "(合成)IPAexゴシック"
/*　このフォント強制法はアイコン用のWebフォントが文字化けするので、
　　訪れるサイトで使われている文字化けしたWebフォント名を
　　↖https://itokoba.com/archives/10332
　　の方法から調べて>>33の様に追記していく

⚠　"最終フォント名"の後ろに　,　を付けてるとエラーになって機能しない
　　>>33の場合だと"Iconochive-Regular"の後ろの　,　は要らない（梳り忘れた！）*/
!important;}

**698** (ﾜｯﾁｮｲ 13d4-Gnpp) · 2025/03/17(月) 14:30:57.36

5chのレスがブラウザで表示した時に
AA誤判定で文字が極小になるのを回避するCSSは、
Stylusに[ドメイン上のURL:　5ch.net]で

.AA {font-size: 16px; line-height: normal}

**699** (ﾜｯﾁｮｲ 13d4-Gnpp) · 2025/03/17(月) 16:47:57.94

FirefoxでTwitter(𝕏)を使ってると、
タイムラインで

　・11行以上のツイート
　　や
　・使用フォントの種類によって

[ さらに表示 ]が出て全文が省略されるのを回避するCSSは、
Stylusに[ドメイン上のURL:　x.com]で

[data-testid="tweetText"] {
-webkit-line-clamp: initial !important;
line-height: normal !important;}

**700** (ﾜｯﾁｮｲ 13d4-Gnpp) · 2025/03/17(月) 16:59:11.27

今自分が使ってる文字セッティングは
Firefox ESR 115.21.0 での　（⚠ v123以上からはwebkit-text-strokeの処理が穢い）

* {-webkit-text-stroke: 0.2px !important;}
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
* {font-family: "ヒラギノUD角ゴ StdN",
"Material Icons",
"icon", "FontAwesome", "Font Awesome 5 Brands", "Font Awesome 5 Free",
"Google Symbols",
"VideoJS", /* Wikipedia */
"icomoon", /* Yahoo! ニュース動画 */
"utIcon",
"ichiba-icon-font", "rex-icon", "fricon", /* 楽天系 */
"AmebaNewSymbols", "ameba-symbols",
"nsiconfont", /* 日刊スポーツ */
"Iconochive-Regular",
"Support MDL2 Assets", "Support Fluent Assets", /* Microsoft */
"Glyphicons Halflings" /* bokete */
!important;}

::selection{
color: #000; /*選択時の文字色を指定*/
background: #c0c0c0; /*選択時の背景色を指定*/}

2025/03/22(土) 21:49:11.11

>>697
ありがとうございます
どうやって調べたのでしょうか？

2025/03/23(日) 06:13:00.70

>>702
「ブラウザーツールボックス」で検索してみよう

2025/03/23(日) 13:41:53.57

>>703
横からだけどそいつが聞いているのはそこじゃないだろ
695を見ればブラウザーツールボックスは使っていることがわかると思うが

**701** (ﾜｯﾁｮｲ 42d4-3A8V) · 2025/03/23(日) 14:48:59.91

タブの右クリックメニューはジェスチャーで処理するから使う事が無いので弄ってないけど、
普遍の右クリックメニューの不要な項目はuserChrome.cssに書き込んで消してる
>>702
と類似のセパレーターの消去は、
右クリックメニューの方では「-sep-」が付く項目がソレだから類推から判別して消す

今自分が使ってるuserChrome.css☟

* {-webkit-text-stroke-width: 0.2px !important;}
* {font-family: "ヒラギノUD角ゴ StdN" !important;}
/* ☝FirefoxのUIに使われてるフォントを矯正指定 */

/*「画像のURLをメールで送信」を非表示 */
#context-sendimage {display:none !important;}
/*「画像をデスクトップの背景に設定」を非表示 */
#context-setDesktopBackground {display:none !important;}
/*「アクセシビリティプロパティを調査」を非表示 */
#context-inspect-a11y {display:none !important;}
/* セパレーター */
#context-sep-setbackground {display:none !important;}

/*「⬅ ➡ 🔁 ⭐」と「すべて選択」を非表示 */
#context-back,
#context-forward,
#context-reload,
#context-bookmarkpage,
#context-sep-navigation,
#context-selectall {display: none !important;}

**705** (ﾜｯﾁｮｲ 42d4-3A8V) · 2025/03/23(日) 19:59:21.24

使ってないけど、
Vivaldiではこういう項目が設定から表示⇔非表示を切り替えれた記憶

この右クリックメニュー内で
「ブックマークツールバー📁 >」が展開されれば使い勝手が良いんだけどな
カーソルを上に持っていかずにその場で右クリックから飛べる

ダミングダウンで端折られてる「画像の情報を表示」はabout:configの
browser.menu.showViewImageInfo　⇄true

今、Nightlyの方では
アドレスバーでの「今回だけ使う検索エンジン:」も更に使い難くなってる
ここ、かなり以前のFirefoxではクリック数が今より少なく処理できてた

2025/03/24(月) 01:17:12.96

>>704
ブラウザーツールボックスを使っているなら見つからないことはないだろう
見つからないとすれば使い方が分かっていないからだと思ったんだが

まぁ単に結合子とかが分かってないからかもしれんが

**704** (ﾜｯﾁｮｲW 62e0-rE/Q) · 2025/03/24(月) 01:20:25.79

>>707
> まぁ単に結合子とかが分かってないからかもしれんが

俺はこれだと思ったんだよね
そいつはCSSを理解すべきなんじゃないかと思った
横からですまんかったね

2025/03/28(金) 02:29:55.79

>>705
ありがとうございます、よく分かりませんがつまり、
何らかの項目の要素の上にあるセパレーターは、要素のID + menuseparator で消せるという感じでしょうかね
区切り線（セパレーター）部分だけは、ブラウザーツールボックスのカーソルが
素通りしてしまうので、調べようが有りませんでした

**706** (ﾜｯﾁｮｲ 42d4-3A8V) · 2025/03/28(金) 05:22:51.53

ブラウザーツールボックスの起動法
🧰https://kimama9.blog.fc2.com/blog-entry-1147.html#240923_1122_d1

>>709
調べてみたけど
タブの右クリックメニューのセパレーターと
ページの右クリックメニューのセパレーターの表記は違うね
で、
CSSでの「+」ってのは: 🪛https://chibasyuta.org/css-next-sibling-combinator/
同じ階層で直後に隣接している要素を表すらしい（次兄弟結合子）

だから
>>705で書いたページでの右クリックメニューの不要項目を非表示の記述は、

/* ページ */
#context-navigation, /*[⬅ ➡ 🔁 ⭐]*/
#context-navigation + menuseparator, /* [─────] */
#context-selectall /* [すべて選択] */
{display:none !important;}

/* 画像 */
#context-copyimage-contents, /* [画像をコピー] */
#context-copyimage, /* [画像のリンクをコピー] */
#context-sendimage, /* [画像のURLをメールで送信] */
#context-setDesktopBackground, /* [画像をデスクトップの背景に設定] */
#context-setDesktopBackground + menuseparator, /* [─────] */
#context-inspect-a11y /* [アクセシビリティプロパティを調査する] */
{display:none !important;}

>>695
タブの右クリックメニューを出したままインスペクトするのってどうやるの？
タブで右クリックするとインスペクタが消えちゃう　（[🔍HTMLを検索]から割り出せるけど）

2025/03/28(金) 06:41:14.12

「…」の中にある「ポップアップを自動で隠さない」を有効にする

**710** (ﾜｯﾁｮｲ 42d4-3A8V) · 2025/03/28(金) 17:20:43.92

>>711
なるほど・ザ・ワールド！

マウスオーバーなどで変化する要素を調べる時にたまに使うのが
📌https://zenn.dev/gemcook/articles/3e90d883100140#%E2%91%A3-1-%E3%82%B9%E3%83%8B%E3%83%9A%E3%83%83%E3%83%88%E3%82%92%E7%99%BB%E9%8C%B2%E3%81%97%E3%82%88%E3%81%86
にある『setTimeout(() => {debugger}, 3000)』
をコンソール(Ctrl + Shift + K)に打ち込んでフラッシュストッパー

>>705で述べたジェスチャーってのは
🧩アドオンのGesturefyでのこういうの（☟はタブに関するジェスチャーだけを抜粋）
　　タブを再読み込み:　←↑→
　　タブのピン留めを切り替え:　↑→←
　　タブを複製:　↑←→
　　最初のタブにフォーカス:　→←
　　最後のタブにフォーカス:　←→
　　タブを末尾に移動:　→↑→
　　左側のタブを閉じる:　←↓→
　　右側のタブを閉じる:　→↓←
　　他のタブを閉じる:　←→←
　　[Popup] 最近閉じたタブ:　↓
　　[Popup] すべてのタブ:　→↑
　　画像を新しいタブで開く:　↑
　　タブを新しいウィンドウに移動:　←→↓

　他のアプリとの汎用性の高い基本的な共通動作や、Gesturefyでは指定できないショートカットキーは
　マウス(🖲)のデバイスのソフトウェアの方のジェスチャーで割り振ってる
　　e.g. ・https://mevius.5ch.net/test/read.cgi/hard/1717148385/258n

Windows、Firefox、Logitech(ﾛｼﾞｸｰﾙ)、𝕏(Twitter) etc...のﾃﾞｸﾞﾚな為体を鑑みても
ITで何をするか以前に、ちゃんとシステムが使える様にする事に時間と知識を割り当てなきゃならんていうね

Firefoxは、v123からのwebkit-text-strokeの劣化が治らん限りESR 115かv122.0.1までしか使えん。俺は

**712** (ﾜｯﾁｮｲ 42d4-3A8V) · 2025/03/29(土) 06:59:19.01

⏸https://blog.jxck.io/entries/2021-08-20/how-to-debug-mouseover.html#3.-f8
>>712の
setTimeout(() => {debugger}, 3000)
は、📌の⑥-1に書かれてあった
Sources = デバッガーで F8 の方が手っ取り早かった模様

タブに関するジェスチャーで☟が抜けてた
　・選択範囲のテキストを新しいタブで検索:　→
　・カスタムURLを開く:　←

Logitech Optionsの方のジェスチャーは
　・[戻る + →] = [Ctrl + Tab]（右のタブに移動）
　・[戻る + ←] = [Ctrl + Shift + Tab]（左のタブに移動）
　・[戻る + ↓] = [Ctrl + W]（タブを閉じる）
　・[精密 + ←] = [Ctrl + M]（タブをミュート）

コピーやペーストなんかも右ｸﾘｯｸﾒﾆｭｰやｷｰﾎﾞｰﾄﾞｼｮｰﾄｶｯﾄは使わずにLogitech Optionsで
　・[進む + ←] = [Ctrl + C]（コピー）
　・[進む + ↓] = [Ctrl + V]（貼り付け）
　・[進む + →] = [Enter]
　・[進む + ↑] = [Ctrl + A]（すべて選択）

⚠ﾛｼﾞの最新のトラボのMXTB2は前作のMXTB1よりも工合が悪いので要注意！

2025/04/02(水) 14:14:44.75

/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
137にアップしたら効かなくなった。
どう修正するの？

2025/04/02(水) 15:35:47.14

#TabsToolbar, #tabbrowser-tabs {
--tab-min-height: 23px !important;
}
これでどうよ？

2025/04/02(水) 17:26:19.89

>>715
うーん、残念
変わりませんでした。

2025/04/02(水) 18:10:27.92

/*** アドレスバーと検索バーの背景色 ***/
:root[lwtheme] {
#urlbar-background,
#searchbar {
background-color: floralwhite !important;
}
}
137にアップしたら効かなくなった。
どう修正するの？

2025/04/02(水) 19:23:39.04

>>714
これは？

:root {
--tab-min-height : 23px !important;
--tab-block-margin : 0px !important;
}

2025/04/02(水) 20:02:14.75

>>718
変わらないです。
なお、タブバーには一部のボタンを置いてます。

2025/04/02(水) 20:09:38.74

うちのはFx137になっても利いてるよ
>>714のと同じかな

/* タブの高さを変更する */
:root {
--tab-min-height: 26px !important;
}

**713** (ﾜｯﾁｮｲ 7fd4-DUcv) · 2025/04/02(水) 20:33:21.26

>>714, >>717
それらの記述こちらでは、v137でもNightly(v139)でも有効になるから
新規プロファイルで試してｵﾏｶﾝを要チェック

CSSとuser.jsでUIをFixするFirefox-UI-Fix
🪚https://github.com/black7375/Firefox-UI-Fix?tab=readme-ov-file#padding-comparisons

・Photonはv57～v88までのUI
・Protonはv89から現在までのUI
　Protonはメニューの行間が間延びしまくってるのが良くない
・オリジナルのLeptonはアイコンが逆に余計すぎる

v29～v56までのAustralisって丸っこいタブのUIが可愛かった

**714** (ｱｳｱｳT Sa8f-mdxR) · 2025/04/02(水) 20:40:58.40

>>720
念の為、そのままコピペしたけど変わらず。
アドオン等追加したわけでもないのに判らない。

**721** (ﾜｯﾁｮｲ 7fd4-DUcv) · 2025/04/02(水) 22:15:19.31

>>722
プロファイルっていうか
userChrome.css内の他の記述でエラーが出てそう
だからuserChrome.cssをリネームで退避して
新規userChrome.cssに>>714, >>717だけを入れたら機能しそう

あと>>721の🪚、
試すなら本命プロファイルではやらん方がいいかも
CSSファイルは削除するだけで元に戻せるけど、
⚠1⃣https://blog.goo.ne.jp/koyusoma5102/e/c369bc61002795740d50baacecc77247
user.jsからprefs.jsに設定値が追加された値のアンインストール法が書かれてなかった

prefs.jsだけを初期値に戻す方法が意外とFirefoxに無い！
user.jsはuser.jsで独立して、user.jsを削除したらその設定は消える
な動作が理想

因みに、Firefoxが勧めてくる「リフレッシュ」は絶対押さん方がいいｗ
やるなら新規プロファイルに既存プロファイルの設定をインポート

2025/04/02(水) 22:42:14.36

うちもなんでかタブの長さしてい利かなくなってるな

2025/04/02(水) 22:53:06.80

137にしたからそのまんまコピペして試してみたけど
714
715
718
720
どれもちゃんと高さは変わるな
タブバーにはボタンは何も置いていない
タブバーのボタンを一度外してみたらどうだろう

2025/04/03(木) 00:57:53.10

普通に効いてる

/* タブの横幅 */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 125px !important; /* 最小値デフォルト 76px */
max-width: 165px !important; /* 最大値デフォルト 225px */
}

2025/04/03(木) 01:01:22.05

これも効いてる

/* URLバーとサーチバーの見た目を変える */
#urlbar-background,
#urlbar-input-container,
#searchbar,#urlbar
#navigator-toolbox .searchbar-textbox
{
Outline: none !important;
box-shadow: none !important;
border-radius: 5px;
font-size: 11px !important;
color: #000000 !important;
background-color: #F7F7F7 !important;
}

**723** (ﾜｯﾁｮｲ 7fd4-DUcv) · 2025/04/03(木) 01:52:05.32

アドレスバーはこれトグルしといた方がいい
browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar
🔝https://susu.cc/2021/06/firefox89search.html

アドレスバーの「今回だけ使う検索エンジン: 」を
昔のverの様に、アイコンをワンクリックで飛べる様に戻すabout:configないかな？

　過去ver:　ワード入力➔アイコンクリック➔🏁
　現在ver:　ワード入力➔アイコンクリック➔Enter➔🏁
　未来ver:　ワード入力➔アイコンクリック➔アイコンクリック➔Enter➔🏁

アドレスバー系で替えてるabout:config
🔧リーダーモード:　無効
reader.parse-on-load.enabled
🔧Pocketサービス:　無効
extensions.pocket.enabled
🔧URLの自動補完:　無効
browser.urlbar.autoFill
🔧ドロップダウン数:　初期値の10だと検索アイコンまでの移動距離が遠い
browser.urlbar.maxRichResults

2025/04/03(木) 06:09:34.97

fadeinってどういうパラメーターなの？

**114** (ｱｳｱｳT Sa8f-mdxR) · 2025/04/03(木) 08:11:15.29

新規プロファイルで試したがダメだった。
userChrome.cssは数点のみ設定したが、相変わらず下記だけ効かない。
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
他に原因あるのかな？

警備員[Lv.8][新芽] (ﾜｯﾁｮｲ df15-kVuH) · 2025/04/03(木) 08:47:28.11

他のCSSの影響があるかも
一番上に記述してみるとか

2025/04/03(木) 08:56:13.01

>>731
アドオンなしで、CSSは動作確認のため、他に2個指定しただけ
記述順を変えても同じ
OSはWin10

**114** (ｱｳｱｳT Sa8f-mdxR) · 2025/04/03(木) 09:26:33.12

>>715
>>720
OSはWindows11ですか？
10では動作しません。

2025/04/03(木) 10:54:51.38

タブバーの画像が欲しいね
ボタン類がじゃましてそうだが

2025/04/03(木) 16:47:59.06

テーマかもね

2025/04/04(金) 01:12:32.34

/* タブの高さを変更 */
.tabbrowser-tab {
min-height: 25px !important; /* 最小高さ */
max-height: 25px !important; /* 最大高さ */
}

2025/04/04(金) 01:22:16.05

/* アクティブのタブの幅を広げる */
/* .tabbrowser-tab[visuallyselected]:not([pinned]) {min-width: 165px !important; } */

/* マウスオンのタブの幅を広げる(ピン留めタブは除外) */
/* .tabbrowser-tab:not([visuallyselected]):not([pinned]):hover { min-width: 180px !important; } */

/* マウスオンのタブの幅を広げる */
/* .tabbrowser-tab:not([visuallyselected]):hover { min-width: 180px !important; } */

/* マウスオンのピン留めタブの幅を広げる */
/* .tabbrowser-tab:not([visuallyselected]):is([pinned]):hover { min-width: 180px !important; } */

2025/04/04(金) 16:05:30.70

>>685に質問があったのですが、
・右側のタブを閉じる
・左側のタブを閉じる
・全てのタブを閉じる
以上の項目は、タブを右クリックして出る「複数のタブを閉じる」の次の階層に表示されるのですが、「複数のタブを閉じる」と上に出るセパレーターを表示させず、直接表示させる方法があるでしょうか？
687では上手くなりませんでした
宜しくお願いします

警備員[Lv.6][新芽] (ｱﾝﾊﾟﾝ df15-kVuH) · 2025/04/04(金) 16:36:23.48

>>738
>>685のスクリプトを用いないと第一階層に出てきません

2025/04/04(金) 21:02:00.59

>>739
有り難う御座います
cssだけでは、やっぱり無理ですか

警備員[Lv.3][新芽] (ｱﾝﾊﾟﾝ df15-kVuH) · 2025/04/04(金) 21:12:57.27

そうです

2025/04/05(土) 18:19:34.21

css使い手ならuserChrome.jsで調べればすぐ使えるでしょ　専用スレもあるし

**728** (ﾜｯﾁｮｲ 02d4-U54R) · 2025/04/06(日) 08:54:11.45

* {-webkit-text-stroke-width: 0.45px !important;}

@font-face{
font-family: "游ゴシック【本来】"; /* ←@font-faceでfont-familyを即席で作る。名前は何でもいい */
font-weight: normal;
src: local("YuGothic-Medium"); /* ←local("　")にはフォントのPostScript名が必要 */
}
@font-face{
font-family: "游ゴシック【本来】";
font-weight: bold;
src: local("YuGothic-bold"); /* ←Bold体だけ別のフォントにすることも可 */
}

* {font-family: "游ゴシック【本来】" /* ←↑で作った即席のfont-family名 */
/* , *//* 文字化けするアイコン用Webフォントを>>698↖ */
!important;}
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
※
Windowsに8.1から標準搭載されてる游ゴシック(MicrosoftのYu Gothic UIとは違う)は、
Microsoft社畜がド低能なので
ウェイトが細すぎて本文などにはそのままでは使えない（※MacはMediumとBoldだけを選定して搭載してる）
から俺竜の矯正方法　（吾輩のセッティングは>>701）

* {font-family: "Lucida Console", "游ゴシック(本来)" !important;}
の様に、欧文フォントを先に入れとくと従属欧文だけを任意のフォントに混合する事も可

フォントの「PostScript名」を視られるソフトが意外と無い！
砂漠の中から砂金を👁つけれたのが dp4 Font Viewer: 📛https://us.fontviewer.de/

Windowsはレンダリングが低級なのに加えて『ヒンティング』という鱗も附いてるので
マトモに遣いたかったら更にMacTypeなどで鱗を落とす必要が有る
　c.f. 🎞https://mevius.5ch.net/test/read.cgi/win/1642086530/879n

**743** (ﾜｯﾁｮｲ 02d4-U54R) · 2025/04/06(日) 08:54:56.49

webkit-text-strokeのpx数は、使用フォントによって違うのと
Chrome(Chromium系)ではもう少しpx数が必要
Firefoxではv123から改悪されていてv122.0.1までより綺麗にならない

　　Chrome:　https://web.archive.org/web/20241106031549if_/https://pbs.twimg.com/media/Gbq2GafasAAvib7.png:orig
　🦊v122.0.1迄:　https://web.archive.org/web/20240320101902if_/https://pbs.twimg.com/media/GJGEKEVbcAAD9IT?format=png&name=orig
　🦊v123～127:　https://web.archive.org/web/20240320102005if_/https://pbs.twimg.com/media/GJGEKq2a4AE-DnI?format=png&name=orig
　🦊v128～現在:　https://web.archive.org/web/0if_/https://pbs.twimg.com/media/Gbq2HKKa8AAqkhB.png:orig
　　ﾀﾞﾒﾀﾞｺﾘｬｗ:　https://web.archive.org/web/20241106032027if_/https://pbs.twimg.com/media/Gbq2IlFbkAAQJw-.png:orig

　　※Stylusは既にManifest v3に対応済み
　　※ヒラギノUD角ゴ W3になってる箇所は W4 W6 の閒違い
　　※使用ディスプレイはWQHD 27インチでスケーリングが100%
　　　4Kディスプレイは経由しないので、
　　　4Kでもtext-strokeやヒンティングの除去が必要かは不明

現在、再々延長サポートされてるESR 115をESR 128系へ自動アップデートさせずに使う手法は、
⬇https://ftp.mozilla.org/pub/firefox/releases/　（現在だったら115.22.0esr/➔win64/➔ja/➔Firefox Setup 115.22.0esr.exe）
からインストールした直後に
作成しといた自動アップデートを無効化するdistribution\policies.json 📁📄https://aprico-media.com/posts/6417#head-d3ead33350d1d6a6599cb2e873773191
をインストールフォルダにｺﾋﾟﾍﾟして止める

　　※distribution📁はインストールの度に消える
　　※about:configのapp.update法は現在では機能しない

□https://forest.watch.impress.co.jp/docs/news/1670239.html
今月のWindows UpdateでWindowsにGoogleのNotoが標準インストールとなり
Chrome(Chromium系)では仕様により本文フォントが[メイリオ]➔[Noto Sans JP]に置き替わる

2025/04/07(月) 20:20:49.08

cssは、自分でテキストで書けるのがいい
安心でもある
cssだけで弄るのがスッキリする

userChrome.jsは、誰かが書いたスクリプトを使ってしまう感じがして、何か安心出来ない気がする

Firefoxを色んな方法でごちゃごちゃ弄りたくない
勘違い？

2025/04/09(水) 14:58:46.31

ミュートボタン？スピーカーボタン？を消したい

2025/04/09(水) 15:31:46.45

解決しましたm(_ _)m

2025/04/09(水) 15:47:47.39

How do I get rid of the mute button from the tab? : r/FirefoxCSS
ttps://www.reddit.com/r/FirefoxCSS/comments/1j69xte/how_do_i_get_rid_of_the_mute_button_from_the_tab/

2025/04/15(火) 16:05:42.93

Nightlyで menu、menuitem関連のクラス名が色々と変わった
https://bugzilla.mozilla.org/show_bug.cgi?id=1959540

2025/04/15(火) 20:10:10.22

Nightly139に更新してからだが、縦タブを有効にすると、選択タブの強調線の.tab-context-lineの全幅が0pxになって表示されなくなる。
widthを指定すると表示されるんだが、あまり余分なcss加えたくないんで戻してくれんかな

2025/04/15(火) 23:20:39.59

縦タブじゃサイドバーを結局使うからそれならアドオンでいいじゃんってなっちゃったな

2025/04/18(金) 00:28:37.28

ピクシブ百科事典ですが、インタフェースが変わってからフォントが薄くなって読みにくくなりました
https://dic.pixiv.net/

斜めフォントだったり文字が薄いのをなくして、メイリオなどに修正したいのですが、
cssを教えて下さい

2025/04/18(金) 10:34:14.56

>>752
とほほのCSS入門 - とほほのWWW入門
https://www.tohoho-web.com/css/

2025/04/19(土) 02:22:32.12

アップデートでまたサイドバー開閉が動かなくなった面倒臭ぇって思ったけどChatGPTに頼んだら数回のやり取りで見事に修正してくれたわ
しかもここ古いから直しといたぞっておまけ付き
いい時代になった

2025/04/19(土) 03:52:21.08

>>754
サイドバー開閉の修正後のcssを教えて下さい

2025/04/19(土) 08:27:33.57

AutohideSidebar2.uc.jsもいいですよ

2025/04/19(土) 10:23:27.62

>>755
/* サイドバー自動開閉 */
#sidebar-box {
position: absolute !important; /* 固定表示 */
top: 0;
right: 0;
height: 100% !important;
overflow: hidden !important;
width: 3px !important;
min-width: 3px !important;
max-width: 3px !important;
transition: all 0.2s ease-in-out !important;
opacity: 0.2 !important;
box-shadow: 0 0 2px rgba(0,0,0,0.3);
z-index: 1000 !important;
pointer-events: auto !important;
}
/* ホバー時の展開 */
#sidebar-box:hover {
width: 300px !important;
min-width: 300px !important;
max-width: 300px !important;
opacity: 1 !important;
box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

改行多くて書き込めないんで次

2025/04/19(土) 10:23:38.43

/* サイドバー自体の表示制御 */
#sidebar {
transition: opacity 0.1s ease-in-out !important;
opacity: 0 !important;
}
#sidebar-box:hover > #sidebar,
#sidebar:hover {
opacity: 1 !important;
}
/* スクロール対応 */
#sidebar {
overflow-y: auto !important;
}

2025/04/19(土) 23:45:32.03

>>754
ありがとうございます
助かります！

2025/04/20(日) 12:12:50.15

>>753
こちら見ればどうにか出来そうですが、pixivのサイト限定ででそのcssを動作させるにはどうすればいいですか？

2025/04/20(日) 13:36:09.34

チョローンwwwwwwwwwwwwwwww

Google日本語入力サジェスト27候補目
562 ：名無しさん＠お腹いっぱい。[sage]：2025/04/20(日) 12:03:42.48 ID:jWyanckD0
>>561
こちらどうでしょうか？

userChrome.css・userContent.cssスレ Part14
760 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ eab2-EGmf)[sage]：2025/04/20(日) 12:12:50.15 ID:jWyanckD0
>>753
こちら見ればどうにか出来そうですが、pixivのサイト限定ででそのcssを動作させるにはどうすればいいですか？

Google Chrome 127
438 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ eab2-EGmf)[sage]：2025/04/20(日) 12:56:56.14 ID:jWyanckD0
>>411
何がどうトンチンカンな質問をしたのか論理的かつ具体的に説明してみ！？ｗ妄想バカアスペｗｗｗ

2025/04/20(日) 14:45:53.34

Ver136.0では次でタブバーを低くできたけど、137.0から効かない。
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
対応策ありませんか？

2025/04/20(日) 15:16:28.64

試してみたけどちゃんと高さは変わるな
windows11
Firefox137.0.2

>>714あたりで同じ話題が出てるけど同じ人かな？

2025/04/20(日) 16:04:16.33

>>763
そうか、ありがとう。

2025/04/21(月) 22:44:27.41

↓で決着ついてる
https://forums.mozillazine.jp/viewtopic.php?f=2&t=23123#p79764

**744** (ﾜｯﾁｮｲ 12d4-Fbt+) · 2025/05/04(日) 11:57:50.29

FirefoxのUIに使われてるWindowsのｸｿUIﾌｫﾝﾄをポアする方法
──────────────────────────────userChrome.cssの方
* {-webkit-text-stroke-width: 0.2px !important;}
* {font-family: "エセナパＪ" !important;}
::selection {
color: #000;
background: #c0c0c0;}
──────────────────────────────userContent.cssの方
@-moz-document url-prefix(about:), url-prefix(moz-extension:), url-prefix(chrome://), domain(mozilla.org)
{
* {-webkit-text-stroke-width: 0.2px !important;}
* {font-family: "エセナパＪ", "Material Icons" !important;}
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
::selection {
color: #000;
background: #c0c0c0;}
}
──────────────────────────────
エセナパ🇯: https://tanukifont.com/esenapaj/#toc4

　・userContent.cssに入れてるのは、userChrome.cssでは替えきれないFirefoxの関連ページ
　　url-prefix(chrome://)も必要だったかは不明
　・"Material Icons"は、mozilla.orgで使われてるWebフォントだったかも
　・color: #000;は、選択範囲時の白文字がtext-stroke-widthと相性が悪いので黒に変えてる
　・text-shadowとbackgroundは任意、text-stroke-widthは>>744

>>698のIPAexゴシックの太字欠品をNoto Sans JPでの補間法は、
　先月のWindows Updateでインストールされた「NotoSansJP-VF.ttf」の方で指定するなら
　PostScript名が "NotoSansJP-Thin" になってるから、
　太字なのに
font-weight: bold;
src: local("NotoSansJP-Thin");

2025/05/04(日) 17:37:14.13

>>766
フォントが変わったすごい

2025/05/04(日) 21:33:39.90

FirefoxのURLバーと検索バーの色を変えようとしています。

#urlbar-background{
background-color: #E6E6E6 !important;
}
#searchbar{
background-color: #E6E6E6 !important;
}

これでほぼできたのですが、
https://i.imgur.com/k6cXTnb.png
このように検索バーに入力したときに出てくる候補が表示されるエリアの色を変える方法はありますか？

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9315-KeI6) · 2025/05/04(日) 22:13:55.55

>>768
はい
.search-panel-tree {
background-color: light-dark(ivory, darkgreen) !important;
}
.search-panel-tree > .autocomplete-richlistitem:hover {
background-color: light-dark(palegoldenrod, green) !important;
}

2025/05/04(日) 22:22:47.39

>>769
ありがとうございます、だいぶ良くできました。ですがまだ上下に白が残ります
https://i.imgur.com/ufLzB5u.png

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9315-KeI6) · 2025/05/04(日) 22:34:03.68

>>770
白い部分は検索バーに入力したときに出てくる候補が表示されるエリアじゃないから
また別にしないといけない

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9315-KeI6) · 2025/05/04(日) 22:57:56.60

#PopupSearchAutoComplete {
--panel-color: var(--toolbar-field-focus-color);
--panel-background: light-dark(#ccc, darkgreen) !important;
--panel-border-color: var(--arrowpanel-border-color);
}

2025/05/04(日) 23:05:18.69

>>772
理想通りになりました！ありがとうございました