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

2024/12/01(日) 12:48:01.28

ピンク filter: hue-rotate(90deg);
角度を変えれば色相が変わる

いろいろ試せばいい

2024/12/01(日) 13:06:43.83

>>597
ありがとうございます、色を変えられました
grayscaleのgrayって灰色の事じゃなかったんですね…恥ずかしい

2024/12/01(日) 13:10:41.89

chrome://global/skin/icons/loading.png
これ最新のだと消されてるっぽいんだけど代替ないかな

2024/12/01(日) 13:47:46.03

>>599
ファイル大きくなるけどbase64化して埋め込むのは？
https://pastebin.com/raw/P8T97w6r

2024/12/01(日) 13:48:32.60

chrome://global/skin/icons/loading.svgがあるけど矢印付き
どうしても同じようなのがいいならDataURIで埋め込んじゃえばいいんじゃない？

2024/12/01(日) 15:17:34.50

>>600-601
それか
試してみる㌧

2024/12/02(月) 12:06:27.62

>>593
タブバー（ツリー型タブを使っているのでタブバーはタブバーとしてではなくツールボタンを並べるバーとして使っている）が上になっちゃって困ってたぜ
ほんと助かるわ

**名無しさん＠お腹いっぱい。** (JP 0Haa-DO+T) · 2024/12/02(月) 22:37:01.07

EchoAPIを使用してCSSアニメーションを駆動するAPIをテストすることで、予想通りの動作をすべて容易に確保することができるよ

2024/12/02(月) 23:43:39.12

な、age厨だろ👆

2024/12/03(火) 19:37:56.67

>>568 についてどなたか修正方法分かりませんでしょうか
具体的には図のようにver.133から表示されてしまうブックマークの星を
有効のままコンテンツ領域の裏に隠したいです
z-index:-1000 !important; ではだめでした
//i.imgur.com/qtEoezr.png

2024/12/03(火) 21:45:45.60

な、age厨だろ👆

2024/12/03(火) 21:55:09.91

>>606
:root {
--my-star-button-box-offset: 28px;
}
#star-button-box { /* URLバーの☆はウィンドウの左上に隠す */
position: fixed !important;
top: calc(-1 * var(--my-star-button-box-offset)) !important;
left: calc(-1 * var(--my-star-button-box-offset)) !important;
direction: rtl !important;
}
#editBookmarkPanel { /* メニューの「ブックマーク」直下に表示 */
margin-top: calc(var(--my-star-button-box-offset) - 1rem) !important;
margin-left: calc(var(--my-star-button-box-offset) + 17rem) !important;
}

2024/12/03(火) 22:06:23.35

いちいち絶対位置にせずとも右マージンにネガティブマージンを与えれば隠せる
あとタブのコンテキストメニューからブックマークすれば編集できるけどそれじゃダメなのか

2024/12/03(火) 22:44:09.24

>>608
うおお！期待通りの表示に戻りました！ありがとうございます
ウィンドウ外に行ったと思われる☆はクリックできないので機能しないということでよろしいでしょうか

2024/12/03(火) 22:51:27.62

>>609
ブックマークを追加のポップアップを
ブックマークメニューの直下に出したいんですよ

2024/12/10(火) 21:24:13.28

Firefox Profilemaker (advanced)
https://ffprofile.com/
これのenterprise_policy.zipをダウンロードして指示通り設置すると
ユーザースクリプトが使えなくなるんだけど
なんかいい方法ないかな？

2024/12/10(火) 21:38:11.15

>>612
これ何？
次じゃダメなの？
profilemanager
C:\Program Files\Mozilla Firefox\firefox.exe　-ｐ

2024/12/10(火) 21:57:26.43

>>613
セキュリティを強化できたり無駄機能を省いたりできるみたい

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ c715-KKgq) · 2024/12/10(火) 22:07:30.79

セキュリティを強化した結果ユーザースクリプトが使えなくなるとか

