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

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 7f15-nBC/) · 2025/08/01(金) 18:54:48.48

サイドバーで表示しているアドオンの文字列とは何なのかわからない

2025/08/01(金) 21:46:46.16

ttps://github.com/Acercandr0/Latin-Accent
ttps://raw.githubusercontent.com/Acercandr0/Latin-Accent/refs/heads/main/Previews/prev1.png

2025/08/02(土) 18:46:49.22

userChrome.css をアクセス権がないといって開くことができなくなってしまったんだけどどうしたらいいですか?
141.0
toolkit.legacyUserProfileCustomizations.stylesheetsは「true」に設定してます

2025/08/02(土) 19:08:23.14

ESETとか使ってたらアンインストール

2025/08/02(土) 19:10:44.64

>>932
ありがとうございます。
慌てて書き込んでしまいましたが、ちょっとググったら解決できました。
お見込みのとおりESETでした。
ESETのブラウザ保護機能が働いていました。

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 7f15-nBC/) · 2025/08/02(土) 19:13:27.48

ESETはトラブルだらけだね

2025/08/02(土) 19:41:26.81

続けてすみません。
ツールバーを並べ替えているため、アドレスバーに半角英数文字を入力しようとすると
http://or2.mobi/data/img/363636.png
の下段のように入力中の文字がタイトルバーに隠れてしまいます。
これをなんとかしたいのですが、
アドレスバー関係の設定は、「検索候補」も「アドレスバー」もチェックを全部外してあります。
userchorome.cssでなんとかなりますか？

2025/08/02(土) 21:34:12.07

どうやって並べ替えてるか書かないと答えようがない

2025/08/02(土) 21:40:43.69

ロケーションバーよりポップアップした入力欄が広くなってるあたりが昔のmegabar無効化css入ったままになってる予感

2025/08/02(土) 21:40:44.29

>>936
#toolbar-menubar { order: 1 !important; } /* メニューバー */
#nav-bar { order: 2 !important; } /* ナビゲーションツールバー */
#PersonalToolbar { order: 3 !important; } /* ブックマークツールバー */
#TabsToolbar{ order: 4; } タブバー */
こんな記述です。

2025/08/02(土) 21:47:01.32

>>937
そのとおりでした。
それらしい記述を削除したら希望どおりになりました。
皆さんありがとうございました。

2025/08/03(日) 11:26:58.41

https://imepic.jp/20250803/407180

タブをドラッグすると、毎回2mm程上方向へ引っ張られます
その際にタブの縦幅も若干圧縮される様子です
視覚にダメージを残すので、何とか無効化出来ないでしょうか？

また、画像下側のアクティブタブにツールバーの境界線が残る点も、改善したいです
これはv100頃までは
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
で綺麗に消去されていました

よろしくお願いいたします

2025/08/03(日) 12:28:41.55

>>940
使ってるuc.jsやcssも晒さずにどうしろと

**940** (ﾜｯﾁｮｲ 0b74-B3Cu) · 2025/08/03(日) 12:38:36.37

使用中のcssは以下の通りです

/* ページ内検索の消去ボタン */
.findbar-container {
min-width: unset !important;
overflow: hidden !important;
}
#findbar-close-container {
position: unset !important;
}
/* 右上更新関連のポップアップ非表示 */
panel#appMenu-notification-popup { display: none !important; }
/* ツールバーにあるタブの一覧アイコンを非表示 */
#alltabs-button { display: none !important; }
/* タブの間隔調整 */
.tabbrowser-tab {
padding-left: 0px !important; padding-right: 0px !important;
}
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
/* タブ位置・高さ */
/* #titlebar {height: 0px !important;} */
/* 最大化時 */
#main-window[sizemode="maximized"] #toolbar-menubar {
margin-bottom: 2px !important;
}
#navigator-toolbox {
margin-top: -10px !important;
}

**940** (ﾜｯﾁｮｲ 0b74-B3Cu) · 2025/08/03(日) 12:39:18.48

