[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part14 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
685(3): (ﾜｯﾁｮｲW 7a6e-8j9h) 2025/03/13(木) 13:27:31.73 ID:5JUXaQE20(1)調 AAS
context_closeTabOptionsという、複数のタブを閉じるの内容を、外に表示するスクリプトがあるのですが、この、右側のタブを閉じるだったり、左側のタブを閉じるという項目を、
タブメニューの一番上に表示出来るCSSを教えて下さい
外部ﾘﾝｸ:u6.getuploader.com
686: (ﾜｯﾁｮｲ fa02-EoI7) 2025/03/13(木) 13:58:50.80 ID:Jp0USuvl0(2/3)調 AAS
>>683
>>684
ありがとうございます。
fixedからabsoluteにしてみましたが、やはりアドレスバーからの相対位置になってしまいます。
絶対座標で☆マークを配置したい理由ですが、
アドレスバーからの相対位置に配置されてしまうと、タブバー表示・非表示によって
ブックマークパネルの位置が上下に変化してしまいます。
このため、☆マークは絶対位置で配置できればと思った次第です。
もしくはタブバーの表示・非表示によってブックマークパネルのmargin-topの値を変化させられればいいのかもしれません。
687: (ﾜｯﾁｮｲ 1115-JIpj) 2025/03/13(木) 14:53:49.93 ID:TG0mfyCf0(1)調 AAS
>>685
#context_closeTab, #context_closeDuplicateTabs, #context_closeTabsToTheStart, #context_closeTabsToTheEnd, #context_closeOtherTabs {
order: -1 !important;
}
688: 682 (ﾜｯﾁｮｲ fa02-EoI7) 2025/03/13(木) 23:26:38.34 ID:Jp0USuvl0(3/3)調 AAS
以下を追加することで
#urlbar {
will-change: auto !important; /* 最適化による影響を排除 */
}
#star-button-box の position:fixed が期待通りになり
☆マークを絶対位置に配置できver.135までの動作と同じになりました。
ありがとうございました。
689: (ﾜｯﾁｮｲ a503-W7FU) 2025/03/14(金) 06:53:26.82 ID:B5KK1CqQ0(1)調 AAS
すいません。「類似したドメインのタブをすべて閉じる 」という項目を非表示にする方法を
教えてもらった気がするのですが、どのスレを探しても見当たらなかったので勘違いかもしれません
全然使わないので、これを非表示にする、cssを教えてください
690: (ｵｰﾊﾟｲ a503-W7FU) 2025/03/14(金) 12:52:13.40 ID:B5KK1CqQ0Pi(1/3)調 AAS
同じく上にある、context_closeTabOptionsというスクリプトで、
一番上の層に出ています
691: (ｵｰﾊﾟｲ 81cf-ctMQ) 2025/03/14(金) 13:07:49.39 ID:hl5EcJg30Pi(1)調 AAS
menuitem[label="ほにゃらら"] {display:none !important;} みたいに属性セレクタ使えばいいやん
692: 警備員[Lv.8][新芽] (ｵｰﾊﾟｲ 1115-JIpj) 2025/03/14(金) 13:47:04.15 ID:oyMFwIxe0Pi(1/3)調 AAS
類似したドメインのタブをすべて閉じる はTabMixPlusインストールすると出てくるんじゃん
TabMixPlus利用するためにutilsハイツすると拡張機能ボタン消えてしまうな
693: (ｵｰﾊﾟｲ a503-W7FU) 2025/03/14(金) 15:16:56.86 ID:B5KK1CqQ0Pi(2/3)調 AAS
#tm-closeSimilar{display: none !important;}で消えました
{visibility:collapse !important;}で非表示にしてもいいですね
utilsハイツとは何でしょうか？
694: 警備員[Lv.8][新芽] (ｵｰﾊﾟｲ 1115-JIpj) 2025/03/14(金) 15:18:31.59 ID:oyMFwIxe0Pi(2/3)調 AAS
utilsフォルダ配置の間違い
695(2): (ｵｰﾊﾟｲ a503-W7FU) 2025/03/14(金) 15:40:45.45 ID:B5KK1CqQ0Pi(3/3)調 AAS
そうだったんですね、それとですが、画像のセパレーターの部分って非表示にすること
出来ませんか？
画像ﾘﾝｸ
専門用語はよく分かりませんが、項目と違ってid属性がないため、どうやって指定するのは不明です
たぶん、TabMixPlusのやつだと思うのですが
（context_closeTabOptionsで3つのタブを閉じる項目は上の層に出しています）
696: (ｵｰﾊﾟｲ 1115-JIpj) 2025/03/14(金) 16:40:48.23 ID:oyMFwIxe0Pi(3/3)調 AAS
一番上のセパレーターうちのには付いてないな
697(1): (ｵｰﾊﾟｲ d6e9-ctMQ) 2025/03/14(金) 17:02:51.97 ID:6yHoW1zw0Pi(1)調 AAS
>>695
#context_selectAllTabs + menuseparator { display: none !important; }
698(2): 490 (ﾜｯﾁｮｲ 13d4-Gnpp) [sage 転載用 IPAexゴシックに合成してる太字はNotoSansJP-Bold.ttf] 2025/03/17(月) 14:20:39.19 ID:wABYkwin0(1/4)調 AAS
* {-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フォント名を
↖外部ﾘﾝｸ:itokoba.com
の方法から調べて>>33の様に追記していく
⚠ "最終フォント名"の後ろに , を付けてるとエラーになって機能しない
>>33の場合だと"Iconochive-Regular"の後ろの , は要らない（梳り忘れた！）*/
!important;}
699(1): 698 (ﾜｯﾁｮｲ 13d4-Gnpp) 2025/03/17(月) 14:30:57.36 ID:wABYkwin0(2/4)調 AAS
5chのレスがブラウザで表示した時に
AA誤判定で文字が極小になるのを回避するCSSは、
Stylusに[ドメイン上のURL: 5ch.net]で
.AA {font-size: 16px; line-height: normal}
700(1): 699 (ﾜｯﾁｮｲ 13d4-Gnpp) 2025/03/17(月) 16:47:57.94 ID:wABYkwin0(3/4)調 AAS
FirefoxでTwitter(𝕏)を使ってると、
タイムラインで
・11行以上のツイート
や
・使用フォントの種類によって
[ さらに表示 ]が出て全文が省略されるのを回避するCSSは、
Stylusに[ドメイン上のURL: x.com]で
[data-testid="tweetText"] {
-webkit-line-clamp: initial !important;
line-height: normal !important;}
701(2): 700 (ﾜｯﾁｮｲ 13d4-Gnpp) 2025/03/17(月) 16:59:11.27 ID:wABYkwin0(4/4)調 AAS
今自分が使ってる文字セッティングは
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; /*選択時の背景色を指定*/}
702(2): (ﾜｯﾁｮｲ b37e-Zuge) 2025/03/22(土) 21:49:11.11 ID:uQvBhw9C0(1)調 AAS
>>697
ありがとうございます
どうやって調べたのでしょうか？
703(1): (ﾜｯﾁｮｲ 4203-2aXW) 2025/03/23(日) 06:13:00.70 ID:FcrbPB+w0(1)調 AAS
>>702
「ブラウザーツールボックス」で検索してみよう
704(1): (ﾜｯﾁｮｲW c2a1-rE/Q) 2025/03/23(日) 13:41:53.57 ID:wnBANZ/e0(1)調 AAS
>>703
横からだけどそいつが聞いているのはそこじゃないだろ
695を見ればブラウザーツールボックスは使っていることがわかると思うが
705(3): 701 (ﾜｯﾁｮｲ 42d4-3A8V) 2025/03/23(日) 14:48:59.91 ID:ULsNzkfn0(1/2)調 AAS
タブの右クリックメニューはジェスチャーで処理するから使う事が無いので弄ってないけど、
普遍の右クリックメニューの不要な項目は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;}
706(1): 705 (ﾜｯﾁｮｲ 42d4-3A8V) 2025/03/23(日) 19:59:21.24 ID:ULsNzkfn0(2/2)調 AAS
使ってないけど、
Vivaldiではこういう項目が設定から表示⇔非表示を切り替えれた記憶
この右クリックメニュー内で
「ブックマークツールバー📁 >」が展開されれば使い勝手が良いんだけどな
カーソルを上に持っていかずにその場で右クリックから飛べる
ダミングダウンで端折られてる「画像の情報を表示」はabout:configの
browser.menu.showViewImageInfo ⇄true
今、Nightlyの方では
アドレスバーでの「今回だけ使う検索エンジン:」も更に使い難くなってる
ここ、かなり以前のFirefoxではクリック数が今より少なく処理できてた
707(1): (ﾜｯﾁｮｲ 4203-2aXW) 2025/03/24(月) 01:17:12.96 ID:1ZW99n6b0(1)調 AAS
>>704
ブラウザーツールボックスを使っているなら見つからないことはないだろう
見つからないとすれば使い方が分かっていないからだと思ったんだが
まぁ単に結合子とかが分かってないからかもしれんが
708: 704 (ﾜｯﾁｮｲW 62e0-rE/Q) 2025/03/24(月) 01:20:25.79 ID:t+icd6O80(1)調 AAS
>>707
> まぁ単に結合子とかが分かってないからかもしれんが
俺はこれだと思ったんだよね
そいつはCSSを理解すべきなんじゃないかと思った
横からですまんかったね
709(1): (ﾜｯﾁｮｲ 4203-Zw1Z) 2025/03/28(金) 02:29:55.79 ID:9tXUHBno0(1)調 AAS
>>705
ありがとうございます、よく分かりませんがつまり、
何らかの項目の要素の上にあるセパレーターは、要素のID + menuseparator で消せるという感じでしょうかね
区切り線（セパレーター）部分だけは、ブラウザーツールボックスのカーソルが
素通りしてしまうので、調べようが有りませんでした
710(1): 706 (ﾜｯﾁｮｲ 42d4-3A8V) 2025/03/28(金) 05:22:51.53 ID:QCHLwJtn0(1/2)調 AAS
ブラウザーツールボックスの起動法
🧰外部ﾘﾝｸ[html]:kimama9.blog.fc2.com
>>709
調べてみたけど
タブの右クリックメニューのセパレーターと
ページの右クリックメニューのセパレーターの表記は違うね
で、
CSSでの「+」ってのは: 🪛外部ﾘﾝｸ:chibasyuta.org
同じ階層で直後に隣接している要素を表すらしい（次兄弟結合子）
だから
>>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を検索]から割り出せるけど）
711(1): (ﾜｯﾁｮｲ 0203-2aXW) 2025/03/28(金) 06:41:14.12 ID:098CIZcs0(1)調 AAS
「…」の中にある「ポップアップを自動で隠さない」を有効にする
712(1): 710 (ﾜｯﾁｮｲ 42d4-3A8V) 2025/03/28(金) 17:20:43.92 ID:QCHLwJtn0(2/2)調 AAS
>>711
なるほど・ザ・ワールド！
マウスオーバーなどで変化する要素を調べる時にたまに使うのが
📌外部ﾘﾝｸ:zenn.dev
にある『setTimeout(() => {debugger}, 3000)』
をコンソール(Ctrl + Shift + K)に打ち込んでフラッシュストッパー
>>705で述べたジェスチャーってのは
🧩アドオンのGesturefyでのこういうの（☟はタブに関するジェスチャーだけを抜粋）
タブを再読み込み: ←↑→
タブのピン留めを切り替え: ↑→←
タブを複製: ↑←→
最初のタブにフォーカス: →←
最後のタブにフォーカス: ←→
タブを末尾に移動: →↑→
左側のタブを閉じる: ←↓→
右側のタブを閉じる: →↓←
他のタブを閉じる: ←→←
[Popup] 最近閉じたタブ: ↓
[Popup] すべてのタブ: →↑
画像を新しいタブで開く: ↑
タブを新しいウィンドウに移動: ←→↓
他のアプリとの汎用性の高い基本的な共通動作や、Gesturefyでは指定できないショートカットキーは
マウス(🖲)のデバイスのソフトウェアの方のジェスチャーで割り振ってる
e.g. ・2chｽﾚ:hard
Windows、Firefox、Logitech(ﾛｼﾞｸｰﾙ)、𝕏(Twitter) etc...のﾃﾞｸﾞﾚな為体を鑑みても
ITで何をするか以前に、ちゃんとシステムが使える様にする事に時間と知識を割り当てなきゃならんていうね
Firefoxは、v123からのwebkit-text-strokeの劣化が治らん限りESR 115かv122.0.1までしか使えん。俺は
713: 712 (ﾜｯﾁｮｲ 42d4-3A8V) 2025/03/29(土) 06:59:19.01 ID:QaQemO/I0(1)調 AAS
⏸外部ﾘﾝｸ[html]:blog.jxck.io
>>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よりも工合が悪いので要注意！
714(5): (ｱｳｱｳT Sa8f-mdxR) 2025/04/02(水) 14:14:44.75 ID:Y8NPhSL3a(1/5)調 AAS
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
137にアップしたら効かなくなった。
どう修正するの？
715(2): (ｵｲｺﾗﾐﾈｵ MM8f-DEAw) 2025/04/02(水) 15:35:47.14 ID:nsC5o0V0M(1)調 AAS
#TabsToolbar, #tabbrowser-tabs {
--tab-min-height: 23px !important;
}
これでどうよ？
716: (ｱｳｱｳT Sa8f-mdxR) 2025/04/02(水) 17:26:19.89 ID:Y8NPhSL3a(2/5)調 AAS
>>715
うーん、残念
変わりませんでした。
717(2): (ｱｳｱｳT Sa8f-mdxR) 2025/04/02(水) 18:10:27.92 ID:Y8NPhSL3a(3/5)調 AAS
/*** アドレスバーと検索バーの背景色 ***/
:root[lwtheme] {
#urlbar-background,
#searchbar {
background-color: floralwhite !important;
}
}
137にアップしたら効かなくなった。
どう修正するの？
718(1): (ﾜｯﾁｮｲ 7f54-B6lg) 2025/04/02(水) 19:23:39.04 ID:Fbei7DV+0(1)調 AAS
>>714
これは？
:root {
--tab-min-height : 23px !important;
--tab-block-margin : 0px !important;
}
719: (ｱｳｱｳT Sa8f-mdxR) 2025/04/02(水) 20:02:14.75 ID:Y8NPhSL3a(4/5)調 AAS
>>718
変わらないです。
なお、タブバーには一部のボタンを置いてます。
720(2): (ﾜｯﾁｮｲ 5f87-IWwF) 2025/04/02(水) 20:09:38.74 ID:xRCcnzI50(1)調 AAS
うちのはFx137になっても利いてるよ
>>714のと同じかな
/* タブの高さを変更する */
:root {
--tab-min-height: 26px !important;
}
721(1): 713 (ﾜｯﾁｮｲ 7fd4-DUcv) 2025/04/02(水) 20:33:21.26 ID:nyFbqRFz0(1/2)調 AAS
>>714 >>717
それらの記述こちらでは、v137でもNightly(v139)でも有効になるから
新規プロファイルで試してｵﾏｶﾝを要チェック
CSSとuser.jsでUIをFixするFirefox-UI-Fix
🪚外部ﾘﾝｸ:github.com
・Photonはv57～v88までのUI
・Protonはv89から現在までのUI
Protonはメニューの行間が間延びしまくってるのが良くない
・オリジナルのLeptonはアイコンが逆に余計すぎる
v29～v56までのAustralisって丸っこいタブのUIが可愛かった
722(1): 714 (ｱｳｱｳT Sa8f-mdxR) 2025/04/02(水) 20:40:58.40 ID:Y8NPhSL3a(5/5)調 AAS
>>720
念の為、そのままコピペしたけど変わらず。
アドオン等追加したわけでもないのに判らない。
723: 721 (ﾜｯﾁｮｲ 7fd4-DUcv) 2025/04/02(水) 22:15:19.31 ID:nyFbqRFz0(2/2)調 AAS
>>722
プロファイルっていうか
userChrome.css内の他の記述でエラーが出てそう
だからuserChrome.cssをリネームで退避して
新規userChrome.cssに>>714 >>717だけを入れたら機能しそう
あと>>721の🪚、
試すなら本命プロファイルではやらん方がいいかも
CSSファイルは削除するだけで元に戻せるけど、
⚠1⃣外部ﾘﾝｸ:blog.goo.ne.jp
user.jsからprefs.jsに設定値が追加された値のアンインストール法が書かれてなかった
prefs.jsだけを初期値に戻す方法が意外とFirefoxに無い！
user.jsはuser.jsで独立して、user.jsを削除したらその設定は消える
な動作が理想
因みに、Firefoxが勧めてくる「リフレッシュ」は絶対押さん方がいいｗ
やるなら新規プロファイルに既存プロファイルの設定をインポート
724: (ﾜｯﾁｮｲ ff44-B6lg) 2025/04/02(水) 22:42:14.36 ID:iJzwK7oT0(1)調 AAS
うちもなんでかタブの長さしてい利かなくなってるな
725: (ﾜｯﾁｮｲ ff73-EOa5) 2025/04/02(水) 22:53:06.80 ID:GsLh/WSU0(1)調 AAS
137にしたからそのまんまコピペして試してみたけど
714
715
718
720
どれもちゃんと高さは変わるな
タブバーにはボタンは何も置いていない
タブバーのボタンを一度外してみたらどうだろう
726: (ﾜｯﾁｮｲ 7f31-B6lg) 2025/04/03(木) 00:57:53.10 ID:yDH6czO90(1/2)調 AAS
普通に効いてる
/* タブの横幅 */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 125px !important; /* 最小値 デフォルト 76px */
max-width: 165px !important; /* 最大値 デフォルト 225px */
}
727: (ﾜｯﾁｮｲ 7f31-B6lg) 2025/04/03(木) 01:01:22.05 ID:yDH6czO90(2/2)調 AAS
これも効いてる
/* 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;
}
728(2): 723 (ﾜｯﾁｮｲ 7fd4-DUcv) 2025/04/03(木) 01:52:05.32 ID:8ZqzEcwp0(1)調 AAS
アドレスバーはこれトグルしといた方がいい
browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar
🔝外部ﾘﾝｸ[html]:susu.cc
アドレスバーの「今回だけ使う検索エンジン: 」を
昔の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
729: (ﾜｯﾁｮｲ ff44-B6lg) 2025/04/03(木) 06:09:34.97 ID:lk/dT1Uz0(1)調 AAS
fadeinってどういうパラメーターなの？
730: 114 (ｱｳｱｳT Sa8f-mdxR) 2025/04/03(木) 08:11:15.29 ID:4Vw0HSDsa(1/3)調 AAS
新規プロファイルで試したがダメだった。
userChrome.cssは数点のみ設定したが、相変わらず下記だけ効かない。
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
他に原因あるのかな？
731(1): 警備員[Lv.8][新芽] (ﾜｯﾁｮｲ df15-kVuH) 2025/04/03(木) 08:47:28.11 ID:+DDUGib40(1)調 AAS
他のCSSの影響があるかも
一番上に記述してみるとか
732: (ｱｳｱｳT Sa8f-mdxR) 2025/04/03(木) 08:56:13.01 ID:4Vw0HSDsa(2/3)調 AAS
>>731
アドオンなしで、CSSは動作確認のため、他に2個指定しただけ
記述順を変えても同じ
OSはWin10
733: 114 (ｱｳｱｳT Sa8f-mdxR) 2025/04/03(木) 09:26:33.12 ID:4Vw0HSDsa(3/3)調 AAS
>>715
>>720
OSはWindows11ですか？
10では動作しません。
734: (ﾜｯﾁｮｲ 7ff9-P5w+) 2025/04/03(木) 10:54:51.38 ID:5g2t3bFm0(1)調 AAS
タブバーの画像が欲しいね
ボタン類がじゃましてそうだが
735: (ﾜｯﾁｮｲ dfae-dHAe) 2025/04/03(木) 16:47:59.06 ID:NCkOHgHd0(1)調 AAS
テーマかもね
736: (ﾜｯﾁｮｲ 7f31-B6lg) 2025/04/04(金) 01:12:32.34 ID:g1f1NU7H0(1/2)調 AAS
/* タブの高さを変更 */
.tabbrowser-tab {
min-height: 25px !important; /* 最小高さ */
max-height: 25px !important; /* 最大高さ */
}
737: (ﾜｯﾁｮｲ 7f31-B6lg) 2025/04/04(金) 01:22:16.05 ID:g1f1NU7H0(2/2)調 AAS
/* アクティブのタブの幅を広げる */
/* .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; } */
738(1): (ｱﾝﾊﾟﾝ ff7c-34Pb) 2025/04/04(金) 16:05:30.70 ID:X0FzSvXj00404(1)調 AAS
>>685に質問があったのですが、
・右側のタブを閉じる
・左側のタブを閉じる
・全てのタブを閉じる
以上の項目は、タブを右クリックして出る「複数のタブを閉じる」の次の階層に表示されるのですが、「複数のタブを閉じる」と上に出るセパレーターを表示させず、直接表示させる方法があるでしょうか？
687では上手くなりませんでした
宜しくお願いします
739(1): 警備員[Lv.6][新芽] (ｱﾝﾊﾟﾝ df15-kVuH) 2025/04/04(金) 16:36:23.48 ID:/DF7mPZa00404(1)調 AAS
>>738
>>685のスクリプトを用いないと第一階層に出てきません
740: (ｱﾝﾊﾟﾝ 7f73-34Pb) 2025/04/04(金) 21:02:00.59 ID:jx6MRKzp00404(1)調 AAS
>>739
有り難う御座います
cssだけでは、やっぱり無理ですか
741: 警備員[Lv.3][新芽] (ｱﾝﾊﾟﾝ df15-kVuH) 2025/04/04(金) 21:12:57.27 ID:ksYhSpc900404(1)調 AAS
そうです
742: (ﾜｯﾁｮｲ dfee-B6lg) 2025/04/05(土) 18:19:34.21 ID:62BLfM3z0(1)調 AAS
css使い手ならuserChrome.jsで調べればすぐ使えるでしょ 専用スレもあるし
743: 728 (ﾜｯﾁｮｲ 02d4-U54R) [sage 転載用] 2025/04/06(日) 08:54:11.45 ID:hybClNy80(1/2)調 AAS
* {-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: 📛外部ﾘﾝｸ:us.fontviewer.de
Windowsはレンダリングが低級なのに加えて『ヒンティング』という鱗も附いてるので
マトモに遣いたかったら更にMacTypeなどで鱗を落とす必要が有る
c.f. 🎞2chｽﾚ:win
744(1): 743 (ﾜｯﾁｮｲ 02d4-U54R) [sage 転載用] 2025/04/06(日) 08:54:56.49 ID:hybClNy80(2/2)調 AA×
外部ﾘﾝｸ:web.archive.org
外部ﾘﾝｸ:web.archive.org
外部ﾘﾝｸ:web.archive.org
外部ﾘﾝｸ:web.archive.org
外部ﾘﾝｸ:web.archive.org
外部ﾘﾝｸ:ftp.mozilla.org
外部ﾘﾝｸ:aprico-media.com
外部ﾘﾝｸ[html]:forest.watch.impress.co.jp
745: (ﾜｯﾁｮｲ feae-TADz) 2025/04/07(月) 20:20:49.08 ID:D1snLcRe0(1)調 AAS
cssは、自分でテキストで書けるのがいい
安心でもある
cssだけで弄るのがスッキリする
userChrome.jsは、誰かが書いたスクリプトを使ってしまう感じがして、何か安心出来ない気がする
Firefoxを色んな方法でごちゃごちゃ弄りたくない
勘違い？
746: (ﾜｯﾁｮｲ 46a5-bEyi) 2025/04/09(水) 14:58:46.31 ID:MdGXQvJK0(1/2)調 AAS
ミュートボタン？スピーカーボタン？を消したい
747: (ﾜｯﾁｮｲ 46a5-bEyi) 2025/04/09(水) 15:31:46.45 ID:MdGXQvJK0(2/2)調 AAS
解決しましたm(_ _)m
748: (ﾜｯﾁｮｲ 4958-9+TM) 2025/04/09(水) 15:47:47.39 ID:olUHKiuI0(1)調 AAS
How do I get rid of the mute button from the tab? : r/FirefoxCSS
外部ﾘﾝｸ:www.reddit.com
749: (ﾜｯﾁｮｲ 27cf-3Jam) 2025/04/15(火) 16:05:42.93 ID:QcXhjnCf0(1)調 AAS
Nightlyで menu、menuitem関連のクラス名が色々と変わった
外部ﾘﾝｸ[cgi]:bugzilla.mozilla.org
750: (ﾜｯﾁｮｲ 5f7d-3Jam) 2025/04/15(火) 20:10:10.22 ID:dlL4yXrY0(1)調 AAS
Nightly139に更新してからだが、縦タブを有効にすると、選択タブの強調線の.tab-context-lineの全幅が0pxになって表示されなくなる。
widthを指定すると表示されるんだが、あまり余分なcss加えたくないんで戻してくれんかな
751: (ﾜｯﾁｮｲ 7f44-gGXF) 2025/04/15(火) 23:20:39.59 ID:6mnDeQZz0(1)調 AAS
縦タブじゃサイドバーを結局使うからそれならアドオンでいいじゃんってなっちゃったな
752(1): (ﾜｯﾁｮｲW ff24-Zysq) 2025/04/18(金) 00:28:37.28 ID:pxDImerZ0(1)調 AAS
ピクシブ百科事典ですが、インタフェースが変わってからフォントが薄くなって読みにくくなりました
外部ﾘﾝｸ:dic.pixiv.net
斜めフォントだったり文字が薄いのをなくして、メイリオなどに修正したいのですが、
cssを教えて下さい
753(2): (ﾜｯﾁｮｲ 47b1-QPDn) 2025/04/18(金) 10:34:14.56 ID:cJ+tje3F0(1)調 AAS
>>752
とほほのCSS入門 - とほほのWWW入門
外部ﾘﾝｸ:www.tohoho-web.com
754(2): (ｱｳｱｳｳｰT Sacb-8xdJ) 2025/04/19(土) 02:22:32.12 ID:1/XCfvaia(1)調 AAS
アップデートでまたサイドバー開閉が動かなくなった面倒臭ぇって思ったけどChatGPTに頼んだら数回のやり取りで見事に修正してくれたわ
しかもここ古いから直しといたぞっておまけ付き
いい時代になった
755(1): (ﾜｯﾁｮｲ 5f0a-BW2b) 2025/04/19(土) 03:52:21.08 ID:TvgmA+3u0(1/2)調 AAS
>>754
サイドバー開閉の修正後のcssを教えて下さい
756: (ﾜｯﾁｮｲ a715-sFbk) 2025/04/19(土) 08:27:33.57 ID:30lynptX0(1)調 AAS
AutohideSidebar2.uc.jsもいいですよ
757: (ｱｳｱｳｳｰT Sacb-8xdJ) 2025/04/19(土) 10:23:27.62 ID:oGpU5/ZFa(1/2)調 AAS
>>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);
}
改行多くて書き込めないんで次
758: (ｱｳｱｳｳｰT Sacb-8xdJ) 2025/04/19(土) 10:23:38.43 ID:oGpU5/ZFa(2/2)調 AAS
/* サイドバー自体の表示制御 */
#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;
}
759: (ﾜｯﾁｮｲ 5fa9-BW2b) 2025/04/19(土) 23:45:32.03 ID:TvgmA+3u0(2/2)調 AAS
>>754
ありがとうございます
助かります！
760: (ﾜｯﾁｮｲ eab2-EGmf) 2025/04/20(日) 12:12:50.15 ID:jWyanckD0(1)調 AAS
>>753
こちら見ればどうにか出来そうですが、pixivのサイト限定ででそのcssを動作させるにはどうすればいいですか？
761: (ﾜｯﾁｮｲ c558-RykB) 2025/04/20(日) 13:36:09.34 ID:vrV4tEw30(1)調 AAS
チョローン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
何がどうトンチンカンな質問をしたのか論理的かつ具体的に説明してみ！？ｗ 妄想バカアスペｗｗｗ
762: (ｱｳｱｳT Saae-hB2T) 2025/04/20(日) 14:45:53.34 ID:6YrsnGyOa(1/2)調 AAS
Ver136.0では次でタブバーを低くできたけど、137.0から効かない。
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
対応策ありませんか？
763(1): (ﾜｯﾁｮｲ a673-pFs9) 2025/04/20(日) 15:16:28.64 ID:jyj3lyZ+0(1)調 AAS
試してみたけどちゃんと高さは変わるな
windows11
Firefox137.0.2
>>714あたりで同じ話題が出てるけど同じ人かな？
764: (ｱｳｱｳT Saae-hB2T) 2025/04/20(日) 16:04:16.33 ID:6YrsnGyOa(2/2)調 AAS
>>763
そうか、ありがとう。
765: (ﾜｯﾁｮｲ a958-0INX) 2025/04/21(月) 22:44:27.41 ID:AgH8O3Hy0(1)調 AAS
↓で決着ついてる
外部ﾘﾝｸ[php]:forums.mozillazine.jp
766(2): 744 (ﾜｯﾁｮｲ 12d4-Fbt+) [sage 転載用] 2025/05/04(日) 11:57:50.29 ID:XGHbycrG0(1)調 AAS
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;}
}
──────────────────────────────
エセナパ🇯: 外部ﾘﾝｸ:tanukifont.com
・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");
767: (ﾜｯﾁｮｲ 9315-KeI6) 2025/05/04(日) 17:37:14.13 ID:hahGcFfp0(1)調 AAS
>>766
フォントが変わったすごい
768(1): (ﾜｯﾁｮｲ c6e1-gJ0A) 2025/05/04(日) 21:33:39.90 ID:QOe9D+D40(1/3)調 AAS
FirefoxのURLバーと検索バーの色を変えようとしています。
#urlbar-background{
background-color: #E6E6E6 !important;
}
#searchbar{
background-color: #E6E6E6 !important;
}
これでほぼできたのですが、
画像ﾘﾝｸ
このように検索バーに入力したときに出てくる候補が表示されるエリアの色を変える方法はありますか？
769(1): 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9315-KeI6) 2025/05/04(日) 22:13:55.55 ID:FNlnoUyT0(1/3)調 AAS
>>768
はい
.search-panel-tree {
background-color: light-dark(ivory, darkgreen) !important;
}
.search-panel-tree > .autocomplete-richlistitem:hover {
background-color: light-dark(palegoldenrod, green) !important;
}
770(1): (ﾜｯﾁｮｲ c6e1-gJ0A) 2025/05/04(日) 22:22:47.39 ID:QOe9D+D40(2/3)調 AAS
>>769
ありがとうございます、だいぶ良くできました。ですがまだ上下に白が残ります
画像ﾘﾝｸ
771: 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9315-KeI6) 2025/05/04(日) 22:34:03.68 ID:FNlnoUyT0(2/3)調 AAS
>>770
白い部分は検索バーに入力したときに出てくる候補が表示されるエリアじゃないから
また別にしないといけない
772(1): 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9315-KeI6) 2025/05/04(日) 22:57:56.60 ID:FNlnoUyT0(3/3)調 AAS
#PopupSearchAutoComplete {
--panel-color: var(--toolbar-field-focus-color);
--panel-background: light-dark(#ccc, darkgreen) !important;
--panel-border-color: var(--arrowpanel-border-color);
}
773: (ﾜｯﾁｮｲ c6e1-gJ0A) 2025/05/04(日) 23:05:18.69 ID:QOe9D+D40(3/3)調 AAS
>>772
理想通りになりました！ありがとうございました
774: (ｺｰﾄﾞﾓ 9758-mpUa) 2025/05/05(月) 19:18:25.47 ID:wen1k6+Y00505(1)調 AAS
な、ガイジage厨だろ👆
775: (ﾜｯﾁｮｲW 9276-dbUq) 2025/05/06(火) 05:48:05.50 ID:Wmqq7xPR0(1)調 AAS
自己紹介か
776(1): (ﾜｯﾁｮｲ d673-T6Ba) 2025/05/10(土) 01:01:02.54 ID:LM26F5XH0(1)調 AAS
右クリックで出るコンテキストメニューの角が丸くなってしまったのですが
丸みを無くす事はできませんか？
777: (ﾜｯﾁｮｲ 166e-4G8a) 2025/05/10(土) 01:25:49.79 ID:nE9AZO6+0(1)調 AAS
>>776
menupopup {
--panel-border-radius: 0px !important;
}
menuitem {
border-radius: 0px !important;
}
778: (ﾜｯﾁｮｲ 1e10-TfrH) 2025/05/10(土) 23:53:22.63 ID:3vNz+SHA0(1)調 AAS
QuickDrag WEを使ってGoogle検索結果からリンクをドラッグして別タブで開いてるんですが、そのドラッグ操作中にGoogleレンズの窓が開いて邪魔してきます
これを無効化する方法があったら教えてもらえませんか
779: (ﾜｯﾁｮｲ b7bb-/qML) 2025/05/10(土) 23:56:45.28 ID:1hCYmOTX0(1)調 AAS
cssスレで聞くことなんかな
780(1): (ﾜｯﾁｮｲ bfee-4DY1) 2025/05/11(日) 00:59:17.00 ID:l/6YWwCs0(1)調 AAS
ググったらcssで解決してる記事が出てくるけど
781: (ﾜｯﾁｮｲ 6f10-ieTS) 2025/05/11(日) 01:31:17.55 ID:5+c3gpDj0(1/3)調 AAS
>>780
そうなんです、そのページの頭に
※現在同じような現象が再発しています。
と書かれている通り、現バージョンのFirefoxではもう効かなくなってしまってるので新しく使えるcssが分かる人がいないかなと
782(1): (ﾜｯﾁｮｲ b315-ZkZz) 2025/05/11(日) 05:08:47.39 ID:AriY+2vK0(1)調 AAS
Googleレンズは無効になるのかな
@-moz-document domain("google.co.jp"), domain("google.com") {
.NzSfif {
display: none !important;
}
}
! 2025-05-11 google.co.jp google.com
www.google.co.jp##.NzSfif
www.google.com##.NzSfif
783: (ﾜｯﾁｮｲ 6f8a-ieTS) 2025/05/11(日) 12:31:21.44 ID:5+c3gpDj0(2/3)調 AAS
>>782
ありがとうございます
自分の環境ではうまくいかないようでした
784(1): 警備員[Lv.3][新] (ﾜｯﾁｮｲ b315-ZkZz) 2025/05/11(日) 12:57:55.37 ID:du5sX0xk0(1/4)調 AAS
userContent.cssに記述してる？
785: ころころ (ﾜｯﾁｮｲ b315-ZkZz) 2025/05/11(日) 12:59:06.09 ID:du5sX0xk0(2/4)調 AAS
下のはuBlock Origin用で別だよ
786: (ﾜｯﾁｮｲ 6f3d-vmxD) 2025/05/11(日) 14:15:57.91 ID:Hir9yduv0(1)調 AAS
画像検索自体ができなくなっちゃうな
787(1): (ﾜｯﾁｮｲ 6f8a-ieTS) 2025/05/11(日) 14:20:54.73 ID:5+c3gpDj0(3/3)調 AAS
>>784
おおーuserContent.cssを作ってそちらにコピペしたら窓が出なくなりました
おかげさまで快適になりました、ありがとうございます
何度か試してみて今のところ上のだけで問題なく動いてくれているみたいなんですが、uBlock Originにも下の記述を足しておいた方がいいんでしょうか？
788: (ﾜｯﾁｮｲ 237d-LI6j) 2025/05/11(日) 14:24:18.92 ID:6WSmu/k60(1)調 AAS
firefoxのバージョンとか関係なくてgoogleのクラス名がしょっちゅう変わるだけじゃね
789: 警備員[Lv.5][新] (ﾜｯﾁｮｲ b315-ZkZz) 2025/05/11(日) 14:30:21.44 ID:du5sX0xk0(3/4)調 AAS
>>787
好きな方に追加で
790: (ﾜｯﾁｮｲ b315-ZkZz) 2025/05/11(日) 14:45:40.05 ID:du5sX0xk0(4/4)調 AAS
これなら検索結果ページでのみGoogleレンズ無効になる
@-moz-document url-prefix("外部ﾘﾝｸ:www.google.co.jp url-prefix("外部ﾘﾝｸ:www.google.com {
.NzSfif {
display: none !important;
}
}
791(1): (ﾜｯﾁｮｲ 8fe1-onYc) 2025/05/12(月) 23:58:18.17 ID:6g4MIt3M0(1)調 AAS
Firefoxサイドパネルでブックマーク表示中、一番上に表示される「ブックマークを検索」のテキスト入力欄の色を変えたいです
テキストボックスは#search-box、その周囲は#sidebar-search-containerであることがわかり、
display: noneで消すことはできるのですが、background-colorで色を指定しても反映されません
792(1): (ﾜｯﾁｮｲ 63be-XCeo) 2025/05/13(火) 08:21:41.70 ID:KPztlPpC0(1)調 AAS
>>791
userChrome.css で appearance: none
background-color 以外も解除されるので自分で適当に設定する
@-moz-document url(chrome://browser/content/places/bookmarksSidebar.xhtml),
url(chrome://browser/content/places/historySidebar.xhtml)
{
#search-box {
appearance: none !important;
background-color: green !important;
color: yellow !important;
border: solid thin var(--input-border-color) !important;
border-radius: 2px !important;
padding: 2px 3px !important;
}
}
793: (ﾜｯﾁｮｲ b315-ZkZz) 2025/05/13(火) 10:29:54.80 ID:a7BRFfTP0(1)調 AAS
>>792
横からありがとうございます
自分もどうして変わらないのか悩んでいて
appearanceは盲点というか考えが及ばなかった
794: (ﾜｯﾁｮｲ f381-Pedj) 2025/05/17(土) 21:54:19.41 ID:fx73DJBJ0(1)調 AAS
タブの高さを狭く変更したのですが、タブ内の文字位置がタブの上端からではなく少し下にズレて表示されます
上端から表示させるにはどう書けばいいでしょうか
.tabbrowser-tab {
height: 24px !important;
}
795(2): (ﾜｯﾁｮｲ 6b9c-rPai) 2025/05/18(日) 10:12:04.79 ID:DzUCrncL0(1/2)調 AAS
#TabsToolbar {
--tab-min-height: 24px !important;
}
#TabsToolbar #tabbrowser-tabs {
min-height: auto !important;
}
796: (ｱｳｱｳｳｰT Sa2f-mHPU) 2025/05/18(日) 10:26:23.20 ID:Smq2jHE3a(1)調 AAS
>>795
横からだけど、ありがとう。
797: (ﾜｯﾁｮｲ 9f81-mHPU) 2025/05/18(日) 13:51:34.31 ID:NKGzVjcU0(1/2)調 AAS
>>795
水平タブには効きましたが垂直タブには効かないみたいです
798(1): (ﾜｯﾁｮｲ 6b9c-rPai) 2025/05/18(日) 14:16:08.25 ID:DzUCrncL0(2/2)調 AAS
あーそうか、今は垂直タブも考慮しないといけないのか
.tab-background {
min-height: 24px !important;
}
も追加で
タブ間隔の広さが気になる場合は
#tabbrowser-tabs[orient="vertical"] .tabbrowser-tab {
padding-block: 0px !important;
}
も追加
799: (ﾜｯﾁｮｲ 9f81-mHPU) 2025/05/18(日) 17:03:33.30 ID:NKGzVjcU0(2/2)調 AAS
>>798
ありがとうございます！
800(1): (ﾜｯﾁｮｲ 5fcf-mHPU) 2025/05/21(水) 16:14:52.58 ID:B/AqerQU0(1/2)調 AAS
タブグループ名の高さをタブと同じにするにはどうすれば良いですか？
画像ﾘﾝｸ
801(1): (ﾜｯﾁｮｲ 4f15-FIIW) 2025/05/21(水) 18:34:20.70 ID:e2RYkwME0(1/3)調 AAS
>>800
とりあえず作ってみたがこれで正しいのかわからない
/* グループタブの形状 */
#tabbrowser-tabs[orient="horizontal"] .tab-group-label {
font-size: 12px !important;
padding-top: 8px !important;
padding-inline: 10px !important;
min-height: 36px !important;
border-radius: 12px !important;
outline: none !important;
}
802(1): (ﾜｯﾁｮｲ 4f15-FIIW) 2025/05/21(水) 18:34:34.97 ID:e2RYkwME0(2/3)調 AAS
/* グループタブの形状 縦タブ */
.tab-group-label {
#tabbrowser-tabs[orient="vertical"]:not([expanded]) & {
width: 24px !important;
max-width: 24px !important;
margin: auto !important;
font-size: 0 !important;
padding-top: 2px !important;
min-height: 16px !important;
border-radius: 8px !important;
outline: none !important;
}
}
.tab-group-label {
#tabbrowser-tabs[orient="vertical"][expanded] & {
font-size: 12px !important;
padding-top: 2px !important;
padding-inline: 10px !important;
min-height: 16px !important;
border-radius: 12px !important;
outline: none !important;
}
}
803(4): 766 (ﾜｯﾁｮｲ cad4-mHPU) 2025/05/21(水) 18:54:19.98 ID:k1xjR9To0(1)調 AAS
「Ctrl + F」の検索で掛かる
・該当ワードの[グリーンに白の🔤]
・☑すべて強調表示 でハイライトする[マゼンタに白の🔤]
を
userChrome.cssかuserContent.cssで指定する方法知らない？
about:configの方で
ui.textSelectAttentionBackground
ui.textSelectAttentionForeground
ui.textHighlightBackground
ui.textHighlightForeground
から指定が出来るのだけど、
.cssに書き込んだ方が管理がし易そう
🕡外部ﾘﾝｸ:www.insidespeech.com
findbar.modalHighlight
なんて裏技も在ったらしい（けど実装が中途半端に終わってる）
804: (ﾜｯﾁｮｲ 5fcf-mHPU) 2025/05/21(水) 20:00:34.19 ID:B/AqerQU0(2/2)調 AAS
>>801
>>802
ありがとうございます
805(1): 警備員[Lv.4][新芽] (ﾜｯﾁｮｲ 4f15-FIIW) 2025/05/21(水) 20:16:00.86 ID:e2RYkwME0(3/3)調 AAS
>>803
cssでは無理らしい
806(4): (ﾜｯﾁｮｲ aaa5-63lk) 2025/05/22(木) 16:51:28.91 ID:zWXU8p770(1)調 AAS
外部ﾘﾝｸ[css]:github.com
外部ﾘﾝｸ[css]:github.com
URLバーがちょっと大きくなるのとかURLバー下の検索窓がURLバー幅でしか開かないの弄るために久々に調べたメモ
以前もやったのに変更入って無効になってた
807(1): (ﾜｯﾁｮｲ 4f15-FIIW) 2025/05/22(木) 18:02:14.84 ID:mUcMUOpD0(1)調 AAS
>>806
MrOtherGuyの人cssマスターだよね
自分手直ししてこれ使ってたわ
外部ﾘﾝｸ[css]:github.com
外部ﾘﾝｸ[css]:github.com
808: 803 (ﾜｯﾁｮｲ cad4-mHPU) [灰色は、PEUGEOT 9X8の2023年ル･マン前までのgrisがトレビアン sage] 2025/05/23(金) 06:58:03.66 ID:0fJ1fNFv0(1/2)調 AAS
>>805
調べても掛からないから意外と無いのかも。
Skiaのフォントレンダリングを補整できるwebkit-text-stroke-widthは
文字が選択範囲で白字化する際に
白色化前のcolorでstrokeしてしまいアウトラインが黒縁になるので、
about:config法(>>803)で文字色にあたるForegroundの方を #000000 (⬛)に書き変え。
⚙about:configは
何の為にどの記述を変えたのかをノートしとかないと🩶外部ﾘﾝｸ:bokete.jp
それから、>>701と>>766の
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
::selection {
color: #000;
background: #c0c0c0;}
を、
* {text-shadow: 0px 0px 0.36px rgba(128, 128, 128, 0.333) !important;}
::selection {background: rgba(128, 128, 128, 0.5);}
にchange the 𝖂ord
・16進数の#カラーコードではなくてrgba(,,,)値で指定した方が、色とα(透過)率を把握し易い
・シャドウ(blur-radius)はK(⬛)で透過の方が良いかと思ったけど、白以外の背景色との兼ね合いでは･･･灰色で･･････
・::selectionはcolor値を指定しないと白字化しなかったので、ではbackgroundを灰色で半透明で。
>>806-807 MrOtherGuy
適用前と適用後の画像を添えておくと、とっても参考になるよ
809(1): (ﾜｯﾁｮｲ 4f15-FIIW) 2025/05/23(金) 19:28:33.49 ID:YZp/7b6i0(1)調 AAS
overlay_fullscreen_toolbars.css は
全画面表示のときマウスポインタを上に持っていくとタブとツールバーが出てくるが
ページを押し下げカクカク出てくるのがページの上にかぶさるように出てくるようになる
動画フルスクリーンのときバグがあるので
:root[sizemode="fullscreen"] を以下のように変更するとよい
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) {
textual_searchbar_one-offs.css は検索バーのアイコンにテキスト表示するもの
画像左のようになる 右のは好みに成型した自分用のもの
画像ﾘﾝｸ
810(1): 808 (ﾜｯﾁｮｲ cad4-mHPU) 2025/05/23(金) 20:40:35.27 ID:0fJ1fNFv0(2/2)調 AAS
>>809
なるほど
＞overlay_fullscreen_toolbars.css
の方はFirefoxがデフォルトに採用するべき挙動
＞textual_searchbar_one-offs.css
・検索エンジン数が多かったり
・同じサイト内のパラメーター違いの検索はアイコンが同じになったり
してアイコンだけだと判別し難くなる訳ね
吾輩は、選択範囲から検索する時用に
Gesturefyの⚙[その他＞ロッカージェスチャー＞左クリックした状態で右クリック]
に「[Popup] 検索エンジン」を入れてる
検索エンジンを追加する時は
Add custom search engine: 🧩外部ﾘﾝｸ:addons.mozilla.org
を使ってる
使ってる🔍は: Google， 英辞郎， YouTube， Wiktionary， OK辞典， Twitter(𝕏)
>>728で書いたが、
NightlyのFirefox入れてみたら判るけど
そこ、今後めっちゃ使い難くなるよ
811(1): (ﾜｯﾁｮｲ 9fcf-mHPU) 2025/05/23(金) 21:44:25.97 ID:GqMqh9eg0(1)調 AAS
browser.urlbar.scotchBonnet.enableOverrideをfalseにしとけ
上下前次1-新書関写板覧索設栞歴
あと 191 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ
ぬこの手 ぬこTOP 0.069s