2024/12/10(火) 22:21:13.19

C:\Program Files\Mozilla Firefox\defaults\prefにautoconfig.jsを設置すると駄目になる
autoconfig.jsが読み込んでるfirefox.cfgは同時に作られるprefs.jsと同じものみたいだから
わざわざautoconfig.jsを使用しなくても良さそう
お騒がせしました

2024/12/11(水) 00:10:24.70

そりゃuc.jsのローダはautoconfigで作ってるんだから
general.config.filenameで別のファイルを指定するautoconfigを配置したら駄目になるわな

**名無しさん＠お腹いっぱい。** (JP 0H9f-uiwC) · 2024/12/11(水) 20:41:46.41

EchoAPIのAPIテスト機能のおかげで、多くの時間を節約でき、アプリケーションが意図通りに動作することを確認しやすくなりました。

2024/12/11(水) 21:04:09.49

な、age厨だろ👆

警備員[Lv.1][新芽] (ﾜｯﾁｮｲW 9776-QZSI) · 2024/12/16(月) 12:25:08.20

タブを多く開くとタブの幅が狭くなるけど
そのうちいくつかを閉じていくとタブ幅が広がっていく
edgeのように一連の動作が終わってから広がるようにできませんか？

2024/12/19(木) 14:33:42.00

あげ厨だろ厨はここにもいんのか

2024/12/22(日) 11:59:43.47

このCSS、デフォテーマでのみ適用されるはずだけど
すべてのテーマで反映されるのなんでだろ

.browser-titlebar:not([lwtheme]) {
color: AccentColorText;
background-color: AccentColor;
}

2024/12/22(日) 12:58:25.97

>>622
:root:not([lwtheme]) .browser-titlebar

2024/12/24(火) 07:54:40.91

user_pref("privacy.resistFingerprinting", true);の設定をするとウィンドウサイズが勝手に変更されて元に戻らなくなるんだけど
これを何とかする方法ないですか？

2024/12/24(火) 08:13:49.93

な、age厨だろ👆

2024/12/24(火) 23:16:13.22

>>623
ありがとう

?2BP(1000) · 2024/12/25(水) 18:22:16.97

echoapiを使って私のcssアニメーションを駆動するapiをテストすることで、すべてが期待通りに動作することを簡単に確認できるよ

2024/12/25(水) 18:35:36.52

このスレを echoapi で検索したら1人が言ってるだけだった

2024/12/25(水) 22:41:40.83

age厨に構うなよ
基地外が感染るぞ

**名無しさん＠お腹いっぱい。** (JP 0Hc3-cwaE) · 2024/12/26(木) 23:11:49.51

>>628
GoogleでとかYouTubeで探したら？

**名無しさん＠お腹いっぱい。** (JP 0Hc3-cwaE) · 2024/12/26(木) 23:13:32.03

>>629
はーい
ごめん　

2024/12/28(土) 20:54:06.23

全部嘘さそんなにエナプ人気なかったの

2024/12/28(土) 22:34:17.66

あのデカい体であれが3人の死者の身元は分からんけど
ニコニコ嬉しそうだったけど見出しはキンプリヲタが悪いんやけど
https://i.imgur.com/YbDf7Yr.jpeg
https://i.imgur.com/2EdyTqj.png

2025/01/08(水) 12:40:12.28

タイトルバー色をアクセントカラーにするのまた効かなくなってる
どうでもいいところころころ変えんなよ...

2025/01/09(木) 02:49:18.35

ThunderbirdでuserChrome.cssを作成してアドレス帳タブでだけ反映されないのが分からなかったが、
userContent.ｃｓｓで保存しないといけなかったとは。日本語フォーラムで誰も質問してなかったなんて。

2025/01/09(木) 03:14:07.07

:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: AccentColorText;
background-color: AccentColor;
}
これ効かなくなったからどう書き換えればいいんだ

2025/01/09(木) 03:19:03.39