/* ブックマークサイドバー検索非表示 */
#sidebar-search-container {
visibility: collapse!important;
}
/* ブックマークサイドバー行間短縮 */
treechildren::-moz-tree-row {
min-height: 1.5em !important;
}
/* ブックマークサイドバーヘッダ非表示 */
#sidebar-header {
visibility: collapse;
}
/* ブックマークサイドバーインデント短縮 */
treechildren::-moz-tree-indentation {
width: .3em !important;
}
/* ブックマークサイドバー点線非表示 */
treechildren::-moz-tree-row(selected, current, focus) {
outline-color: red !important;
outline-style: none !important;
}
/* 最近のブックマーク非表示 */
#panelMenu_recentBookmarks,
#panelMenu_bookmarksMenu{display:none!important;}

2025/08/03(日) 12:39:27.49

/* コンテキストメニュー非表示 */
#context-add-engine, #context-sep-selectall {
display: none !important;
}

既存cssの付け外しやfirefoxの再インストなどは試しました
よろしくお願いいたします

**940** (ﾜｯﾁｮｲ 0b74-B3Cu) · 2025/08/03(日) 13:31:43.18

about:configを含む、全てを精査したところ
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
のコードただ一つが、あらゆる上位互換を凌駕して元凶となっておりました

しかし、これを外すと目玉タブ（所謂）になり、ハスコラ並みの嫌悪感でブラウザ利用に支障が出てしまいます
最重要cssといっても過言ではありません

そもそもの発端がprotonである事実を再確認しました
そのprotonもabout:configから除去されており、UIデザインを安易に変更出来なくされております

目玉タブを無くす方法・代替案はないものでしょうか^^;

2025/08/03(日) 13:42:16.57

「目玉タブ]とかなんやねん

2025/08/03(日) 13:48:24.59

ずれるのは
#tabbrowser-tabs {
&[orient="horizontal"] {
&[movingtab] {
padding-bottom: 15px;
margin-bottom: -15px;
}
}
}
やから両方 unset するか 0 にすればいい

2025/08/03(日) 14:32:26.20

>>947
ご説明の意図が私の技量不足で理解出来ませんが、そのコードをそのまま貼り付けても無変化でした

タブは元来より付箋状でした
それを、間に隙間が設けられるよう改悪したのが、protonへの移行です
・・・この隙間、生理的に気持ち悪くありませんか？
当時は同様の意見が散見され、私の持っている付箋化コードが配布される程でしたのですが^^;

結局>>945のコードを消せば見た目が最悪なものの、タブのドラッグ横移動に問題が無くなります、スルスルです
デザインを取るかスムーズな挙動を取るか、でしょうかねえorz

タブドラッグの度にクイッと上方向へ位置ズレされると、それこそブラクラのようなダメージが目に入るので、何とかそれを除去したかった

2025/08/03(日) 15:52:03.04

まず、いったん全てのカスタマイズを削除せよ
それから考えろ
これ基本だから

2025/08/03(日) 16:09:45.39

目玉タブが気になって昼も寝れません

2025/08/03(日) 16:37:11.43

タブ幅を狭くしたときに四隅の角の半径が大きいとタブが丸のようになることだと解釈したけど

2025/08/03(日) 16:59:18.96

だらだら喋るけど結局何が言いたいのか全く伝えられない人っているよね

2025/08/03(日) 17:26:11.81

そのまま書いたらアカンにきまっとるがな
両方とも0!important;かunset!important;にするってわかるやろ常考

**940** (ﾜｯﾁｮｲ c374-B3Cu) · 2025/08/03(日) 21:05:26.13

いえいえいえ、丸コピの後に0pxやunsetも試した上で、改善されませんでした

.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
のうち、border-radiusやmargin-blockの値を問わず、.tab-backgroundへ手を加えることそのものが駄目そうなのです・・・
ですから付箋化を上記コード以外、または何らかの正しい記述を以て指定しないと、上方向にチョイ移動するブラクラっぽさは無くなりそうにありません

あれからGPUがゲーム中に死んだり、24時間挿しっ放しのUSB：KIOXIAが爆熱＆読み込み不良だったりして、色々大変でしたorz
室温34-35度での365日24時間つけっぱなPC作業は駄目ですね^^;

特にKIOXIAは過去一高品質なUSBフラッシュメモリに思えたため、熱に弱い現状はどうしたものかと思います
USBは2.0時代のsonyが最強でした
それが3.2で速度と引き換えに熱を持ち易くなり、さらにプラ筐体ばかりとなったことで、耐熱性に難が視られる不幸（仕様）を招いたのでしょう

