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/10/06(日) 15:19:39.13

茸スマホガイジスルー推奨

2024/10/06(日) 15:37:01.74

home 5GでPCで接続しています。
130までは上のCSSで効いていたんですよね。
修正の仕方がわかる方はお願いします。

2024/10/06(日) 18:17:41.59

タブのタイトル表示領域にある左右の余白を縮めたいんですけど、どうすれば良いですか？

2024/10/06(日) 18:41:17.22

色変える位ならツールボックスで要素見たらすぐ

2024/10/06(日) 19:07:22.93

自己解決しました

/* タブバーの左右余白を削除 */
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]) .tab-content {
padding-inline: calc(var(--inline-tab-padding) - 4px) 0 !important;
}

警備員[Lv.5][新芽] (ﾜｯﾁｮｲ 4f15-LW0K) · 2024/10/09(水) 21:53:51.53

>>509
修正分かったよ
よくわからないがFirefox132~133では古いコードに戻るらしい

#identity-box[pageproxystate="valid"].verifiedDomain ~ .urlbar-searchmode-and-input-box-container {
color: green !important;
}

**509** (ｽﾌﾟﾌﾟT Sdea-6k2q) · 2024/10/09(水) 23:12:10.58

>>515
おお、ありがとうございます！
ほとんどあきらめていましたが、うまく行きました。
感謝します。
ついでにhttpのURLの色変更も載せておきます。
（!important;は特になくても大丈夫なようです）

/* アドレスバーのURLの文字色を変更する */
#identity-box[pageproxystate="valid"].verifiedDomain ~ .urlbar-searchmode-and-input-box-container {
color: green
}
#identity-box[pageproxystate="valid"].notSecure ~ .urlbar-searchmode-and-input-box-container {
color: red
}

2024/10/10(木) 14:03:28.87

いつのまにか効かなくなってたんだけど分かる方いたら教えて下さい

/* ファビコンのないサイトのタブに地球儀アイコンを表示 */
.tab-icon-image:not([src], [pinned], [crashed], [busy]) {
display: -moz-inline-box !important;
}

2024/10/10(木) 14:20:21.34

FirefoxCSS Store
ttps://trickypr.github.io/FirefoxCSS-Store.github.io/

2024/10/10(木) 14:38:47.84

試すとしたら inline-block じゃね?

警備員[Lv.8][新芽] (ﾏｸﾞｰﾛ 4f15-LW0K) · 2024/10/10(木) 14:42:02.12

>>517
.tab-icon-image:not([src], [pinned], [crashed], [busy]) {display: block !important;}

**518** (ﾏｸﾞｰﾛ 2a31-6k2q) · 2024/10/10(木) 14:51:12.47

>>519
ありがとうございます
出来ました

2024/10/10(木) 14:53:34.03

>>520
ありがとう

2024/10/10(木) 16:18:33.44

https://i.imgur.com/C3ESyp6.jpeg
どなたか教えて下さい。131.0.2 64bitです
あちこちから拾って貼るしか出来ないんですがどうしてもタブバーの右側のスペースが消えません。
あと拡張機能ボタンも消したいです。

警備員[Lv.10][新芽] (ﾏｸﾞｰﾛ 4f15-LW0K) · 2024/10/10(木) 16:47:01.46

cssでいじりまくってるのをここと言われても分からないよ

#unified-extensions-button {
display: none !important;
}

2024/10/10(木) 20:29:19.26

>>524
消えた！ありがとうございます
https://i.imgur.com/8E3TfbY.jpeg

右のスペースは前使ってた多段タブの中の一文が効いてくれました
/* 横幅調整 */
hbox.titlebar-spacer[type="pre-tabs"] { width: 0px !important; } /* 左のドラッグ領域：デフォルト 40px */
hbox.titlebar-spacer[type="post-tabs"] { width: 0px !important; } /* 右のドラッグ領域：デフォルト 40px */

99から何の気無しに更新してみたら一日かかってもうた

2024/10/15(火) 15:56:28.10

131から
000-reuseBlankTabIfCcurrentTab
の挙動が変わってしまいました
はじめからあるブランクタブが残ったままです
解決方法がわかる方，教えてください。

