userChrome.css・userContent.cssスレ Part14

[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part14 (1002ﾚｽ)
上下前次 1-新

このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索歴削→次ｽﾚ栞削→次ｽﾚ過去ﾛｸﾞﾒﾆｭｰ

745: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ feae-TADz) [sage] 2025/04/07(月) 20:20:49.08 ID:D1snLcRe0(1) AAS
cssは、自分でテキストで書けるのがいい
安心でもある
cssだけで弄るのがスッキリする

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

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

746: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 46a5-bEyi) [sage] 2025/04/09(水) 14:58:46.31 ID:MdGXQvJK0(1/2) AAS
ミュートボタン？スピーカーボタン？を消したい

747: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 46a5-bEyi) [sage] 2025/04/09(水) 15:31:46.45 ID:MdGXQvJK0(2/2) AAS
解決しましたm(_ _)m

748: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4958-9+TM) [sage] 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) [sage] 2025/04/15(火) 16:05:42.93 ID:QcXhjnCf0(1) AAS
Nightlyで menu、menuitem関連のクラス名が色々と変わった
外部ﾘﾝｸ[cgi]:bugzilla.mozilla.org

750: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5f7d-3Jam) [sage] 2025/04/15(火) 20:10:10.22 ID:dlL4yXrY0(1) AAS
Nightly139に更新してからだが、縦タブを有効にすると、選択タブの強調線の.tab-context-lineの全幅が0pxになって表示されなくなる。
widthを指定すると表示されるんだが、あまり余分なcss加えたくないんで戻してくれんかな

751: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f44-gGXF) [sage] 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) [sage] 2025/04/18(金) 10:34:14.56 ID:cJ+tje3F0(1) AAS
>>752
とほほのCSS入門 - とほほのWWW入門
外部ﾘﾝｸ:www.tohoho-web.com

754(2): 名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacb-8xdJ) [sage] 2025/04/19(土) 02:22:32.12 ID:1/XCfvaia(1) AAS
アップデートでまたサイドバー開閉が動かなくなった面倒臭ぇって思ったけどChatGPTに頼んだら数回のやり取りで見事に修正してくれたわ
しかもここ古いから直しといたぞっておまけ付き
いい時代になった

755(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5f0a-BW2b) [sage] 2025/04/19(土) 03:52:21.08 ID:TvgmA+3u0(1/2) AAS
>>754
サイドバー開閉の修正後のcssを教えて下さい

756: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a715-sFbk) [sage] 2025/04/19(土) 08:27:33.57 ID:30lynptX0(1) AAS
AutohideSidebar2.uc.jsもいいですよ

757: 名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacb-8xdJ) [sage] 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) [sage] 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) [sage] 2025/04/19(土) 23:45:32.03 ID:TvgmA+3u0(2/2) AAS
>>754
ありがとうございます
助かります！

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

761: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c558-RykB) [sage] 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

561(2): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 17cf-hCSs) [sage] 2024/11/26(火) 16:17:09.50 ID:APos5Nts0(1/3) AAS
133.0で機能しなくなった

/* ロケーションバーでIMEをオフ */
#urlbar *|input {
ime-mode: inactive !important;
}

こちらどうでしょうか？

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

411(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW c183-ATY0) [sage] 2024/08/01(木) 02:45:51.12 ID:VqtO2SxY0(1) AAS
>>47

単に若者は賢い）という意味だと思う

何がどうトンチンカンな質問をしたのか論理的かつ具体的に説明してみ！？ｗ妄想バカアスペｗｗｗ

762: 名無しさん＠お腹いっぱい。 (ｱｳｱｳT Saae-hB2T) [sage] 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) [sage] 2025/04/20(日) 15:16:28.64 ID:jyj3lyZ+0(1) AAS
試してみたけどちゃんと高さは変わるな
windows11
Firefox137.0.2

>>714

714(5): 名無しさん＠お腹いっぱい。 (ｱｳｱｳT Sa8f-mdxR) [sage] 2025/04/02(水) 14:14:44.75 ID:Y8NPhSL3a(1/5) AAS
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
137にアップしたら効かなくなった。
どう修正するの？

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

764: 名無しさん＠お腹いっぱい。 (ｱｳｱｳT Saae-hB2T) [sage] 2025/04/20(日) 16:04:16.33 ID:6YrsnGyOa(2/2) AAS
>>763
そうか、ありがとう。

765: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a958-0INX) [sage] 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

744(1): 743 (ﾜｯﾁｮｲ 02d4-U54R) [sage　転載用] 2025/04/06(日) 08:54:56.49 ID:hybClNy80(2/2) AAS
webkit-text-strokeのpx数は、使用フォントによって違うのと
Chrome(Chromium系)ではもう少しpx数が必要
Firefoxではv123から改悪されていてv122.0.1までより綺麗にならない

　　Chrome:　外部ﾘﾝｸ:web.archive.org
　🦊v122.0.1迄:　外部ﾘﾝｸ:web.archive.org
　🦊v123～127:　外部ﾘﾝｸ:web.archive.org
　🦊v128～現在:　外部ﾘﾝｸ:web.archive.org
　　ﾀﾞﾒﾀﾞｺﾘｬｗ:　外部ﾘﾝｸ:web.archive.org

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

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

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

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

>>698

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

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

767: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9315-KeI6) [sage] 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) [sage] 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;
}

上下前次 1-新書関写板覧索設栞歴

あと 233 ﾚｽあります
ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ AAｻﾑﾈｲﾙ

ぬこの手ぬこTOP 0.022s