今日は朝から踏んだり蹴ったりですよ（´д｀）

2025/08/03(日) 21:13:25.79

あ、そう。良かったね

2025/08/03(日) 23:01:33.12

これあかん奴や…

**923** (ﾜｯﾁｮｲ 7bd4-d7oq) · 2025/08/04(月) 06:22:56.44

>>930
　📥https://github.com/Acercandr0/Latin-Accent/blob/main/userChrome.css
　📥https://github.com/Acercandr0/Latin-Accent/blob/main/userContent.css
Option 1を験してみたら
Windows 10ではMicaは機能しなかったが、
Windows 11で「Windowsのモードがダーク」「Firefoxのテーマがシステムテーマ自動」でその様になった！
　ただ、Windows 11のMicaの透過表現自体が希薄で、ONにする意義があるかは微妙だった
　Option 2, Option 3は更に透過させられるみたいだけど、アプリを入れないと出来ない様なので自分はパス

　　🦑https://x.com/keita_roboin/status/1911093092842934379
　　#⃣https://www.askvg.com/enable-or-disable-windows-11-mica-acrylic-effects-in-firefox-ui-and-context-menus/

Latin Accent 🦊は、透過表現よりもアイコン類を選択した時のハイライトの入れ方やアニメーションがいいセンスだ！

　Windows 10のFirefox ESR 115にCSSだけ入れてみると
　　・最小化の「－」が表示されなくなる
　　・タブ数が多いと新しいタブの「＋」が押せなくなる
　　・ツールバー上の各種ポップアップがｸﾞﾗﾂｸ
　　・#bookmarks-toolbar-placeholder {display: none !important;} /* 「ﾌﾞｯｸﾏｰｸﾂｰﾙﾊﾞｰの項目」が表示されっぱなし */
　だけど、
　このCSSをベースにするかも

　📂https://web.archive.org/web/0if_/https://pbs.twimg.com/media/GxdKSd0akAEvIJC?format=png&name=orig
　/* Individual Bookmark Items */ の「min-height:」(ブックマークフォルダの行間)
　は、「24px」だと狭すぎるから「30px」くらいが丁度良いかも
　　・FirefoxのデフォルトのUI密度は、「通常」と「コンパクト」の中間が理想
　　・ﾀﾞﾐﾝｸﾞﾀﾞｳﾝされてるUI密度「コンパクト」: ↕https://blog.halpas.com/archives/18064

これまでのUIで最高にコレってやつだったのは
　・Macで未採用となってしまったDrawing Board: 📐http://lleedd.com/blog/2009/06/14/drawingboard/
　・Windows xpでVisual Styleで使っていたAshen II:
　　🔲https://web.archive.org/web/20100607010822/https://nevezen.deviantart.com/art/Ashen-II-73179002

2025/08/04(月) 07:52:57.47

変なのが居着いちゃった

2025/08/05(火) 13:39:17.87

2025/08/05(火) 18:24:50.47

ここcssスレだから

2025/08/10(日) 13:02:40.11

ハンバーガーメニューの上から2番目の「新しいウィンドウ」を非表示にするにはどう書けばいいでしょうか？

2025/08/10(日) 17:39:22.92

>>961
#appMenu-new-window-button2

2025/08/10(日) 19:13:52.10

>>962
ありがとうございます

2025/08/11(月) 03:47:35.70

128esrから140esrにすると利かなくなりました。どなたか修正お願いします。

/* ウインドウの色をwindowsシステムに合わせる */
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: AccentColorText;
background-color: AccentColor;
}

警備員[Lv.11][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/11(月) 09:15:40.09

!important

2025/08/11(月) 12:31:17.89

サイドバーの自動開閉を
ttps://naberium.com/2024/10/30/【firefox】サイドバーを自動開閉できるようにする-132-0/
と、ここの書き込みを参考にして作成してみたが
waterfox G6.0.20 .. 動く
r3dfox 140.0.4 .. 開閉しない
firefox 115.26.0esr .. 開閉繰り返す

ttps://www.computerbase.de/forum/threads/userchrome-css-sidebar-autohide.2244566/
も参考にして、
#sidebar-box {
width: 5px !important;
position: relative !important;
overflow-x: hidden !important;
/* position, overflow-xがないとページ左上のアイコンが使えなくなる */
}