2024/10/15(火) 16:09:01.25

130までは
1つのページを開く → 使われていないブランクタブを用いて開く
ブックマークないのフォルダを右クリックし，「ブックマークをすべて開く」 → 使われていないブランクタブを用いて開く

だったのですが，どちらもブランクタブが残ったままになってしまいました。

2024/10/23(水) 13:05:00.93

古すぎてコンテナータブにも対応してなかったやろ

警備員[Lv.1][新芽] (ﾜｯﾁｮｲ c176-gZeV) · 2024/11/01(金) 18:10:45.64

サイドバー自動開閉が動かなくなった

取り急ぎ
expandsidebar_fx58.uc.jsいれてみたけど
これ対応してるのか
左端に持っていっても開かないけど

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
OS Windows_NT 10.0 22631

2024/11/01(金) 18:28:54.07

>>529
73行目のOPEN_DELAYを9999999から変えないと

2024/11/01(金) 22:09:08.19

な、age厨だろ👆

警備員[Lv.7][新芽] (ﾜｯﾁｮｲ c176-gZeV) · 2024/11/02(土) 17:50:55.24

>>530
ありがとうございます。
とりあえず0にした

2024/11/02(土) 20:01:27.36

な、age厨だろ👆

2024/11/02(土) 20:35:06.44

👍

2024/11/02(土) 20:54:34.66

>>504
の3行目を5px以上に変更したら自分の環境132ではマウスホバーでサイドバー開いた
2pxにしたかったが4px以下だとサイドバー開かず
5px以上に設定して開いたのは良かったが左端に細い変なエリアが発生、左端迄マウスカーソル持って行くと
今度はサイドバー閉じてしまう
受け売りだが20行目に

order: 4 !important;

を挿入、解決

2024/11/03(日) 01:10:17.62

>>535
132にしてからサイドバー開くと　--thin-tab-width:　の位置に縦線残ったままでカーソル通過時ウィンクするように閉じようとするし
縦線にマウスカーソル合わせたままだと閉じきってしまうので気になってた
ありがとう！！

2024/11/03(日) 02:41:09.33

縦線云々はこれ消したらいけたな
margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;

2024/11/03(日) 07:48:55.90

Tor Browserはuserchrome.cssでカスタマイズできないんでしょうか？

2024/11/03(日) 09:55:36.03

タブのミュートアイコンが輪っかなのをもとに戻すCSSキボンヌ

2024/11/03(日) 12:39:15.73

>>538
できる

2024/11/03(日) 14:20:17.41

>>540
僕もできました
ありがとうございました

2024/11/03(日) 15:27:39.60

スレチだクズ

**539** (ﾜｯﾁｮｲ a256-kEEx) · 2024/11/05(火) 15:50:16.48

すまんFirefox-UI-Fix いれてたせいだったCSSの更新きて気付いた...

**名無しさん＠お腹いっぱい。** (JP 0H1a-ENrN) · 2024/11/07(木) 23:27:51.16

最近、VS Codeの拡張機能としてEchoAPIを気になって、それでAPI開発をもっと簡易化できるよ

2024/11/08(金) 08:00:42.01

>>542
スレチじゃねーだろ馬鹿
どこにスレタイのどこにFirefoxって書いてあるんだ馬鹿

2024/11/09(土) 01:15:26.66

スレチだろ馬鹿
どこにスレタイのどこにTor Browserって書いてあるんだ馬鹿

2024/11/09(土) 06:33:05.85

>>546
Tor BrowserはFirefox派生だ馬鹿
userchrome.css使える時点で理解しろ馬鹿

2024/11/09(土) 13:45:12.54