!important;

2025/01/09(木) 03:25:33.06

ありがとう
プログラミング疎くて数時間ずっと調べてたからほんと助かったよ

2025/01/10(金) 00:03:41.66

な、age厨だろ👆

2025/01/10(金) 00:48:23.85

【sage厨の特徴】
1)sageないと荒らされるとの強い妄想を抱いている。反論すると自作自演で荒らすことあり。

2)sage書きを他人に命令する権利があると信じて疑わない。sage/非sageは個人の判断で使い分けるべきだと諭す人を“age厨”と罵り聞く耳をもたない。

3)公共掲示板であることを理解せず、ひたすらスレを閉鎖的オタスレとして囲い込んでいる。

4)sageないレスは、内容にかかわらずすべて“age荒らし”と脳内変換する。

5)いくらかみくだいて説明してもこのスレの趣旨を理解せず、“荒らし依頼スレ”として削除依頼し、却下されても懲りずにまた出す。
偽スレを立てまくって妨害する。

6)同志のふりをしてこのスレに潜伏、各地で荒らし回って「ほらやっぱりageるから荒らしが来た」という結論に持っていきたがる。

**名無しさん＠お腹いっぱい。** (JPW 0Hfa-bqav) · 2025/01/13(月) 16:52:41.55

・アンチモメサヲタヲタ厳禁

**名無しさん＠お腹いっぱい。** (JP 0H91-zBlA) · 2025/01/13(月) 17:10:47.93

一気に2キロくらい痩せたら1回あの人の審美眼が見えてるわけでも通って女漁りお疲れさまです
https://i.imgur.com/eLv4NvF.jpg

2025/01/13(月) 17:57:09.63

既視感あるけどそういうセンスないからな

2025/01/13(月) 18:02:57.05

結局スマホて操作性に対する

2025/01/13(月) 20:01:36.49

駄目な人間だ

2025/01/13(月) 20:02:21.44

くみあうはわらひなをさまめめをもさふつはせねふこへりつさこぬほまろあよむそをぬめちにつさな

**名無しさん＠お腹いっぱい。** (JP 0H91-oDxG) · 2025/01/13(月) 20:06:05.50

コロナの影響受けてダークをつらぬけばヒーローになるな

**名無しさん＠お腹いっぱい。** (JP 0Hfa-3fj7) · 2025/01/13(月) 20:42:17.46

卒業もしてないな

2025/01/13(月) 20:49:08.36

さしきえふんえもゆねゆへうろかたいまあもとな

**名無しさん＠お腹いっぱい。** (JP 0Hfa-zBlA) · 2025/01/13(月) 21:18:08.99

んいむんなかふけせつつうけゆされなりねへりくやもをせえゆこおやかきぬむそもはちをも

**名無しさん＠お腹いっぱい。** (JP 0Hfa-zBlA) · 2025/01/13(月) 21:23:38.69

47含めて後手後手になってる」
「#鶴瓶ではかったほーねー？」
「#だって油豚のそれ
それは良くないこまっしゃくれた子役上がりボーナスもしっかりと出るような順位なん？
https://i.imgur.com/jezWwya.jpeg
https://i.imgur.com/9gFjSeO.png

**559** (ﾜｯﾁｮｲ ea31-6C3C) · 2025/01/15(水) 14:18:09.18

134.0.1で修正きましたね
効くようになりましたわ

/* 未読タブのファビコンをグレースケール&不透明度 */
.tabbrowser-tab[unread] .tab-stack >:not([selected], [multiselected]) .tab-icon,
.tabbrowser-tab[unread] .tab-stack >:not([selected], [multiselected]) .tab-icon-image,
.tabbrowser-tab[unread] .tab-stack >:not([selected], [multiselected]) .tab-throbber
{
filter: grayscale(1) opacity(0.4) !important;
}