#sidebar-box:hover {
width: 250px !important;
}
と最低限の記述のみにしたらいずれでも動いたんだが、加えた方がいい記述ありますか？

2025/08/11(月) 22:03:23.75

>>965
ありがとうございます

2025/08/14(木) 12:54:42.65

今まで機能していたブックマークのサイドバーの背景色変更

#sidebar-box {
background-color: #EBEBEF !important;
}

これが最近のアプデ以降機能しなくなりました。対応方法をお願いします。

2025/08/14(木) 12:56:00.48

>>968
書き忘れ、Firefoxです

警備員[Lv.4][新芽警] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 13:07:53.76

.sidebar-placesTreechildren

2025/08/14(木) 14:22:31.66

>>970
ありがとうございます。

https://i.imgur.com/rJybsD6.png
この3か所の白も変えたいです。
「ブックマークを検索」のエリアは

#search-box {
appearance: none !important;
background-color: #E6E6E6 !important;
color: #000000 !important;
border: solid thin var(--input-border-color) !important;
border-radius: 2px !important;
padding: 2px 3px !important;
}

を使っていたのが機能しなくなったようです。

警備員[Lv.5][新芽] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 16:19:35.19

サイドバー右側の白い部分はお宅独自のcssだと思うので不明

#sidebar-search-container {
background-color: var(--toolbar-bgcolor) !important;
}

#input {
&[type="search"] {
background-color: var(--toolbar-bgcolor) !important;
}
}

2025/08/14(木) 17:25:17.35

>>972
ありがとうございます右側以外はできました。
右側の白い部分はブックマークの数が多いときに出てくるスクロールバーです。

警備員[Lv.4][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 17:47:12.32

これでいいのか分からないがとりあえず

.sidebar-panel {
scrollbar-color: #CDCDCD #EBEBEF !important;
}

2025/08/14(木) 18:14:48.02

>>974
スクロールバーの上下に動く部分とマウスオーバー中のバーの背景色はそれで変更できましたが、非マウスオーバー時は変わりません

警備員[Lv.5][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 18:48:39.55

>>975
うちだとどういう状態でも色は変わるので

2025/08/14(木) 19:03:43.76

>>976
そうなのか。他のCSS全部消してもやっぱり上手くいかないのでなんでだかわからないけど、
ともかく他の部分は理想通りになったのでありがとうございました

警備員[Lv.6][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 19:17:24.90

>>977
.sidebar-panel では足りないのかもしれないな

これでどうなるかテストしてみて

* {
scrollbar-color: #CDCDCD #EBEBEF !important;
scrollbar-width: thin !important;
}

2025/08/14(木) 19:19:15.72

/* 検索ボックス周囲の色 */
#sidebar-search-container{
background-color: var(--sidebar-basic-bg) !important;
}

/* 検索ボックス */
#input{
color: var(--searchbar-text) !important;
background-color: var(--searchbar-bg) !important;
min-height: 25px !important;
max-height: 25px !important;
outline: none !important;
border: none !important;
}

/* プレースホルダー削除 */
#input::placeholder {
color: transparent !important;
}

/* スクロールバー削除 */
scrollbar,
#history-panel scrollbar{
display: none !important;
}

2025/08/14(木) 20:01:19.67

>>978
これでも最初のと同じで上下に移動するバーとマウスオーバー時の背景のみしか変わらなかったです

>>979
これでスクロールバーを削除することでデフォの白を表示させないことは一応できた
でもスクロールバーが使えないのはそれはそれで不便かもなあ

2025/08/14(木) 20:39:18.34

クソうぜえ

2025/08/14(木) 20:45:12.02

>>980
#bookmarks-view に背景色指定

2025/08/14(木) 20:50:51.98

>>982
解決しましたありがとう！

**957** (ﾜｯﾁｮｲ 9ad4-ZFoG) · 2025/08/15(金) 00:31:55.00

userChrome.css, userContent.css, Stylus(Firefox)　part 15
─────────────────────────
!extend:checked:vvvvv:1000:512
!extend:checked:vvvvv:1000:512

⚙about:config
　toolkit.legacyUserProfileCustomizations.stylesheets　⇄true

🧩Stylus: https://addons.mozilla.org/ja/firefox/addon/styl-us/