　　　　　>>546の不幸で今日も飯がうまい！！
　　　　＋　　　　　　＿＿＿_ 　　　＋
　　　　　　＋　　　／⌒　　⌒＼ +
　　　ｷﾀ━━━／／･＼ .／･＼＼━━━━!!!!
　　　　+　　　／::::::⌒（__人__）⌒:::::＼　+
　　　　　　　 |　　　　ﾄｪｪｪｲ　　　　|
　　　　　＋　＼　　　　`ー'´ 　　／　　　＋
　　　　　＿|＼∧∧∧ＭＭＭＭ∧∧∧／|＿
　　　　　＞　　　　　　　　　　　　　　　　　　＜
　　　/　　─　/　　/＿　──┐ヽ|　 |ヽ　ムヒ　|　|
　＼/　　─　/　/￣　/　　　／　　|￣|￣　月ヒ　|　|
　ノ＼　＿_ノ　　　_ノ　　＼　　 / | ノ＼ﾉＬ_い o o

2024/11/09(土) 13:47:31.95

　　／￣￣＼
　／　　 _ノ　　＼
　|　　　（ ●）（●）
.　|　　　　（__人__）　>>546はどう考えてもおかしいだろ・・・
　 |　　　　　｀ ⌒´ﾉ　　常識的に考えて・・・
.　 |　　　　　　　 }
.　ヽ　　　　　　 }
　　ヽ　　　　　ノ　　　　　　　　＼
　　　/　　　く　　＼　　　　　　　＼
　　　|　　　　＼　＼　　　　　　　＼
　　 |　　　　|ヽ、二⌒)､　　　　　　　＼

2024/11/09(土) 14:00:39.14

悔しさ丸出しﾜﾛﾀ

2024/11/09(土) 14:39:57.73

　　　　　　　　　　　　　 ∩＿
　　　　　　　　　　　　　　〈〈〈　ヽ
　　　　　　＿＿＿_　　　〈⊃　　}
　　　　／⌒　　⌒＼　　 |　　 |
　　　／（ ●）　（●）＼　 !　　 !
　／ :::::⌒（__人__）⌒:::::＼|　　 l
　 |　　　　　|r┬-| 　　　 | 　／　＜こいつ最高にアホ
　＼　　　｀ー'´ 　　／／
　　/　＿＿　　　　　　　/
　　(＿＿＿）　　　　　　/

2024/11/09(土) 20:07:26.45

必死w

2024/11/10(日) 13:11:44.94

下記、132.0では正常なるもβ版133.0では反応せず。
/*** ブックマークツールバーをマウスオーバーで自動開閉　***/
#PersonalToolbar:not([customizing="true"]) {
transform: translateY(-500px);
transition: transform 0s ease 300ms !important;
position: absolute !important; z-index: 1;
display: block;
width: 100%;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
transform: translateY(60px);
transition: transform 0s !important;
}

2024/11/10(日) 22:28:22.96

　　　　　>>552の不幸で今日も飯がうまい！！
　　　　＋　　　　　　＿＿＿_ 　　　＋
　　　　　　＋　　　／⌒　　⌒＼ +
　　　ｷﾀ━━━／／･＼ .／･＼＼━━━━!!!!
　　　　+　　　／::::::⌒（__人__）⌒:::::＼　+
　　　　　　　 |　　　　ﾄｪｪｪｲ　　　　|
　　　　　＋　＼　　　　`ー'´ 　　／　　　＋
　　　　　＿|＼∧∧∧ＭＭＭＭ∧∧∧／|＿
　　　　　＞　　　　　　　　　　　　　　　　　　＜
　　　/　　─　/　　/＿　──┐ヽ|　 |ヽ　ムヒ　|　|
　＼/　　─　/　/￣　/　　　／　　|￣|￣　月ヒ　|　|
　ノ＼　＿_ノ　　　_ノ　　＼　　 / | ノ＼ﾉＬ_い o o

2024/11/12(火) 07:41:01.53

>>553
#navigator-toolbox:hover {
z-index: 50 !important;
}

2024/11/12(火) 08:14:38.49

>>555
ありがとう、無事治りました。

2024/11/12(火) 13:58:57.22

Autopopup.ucでよくね？

警備員[Lv.4][新芽] (ﾜｯﾁｮｲ ad15-H0Ic) · 2024/11/12(火) 15:58:54.98

ブックマークツールバーはショートカットキーをマウスジェスチャーに登録だな