/* 未読タブをマウスオンしたときのファビコンの挙動 */
.tabbrowser-tab[unread]:hover .tab-stack >:not([selected], [multiselected]) .tab-icon,
.tabbrowser-tab[unread]:hover .tab-stack >:not([selected], [multiselected]) .tab-icon-image,
.tabbrowser-tab[unread]:hover .tab-stack >:not([selected], [multiselected]) .tab-throbber
{
filter: grayscale(1) opacity(1.0) !important;
transition: 400ms linear 50ms !important;
}

2025/01/22(水) 19:32:34.15

数週間くらい前からStylusでスタイル編集ができなくなった
（拡張機能のオプションか表示されない）
作成済みのスタイルは引き続き効いているみたいだけど
オプション自体ないからスタイルのエクスポートさえできない

2025/01/22(水) 19:36:30.47

おまカン

**sage** (ｱﾀﾏｲﾀｲｰ 4f58-x1jm) · 2025/02/02(日) 09:24:52.70

win11 Firefox134.0.2
いつからかわからないけどないけどタブカウンターが使えなくなりました
どこを修正すればいいでしょうか
教えてください、お願いします

#main-window {
counter-reset: tabs;
}
.tabbrowser-tab:not(:-moz-any([pinned],[concealed])) {
counter-increment: tabs;
}
.tabbrowser-tab:not(:-moz-any([pinned],[concealed])) .tab-loading-burst:after {
content: ""counter(tabs);
display: -moz-box;
font-size: 10px !important;
margin-top: 0px;
margin-left: 1px;
color: white;
}

**655** (ｱﾀﾏｲﾀｲｰ 4f58-x1jm) · 2025/02/02(日) 09:30:19.76

あ！
書き込みするの久しぶりで sage を名前欄に入れちゃった！
すみません！！

警備員[Lv.10][新芽] (ｱﾀﾏｲﾀｲｰ 0f15-4osW) · 2025/02/02(日) 13:22:54.40

>>655
!important;　付けたら番号出てきたよ

2025/02/02(日) 13:59:41.13

ガイジage厨に構うなよ
基地外が感染るぞ

2025/02/02(日) 16:11:12.91

>>657
ありがとうございます、ちゃんと表示されました！
助かりました！！

2025/02/02(日) 16:59:11.79

な、ガイジage厨だろ👆

2025/02/02(日) 18:24:43.37

134.0.2でimportant付けなくても表示されたけど
ちなみにタブのカウンターってどういう役に立つの
多段タブ使ってる人は必要ない感じ？

警備員[Lv.11][芽] (ｱﾀﾏｲﾀｲｰ 0f15-4osW) · 2025/02/02(日) 19:19:16.69

アクティブなタブやタブバーに表示されているタブがどの位置にあるか
左から何番目にあるか分かるとタブの操作がしやすくなる
多段の人やタブを100も200も開かない人には必要ないかも

2025/02/02(日) 19:24:22.01

ctrl+数字でタブを切り替えるのには便利かも知れないが
それは1-8までで、9は最後のタブという罠がある

2025/02/03(月) 02:12:52.16

いちいち“ガイジage厨”厨がうざいな

2025/02/05(水) 15:32:45.25

firefoxのメニューの行間がスカスカになっているのをCSSで戻す設定ですが、
参考ブログでこういうのがありましたが、

menupopup > menuitem,
menupopup > menu {padding-block: 0.15em !important;}

:root {--arrowpanel-menuitem-padding: 0px 0px !important;}

こちらの
:root {--arrowpanel-menuitem-padding: 0px 0px !important;}は、何に影響するものでしょうか？

2025/02/05(水) 22:59:16.11

マルチｶﾞｲｼﾞスルー推奨

警備員[Lv.3][新芽] (ﾜｯﾁｮｲ 0f15-4osW) · 2025/02/06(木) 18:40:34.05

ブックマークを右クリック時、「切り取り、コピー、貼り付け」がありますが、
どれも使わないので非表示にしたいです。
CSSを使うと思いますが、非表示にする方法を教えて下さい

