[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part14 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
715(2): (ｵｲｺﾗﾐﾈｵ MM8f-DEAw) 04/02(水)15:35 ID:nsC5o0V0M(1) AAS
#TabsToolbar, #tabbrowser-tabs {
--tab-min-height: 23px !important;
}
これでどうよ？
716: (ｱｳｱｳT Sa8f-mdxR) 04/02(水)17:26 ID:Y8NPhSL3a(2/5) AAS
>>715
うーん、残念
変わりませんでした。
717(2): (ｱｳｱｳT Sa8f-mdxR) 04/02(水)18:10 ID:Y8NPhSL3a(3/5) AAS
/*** アドレスバーと検索バーの背景色 ***/
:root[lwtheme] {
#urlbar-background,
#searchbar {
background-color: floralwhite !important;
}
}
137にアップしたら効かなくなった。
どう修正するの？
718(1): (ﾜｯﾁｮｲ 7f54-B6lg) 04/02(水)19:23 ID:Fbei7DV+0(1) AAS
>>714
これは？
:root {
--tab-min-height : 23px !important;
--tab-block-margin : 0px !important;
}
719: (ｱｳｱｳT Sa8f-mdxR) 04/02(水)20:02 ID:Y8NPhSL3a(4/5) AAS
>>718
変わらないです。
なお、タブバーには一部のボタンを置いてます。
720(2): (ﾜｯﾁｮｲ 5f87-IWwF) 04/02(水)20:09 ID:xRCcnzI50(1) AAS
うちのはFx137になっても利いてるよ
>>714のと同じかな
/* タブの高さを変更する */
:root {
--tab-min-height: 26px !important;
}
721(1): 713 (ﾜｯﾁｮｲ 7fd4-DUcv) 04/02(水)20:33 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) 04/02(水)20:40 ID:Y8NPhSL3a(5/5) AAS
>>720
念の為、そのままコピペしたけど変わらず。
アドオン等追加したわけでもないのに判らない。
723: 721 (ﾜｯﾁｮｲ 7fd4-DUcv) 04/02(水)22:15 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に設定値が追加された値のアンインストール法が書かれてなかった
省5
724: (ﾜｯﾁｮｲ ff44-B6lg) 04/02(水)22:42 ID:iJzwK7oT0(1) AAS
うちもなんでかタブの長さしてい利かなくなってるな
725: (ﾜｯﾁｮｲ ff73-EOa5) 04/02(水)22:53 ID:GsLh/WSU0(1) AAS
137にしたからそのまんまコピペして試してみたけど
714
715
718
720
どれもちゃんと高さは変わるな
タブバーにはボタンは何も置いていない
タブバーのボタンを一度外してみたらどうだろう
726: (ﾜｯﾁｮｲ 7f31-B6lg) 04/03(木)00:57 ID:yDH6czO90(1/2) AAS
普通に効いてる
/* タブの横幅 */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 125px !important; /* 最小値 デフォルト 76px */
max-width: 165px !important; /* 最大値 デフォルト 225px */
}
727: (ﾜｯﾁｮｲ 7f31-B6lg) 04/03(木)01:01 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;
省4
728(2): 723 (ﾜｯﾁｮｲ 7fd4-DUcv) 04/03(木)01:52 ID:8ZqzEcwp0(1) AAS
アドレスバーはこれトグルしといた方がいい
browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar
🔝外部ﾘﾝｸ[html]:susu.cc
アドレスバーの「今回だけ使う検索エンジン: 」を
昔のverの様に、アイコンをワンクリックで飛べる様に戻すabout:configないかな？
過去ver: ワード入力➔アイコンクリック➔🏁
現在ver: ワード入力➔アイコンクリック➔Enter➔🏁
未来ver: ワード入力➔アイコンクリック➔アイコンクリック➔Enter➔🏁
アドレスバー系で替えてるabout:config
🔧リーダーモード: 無効
省7
729: (ﾜｯﾁｮｲ ff44-B6lg) 04/03(木)06:09 ID:lk/dT1Uz0(1) AAS
fadeinってどういうパラメーターなの？
730: 114 (ｱｳｱｳT Sa8f-mdxR) 04/03(木)08:11 ID:4Vw0HSDsa(1/3) AAS
新規プロファイルで試したがダメだった。
userChrome.cssは数点のみ設定したが、相変わらず下記だけ効かない。
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
他に原因あるのかな？
731(1): 警備員[Lv.8][新芽] (ﾜｯﾁｮｲ df15-kVuH) 04/03(木)08:47 ID:+DDUGib40(1) AAS
他のCSSの影響があるかも
一番上に記述してみるとか
732: (ｱｳｱｳT Sa8f-mdxR) 04/03(木)08:56 ID:4Vw0HSDsa(2/3) AAS
>>731
アドオンなしで、CSSは動作確認のため、他に2個指定しただけ
記述順を変えても同じ
OSはWin10
733: 114 (ｱｳｱｳT Sa8f-mdxR) 04/03(木)09:26 ID:4Vw0HSDsa(3/3) AAS
>>715
>>720
OSはWindows11ですか？
10では動作しません。
734: (ﾜｯﾁｮｲ 7ff9-P5w+) 04/03(木)10:54 ID:5g2t3bFm0(1) AAS
タブバーの画像が欲しいね
ボタン類がじゃましてそうだが
735: (ﾜｯﾁｮｲ dfae-dHAe) 04/03(木)16:47 ID:NCkOHgHd0(1) AAS
テーマかもね
736: (ﾜｯﾁｮｲ 7f31-B6lg) 04/04(金)01:12 ID:g1f1NU7H0(1/2) AAS
/* タブの高さを変更 */
.tabbrowser-tab {
min-height: 25px !important; /* 最小高さ */
max-height: 25px !important; /* 最大高さ */
}
737: (ﾜｯﾁｮｲ 7f31-B6lg) 04/04(金)01:22 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) 04/04(金)16:05 ID:X0FzSvXj00404(1) AAS
>>685に質問があったのですが、
・右側のタブを閉じる
・左側のタブを閉じる
・全てのタブを閉じる
以上の項目は、タブを右クリックして出る「複数のタブを閉じる」の次の階層に表示されるのですが、「複数のタブを閉じる」と上に出るセパレーターを表示させず、直接表示させる方法があるでしょうか？
687では上手くなりませんでした
宜しくお願いします
739(1): 警備員[Lv.6][新芽] (ｱﾝﾊﾟﾝ df15-kVuH) 04/04(金)16:36 ID:/DF7mPZa00404(1) AAS
>>738
>>685のスクリプトを用いないと第一階層に出てきません
740: (ｱﾝﾊﾟﾝ 7f73-34Pb) 04/04(金)21:02 ID:jx6MRKzp00404(1) AAS
>>739
有り難う御座います
cssだけでは、やっぱり無理ですか
741: 警備員[Lv.3][新芽] (ｱﾝﾊﾟﾝ df15-kVuH) 04/04(金)21:12 ID:ksYhSpc900404(1) AAS
そうです
742: (ﾜｯﾁｮｲ dfee-B6lg) 04/05(土)18:19 ID:62BLfM3z0(1) AAS
css使い手ならuserChrome.jsで調べればすぐ使えるでしょ 専用スレもあるし
743: 728 (ﾜｯﾁｮｲ 02d4-U54R) [sage 転載用] 04/06(日)08:54 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体だけ別のフォントにすることも可 */
省17
744(1): 743 (ﾜｯﾁｮｲ 02d4-U54R) [sage 転載用] 04/06(日)08:54 ID:hybClNy80(2/2) AAS
AA省
745: (ﾜｯﾁｮｲ feae-TADz) 04/07(月)20:20 ID:D1snLcRe0(1) AAS
cssは、自分でテキストで書けるのがいい
安心でもある
cssだけで弄るのがスッキリする
userChrome.jsは、誰かが書いたスクリプトを使ってしまう感じがして、何か安心出来ない気がする
Firefoxを色んな方法でごちゃごちゃ弄りたくない
勘違い？
746: (ﾜｯﾁｮｲ 46a5-bEyi) 04/09(水)14:58 ID:MdGXQvJK0(1/2) AAS
ミュートボタン？スピーカーボタン？を消したい
747: (ﾜｯﾁｮｲ 46a5-bEyi) 04/09(水)15:31 ID:MdGXQvJK0(2/2) AAS
解決しましたm(_ _)m
748: (ﾜｯﾁｮｲ 4958-9+TM) 04/09(水)15:47 ID:olUHKiuI0(1) AAS
How do I get rid of the mute button from the tab? : r/FirefoxCSS
外部ﾘﾝｸ:www.reddit.com
749: (ﾜｯﾁｮｲ 27cf-3Jam) 04/15(火)16:05 ID:QcXhjnCf0(1) AAS
Nightlyで menu、menuitem関連のクラス名が色々と変わった
外部ﾘﾝｸ[cgi]:bugzilla.mozilla.org
750: (ﾜｯﾁｮｲ 5f7d-3Jam) 04/15(火)20:10 ID:dlL4yXrY0(1) AAS
Nightly139に更新してからだが、縦タブを有効にすると、選択タブの強調線の.tab-context-lineの全幅が0pxになって表示されなくなる。
widthを指定すると表示されるんだが、あまり余分なcss加えたくないんで戻してくれんかな
751: (ﾜｯﾁｮｲ 7f44-gGXF) 04/15(火)23:20 ID:6mnDeQZz0(1) AAS
縦タブじゃサイドバーを結局使うからそれならアドオンでいいじゃんってなっちゃったな
752(1): (ﾜｯﾁｮｲW ff24-Zysq) 04/18(金)00:28 ID:pxDImerZ0(1) AAS
ピクシブ百科事典ですが、インタフェースが変わってからフォントが薄くなって読みにくくなりました
外部ﾘﾝｸ:dic.pixiv.net
斜めフォントだったり文字が薄いのをなくして、メイリオなどに修正したいのですが、
cssを教えて下さい
753(2): (ﾜｯﾁｮｲ 47b1-QPDn) 04/18(金)10:34 ID:cJ+tje3F0(1) AAS
>>752
とほほのCSS入門 - とほほのWWW入門
外部ﾘﾝｸ:www.tohoho-web.com
754(2): (ｱｳｱｳｳｰT Sacb-8xdJ) 04/19(土)02:22 ID:1/XCfvaia(1) AAS
アップデートでまたサイドバー開閉が動かなくなった面倒臭ぇって思ったけどChatGPTに頼んだら数回のやり取りで見事に修正してくれたわ
しかもここ古いから直しといたぞっておまけ付き
いい時代になった
755(1): (ﾜｯﾁｮｲ 5f0a-BW2b) 04/19(土)03:52 ID:TvgmA+3u0(1/2) AAS
>>754
サイドバー開閉の修正後のcssを教えて下さい
756: (ﾜｯﾁｮｲ a715-sFbk) 04/19(土)08:27 ID:30lynptX0(1) AAS
AutohideSidebar2.uc.jsもいいですよ
757: (ｱｳｱｳｳｰT Sacb-8xdJ) 04/19(土)10:23 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;
省16
758: (ｱｳｱｳｳｰT Sacb-8xdJ) 04/19(土)10:23 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;
}
/* スクロール対応 */
省3
759: (ﾜｯﾁｮｲ 5fa9-BW2b) 04/19(土)23:45 ID:TvgmA+3u0(2/2) AAS
>>754
ありがとうございます
助かります！
760: (ﾜｯﾁｮｲ eab2-EGmf) 04/20(日)12:12 ID:jWyanckD0(1) AAS
>>753
こちら見ればどうにか出来そうですが、pixivのサイト限定ででそのcssを動作させるにはどうすればいいですか？
761: (ﾜｯﾁｮｲ c558-RykB) 04/20(日)13:36 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
省3
762: (ｱｳｱｳT Saae-hB2T) 04/20(日)14:45 ID:6YrsnGyOa(1/2) AAS
Ver136.0では次でタブバーを低くできたけど、137.0から効かない。
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
対応策ありませんか？
763(1): (ﾜｯﾁｮｲ a673-pFs9) 04/20(日)15:16 ID:jyj3lyZ+0(1) AAS
試してみたけどちゃんと高さは変わるな
windows11
Firefox137.0.2
>>714あたりで同じ話題が出てるけど同じ人かな？
764: (ｱｳｱｳT Saae-hB2T) 04/20(日)16:04 ID:6YrsnGyOa(2/2) AAS
>>763
そうか、ありがとう。
765: (ﾜｯﾁｮｲ a958-0INX) 04/21(月)22:44 ID:AgH8O3Hy0(1) AAS
↓で決着ついてる
外部ﾘﾝｸ[php]:forums.mozillazine.jp
766(2): 744 (ﾜｯﾁｮｲ 12d4-Fbt+) [sage 転載用] 05/04(日)11:57 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)
{
省20
767: (ﾜｯﾁｮｲ 9315-KeI6) 05/04(日)17:37 ID:hahGcFfp0(1) AAS
>>766
フォントが変わったすごい
768(1): (ﾜｯﾁｮｲ c6e1-gJ0A) 05/04(日)21:33 ID:QOe9D+D40(1/3) AAS
FirefoxのURLバーと検索バーの色を変えようとしています。
#urlbar-background{
background-color: #E6E6E6 !important;
}
#searchbar{
background-color: #E6E6E6 !important;
}
これでほぼできたのですが、
画像ﾘﾝｸ[png]:i.imgur.com
このように検索バーに入力したときに出てくる候補が表示されるエリアの色を変える方法はありますか？
769(1): 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9315-KeI6) 05/04(日)22:13 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) 05/04(日)22:22 ID:QOe9D+D40(2/3) AAS
>>769
ありがとうございます、だいぶ良くできました。ですがまだ上下に白が残ります
画像ﾘﾝｸ[png]:i.imgur.com
771: 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9315-KeI6) 05/04(日)22:34 ID:FNlnoUyT0(2/3) AAS
>>770
白い部分は検索バーに入力したときに出てくる候補が表示されるエリアじゃないから
また別にしないといけない
772(1): 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9315-KeI6) 05/04(日)22:57 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) 05/04(日)23:05 ID:QOe9D+D40(3/3) AAS
>>772
理想通りになりました！ありがとうございました
774: (ｺｰﾄﾞﾓ 9758-mpUa) 05/05(月)19:18 ID:wen1k6+Y00505(1) AAS
な、ガイジage厨だろ👆
775: (ﾜｯﾁｮｲW 9276-dbUq) 05/06(火)05:48 ID:Wmqq7xPR0(1) AAS
自己紹介か
776(1): (ﾜｯﾁｮｲ d673-T6Ba) 05/10(土)01:01 ID:LM26F5XH0(1) AAS
右クリックで出るコンテキストメニューの角が丸くなってしまったのですが
丸みを無くす事はできませんか？
777: (ﾜｯﾁｮｲ 166e-4G8a) 05/10(土)01:25 ID:nE9AZO6+0(1) AAS
>>776
menupopup {
--panel-border-radius: 0px !important;
}
menuitem {
border-radius: 0px !important;
}
778: (ﾜｯﾁｮｲ 1e10-TfrH) 05/10(土)23:53 ID:3vNz+SHA0(1) AAS
QuickDrag WEを使ってGoogle検索結果からリンクをドラッグして別タブで開いてるんですが、そのドラッグ操作中にGoogleレンズの窓が開いて邪魔してきます
これを無効化する方法があったら教えてもらえませんか
779: (ﾜｯﾁｮｲ b7bb-/qML) 05/10(土)23:56 ID:1hCYmOTX0(1) AAS
cssスレで聞くことなんかな
780(1): (ﾜｯﾁｮｲ bfee-4DY1) 05/11(日)00:59 ID:l/6YWwCs0(1) AAS
ググったらcssで解決してる記事が出てくるけど
781: (ﾜｯﾁｮｲ 6f10-ieTS) 05/11(日)01:31 ID:5+c3gpDj0(1/3) AAS
>>780
そうなんです、そのページの頭に
※現在同じような現象が再発しています。
と書かれている通り、現バージョンのFirefoxではもう効かなくなってしまってるので新しく使えるcssが分かる人がいないかなと
782(1): (ﾜｯﾁｮｲ b315-ZkZz) 05/11(日)05:08 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) 05/11(日)12:31 ID:5+c3gpDj0(2/3) AAS
>>782
ありがとうございます
自分の環境ではうまくいかないようでした
784(1): 警備員[Lv.3][新] (ﾜｯﾁｮｲ b315-ZkZz) 05/11(日)12:57 ID:du5sX0xk0(1/4) AAS
userContent.cssに記述してる？
785: ころころ (ﾜｯﾁｮｲ b315-ZkZz) 05/11(日)12:59 ID:du5sX0xk0(2/4) AAS
下のはuBlock Origin用で別だよ
786: (ﾜｯﾁｮｲ 6f3d-vmxD) 05/11(日)14:15 ID:Hir9yduv0(1) AAS
画像検索自体ができなくなっちゃうな
787(1): (ﾜｯﾁｮｲ 6f8a-ieTS) 05/11(日)14:20 ID:5+c3gpDj0(3/3) AAS
>>784
おおーuserContent.cssを作ってそちらにコピペしたら窓が出なくなりました
おかげさまで快適になりました、ありがとうございます
何度か試してみて今のところ上のだけで問題なく動いてくれているみたいなんですが、uBlock Originにも下の記述を足しておいた方がいいんでしょうか？
788: (ﾜｯﾁｮｲ 237d-LI6j) 05/11(日)14:24 ID:6WSmu/k60(1) AAS
firefoxのバージョンとか関係なくてgoogleのクラス名がしょっちゅう変わるだけじゃね
789: 警備員[Lv.5][新] (ﾜｯﾁｮｲ b315-ZkZz) 05/11(日)14:30 ID:du5sX0xk0(3/4) AAS
>>787
好きな方に追加で
790: (ﾜｯﾁｮｲ b315-ZkZz) 05/11(日)14:45 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) 05/12(月)23:58 ID:6g4MIt3M0(1) AAS
Firefoxサイドパネルでブックマーク表示中、一番上に表示される「ブックマークを検索」のテキスト入力欄の色を変えたいです
テキストボックスは#search-box、その周囲は#sidebar-search-containerであることがわかり、
display: noneで消すことはできるのですが、background-colorで色を指定しても反映されません
792(1): (ﾜｯﾁｮｲ 63be-XCeo) 05/13(火)08:21 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;
省5
793: (ﾜｯﾁｮｲ b315-ZkZz) 05/13(火)10:29 ID:a7BRFfTP0(1) AAS
>>792
横からありがとうございます
自分もどうして変わらないのか悩んでいて
appearanceは盲点というか考えが及ばなかった
794: (ﾜｯﾁｮｲ f381-Pedj) 05/17(土)21:54 ID:fx73DJBJ0(1) AAS
タブの高さを狭く変更したのですが、タブ内の文字位置がタブの上端からではなく少し下にズレて表示されます
上端から表示させるにはどう書けばいいでしょうか
.tabbrowser-tab {
height: 24px !important;
}
795(2): (ﾜｯﾁｮｲ 6b9c-rPai) 05/18(日)10:12 ID:DzUCrncL0(1/2) AAS
#TabsToolbar {
--tab-min-height: 24px !important;
}
#TabsToolbar #tabbrowser-tabs {
min-height: auto !important;
}
796: (ｱｳｱｳｳｰT Sa2f-mHPU) 05/18(日)10:26 ID:Smq2jHE3a(1) AAS
>>795
横からだけど、ありがとう。
797: (ﾜｯﾁｮｲ 9f81-mHPU) 05/18(日)13:51 ID:NKGzVjcU0(1/2) AAS
>>795
水平タブには効きましたが垂直タブには効かないみたいです
798(1): (ﾜｯﾁｮｲ 6b9c-rPai) 05/18(日)14:16 ID:DzUCrncL0(2/2) AAS
あーそうか、今は垂直タブも考慮しないといけないのか
.tab-background {
min-height: 24px !important;
}
も追加で
タブ間隔の広さが気になる場合は
#tabbrowser-tabs[orient="vertical"] .tabbrowser-tab {
padding-block: 0px !important;
}
も追加
799: (ﾜｯﾁｮｲ 9f81-mHPU) 05/18(日)17:03 ID:NKGzVjcU0(2/2) AAS
>>798
ありがとうございます！
800(1): (ﾜｯﾁｮｲ 5fcf-mHPU) 05/21(水)16:14 ID:B/AqerQU0(1/2) AAS
タブグループ名の高さをタブと同じにするにはどうすれば良いですか？
画像ﾘﾝｸ[png]:imgvb.com
801(1): (ﾜｯﾁｮｲ 4f15-FIIW) 05/21(水)18:34 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;
省1
802(1): (ﾜｯﾁｮｲ 4f15-FIIW) 05/21(水)18:34 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;
省13
803(4): 766 (ﾜｯﾁｮｲ cad4-mHPU) 05/21(水)18:54 ID:k1xjR9To0(1) AAS
「Ctrl + F」の検索で掛かる
・該当ワードの[グリーンに白の🔤]
・☑すべて強調表示 でハイライトする[マゼンタに白の🔤]
を
userChrome.cssかuserContent.cssで指定する方法知らない？
about:configの方で
ui.textSelectAttentionBackground
ui.textSelectAttentionForeground
ui.textHighlightBackground
ui.textHighlightForeground
省5
804: (ﾜｯﾁｮｲ 5fcf-mHPU) 05/21(水)20:00 ID:B/AqerQU0(2/2) AAS
>>801
>>802
ありがとうございます
805(1): 警備員[Lv.4][新芽] (ﾜｯﾁｮｲ 4f15-FIIW) 05/21(水)20:16 ID:e2RYkwME0(3/3) AAS
>>803
cssでは無理らしい
806(4): (ﾜｯﾁｮｲ aaa5-63lk) 05/22(木)16:51 ID:zWXU8p770(1) AAS
外部ﾘﾝｸ[css]:github.com
外部ﾘﾝｸ[css]:github.com
URLバーがちょっと大きくなるのとかURLバー下の検索窓がURLバー幅でしか開かないの弄るために久々に調べたメモ
以前もやったのに変更入って無効になってた
807(1): (ﾜｯﾁｮｲ 4f15-FIIW) 05/22(木)18:02 ID:mUcMUOpD0(1) AAS
>>806
MrOtherGuyの人cssマスターだよね
自分手直ししてこれ使ってたわ
外部ﾘﾝｸ[css]:github.com
外部ﾘﾝｸ[css]:github.com
808: 803 (ﾜｯﾁｮｲ cad4-mHPU) [灰色は、PEUGEOT 9X8の2023年ル･マン前までのgrisがトレビアン sage] 05/23(金)06:58 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;}
省12
809(1): (ﾜｯﾁｮｲ 4f15-FIIW) 05/23(金)19:28 ID:YZp/7b6i0(1) AAS
overlay_fullscreen_toolbars.css は
全画面表示のときマウスポインタを上に持っていくとタブとツールバーが出てくるが
ページを押し下げカクカク出てくるのがページの上にかぶさるように出てくるようになる
動画フルスクリーンのときバグがあるので
:root[sizemode="fullscreen"] を以下のように変更するとよい
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) {
textual_searchbar_one-offs.css は検索バーのアイコンにテキスト表示するもの
画像左のようになる 右のは好みに成型した自分用のもの
画像ﾘﾝｸ[png]:i.imgur.com
810(1): 808 (ﾜｯﾁｮｲ cad4-mHPU) 05/23(金)20:40 ID:0fJ1fNFv0(2/2) AAS
>>809
なるほど
＞overlay_fullscreen_toolbars.css
の方はFirefoxがデフォルトに採用するべき挙動
＞textual_searchbar_one-offs.css
・検索エンジン数が多かったり
・同じサイト内のパラメーター違いの検索はアイコンが同じになったり
してアイコンだけだと判別し難くなる訳ね
吾輩は、選択範囲から検索する時用に
Gesturefyの⚙[その他＞ロッカージェスチャー＞左クリックした状態で右クリック]
省8
811(1): (ﾜｯﾁｮｲ 9fcf-mHPU) 05/23(金)21:44 ID:GqMqh9eg0(1) AAS
browser.urlbar.scotchBonnet.enableOverrideをfalseにしとけ
812(2): (ﾜｯﾁｮｲ 1bbe-S5sT) 05/24(土)19:59 ID:9UvLb/220(1) AAS
>>806
#urlbar { will-change: auto !important; }
1949742 - Use will-change: transform in the urlbar to make sure to consistently contain fixed position descendants.
外部ﾘﾝｸ[cgi]:bugzilla.mozilla.org
813: (ﾜｯﾁｮｲ 6358-F5NH) 05/24(土)20:51 ID:Cv1npr650(1) AAS
な、ガイジage厨だろ👆
814: (ﾜｯﾁｮｲW 1b76-AnN9) 05/24(土)21:41 ID:6NCBd31I0(1) AAS
また指差し基地外湧いてる
815: (ﾜｯﾁｮｲ aa09-rPai) 05/24(土)22:14 ID:NCKV12Ay0(1) AAS
>>812
何しても左寄せに出来なくて諦めてたし聞くか迷ってたんだそれ
ありがとうございます
816: (ﾜｯﾁｮｲ 6b58-Uyjp) 05/25(日)00:34 ID:SwZ4Y8i80(1/2) AAS
な、ガイジage厨だろ👆
817(1): (ｵｯﾍﾟｹT Srcf-3DDr) 05/25(日)06:02 ID:Ts8HqYzyr(1/2) AAS
>>812の
#urlbar { will-change: auto !important; }
と>>806の
full_width_urlbar_popup,compact_urlbar_megabar
に
/* 検索結果のURL表記を一行にまとめる */
#urlbar > .urlbarView .urlbarView-url{
padding-left: 8px !important;}
#urlbar > .urlbarView .urlbarView-row-inner {
flex-wrap: nowrap !important;}
省13
818: 806,817 (ｵｯﾍﾟｹT Srcf-3DDr) 05/25(日)06:09 ID:Ts8HqYzyr(2/2) AAS
忘れてたけど普段URLバー短い運用してるのでクリックしたときに伸ばして広げるために
#urlbar[breakout][breakout-extend] {
width: 80vw !important;}
も自分用で入れてる
819: 810 (ﾜｯﾁｮｲ 9fd4-t9SY) [http://archive.md/NDmjG/530cd9318ea5a84ec9c0aa3257335391bf4ef534] 05/25(日)07:24 ID:6Z+ytfQ40(1) AAS
AA省
820(1): (ﾜｯﾁｮｲ bbcf-MO/7) 05/25(日)12:16 ID:IGNayE1c0(1) AAS
>>803
about:configの上の二つが両方とも嫌いな色だったので別の色に変えられて助かった
821: (ﾜｯﾁｮｲ 6b58-Uyjp) 05/25(日)13:15 ID:SwZ4Y8i80(2/2) AAS
な、ガイジage厨だろ👆
822: (ﾆｸｸｴ cb76-TC3P) 05/29(木)14:35 ID:oxx1wYRd0NIKU(1) AAS
本スレのブックマークフォルダアイコン黄色のこっちは全く問題なかったから
@-moz-document url(chrome://browser/content/places/bookmarksSidebar.xhtml),
url(chrome://browser/content/places/historySidebar.xhtml),
url(chrome://browser/content/browser.xhtml),
url(chrome://browser/content/places/places.xhtml) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open),
.bookmark-item[container],#editBMPanel_folderMenuList menupopup menuitem {
list-style-image: url("folder-item.png")!important;
}
省7
823(2): (ﾜｯﾁｮｲ 1bb5-qYXw) 05/31(土)10:51 ID:kB7QGKxX0(1/2) AAS
250さんのブックマークアイテム関係のがFF139で使えなくなってしまったのですが、何か変わったのでしょうか？
↓これです
.bookmark-item[scheme="http"] .toolbarbutton-icon,
.bookmark-item[scheme="https"] .toolbarbutton-icon,
.bookmark-item[scheme="http"] .menu-iconic-icon,
.bookmark-item[scheme="https"] .menu-iconic-icon
{
visibility: hidden !important;
}
.bookmark-item[scheme="http"],
省7
824: 823 (ﾜｯﾁｮｲ 1b42-qYXw) 05/31(土)17:39 ID:kB7QGKxX0(2/2) AAS
ちなみに[scheme=""] を無視すれば下の方法でいけるのですが、ローカルから読み込むアイテムやブックマークレットは通常のhttpsのアイテムと使い分けたいので困っています。
※↓[scheme=""]を使わないのであれば大丈夫な例
.bookmark-item:not([container]):not([livemark]):not([query]) > .toolbarbutton-icon,
.bookmark-item:not([container]):not([livemark]):not([query]) > .menu-icon{
background: url("data:image/png;base64,文字列") !important;
background-size: 16px !important;
width: 0px !important;
padding-left: 16px !important;
}
825: 警備員[Lv.3][新警] (ﾜｯﾁｮｲ fb15-t9SY) 05/31(土)19:16 ID:qDgA80HP0(1) AAS
>>823
何をするcssなんですか
826(1): (ﾜｯﾁｮｲ a2a5-Dg4Y) 06/02(月)00:51 ID:7I/vvF2U0(1) AAS
>>823
知らないけどうちで前から使ってたアイコン変更のは普通に動いてる
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="https"] image{
background: url(data:image/png;base64,文字列) center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
827: 823 (ﾜｯﾁｮｲ 05e2-DcV8) 06/02(月)02:32 ID:uSa0xL9E0(1) AAS
>>826
この記述の仕方で [scheme="file"] や [scheme="javascript"] も反映されました。
とても助かりました。有難うございます。
828(1): 警備員[Lv.5][新芽] (ﾜｯﾁｮｲ 9d15-ZSv7) 06/02(月)09:10 ID:ewvRRxLB0(1/2) AAS
何をするcssか教えて
829: 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9d15-ZSv7) 06/02(月)10:04 ID:ewvRRxLB0(2/2) AAS
>>828
ググったら分かりました
ありがとうございました
830(1): (ﾜｯﾁｮｲ 5e30-tLkV) 06/07(土)17:45 ID:lOUpVoDB0(1) AAS
タブを開閉する時にタブが伸び縮みするアニメーションを無効にするにはどう書けばいいんでしょうか？
about:configでui.prefersReducedMotionの値を1にすればアニメーションは無効になりますが、そうするとタブ左端の読み込みアイコンも無効になり、それは残したいので
タブの伸縮アニメーションだけを無効にしたいのですが
831(1): (ﾜｯﾁｮｲ 019c-arzu) 06/07(土)21:09 ID:ss4WRkLA0(1) AAS
>>830
.tabbrowser-tab {
transition: none !important;
}
832(1): (ﾜｯﾁｮｲ 9d15-ZSv7) 06/07(土)21:45 ID:rrrpkDwI0(1) AAS
タブを開閉する時にタブが伸び縮みするアニメーション
どういうものなのかわからん
833(1): (ﾜｯﾁｮｲ 6208-DcV8) 06/07(土)21:58 ID:XZQLxoyw0(1) AAS
新規プロファイルで試したけど俺も分からん
834(2): 830 (ﾜｯﾁｮｲ eb30-5NtB) 06/08(日)10:50 ID:0/bS7Lav0(1) AAS
>>831
遅くなりましたができました、ありがとうございます
>>832-833
新しいタブやリンクを開く時にそのタブが今のタブの右端から生えてくるようなアニメーション
逆に閉じる時は左のタブに吸い込まれていくような感じで
どっちも一瞬ですが
835: 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 7115-Zs9Y) 06/08(日)11:57 ID:taj+Ms3F0(1/2) AAS
>>834
えーそれ
気が付かなかったというか知らなかった
836(1): (ﾜｯﾁｮｲ d333-ZZSa) 06/08(日)12:03 ID:V3NMh4/90(1) AAS
>>834
タブ一瞬で表示されるからそういうアニメーションないなあ
もしかしたらWindows設定でアニメーション関連OFFにしてるのが関係してるのかもしれないけど
837: (ﾜｯﾁｮｲ b356-ELuA) 06/08(日)12:24 ID:/e5xIBdN0(1) AAS
プッシュ通知を画面右上じゃなく右下に出るように戻すCSSお願いします
838: (ﾜｯﾁｮｲW 29f2-yh3x) 06/08(日)12:56 ID:uLGLbQwB0(1) AAS
>>836
Windows側の設定でアニメーション無効にしてたらFirefoxもアニメーション無効になるよ
839: (ﾜｯﾁｮｲ 7115-Zs9Y) 06/08(日)13:04 ID:taj+Ms3F0(2/2) AAS
通知領域、オーバーフローメニュー、アプリケーションメニューなどのボタンメニューが
にりゅっと出てくるのは好みじゃないので無効化してた
840: (ﾜｯﾁｮｲ 51cf-Zs9Y) 06/08(日)13:14 ID:6wSqlDrR0(1) AAS
外部ﾘﾝｸ:developer.mozilla.org
の結果欄が
紫色が脈動していたら、Windows側でアニメーション効果が有効
緑色の濃度の変化だけなら、Windows側でアニメーション効果が無効
841(1): 819 (ﾜｯﾁｮｲ 13d4-Zs9Y) [http://archive.md/qZDZo/f651a7c2b92c4fb79cab53b071d14e9eead125b3] 06/08(日)13:22 ID:3cL5Q65L0(1) AAS
>>820
流行りのキラキラはキラいですか？
𝕷+𝕾=Ⓜ外部ﾘﾝｸ:www.paradisia.jp
::selection {
background: 【背後色の180°で50%の透過色】
color: 【background値の180°色】}
を記述できる輩いない？
🪟外部ﾘﾝｸ:x.com
addons.mozilla.orgのテーマに公開されてたら使ってみたい！
Aero Glassは最高にCooooooLってやつだった
省16
上下前次1-新書関写板覧索設栞歴
あと 161 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.051s