2024/11/25(月) 00:52:06.85

132
未読タブのファビコンが表示されなくなったんですけど分かる人いますか？

2024/11/26(火) 10:12:57.26

/* Multi-Row Bookmarks Toolbar */
#PersonalToolbar {
max-height: none !important;
}
#PlacesToolbar > hbox {
display: block;
width: 100vw;
}
#PlacesToolbarItems {
display: flex;
flex-wrap: wrap;
}

133.0です。
>>553に>>555を追加することで確かにマウスを持って行くと出現するようになったのですが
自分はブックマークツールバーを↑ので複数行にしているせいか、
一行目から下の二行目以降を選択しようとマウスを動かすと消えてしまいます。
これを元の様に複数行でもずっと表示したままにするにはどうすればいいでしょうか？

2024/11/26(火) 16:17:09.50

133.0で機能しなくなった

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

2024/11/26(火) 16:30:35.39

>>561
*|*#urlbar *|input {

2024/11/26(火) 16:51:59.14

>>562
機能しました
ありがとう

2024/11/26(火) 18:43:37.34

ime-mode: disabled;なら、googleでもOK

**名無しさん＠お腹いっぱい。** (JP 0Hdf-6m00) · 2024/11/26(火) 22:11:09.13

最近、VS CodeでEchoAPIを使い始めて、APIテストがめちゃくちゃ効率化されました！

2024/11/26(火) 22:57:19.97

>>564
参考になります

2024/11/27(水) 02:00:14.53

誰か
サイドバー自動開閉の修正版お願いします

2024/11/27(水) 12:26:14.44

Firefox 133.0 にしたら、ブックマークボタンの星の非表示が効かなくなりました。
以下ですが、どのように修正すればいいでしょうか。よろしくお願いします。

/*
URLバーのブックマークボタンをブックマークの下あたりのコンテンツ領域に配置することで隠す。
ver.108 以降は display プロパティや visibility プロパティで隠すと、
ブックマークしたときのブックマーク編集パネルも表示されなくなってしまう。
メニュー下に置くのはブックマーク編集パネルを開いたとき、
キー操作やマウスオーバーしないままでいると一定時間でパネルが閉じてしまう問題への一時策を兼ねる。
この位置はメニューの「ブックマーク」→「現在のタブをブックマーク」
をクリックした直後のマウスポインターの下になるので、
この経路で表示させたときは自動的に閉じるのを防げる。
「アドレスバーの使用時に表示する候補」の「ショートカット」にチェックが入っていると星が表示される。
*/
#star-button-box { /* URLバーの☆は「ブックマーク」下近辺に隠す */
position: fixed !important;
top: 91px !important;
left: 209px !important;
z-index: -1 !important;
}
#editBookmarkPanel { /* メニューの「ブックマーク」直下に表示 */
margin-top: -102px !important;
margin-right: -286px !important;
}

2024/11/27(水) 21:16:26.73

Firefoxアプデしたらタブとその下のバーの間に隙間ができるようになった
この隙間をなくす方法を教えてください

2024/11/27(水) 22:04:22.72

な、age厨だろ👆

2024/11/28(木) 08:33:44.35

Firefox133でブックマークツールバーをマウスオーバーで自動開閉させるのに
>>553
に
>>555
を追記すると
ブックマークツールバーは一応復活するけどちょい微妙な動作と見た目が・・・

2024/11/28(木) 10:52:20.49

Auto-hide bookmarks toolbar(133+)
https://pastebin.com/RKJE2CE3

>>560だけど
redditなどで調べた結果、↑こうなった
一応自分の環境では元のように動作している

2024/11/28(木) 11:20:49.15

定番のこれに>555氏のスクリプトを追記し133でも問題なく動作中
>555氏ありがとうございました
https://forums.mozillazine.jp/viewtopic.php?f=2&t=21078&view=previous#p74292

2024/11/28(木) 12:22:35.95

うお～どっちも133でヌルヌル動く!
ありが㌧

2024/11/28(木) 14:39:47.89

>>572
--uc-autohide-toolbar-delay: 200ms; /* The toolbar is hidden after 0.2s */