📝Cascading Style Sheets:
　https://developer.mozilla.org/ja/docs/Web/CSS
　https://www.tohoho-web.com/css/

前スレ: https://egg.5ch.net/test/read.cgi/software/1710362871/
─────────────────────────
次スレ建てる時に>>1のオールドタイプな記述をこんな感じで除去しといた方が良いぞ
≫2には>>2を

　>>921の
　　[選択範囲を英語に翻訳]は、⚙browser.translations.enable　⇄false
　　でFirefoxの翻訳機能自体を無効にしても右ｸﾘｯｸﾒﾆｭｰから消える

　　#context-savepage, /* [名前を付けてページを保存...] */
　　#context-copy-link-to-highlight, /* [選択部分へのリンクをコピー] */
　　#context-copy-clean-link-to-highlight, /* [追跡を除去した選択部分へのリンクをコピー] */
　　#context-viewsource, /* [ページのソースを表示] */

　>>957📂時のLatin Accentのヴァージョンは
　　🔙https://github.com/Acercandr0/Latin-Accent/blob/c5b2ffc100854f45b07b7dcdcf70d85b1461f866/userChrome.css
　　🔙https://github.com/Acercandr0/Latin-Accent/blob/0d4482c0d7ce630c38bb2867ae74ab9589f302e6/userContent.css
　6:10pmは『アダムの創造』

2025/08/17(日) 14:39:30.92

firefox
リンクを新しいタブで左側に開く
アドレスバーのhttpを省略しない

この2つできます？

2025/08/17(日) 15:53:37.32

>>985
後者
browser.urlbar.trimURLs = false

2025/08/17(日) 16:27:05.69

browser.urlbar.trimHttps = false
でhttpsを省略しなくなる

2025/08/17(日) 17:26:03.50

>>985
どっちもCSSじゃないと思うが

警備員[Lv.5][新] (ﾜｯﾁｮｲ 7915-mlbM) · 2025/08/17(日) 17:27:03.95

ｃｓｓでできたらノーベル賞もらえるかも

2025/08/17(日) 17:29:34.40

>>985
コピペすれば普通にhttp(s)付きになると思うが、それじゃ困るの？

2025/08/17(日) 17:34:10.86

そりゃ困るだろ

警備員[Lv.1][新警] (ﾜｯﾁｮｲ 7915-mlbM) · 2025/08/17(日) 17:37:14.88

アドレスバーに表示されなければ意味がないんだよ

2025/08/17(日) 18:15:31.95

基地外age厨に構うからこうなる

Mozilla Firefox質問スレッド Part202
31 ：名無しさん＠お腹いっぱい。[]：2025/08/17(日) 10:45:44.67 ID:28tAfo/M0
>>29
反映されないです
マウスオーバーというか今見ているタブの×ボタンを非表示にしたいです

userChrome.css・userContent.cssスレ Part14
985 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 13d4-xufC)[]：2025/08/17(日) 14:39:30.92 ID:28tAfo/M0
firefox
リンクを新しいタブで左側に開く
アドレスバーのhttpを省略しない

この2つできます？

2025/08/20(水) 22:14:21.43

#context_unloadTab{display: none !important;}

2025/08/21(木) 12:06:44.19

/* Activeタブの閉じるボタンを非表示にする */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button:is([selected]) {
display: none !important;
}

2025/08/21(木) 12:18:46.76

/* Activeタブの閉じるボタンを非表示にする */
.tabbrowser-tab[selected] .tab-close-button {
visibility: hidden !important;
}

/* Activeタブにマウスオーバーしたときに閉じるボタンを表示する */
.tabbrowser-tab[selected]:hover .tab-close-button {
visibility: visible !important;
}

2025/08/21(木) 22:41:38.08

自分は非選択の閉じるボタンを非表示にしてるけど、逆をしたいひともいるんだなぁ

2025/08/21(木) 23:08:11.98

ホイールクリックで閉じられるから非表示にしてるわ

警備員[Lv.1][新芽] (ﾜｯﾁｮｲ 7915-mlbM) · 2025/08/22(金) 08:57:36.22

非アクティブタブを閉じるボタンで閉じるとき
二回クリックしないといけないんだよね

2025/08/23(土) 18:58:08.60

質問いいですか？

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 527日 13時間 10分 19秒