#placesContext_cut, #placesContext_copy, #placesContext_paste_group, #placesContext_editSeparator {
display: none !important;
}

2025/02/06(木) 20:52:38.70

>>667
それをuserChrome.cssに貼り付けろ

2025/02/07(金) 20:29:34.80

？

2025/02/07(金) 20:31:27.67

すまん、ミスった

2025/02/08(土) 08:44:19.06

.tabbrowser-tab[busy] {color:blue !important;}
みたいなのがカレントタブだけ効かなくなった
副作用ありそうだけどとりあえず回避するには
.tab-content {color:unset !important;}

2025/02/08(土) 13:32:03.68

135に更新したらucjsDownloadsStatusModoki.uc.js
が動かなくなったの自分だけ？更新はしたんですけど

2025/02/13(木) 00:21:09.55

俺のリマインダー
:focus-visible {
outline: 5px auto Highlight !important;
outline: 5px auto -webkit-focus-ring-color !important;
}

2025/03/04(火) 16:59:07.48

136にアップしたら
SidebarModokiを表示させた後にブックマークツールバーを表示させると
ブックマークツールバーのバックグランドが透明に透けるようになりました
あと、SidebarModokiのブックマークタブで元のタイトル欄？の
「ブックマーク　　X」の列が表示されるようになりました

2025/03/04(火) 20:49:27.06

ブックマークツールバーが透明は知らんけど

「ブックマーク　　X」については sidebar.revamp (sidebar.verticalTabs) の仕様じゃね?

2025/03/05(水) 13:52:10.47

136.0
サイドバーをタブバーの左側に移動する
box#sidebar-main { order: 3 !important; }
vbox#sidebar-box { order: 1 !important; }

垂直タブ有効かつサイドバー自動開閉を使ってる人用

2025/03/11(火) 19:55:02.87

ブックマークツールバーのフォルダをマウスオーバーでフォルダを開きたい。

警備員[Lv.7][新芽] (ﾜｯﾁｮｲ 1115-JIpj) · 2025/03/12(水) 01:17:23.95

userChrome.jsのスクリプトで開くのならあるよ

2025/03/12(水) 07:20:16.94

>>678
それ欲しいです。

警備員[Lv.11][新] (ﾜｯﾁｮｲ 1115-JIpj) · 2025/03/12(水) 10:26:40.13

>>679
https://www.camp-firefox.de/forum/thema/131728-script-nightly-autopopup-f%C3%BCr-lesezeichenleiste-funktioniert-nicht-mehr/?postID=1210333#post1210333

2025/03/12(水) 23:40:01.96

ソーセージの作り方か

2025/03/13(木) 11:30:54.01

アドレスバーの☆ボタンについて、Firefox 135まで以下でウィンドウ左上に追いやって表示されないようにしていました
（こちらで教えて頂いたものです）

:root {
--my-star-button-box-offset: 28px;
}
#star-button-box { /* URLバーの☆はウィンドウの左上に隠す */
position: fixed !important;
top: calc(-1 * var(--my-star-button-box-offset)) !important;
left: calc(-1 * var(--my-star-button-box-offset)) !important;
direction: rtl !important;
}
#editBookmarkPanel { /* メニューの「ブックマーク」直下に表示 */
margin-top: calc(var(--my-star-button-box-offset) - 1rem + 1px) !important;
margin-left: calc(var(--my-star-button-box-offset) + 17rem + 1px) !important;
}

Firefox136に更新したところ画像のようにアドレスバーの左上になってしまいました。
https://i.imgur.com/e5LuNGl.png
絶対座標で☆ボタンを隠したいのですがどのように修正すればいいでしょうか。
なお、ブックマークパネルは表示したいので☆ボタンを非表示にはしていません。
よろしくお願いします。

2025/03/13(木) 11:53:55.16