を1000msに書き換えることでほぼ望み通りになりました。ありがとうございます
（マウスオーバーとして感知する範囲をもう少し広げたい気もしたので
知識がないなりに適当に数字を変更してみましたができませんでしたｗ
まあこのままでもほぼ問題なく使えるのでこのまま使わせていただきます）

ちなみに自分の環境だと>>573氏のやり方だと動きがぎくしゃくしてしまいます
なんでだろう・・・・・

2024/11/28(木) 16:46:07.47

128.5.0esr でメニュー、タブ、ナビゲーションツールバーの並び替え方法を教えて下さい

<toolbox id="navigator-toolbox">　←　この中の要素を並び替えたい
　<vbox id="titlebar">　←　要素1: 下2つをグループ化したもの
　　<toolbar id="toolbar-menubar"></toolbar>　←　要素1-1: ファイルや編集等のメニュー
　　<toolbar id="TabsToolbar"></toolbar>　←　要素1-2: タブ
　</vbox>
　<toolbar id="nav-bar"></toolbar>　←　要素2: 戻る進むボタンやURLを入力する場所
</toolbox>

要素1と要素2の並べ替え、もしくは要素1-1と要素1-2の並べ替えはorder指定で出来るのですが、
これを要素1-1、要素2、要素1-2の順に並べ替えたいのです
よろしくおねがいします

2024/11/28(木) 17:21:13.48

Firefox133.0用サイドバーの自動開閉
ちょっと長いから分割する
/* サイドバーのカスタマイズ */
:root {
--thin-tab-width: 15px;
--wide-tab-width: 220px;
}

#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
min-width: var(--thin-tab-width) !important;
max-width: var(--thin-tab-width) !important;
box-shadow: 0 0 2px 0 rgba(0,0,0,.35);
z-index: 1 !important;
transition: min-width 0.2s ease, max-width 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#sidebar-box:hover {
min-width: var(--wide-tab-width) !important;
max-width: var(--wide-tab-width) !important;
box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
transform: translateX(0);
}

2024/11/28(木) 17:21:32.36

続き

#sidebar-box>#sidebar {
visibility: hidden !important; /* opacity -> visibility に変更 */
transform: translateX(-100%); /* 初期状態でサイドバーを隠す */
transition: visibility 0.2s, transform 0.2s ease; /* transformを使用 */
}

#sidebar-box:hover>#sidebar {
visibility: visible !important; /* hoverで表示 */
transform: translateX(0); /* スライドイン */
}

#sidebar-splitter {
cursor: ew-resize;
width: 5px;
background-color: #ccc;
}

2024/11/28(木) 17:23:38.08

後は上手く短くしてくれ

2024/11/28(木) 17:33:25.97

/* サイドバーを自動開閉するようにする（左側用）色々削ってみた*/
:root {
--thin-tab-width: 15px;
--wide-tab-width: 220px;
}

#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
min-width: var(--thin-tab-width) !important;
max-width: var(--thin-tab-width) !important;
box-shadow: 0 0 2px 0 rgba(0,0,0,.35);
z-index: 1 !important;
transition: min-width 0.2s ease, max-width 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#sidebar-box:hover {
min-width: var(--wide-tab-width) !important;
max-width: var(--wide-tab-width) !important;
box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
transform: translateX(0);
}

#sidebar-box>#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover>#sidebar {
opacity: 1 !important;
}
#sidebar-splitter {
}

2024/11/28(木) 18:11:04.58

色々試したら
/* サイドバーを自動開閉するようにする（左側用）*/
使ってる人は

#sidebar-box:hoverの

margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;

これ削除で取り敢えず動く
只動くけどサイドバー開閉でとページが縮んだり元に戻り動くのでそこは誰か頼む

2024/11/28(木) 21:22:26.80

>>572
ありがとうございます
1点確認したい事があります
ブックマークツールバーをマウスオーバーで表示させるのではなく常に表示させるにはどのように修正すればよいのか
教えて頂けないでしょうか

2024/11/28(木) 21:39:31.94

サイドバーのtransitionの仕様変わった？
下層までぐにゃっとなってキモいんだが

