userChrome.css・userContent.cssスレ Part14

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

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

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

770(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c6e1-gJ0A) [] 2025/05/04(日) 22:22:47.39 ID:QOe9D+D40(2/3) AAS
>>769
ありがとうございます、だいぶ良くできました。ですがまだ上下に白が残ります
画像ﾘﾝｸ

771: 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9315-KeI6) [sage] 2025/05/04(日) 22:34:03.68 ID:FNlnoUyT0(2/3) AAS
>>770
白い部分は検索バーに入力したときに出てくる候補が表示されるエリアじゃないから
また別にしないといけない

772(1): 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9315-KeI6) [sage] 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) [sage] 2025/05/05(月) 19:18:25.47 ID:wen1k6+Y00505(1) AAS
な、ガイジage厨だろ👆

775: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 9276-dbUq) [sage] 2025/05/06(火) 05:48:05.50 ID:Wmqq7xPR0(1) AAS
自己紹介か

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

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

ぬこの手ぬこTOP 0.030s