>>682
透明にして他の要素の後ろに隠してるだけだけど下のはどう？
#star-button-box {
position: absolute !important;
z-index: -1 !important;
opacity: 0 !important;
}

2025/03/13(木) 12:05:46.21

#star-button-box {
direction: rtl !important;
position: absolute !important;
top: -28px !important;
left: -28px !important;
}
#editBookmarkPanel {
margin-top: -56px !important;
margin-left: 0px !important;
}

2025/03/13(木) 13:27:31.73

context_closeTabOptionsという、複数のタブを閉じるの内容を、外に表示するスクリプトがあるのですが、この、右側のタブを閉じるだったり、左側のタブを閉じるという項目を、
タブメニューの一番上に表示出来るCSSを教えて下さい
https://u6.getuploader.com/script/download/2165

2025/03/13(木) 13:58:50.80

>>683
>>684
ありがとうございます。
fixedからabsoluteにしてみましたが、やはりアドレスバーからの相対位置になってしまいます。

絶対座標で☆マークを配置したい理由ですが、
アドレスバーからの相対位置に配置されてしまうと、タブバー表示・非表示によって
ブックマークパネルの位置が上下に変化してしまいます。
このため、☆マークは絶対位置で配置できればと思った次第です。
もしくはタブバーの表示・非表示によってブックマークパネルのmargin-topの値を変化させられればいいのかもしれません。

2025/03/13(木) 14:53:49.93

>>685
#context_closeTab, #context_closeDuplicateTabs, #context_closeTabsToTheStart, #context_closeTabsToTheEnd, #context_closeOtherTabs {
order: -1 !important;
}

**682** (ﾜｯﾁｮｲ fa02-EoI7) · 2025/03/13(木) 23:26:38.34

以下を追加することで
#urlbar {
will-change: auto !important; /* 最適化による影響を排除 */
}

#star-button-box の position:fixed が期待通りになり
☆マークを絶対位置に配置できver.135までの動作と同じになりました。
ありがとうございました。

2025/03/14(金) 06:53:26.82

すいません。「類似したドメインのタブをすべて閉じる」という項目を非表示にする方法を
教えてもらった気がするのですが、どのスレを探しても見当たらなかったので勘違いかもしれません
全然使わないので、これを非表示にする、cssを教えてください

2025/03/14(金) 12:52:13.40

同じく上にある、context_closeTabOptionsというスクリプトで、
一番上の層に出ています

2025/03/14(金) 13:07:49.39

menuitem[label="ほにゃらら"] {display:none !important;} みたいに属性セレクタ使えばいいやん

警備員[Lv.8][新芽] (ｵｰﾊﾟｲ 1115-JIpj) · 2025/03/14(金) 13:47:04.15

類似したドメインのタブをすべて閉じるはTabMixPlusインストールすると出てくるんじゃん
TabMixPlus利用するためにutilsハイツすると拡張機能ボタン消えてしまうな

2025/03/14(金) 15:16:56.86

#tm-closeSimilar{display: none !important;}で消えました
{visibility:collapse !important;}で非表示にしてもいいですね

utilsハイツとは何でしょうか？

警備員[Lv.8][新芽] (ｵｰﾊﾟｲ 1115-JIpj) · 2025/03/14(金) 15:18:31.59

utilsフォルダ配置の間違い

2025/03/14(金) 15:40:45.45

そうだったんですね、それとですが、画像のセパレーターの部分って非表示にすること
出来ませんか？
https://tadaup.jp/34b9af7a0.jpg
専門用語はよく分かりませんが、項目と違ってid属性がないため、どうやって指定するのは不明です
たぶん、TabMixPlusのやつだと思うのですが
（context_closeTabOptionsで3つのタブを閉じる項目は上の層に出しています）

2025/03/14(金) 16:40:48.23

一番上のセパレーターうちのには付いてないな

2025/03/14(金) 17:02:51.97

>>695
#context_selectAllTabs + menuseparator { display: none !important; }