2024/11/28(木) 23:46:00.17

133になったらタブが上になっちゃったよ面倒くせー

2024/11/29(金) 04:42:43.98

>>581
535ですが追加します
margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
は削除せず
z-index: 1 !important; → z-index: 3 !important;
これで133でもサイドバー自動開閉OK、ページレイアウトの変化なし
あ、これも受け売りw

2024/11/29(金) 06:09:40.92

>>585
おつかれ

z-index: 1 !important; → z-index: 3 !important;
これはこっち↓でも動いたわ
【Firefox】Firefox107でサイドバーを自動で開閉する　←　検索（NGワードでリンク貼れない）

2024/11/29(金) 08:42:15.01

なんかURLバーにフォーカスしたら一番上に移動するようになったんだがなんだこれ

2024/11/30(土) 00:12:03.86

うーむ133にしたら#serchbar系もなんか変わってぽいな...

2024/11/30(土) 00:14:44.89

てかいろいろ変だ...

2024/11/30(土) 00:17:00.60

すんません133に更新したら
ツールバーの並び順が効かなくなりました
分かる方いましたらよろしくです

/* ツールバーの並び順 */
#toolbar-menubar { order: 1; } /* メニューバー */
#nav-bar { order: 2; } /* ナビゲーションツールバー */
#titlebar { order: 3; } /* タブバー */
#PersonalToolbar { order: 4; } /* ブックマークツールバー */

**590** (ﾜｯﾁｮｲ 9f31-wRxM) · 2024/11/30(土) 00:57:11.37

解決いたしました

/* タブバーがツールバーの下に移動 */
/* ブックマークツールバーがタブバーの下に移動 */
#navigator-toolbox:not([tabs-hidden]) {
script, toolbar:not(#TabsToolbar,#PersonalToolbar) {
order: -1;
}
}
#TabsToolbar:not([collapsed="true"]) {
& > hbox.titlebar-buttonbox-container {
display: none;
}
}
#nav-bar {
&:not(.browser-titlebar) {
:root[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ &,
:root[inFullscreen] #toolbar-menubar ~ & {
& > hbox.titlebar-buttonbox-container {
display: flex !important;
}
}
}
.titlebar-button {
padding-block: 0 !important;
}
}

2024/11/30(土) 05:02:14.36

タブバーは #TabsToolbar

2024/11/30(土) 22:26:09.19

/* ツールバー並べ替え By.ChatGPT*/

/* navigator-toolbox内の要素を順番に整理 */
#navigator-toolbox {
display: flex;
flex-direction: column; /* 上から下に配置 */
}

/* メニューバーを最上位に配置 */
#toolbar-menubar {
order: 0; /* 一番上に表示 */
}

/* ナビゲーションツールバーをメニューバーの下に配置 */
#nav-bar {
order: 1; /* 2番目に表示 */
}

/* ブックマークツールバーをナビゲーションツールバーの下に配置 */
#PersonalToolbar {
order: 2; /* 3番目に表示 */
}

/* タブバーをブックマークツールバーの下に配置 */
#TabsToolbar {
order: 3; /* 最下部に表示 */
}

2024/11/30(土) 22:26:25.07

/* 必要に応じてタイトルバーのボタンを非表示 */
.titlebar-buttonbox-container {
display: none !important;
}

2024/12/01(日) 08:14:57.38

CSSで多段タブを実現したい

2024/12/01(日) 12:33:58.92

Firefox ESR 128.5.1でタブの読み込みアニメーションを円グルグルにして使ってます

.tab-throbber[busy] {
background-image: url("chrome://global/skin/icons/loading.png") !important;
filter: grayscale(100%);
}

これでグルグルは表示されているんですが、grayscaleのgrayの部分を他の色名に変えると青色にしかならないです
例えばredとかgreeenとかにしても青くなります
グレーと青以外の色に変える方法ってありますか？
そもそも自分の使ってるスクリプトがおかしいんでしょうか？
ちなみにFirefox Release版だと上記スクリプト自体動いてくれないのでESRを使用しています

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

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