X



userChrome.css・userContent.cssスレ Part14

2024/09/27(金) 22:18:15.54ID:lo7wGrJB0
テーマが対応してないとか?
2024/09/27(金) 22:28:55.72ID:zH45Jj5a0
>>492
30くらいテーマ試したけど全滅だった
2024/09/27(金) 22:46:44.64ID:B2eeTuTX0
https://bugzilla.mozilla.org/show_bug.cgi?id=1907456
OSのテーマがハイコントラストになってるんやろ

userChrome.cssで下試してみ

@media (prefers-contrast) {
:root {
--toolbarbutton-outline: none !important;
}
}
2024/09/27(金) 22:50:53.49ID:B2eeTuTX0
だめなら
prefers-contrast

forced-colors
2024/09/28(土) 05:32:06.18ID:V84lDohV0
ttps://www.reddit.com/r/firefox/comments/1faxkw4/how_to_get_rid_of_button_frames/
2024/09/28(土) 12:18:29.12ID:jjuHyQa20
>>496
そのcssはすでに今のuserChromeに記述済みだった
そこでまっさらなFirefoxを入れ直してユーザーcssを有効化して
新しくそのcssだけを記述したところ枠線が消えていた
ちなみに>>494のcssでも有効だった

どうやら他に原因があるみたいだ
これから一つ一つ検証してみる
ありがとう
2024/10/02(水) 22:23:07.30ID:XSZeM2w/0
131.0に更新したらタブの縦幅が長くなったというか下部に余白あるの消せませんか?
2024/10/02(水) 23:12:26.13ID:KHyN6Hse0
>>497
他に何のcss入れてるか分からないが有効になるのなら優先順位など変えてみれば?
自分は
管理もしやすい様に
userchromeには読み込むcss名記載
/* サイドバー自動開閉 */
@import "userChrome sidebar.css";
/* タブ変更 */
@import "userChrome tab.css";
の順番で記載して
cssは別に
userChrome sidebar.css
userChrome tab.css
と分かりやすい名で作ってそこにcss記載してる
これだと止める時とか管理しやすい
2024/10/03(木) 21:28:13.05ID:JC2NikWR0
132.0b1以降 "サイドバーの自動開閉" だけが機能しなくなったんだけど、おま環なのかな?
2024/10/03(木) 22:33:23.81ID:0kmdhOke0
Bug 1916098 - Remove appcontent box. で appcontentが無くなったからな その辺修正しないとな
2024/10/03(木) 23:13:11.79ID:aLvR+vYT0
>>500
自分も同じ今は開きっぱ。独りにさせないよ
2024/10/03(木) 23:46:03.51ID:JC2NikWR0
>>502
そうですか、やっぱ動かなくなってたんですね。
その割にはこの件、今のところあまり騒がれていないような...
サイドバーの自動開閉を設定している人って意外に少ないのかな?
504名無しさん@お腹いっぱい。 (ワッチョイ bfc4-4whB)
垢版 |
2024/10/04(金) 04:39:02.45ID:Se09vki60
/* サイドバーを自動開閉するようにする (左側用)*/
:root {
--thin-tab-width: 2px;
--wide-tab-width: 350px;
}
#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: all .1s 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);
margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
}
#sidebar-box>#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover>#sidebar {
opacity: 1 !important;
}
#sidebar-splitter {
}
/* Showing close button on tabs */
.tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }
}
2024/10/04(金) 13:21:13.77ID:gx/RnxLD0
>>503
そりゃまだ騒がれないだろ
殆どの人131だもの
2024/10/04(金) 18:03:37.29ID:4N3Zq5Is0
128esrに上げたら

/* 再生中のタブの色を変える */
.tabbrowser-tab[soundplaying="true"] .tab-background {
background-color: #69daff !important;
}
.tabbrowser-tab[muted="true"] .tab-background {
background-color: #ff9442 !important;
}

ってやつが機能しなくなったんだけど動くように修正していただけませんか
2024/10/04(金) 18:08:43.95ID:Arj1/ag50
="true" を消す
2024/10/05(土) 00:42:13.37ID:GpPhVEE70
>>507
ご教示ありがとうございます
機能するようになりました
返信遅くなり申し訳ありませんでした
2024/10/06(日) 14:07:19.95ID:FjD7SfMrd
131にアップしたら、次のCSSが効かなくなりました。

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

どこを修正すればいいかわかる方は教えてくれませんか。
2024/10/06(日) 15:19:39.13ID:7nAxbqzR0
茸スマホガイジスルー推奨
2024/10/06(日) 15:37:01.74ID:CByNZqdRd
home 5GでPCで接続しています。
130までは上のCSSで効いていたんですよね。
修正の仕方がわかる方はお願いします。
2024/10/06(日) 18:17:41.59ID:TXzunv0N0
タブのタイトル表示領域にある左右の余白を縮めたいんですけど、どうすれば良いですか?
2024/10/06(日) 18:41:17.22ID:ci+Cp56B0
色変える位ならツールボックスで要素見たらすぐ
2024/10/06(日) 19:07:22.93ID:TXzunv0N0
自己解決しました

/* タブバーの左右余白を削除 */
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]) .tab-content {
padding-inline: calc(var(--inline-tab-padding) - 4px) 0 !important;
}
2024/10/09(水) 21:53:51.53ID:Wac3LGK90
>>509
修正分かったよ
よくわからないがFirefox132~133では古いコードに戻るらしい

#identity-box[pageproxystate="valid"].verifiedDomain ~ .urlbar-searchmode-and-input-box-container {
color: green !important;
}
2024/10/09(水) 23:12:10.58ID:kynG5S2Td
>>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.87ID:jkNcwLSp01010
いつのまにか効かなくなってたんだけど分かる方いたら教えて下さい

/* ファビコンのないサイトのタブに地球儀アイコンを表示 */
.tab-icon-image:not([src], [pinned], [crashed], [busy]) {
display: -moz-inline-box !important;
}
2024/10/10(木) 14:20:21.34ID:MyKFFHha01010
FirefoxCSS Store
ttps://trickypr.github.io/FirefoxCSS-Store.github.io/
2024/10/10(木) 14:38:47.84ID:VFpqu92D01010
試すとしたら inline-block じゃね?
2024/10/10(木) 14:42:02.12ID:CR7nttwS01010
>>517
.tab-icon-image:not([src], [pinned], [crashed], [busy]) {display: block !important;}
2024/10/10(木) 14:51:12.47ID:jkNcwLSp01010
>>519
ありがとうございます
出来ました
2024/10/10(木) 14:53:34.03ID:jkNcwLSp01010
>>520
ありがとう
2024/10/10(木) 16:18:33.44ID:1qBwXURl01010
https://i.imgur.com/C3ESyp6.jpeg
どなたか教えて下さい。131.0.2 64bitです
あちこちから拾って貼るしか出来ないんですがどうしてもタブバーの右側のスペースが消えません。
あと拡張機能ボタンも消したいです。
2024/10/10(木) 16:47:01.46ID:CR7nttwS01010
cssでいじりまくってるのをここと言われても分からないよ

#unified-extensions-button {
display: none !important;
}
2024/10/10(木) 20:29:19.26ID:1qBwXURl01010
>>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.10ID:kbjJv/RZd
131から
000-reuseBlankTabIfCcurrentTab
の挙動が変わってしまいました
はじめからあるブランクタブが残ったままです
解決方法がわかる方,教えてください。
2024/10/15(火) 16:09:01.25ID:kbjJv/RZd
130までは
1つのページを開く → 使われていないブランクタブを用いて開く
ブックマークないのフォルダを右クリックし,「ブックマークをすべて開く」 → 使われていないブランクタブを用いて開く

だったのですが,どちらもブランクタブが残ったままになってしまいました。
2024/10/23(水) 13:05:00.93ID:QnZ2vXVH0
古すぎて コンテナータブにも対応してなかったやろ
529 警備員[Lv.1][新芽] (ワッチョイ c176-gZeV)
垢版 |
2024/11/01(金) 18:10:45.64ID:54D2zIUp0
サイドバー自動開閉が動かなくなった

取り急ぎ
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
530名無しさん@お腹いっぱい。 (ワッチョイ 5162-D2cl)
垢版 |
2024/11/01(金) 18:28:54.07ID:XOyZHFQh0
>>529
73行目のOPEN_DELAYを9999999から変えないと
2024/11/01(金) 22:09:08.19ID:8y9Pf2Dv0
な、age厨だろ👆
532 警備員[Lv.7][新芽] (ワッチョイ c176-gZeV)
垢版 |
2024/11/02(土) 17:50:55.24ID:qdbms0pS0
>>530
ありがとうございます。
とりあえず0にした
2024/11/02(土) 20:01:27.36ID:3fqR52o70
な、age厨だろ👆
534名無しさん@お腹いっぱい。 (スッップ Sd33-X9O+)
垢版 |
2024/11/02(土) 20:35:06.44ID:8MPPWiK3d
👍
2024/11/02(土) 20:54:34.66ID:gypXydun0
>>504
の3行目を5px以上に変更したら自分の環境132ではマウスホバーでサイドバー開いた
2pxにしたかったが4px以下だとサイドバー開かず
5px以上に設定して開いたのは良かったが左端に細い変なエリアが発生、左端迄マウスカーソル持って行くと
今度はサイドバー閉じてしまう
受け売りだが20行目に

order: 4 !important;

を挿入、解決
2024/11/03(日) 01:10:17.62ID:xICvdpyx0
>>535
132にしてからサイドバー開くと --thin-tab-width: の位置に縦線残ったままでカーソル通過時ウィンクするように閉じようとするし
縦線にマウスカーソル合わせたままだと閉じきってしまうので気になってた
ありがとう!!
2024/11/03(日) 02:41:09.33ID:kev722iA0
縦線云々はこれ消したらいけたな
margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
2024/11/03(日) 07:48:55.90ID:TPBhStT00
Tor Browserはuserchrome.cssでカスタマイズできないんでしょうか?
2024/11/03(日) 09:55:36.03ID:/pDkgN0Y0
タブのミュートアイコンが輪っかなのをもとに戻すCSSキボンヌ
2024/11/03(日) 12:39:15.73ID:fC11h/xX0
>>538
できる
2024/11/03(日) 14:20:17.41ID:TPBhStT00
>>540
僕もできました
ありがとうございました
2024/11/03(日) 15:27:39.60ID:vJAIT82V0
スレチだクズ
2024/11/05(火) 15:50:16.48ID:d0aSxOeJ0
すまんFirefox-UI-Fix いれてたせいだったCSSの更新きて気付いた...
544名無しさん@お腹いっぱい。 (JP 0H1a-ENrN)
垢版 |
2024/11/07(木) 23:27:51.16ID:wZbyqFMXH?2BP(1000)

最近、VS Codeの拡張機能としてEchoAPIを気になって、それでAPI開発をもっと簡易化できるよ
545名無しさん@お腹いっぱい。 (ワッチョイ 792d-Q1tn)
垢版 |
2024/11/08(金) 08:00:42.01ID:FMMLbJ/S0
>>542
スレチじゃねーだろ馬鹿
どこにスレタイのどこにFirefoxって書いてあるんだ馬鹿
2024/11/09(土) 01:15:26.66ID:/2o1GpRU0
スレチだろ馬鹿
どこにスレタイのどこにTor Browserって書いてあるんだ馬鹿
547名無しさん@お腹いっぱい。 (ワッチョイ 792d-Q1tn)
垢版 |
2024/11/09(土) 06:33:05.85ID:ZZD3PI7H0
>>546
Tor BrowserはFirefox派生だ馬鹿
userchrome.css使える時点で理解しろ馬鹿
548名無しさん@お腹いっぱい。 (ワッチョイ 792d-Q1tn)
垢版 |
2024/11/09(土) 13:45:12.54ID:ZZD3PI7H0
     >>546の不幸で今日も飯がうまい!!
    +       ____    +
      +   /⌒  ⌒\ +
   キタ━━━//・\ ./・\\━━━━!!!!
    +   /::::::⌒(__人__)⌒:::::\  +
        |      トェェェイ     |
     +  \    `ー'´     /    +
     _|\∧∧∧MMMM∧∧∧/|_
     >                  <
   /  ─ /  /_ ──┐ヽ|  |ヽ  ム ヒ | |
 \/  ─ / / ̄ /   /  | ̄| ̄ 月 ヒ | |
  ノ\ __ノ   _ノ   \   / | ノ \ ノ L_い o o
549名無しさん@お腹いっぱい。 (ワッチョイ 792d-Q1tn)
垢版 |
2024/11/09(土) 13:47:31.95ID:ZZD3PI7H0
   / ̄ ̄\
 /   _ノ  \
 |    ( ●)(●)
. |     (__人__) >>546はどう考えてもおかしいだろ・・・
  |     ` ⌒´ノ  常識的に考えて・・・
.  |         }
.  ヽ        }
   ヽ     ノ        \
   /    く  \        \
   |     \   \         \
    |    |ヽ、二⌒)、          \
2024/11/09(土) 14:00:39.14ID:/2o1GpRU0
悔しさ丸出しワロタ
551名無しさん@お腹いっぱい。 (ワッチョイ 792d-Q1tn)
垢版 |
2024/11/09(土) 14:39:57.73ID:ZZD3PI7H0
               ∩_
              〈〈〈 ヽ
      ____   〈⊃  }
     /⌒  ⌒\   |   |
   /( ●)  (●)\  !   !
  / :::::⌒(__人__)⌒:::::\|   l
  |     |r┬-|       |  / <こいつ最高にアホ
  \     ` ー'´     //
  / __        /
  (___)      /
2024/11/09(土) 20:07:26.45ID:/2o1GpRU0
必死w
2024/11/10(日) 13:11:44.94ID:BlYTyqDDa
下記、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;
}
554名無しさん@お腹いっぱい。 (ワッチョイ 0511-4Bi2)
垢版 |
2024/11/10(日) 22:28:22.96ID:m37dNdHu0
     >>552の不幸で今日も飯がうまい!!
    +       ____    +
      +   /⌒  ⌒\ +
   キタ━━━//・\ ./・\\━━━━!!!!
    +   /::::::⌒(__人__)⌒:::::\  +
        |      トェェェイ     |
     +  \    `ー'´     /    +
     _|\∧∧∧MMMM∧∧∧/|_
     >                  <
   /  ─ /  /_ ──┐ヽ|  |ヽ  ム ヒ | |
 \/  ─ / / ̄ /   /  | ̄| ̄ 月 ヒ | |
  ノ\ __ノ   _ノ   \   / | ノ \ ノ L_い o o
555名無しさん@お腹いっぱい。 (ワッチョイ 23be-hGIU)
垢版 |
2024/11/12(火) 07:41:01.53ID:p9u8avb90
>>553
#navigator-toolbox:hover {
z-index: 50 !important;
}
2024/11/12(火) 08:14:38.49ID:l7pVTnQDa
>>555
ありがとう、無事治りました。
2024/11/12(火) 13:58:57.22ID:cpx7dCsb0
Autopopup.ucでよくね?
2024/11/12(火) 15:58:54.98ID:IZAKvSNa0
ブックマークツールバーはショートカットキーをマウスジェスチャーに登録だな
2024/11/25(月) 00:52:06.85ID:ATxGDGdd0
132
未読タブのファビコンが表示されなくなったんですけど分かる人いますか?
2024/11/26(火) 10:12:57.26ID:CmEPRopD0
/* 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.50ID:APos5Nts0
133.0で機能しなくなった

/* ロケーションバーでIMEをオフ */
#urlbar *|input {
ime-mode: inactive !important;
}
2024/11/26(火) 16:30:35.39ID:ovJuuy/i0
>>561
*|*#urlbar *|input {
2024/11/26(火) 16:51:59.14ID:APos5Nts0
>>562
機能しました
ありがとう
2024/11/26(火) 18:43:37.34ID:bNGbPB8Oa
ime-mode: disabled;なら、googleでもOK
565名無しさん@お腹いっぱい。 (JP 0Hdf-6m00)
垢版 |
2024/11/26(火) 22:11:09.13ID:i69ruhZwH
最近、VS CodeでEchoAPIを使い始めて、APIテストがめちゃくちゃ効率化されました!
2024/11/26(火) 22:57:19.97ID:APos5Nts0
>>564
参考になります
2024/11/27(水) 02:00:14.53ID:l757AjM+0
誰か
サイドバー自動開閉の修正版お願いします
2024/11/27(水) 12:26:14.44ID:XNKFecZQ0
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;
}
569名無しさん@お腹いっぱい。 (ワッチョイ d758-wRxM)
垢版 |
2024/11/27(水) 21:16:26.73ID:OAHehead0
Firefoxアプデしたらタブとその下のバーの間に隙間ができるようになった
この隙間をなくす方法を教えてください
2024/11/27(水) 22:04:22.72ID:+KTiVwn40
な、age厨だろ👆
2024/11/28(木) 08:33:44.35ID:Peu1g2/t0
Firefox133でブックマークツールバーをマウスオーバーで自動開閉させるのに
>>553

>>555
を追記すると
ブックマークツールバーは一応復活するけどちょい微妙な動作と見た目が・・・
2024/11/28(木) 10:52:20.49ID:BE9ZeDTa0
Auto-hide bookmarks toolbar(133+)
https://pastebin.com/RKJE2CE3

>>560だけど
redditなどで調べた結果、↑こうなった
一応自分の環境では元のように動作している
2024/11/28(木) 11:20:49.15ID:f1o3eal10
定番のこれに>555氏のスクリプトを追記し133でも問題なく動作中
>555氏ありがとうございました
https://forums.mozillazine.jp/viewtopic.php?f=2&t=21078&view=previous#p74292
2024/11/28(木) 12:22:35.95ID:EPXD4VUp0
うお~どっちも133でヌルヌル動く!
ありが㌧
2024/11/28(木) 14:39:47.89ID:9dlOkopN0
>>572
--uc-autohide-toolbar-delay: 200ms; /* The toolbar is hidden after 0.2s */

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

ちなみに自分の環境だと>>573氏のやり方だと動きがぎくしゃくしてしまいます
なんでだろう・・・・・
576名無しさん@お腹いっぱい。 (ワッチョイ 9f11-n0Sb)
垢版 |
2024/11/28(木) 16:46:07.47ID:H02mbkW+0
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.48ID:8ZbVWJKh0
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.36ID:8ZbVWJKh0
続き

#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.08ID:8ZbVWJKh0
後は上手く短くしてくれ
2024/11/28(木) 17:33:25.97ID:8ZbVWJKh0
/* サイドバーを自動開閉するようにする (左側用)色々削ってみた*/
: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.58ID:8ZbVWJKh0
色々試したら
/* サイドバーを自動開閉するようにする (左側用)*/
使ってる人は

#sidebar-box:hoverの

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

これ削除で取り敢えず動く
只動くけどサイドバー開閉でとページが縮んだり元に戻り動くのでそこは誰か頼む
2024/11/28(木) 21:22:26.80ID:IXIbOctl0
>>572
ありがとうございます
1点確認したい事があります
ブックマークツールバーをマウスオーバーで表示させるのではなく常に表示させるにはどのように修正すればよいのか
教えて頂けないでしょうか
2024/11/28(木) 21:39:31.94ID:FigeybVf0
サイドバーのtransitionの仕様変わった?
下層までぐにゃっとなってキモいんだが
2024/11/28(木) 23:46:00.17ID:HBRW54TeM
133になったらタブが上になっちゃったよ面倒くせー
2024/11/29(金) 04:42:43.98ID:vFolAiBf0
>>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.92ID:ULqcIWjA0
>>585
おつかれ

z-index: 1 !important; → z-index: 3 !important;
これはこっち↓でも動いたわ
【Firefox】Firefox107でサイドバーを自動で開閉する ← 検索(NGワードでリンク貼れない)
2024/11/29(金) 08:42:15.01ID:9s0laNB00
なんかURLバーにフォーカスしたら一番上に移動するようになったんだがなんだこれ
2024/11/30(土) 00:12:03.86ID:WeNbb2iDd
うーむ133にしたら#serchbar系もなんか変わってぽいな...
2024/11/30(土) 00:14:44.89ID:WeNbb2iDd
てかいろいろ変だ...
2024/11/30(土) 00:17:00.60ID:v0wupYa00
すんません133に更新したら
ツールバーの並び順が効かなくなりました
分かる方いましたらよろしくです

/* ツールバーの並び順 */
#toolbar-menubar { order: 1; } /* メニューバー */
#nav-bar { order: 2; } /* ナビゲーションツールバー */
#titlebar { order: 3; } /* タブバー */
#PersonalToolbar { order: 4; } /* ブックマークツールバー */
2024/11/30(土) 00:57:11.37ID:v0wupYa00
解決いたしました

/* タブバーがツールバーの下に移動 */
/* ブックマークツールバーがタブバーの下に移動 */
#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.36ID:BcKYCGuI0
タブバーは #TabsToolbar
2024/11/30(土) 22:26:09.19ID:RfelKTAi0
/* ツールバー 並べ替え 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.07ID:RfelKTAi0
/* 必要に応じてタイトルバーのボタンを非表示 */
.titlebar-buttonbox-container {
display: none !important;
}
595名無しさん@お腹いっぱい。 (ワッチョイ 9158-ODz4)
垢版 |
2024/12/01(日) 08:14:57.38ID:l3kg1yYM0
CSSで多段タブを実現したい
2024/12/01(日) 12:33:58.92ID:WVaQGE/r0
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.28ID:WBP+EqKz0
ピンク filter: hue-rotate(90deg);
角度を変えれば色相が変わる

いろいろ試せばいい
2024/12/01(日) 13:06:43.83ID:WVaQGE/r0
>>597
ありがとうございます、色を変えられました
grayscaleのgrayって灰色の事じゃなかったんですね…恥ずかしい
2024/12/01(日) 13:10:41.89ID:BgNYvjzv0
chrome://global/skin/icons/loading.png
これ最新のだと消されてるっぽいんだけど代替ないかな
2024/12/01(日) 13:47:46.03ID:/wWwpvXL0
>>599
ファイル大きくなるけどbase64化して埋め込むのは?
https://pastebin.com/raw/P8T97w6r
2024/12/01(日) 13:48:32.60ID:dmdPDSYn0
chrome://global/skin/icons/loading.svgがあるけど矢印付き
どうしても同じようなのがいいならDataURIで埋め込んじゃえばいいんじゃない?
2024/12/01(日) 15:17:34.50ID:BgNYvjzv0
>>600-601
それか
試してみるd
2024/12/02(月) 12:06:27.62ID:64JqluHX0
>>593
タブバー(ツリー型タブを使っているのでタブバーはタブバーとしてではなくツールボタンを並べるバーとして使っている)が上になっちゃって困ってたぜ
ほんと助かるわ
604名無しさん@お腹いっぱい。 (JP 0Haa-DO+T)
垢版 |
2024/12/02(月) 22:37:01.07ID:ZmxODUq0H?2BP(1000)

EchoAPIを使用してCSSアニメーションを駆動するAPIをテストすることで、予想通りの動作をすべて容易に確保することができるよ
2024/12/02(月) 23:43:39.12ID:ae2qyMhP0
な、age厨だろ👆
606名無しさん@お腹いっぱい。 (ワッチョイW 2ead-2VQR)
垢版 |
2024/12/03(火) 19:37:56.67ID:FXmEhGs20
>>568 についてどなたか修正方法分かりませんでしょうか
具体的には図のようにver.133から表示されてしまうブックマークの星を
有効のままコンテンツ領域の裏に隠したいです
z-index:-1000 !important; ではだめでした
//i.imgur.com/qtEoezr.png
2024/12/03(火) 21:45:45.60ID:8AX3Xama0
な、age厨だろ👆
608名無しさん@お腹いっぱい。 (ワッチョイ e2be-GrjS)
垢版 |
2024/12/03(火) 21:55:09.91ID:bMktxQLz0
>>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.35ID:yFWvQV6L0
いちいち絶対位置にせずとも右マージンにネガティブマージンを与えれば隠せる
あとタブのコンテキストメニューからブックマークすれば編集できるけどそれじゃダメなのか
2024/12/03(火) 22:44:09.24ID:FXmEhGs20
>>608
うおお!期待通りの表示に戻りました!ありがとうございます
ウィンドウ外に行ったと思われる☆はクリックできないので機能しないということでよろしいでしょうか
2024/12/03(火) 22:51:27.62ID:FXmEhGs20
>>609
ブックマークを追加のポップアップを
ブックマークメニューの直下に出したいんですよ
2024/12/10(火) 21:24:13.28ID:ZkYMEZPoM
Firefox Profilemaker (advanced)
https://ffprofile.com/
これのenterprise_policy.zipをダウンロードして指示通り設置すると
ユーザースクリプトが使えなくなるんだけど
なんかいい方法ないかな?
2024/12/10(火) 21:38:11.15ID:1mc4PO71a
>>612
これ何?
次じゃダメなの?
profilemanager
C:\Program Files\Mozilla Firefox\firefox.exe -p
2024/12/10(火) 21:57:26.43ID:ZkYMEZPoM
>>613
セキュリティを強化できたり無駄機能を省いたりできるみたい
2024/12/10(火) 22:07:30.79ID:wQDvsp9l0
セキュリティを強化した結果ユーザースクリプトが使えなくなるとか
2024/12/10(火) 22:21:13.19ID:ZkYMEZPoM
C:\Program Files\Mozilla Firefox\defaults\prefにautoconfig.jsを設置すると駄目になる
autoconfig.jsが読み込んでるfirefox.cfgは同時に作られるprefs.jsと同じものみたいだから
わざわざautoconfig.jsを使用しなくても良さそう
お騒がせしました
2024/12/11(水) 00:10:24.70ID:hatWv8/G0
そりゃuc.jsのローダはautoconfigで作ってるんだから
general.config.filenameで別のファイルを指定するautoconfigを配置したら駄目になるわな
618名無しさん@お腹いっぱい。 (JP 0H9f-uiwC)
垢版 |
2024/12/11(水) 20:41:46.41ID:aKFcr9EkH?2BP(1000)

EchoAPIのAPIテスト機能のおかげで、多くの時間を節約でき、アプリケーションが意図通りに動作することを確認しやすくなりました。
2024/12/11(水) 21:04:09.49ID:EQFJziVk0
な、age厨だろ👆
2024/12/16(月) 12:25:08.20ID:4URXG6QJ0
タブを多く開くとタブの幅が狭くなるけど
そのうちいくつかを閉じていくとタブ幅が広がっていく
edgeのように一連の動作が終わってから広がるようにできませんか?
621名無しさん@お腹いっぱい。 (ワッチョイ 5358-RqoG)
垢版 |
2024/12/19(木) 14:33:42.00ID:17vyTEA20
あげ厨だろ厨はここにもいんのか
2024/12/22(日) 11:59:43.47ID:yZHIURm80
このCSS、デフォテーマでのみ適用されるはずだけど
すべてのテーマで反映されるのなんでだろ

.browser-titlebar:not([lwtheme]) {
color: AccentColorText;
background-color: AccentColor;
}
2024/12/22(日) 12:58:25.97ID:9m2m9hvx0
>>622
:root:not([lwtheme]) .browser-titlebar
624名無しさん@お腹いっぱい。 (中止 6d58-8ln4)
垢版 |
2024/12/24(火) 07:54:40.91ID:SjlP2lmX0EVE
user_pref("privacy.resistFingerprinting", true);の設定をするとウィンドウサイズが勝手に変更されて元に戻らなくなるんだけど
これを何とかする方法ないですか?
2024/12/24(火) 08:13:49.93ID:2VwTNew/0EVE
な、age厨だろ👆
2024/12/24(火) 23:16:13.22ID:OO5//4zT0EVE
>>623
ありがとう
627名無しさん@お腹いっぱい。 (中止 0Hc3-cwaE)
垢版 |
2024/12/25(水) 18:22:16.97ID:3P59Ap2hHXMAS?2BP(1000)

echoapiを使って私のcssアニメーションを駆動するapiをテストすることで、すべてが期待通りに動作することを簡単に確認できるよ
2024/12/25(水) 18:35:36.52ID:aZzdp8B80XMAS
このスレを echoapi で検索したら1人が言ってるだけだった
2024/12/25(水) 22:41:40.83ID:REbRUBy00XMAS
age厨に構うなよ
基地外が感染るぞ
630名無しさん@お腹いっぱい。 (JP 0Hc3-cwaE)
垢版 |
2024/12/26(木) 23:11:49.51ID:tDpONIPFH?2BP(1000)

>>628
GoogleでとかYouTubeで探したら?
631名無しさん@お腹いっぱい。 (JP 0Hc3-cwaE)
垢版 |
2024/12/26(木) 23:13:32.03ID:tDpONIPFH?2BP(1000)

>>629
はーい
ごめん 
2024/12/28(土) 20:54:06.23ID:UrQCPJDF0
全部嘘さ そんなにエナプ人気なかったの
633名無しさん@お腹いっぱい。 (ワッチョイW d92a-E1Mj)
垢版 |
2024/12/28(土) 22:34:17.66ID:rHjB54Ti0
あのデカい体であれが3人の死者の身元は分からんけど
ニコニコ嬉しそうだったけど見出しはキンプリヲタが悪いんやけど
https://i.imgur.com/YbDf7Yr.jpeg
https://i.imgur.com/2EdyTqj.png
2025/01/08(水) 12:40:12.28ID:LEohayDe0
タイトルバー色をアクセントカラーにするのまた効かなくなってる
どうでもいいところころころ変えんなよ...
2025/01/09(木) 02:49:18.35ID:aS+qgRKD0
ThunderbirdでuserChrome.cssを作成してアドレス帳タブでだけ反映されないのが分からなかったが、
userContent.cssで保存しないといけなかったとは。日本語フォーラムで誰も質問してなかったなんて。
636名無しさん@お腹いっぱい。 (ワッチョイ ab75-PGHv)
垢版 |
2025/01/09(木) 03:14:07.07ID:9lXUjsSn0
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: AccentColorText;
background-color: AccentColor;
}
これ効かなくなったからどう書き換えればいいんだ
2025/01/09(木) 03:19:03.39ID:51CbVekf0
!important;
638名無しさん@お腹いっぱい。 (ワッチョイ ab75-PGHv)
垢版 |
2025/01/09(木) 03:25:33.06ID:9lXUjsSn0
ありがとう
プログラミング疎くて数時間ずっと調べてたからほんと助かったよ
2025/01/10(金) 00:03:41.66ID:k8Ki2fAZ0
な、age厨だろ👆
2025/01/10(金) 00:48:23.85ID:QekHyUXq0
【sage厨の特徴】
1)sageないと荒らされるとの強い妄想を抱いている。反論すると自作自演で荒らすことあり。

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

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

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

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

6)同志のふりをしてこのスレに潜伏、各地で荒らし回って「ほらやっぱりageるから荒らしが来た」という結論に持っていきたがる。
2025/01/13(月) 16:52:41.55ID:7fuAKGHGH
・アンチモメサヲタヲタ厳禁
2025/01/13(月) 17:10:47.93ID:pPt79z2HH
一気に2キロくらい痩せたら1回あの人の審美眼が見えてるわけでも通って女漁りお疲れさまです
https://i.imgur.com/eLv4NvF.jpg
643名無しさん@お腹いっぱい。 (ワッチョイW 4a73-fyqC)
垢版 |
2025/01/13(月) 17:57:09.63ID:kt7Svqg/0
既視感あるけどそういうセンスないからな
644名無しさん@お腹いっぱい。 (ワッチョイW c17d-iXfZ)
垢版 |
2025/01/13(月) 18:02:57.05ID:oFA2tv1g0
結局スマホて操作性に対する
645名無しさん@お腹いっぱい。 (ワッチョイW a1cc-VqcK)
垢版 |
2025/01/13(月) 20:01:36.49ID:YgLnj4je0
駄目な人間だ
2025/01/13(月) 20:02:21.44ID:yY0EET6i0
くみあうはわらひなをさまめめをもさふつはせねふこへりつさこぬほまろあよむそをぬめちにつさな
647名無しさん@お腹いっぱい。 (JP 0H91-oDxG)
垢版 |
2025/01/13(月) 20:06:05.50ID:Fssng2r+H
コロナの影響受けてダークをつらぬけばヒーローになるな
648名無しさん@お腹いっぱい。 (JP 0Hfa-3fj7)
垢版 |
2025/01/13(月) 20:42:17.46ID:UBtAwbZ4H
卒業もしてないな
2025/01/13(月) 20:49:08.36ID:cEXSP3GS0
さしきえふんえもゆねゆへうろかたいまあもとな
650名無しさん@お腹いっぱい。 (JP 0Hfa-zBlA)
垢版 |
2025/01/13(月) 21:18:08.99ID:XbCzf+SDH
んいむんなかふけせつつうけゆされなりねへりくやもをせえゆこおやかきぬむそもはちをも
2025/01/13(月) 21:23:38.69ID:bNcfye34H
47含めて後手後手になってる」
「#鶴瓶ではかったほーねー?」
「#だって油豚のそれ
それは良くないこまっしゃくれた子役上がりボーナスもしっかりと出るような順位なん?
https://i.imgur.com/jezWwya.jpeg
https://i.imgur.com/9gFjSeO.png
2025/01/15(水) 14:18:09.18ID:n8crJLea0
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.15ID:Bf3izyB/0
数週間くらい前からStylusでスタイル編集ができなくなった
(拡張機能のオプションか表示されない)
作成済みのスタイルは引き続き効いているみたいだけど
オプション自体ないからスタイルのエクスポートさえできない
2025/01/22(水) 19:36:30.47ID:UEVYScSk0
おまカン
655sage (アタマイタイー 4f58-x1jm)
垢版 |
2025/02/02(日) 09:24:52.70ID:vaQSy3Pb00202
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;
}
2025/02/02(日) 09:30:19.76ID:vaQSy3Pb00202
あ!
書き込みするの久しぶりで sage を名前欄に入れちゃった!
すみません!!
2025/02/02(日) 13:22:54.40ID:ZzJFkW7l00202
>>655
!important; 付けたら番号出てきたよ
2025/02/02(日) 13:59:41.13ID:gHll7l2K00202
ガイジage厨に構うなよ
基地外が感染るぞ
2025/02/02(日) 16:11:12.91ID:vaQSy3Pb00202
>>657
ありがとうございます、ちゃんと表示されました!
助かりました!!
2025/02/02(日) 16:59:11.79ID:gHll7l2K00202
な、ガイジage厨だろ👆
2025/02/02(日) 18:24:43.37ID:Fh6zduR800202
134.0.2でimportant付けなくても表示されたけど
ちなみにタブのカウンターってどういう役に立つの
多段タブ使ってる人は必要ない感じ?
2025/02/02(日) 19:19:16.69ID:NWCuAd3V00202
アクティブなタブやタブバーに表示されているタブがどの位置にあるか
左から何番目にあるか分かるとタブの操作がしやすくなる
多段の人やタブを100も200も開かない人には必要ないかも
2025/02/02(日) 19:24:22.01ID:Y1a3hzFx00202
ctrl+数字でタブを切り替えるのには便利かも知れないが
それは1-8までで、9は最後のタブという罠がある
2025/02/03(月) 02:12:52.16ID:Vq3AN60r0
いちいち“ガイジage厨”厨がうざいな
2025/02/05(水) 15:32:45.25ID:hLZ8FXgD0
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.11ID:jpbKz1wD0
マルチガイジスルー推奨
2025/02/06(木) 18:40:34.05ID:gCSe+l2b0
ブックマークを右クリック時、「切り取り、コピー、貼り付け」がありますが、
どれも使わないので非表示にしたいです。
CSSを使うと思いますが、非表示にする方法を教えて下さい

#placesContext_cut, #placesContext_copy, #placesContext_paste_group, #placesContext_editSeparator {
display: none !important;
}
2025/02/06(木) 20:52:38.70ID:2UgQhhHY0
>>667
それをuserChrome.cssに貼り付けろ
2025/02/07(金) 20:29:34.80ID:8P+z8rkC0
2025/02/07(金) 20:31:27.67ID:8P+z8rkC0
すまん、ミスった
2025/02/08(土) 08:44:19.06ID:NprKfGWJ0
.tabbrowser-tab[busy] {color:blue !important;}
みたいなのがカレントタブだけ効かなくなった
副作用ありそうだけどとりあえず回避するには
.tab-content {color:unset !important;}
2025/02/08(土) 13:32:03.68ID:WRnVB6ve0
135に更新したらucjsDownloadsStatusModoki.uc.js
が動かなくなったの自分だけ?更新はしたんですけど
2025/02/13(木) 00:21:09.55ID:4Up+im+w0
俺のリマインダー
:focus-visible {
outline: 5px auto Highlight !important;
outline: 5px auto -webkit-focus-ring-color !important;
}
2025/03/04(火) 16:59:07.48ID:ABfYaY750
136にアップしたら
SidebarModokiを表示させた後にブックマークツールバーを表示させると
ブックマークツールバーのバックグランドが透明に透けるようになりました
あと、SidebarModokiのブックマークタブで元のタイトル欄?の
「ブックマーク  X」の列が表示されるようになりました
2025/03/04(火) 20:49:27.06ID:+THg6dIY0
ブックマークツールバーが透明は知らんけど

「ブックマーク  X」については sidebar.revamp (sidebar.verticalTabs) の仕様じゃね?
2025/03/05(水) 13:52:10.47ID:PAv9xtMT0
136.0
サイドバーをタブバーの左側に移動する
box#sidebar-main { order: 3 !important; }
vbox#sidebar-box { order: 1 !important; }

垂直タブ有効かつサイドバー自動開閉を使ってる人用
2025/03/11(火) 19:55:02.87ID:OleWNq8Ga
ブックマークツールバーのフォルダをマウスオーバーでフォルダを開きたい。
2025/03/12(水) 01:17:23.95ID:vzlhNRO40
userChrome.jsのスクリプトで開くのならあるよ
2025/03/12(水) 07:20:16.94ID:ziq0aRmRa
>>678
それ欲しいです。
2025/03/12(水) 10:26:40.13ID:wQok6JIe0
>>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.96ID:lT7Fd/d40
ソーセージの作り方か
2025/03/13(木) 11:30:54.01ID:Jp0USuvl0
アドレスバーの☆ボタンについて、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.16ID:da2pQlm20
>>682
透明にして他の要素の後ろに隠してるだけだけど下のはどう?
#star-button-box {
position: absolute !important;
z-index: -1 !important;
opacity: 0 !important;
}
684名無しさん@お腹いっぱい。 (ワッチョイ babe-Lxed)
垢版 |
2025/03/13(木) 12:05:46.21ID:6bhFbNlL0
#star-button-box {
direction: rtl !important;
position: absolute !important;
top: -28px !important;
left: -28px !important;
}
#editBookmarkPanel {
margin-top: -56px !important;
margin-left: 0px !important;
}
685名無しさん@お腹いっぱい。 (ワッチョイW 7a6e-8j9h)
垢版 |
2025/03/13(木) 13:27:31.73ID:5JUXaQE20
context_closeTabOptionsという、複数のタブを閉じるの内容を、外に表示するスクリプトがあるのですが、この、右側のタブを閉じるだったり、左側のタブを閉じるという項目を、
タブメニューの一番上に表示出来るCSSを教えて下さい
https://u6.getuploader.com/script/download/2165
2025/03/13(木) 13:58:50.80ID:Jp0USuvl0
>>683
>>684
ありがとうございます。
fixedからabsoluteにしてみましたが、やはりアドレスバーからの相対位置になってしまいます。

絶対座標で☆マークを配置したい理由ですが、
アドレスバーからの相対位置に配置されてしまうと、タブバー表示・非表示によって
ブックマークパネルの位置が上下に変化してしまいます。
このため、☆マークは絶対位置で配置できればと思った次第です。
もしくはタブバーの表示・非表示によってブックマークパネルのmargin-topの値を変化させられればいいのかもしれません。
2025/03/13(木) 14:53:49.93ID:TG0mfyCf0
>>685
#context_closeTab, #context_closeDuplicateTabs, #context_closeTabsToTheStart, #context_closeTabsToTheEnd, #context_closeOtherTabs {
order: -1 !important;
}
2025/03/13(木) 23:26:38.34ID:Jp0USuvl0
以下を追加することで
#urlbar {
will-change: auto !important; /* 最適化による影響を排除 */
}

#star-button-box の position:fixed が期待通りになり
☆マークを絶対位置に配置できver.135までの動作と同じになりました。
ありがとうございました。
2025/03/14(金) 06:53:26.82ID:B5KK1CqQ0
すいません。「類似したドメインのタブをすべて閉じる 」という項目を非表示にする方法を
教えてもらった気がするのですが、どのスレを探しても見当たらなかったので勘違いかもしれません
全然使わないので、これを非表示にする、cssを教えてください
2025/03/14(金) 12:52:13.40ID:B5KK1CqQ0Pi
同じく上にある、context_closeTabOptionsというスクリプトで、
一番上の層に出ています
2025/03/14(金) 13:07:49.39ID:hl5EcJg30Pi
menuitem[label="ほにゃらら"] {display:none !important;} みたいに属性セレクタ使えばいいやん
2025/03/14(金) 13:47:04.15ID:oyMFwIxe0Pi
類似したドメインのタブをすべて閉じる はTabMixPlusインストールすると出てくるんじゃん
TabMixPlus利用するためにutilsハイツすると拡張機能ボタン消えてしまうな
2025/03/14(金) 15:16:56.86ID:B5KK1CqQ0Pi
#tm-closeSimilar{display: none !important;}で消えました
{visibility:collapse !important;}で非表示にしてもいいですね

utilsハイツとは何でしょうか?
2025/03/14(金) 15:18:31.59ID:oyMFwIxe0Pi
utilsフォルダ配置の間違い
2025/03/14(金) 15:40:45.45ID:B5KK1CqQ0Pi
そうだったんですね、それとですが、画像のセパレーターの部分って非表示にすること
出来ませんか?
https://tadaup.jp/34b9af7a0.jpg
専門用語はよく分かりませんが、項目と違ってid属性がないため、どうやって指定するのは不明です
たぶん、TabMixPlusのやつだと思うのですが
(context_closeTabOptionsで3つのタブを閉じる項目は上の層に出しています)
2025/03/14(金) 16:40:48.23ID:oyMFwIxe0Pi
一番上のセパレーターうちのには付いてないな
2025/03/14(金) 17:02:51.97ID:6yHoW1zw0Pi
>>695
#context_selectAllTabs + menuseparator { display: none !important; }
2025/03/17(月) 14:20:39.19ID:wABYkwin0
* {-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フォント名を
  ↖https://itokoba.com/archives/10332
  の方法から調べて>>33の様に追記していく

⚠ "最終フォント名"の後ろに , を付けてるとエラーになって機能しない
  >>33の場合だと"Iconochive-Regular"の後ろの , は要らない(梳り忘れた!)*/
!important;}
2025/03/17(月) 14:30:57.36ID:wABYkwin0
5chのレスがブラウザで表示した時に
AA誤判定で文字が極小になるのを回避するCSSは、
Stylusに[ドメイン上のURL: 5ch.net]で

.AA {font-size: 16px; line-height: normal}
2025/03/17(月) 16:47:57.94ID:wABYkwin0
FirefoxでTwitter(𝕏)を使ってると、
タイムラインで

 ・11行以上のツイート
  や
 ・使用フォントの種類によって

[ さらに表示 ]が出て全文が省略されるのを回避するCSSは、
Stylusに[ドメイン上のURL: x.com]で

[data-testid="tweetText"] {
-webkit-line-clamp: initial !important;
line-height: normal !important;}
2025/03/17(月) 16:59:11.27ID:wABYkwin0
今自分が使ってる文字セッティングは
Firefox ESR 115.21.0 での (⚠ v123以上からはwebkit-text-strokeの処理が穢い)

* {-webkit-text-stroke: 0.2px !important;}
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
* {font-family: "ヒラギノUD角ゴ StdN",
"Material Icons",
"icon", "FontAwesome", "Font Awesome 5 Brands", "Font Awesome 5 Free",
"Google Symbols",
"VideoJS", /* Wikipedia */
"icomoon", /* Yahoo! ニュース動画 */
"utIcon",
"ichiba-icon-font", "rex-icon", "fricon", /* 楽天系 */
"AmebaNewSymbols", "ameba-symbols",
"nsiconfont", /* 日刊スポーツ */
"Iconochive-Regular",
"Support MDL2 Assets", "Support Fluent Assets", /* Microsoft */
"Glyphicons Halflings" /* bokete */
!important;}

::selection{
color: #000; /*選択時の文字色を指定*/
background: #c0c0c0; /*選択時の背景色を指定*/}
2025/03/22(土) 21:49:11.11ID:uQvBhw9C0
>>697
ありがとうございます
どうやって調べたのでしょうか?
2025/03/23(日) 06:13:00.70ID:FcrbPB+w0
>>702
「ブラウザーツールボックス」で検索してみよう
2025/03/23(日) 13:41:53.57ID:wnBANZ/e0
>>703
横からだけどそいつが聞いているのはそこじゃないだろ
695を見ればブラウザーツールボックスは使っていることがわかると思うが
2025/03/23(日) 14:48:59.91ID:ULsNzkfn0
タブの右クリックメニューはジェスチャーで処理するから使う事が無いので弄ってないけど、
普遍の右クリックメニューの不要な項目はuserChrome.cssに書き込んで消してる
>>702
と類似のセパレーターの消去は、
右クリックメニューの方では「-sep-」が付く項目がソレだから類推から判別して消す

今自分が使ってるuserChrome.css☟

* {-webkit-text-stroke-width: 0.2px !important;}
* {font-family: "ヒラギノUD角ゴ StdN" !important;}
/* ☝FirefoxのUIに使われてるフォントを矯正指定 */

/*「画像のURLをメールで送信」を非表示 */
#context-sendimage {display:none !important;}
/*「画像をデスクトップの背景に設定」を非表示 */
#context-setDesktopBackground {display:none !important;}
/*「アクセシビリティプロパティを調査」を非表示 */
#context-inspect-a11y {display:none !important;}
/* セパレーター */
#context-sep-setbackground {display:none !important;}

/*「⬅ ➡ 🔁 ⭐」と「すべて選択」を非表示 */
#context-back,
#context-forward,
#context-reload,
#context-bookmarkpage,
#context-sep-navigation,
#context-selectall {display: none !important;}
2025/03/23(日) 19:59:21.24ID:ULsNzkfn0
使ってないけど、
Vivaldiではこういう項目が設定から表示⇔非表示を切り替えれた記憶

この右クリックメニュー内で
「ブックマークツールバー📁 >」が展開されれば使い勝手が良いんだけどな
カーソルを上に持っていかずにその場で右クリックから飛べる

ダミングダウンで端折られてる「画像の情報を表示」はabout:configの
browser.menu.showViewImageInfo ⇄true

今、Nightlyの方では
アドレスバーでの「今回だけ使う検索エンジン:」も更に使い難くなってる
ここ、かなり以前のFirefoxではクリック数が今より少なく処理できてた
2025/03/24(月) 01:17:12.96ID:1ZW99n6b0
>>704
ブラウザーツールボックスを使っているなら見つからないことはないだろう
見つからないとすれば使い方が分かっていないからだと思ったんだが

まぁ単に結合子とかが分かってないからかもしれんが
2025/03/24(月) 01:20:25.79ID:t+icd6O80
>>707
> まぁ単に結合子とかが分かってないからかもしれんが

俺はこれだと思ったんだよね
そいつはCSSを理解すべきなんじゃないかと思った
横からですまんかったね
2025/03/28(金) 02:29:55.79ID:9tXUHBno0
>>705
ありがとうございます、よく分かりませんがつまり、
何らかの項目の要素の上にあるセパレーターは、要素のID + menuseparator で消せるという感じでしょうかね
区切り線(セパレーター)部分だけは、ブラウザーツールボックスのカーソルが
素通りしてしまうので、調べようが有りませんでした
2025/03/28(金) 05:22:51.53ID:QCHLwJtn0
ブラウザーツールボックスの起動法
🧰https://kimama9.blog.fc2.com/blog-entry-1147.html#240923_1122_d1

>>709
調べてみたけど
タブの右クリックメニューのセパレーターと
ページの右クリックメニューのセパレーターの表記は違うね
で、
CSSでの「+」ってのは: 🪛https://chibasyuta.org/css-next-sibling-combinator/
同じ階層で直後に隣接している要素を表すらしい(次兄弟結合子)

だから
>>705で書いたページでの右クリックメニューの不要項目を非表示の記述は、

/* ページ */
#context-navigation, /*[⬅ ➡ 🔁 ⭐]*/
#context-navigation + menuseparator, /* [─────] */
#context-selectall /* [すべて選択] */
{display:none !important;}

/* 画像 */
#context-copyimage-contents, /* [画像をコピー] */
#context-copyimage, /* [画像のリンクをコピー] */
#context-sendimage, /* [画像のURLをメールで送信] */
#context-setDesktopBackground, /* [画像をデスクトップの背景に設定] */
#context-setDesktopBackground + menuseparator, /* [─────] */
#context-inspect-a11y /* [アクセシビリティプロパティを調査する] */
{display:none !important;}

>>695
タブの右クリックメニューを出したままインスペクトするのってどうやるの?
タブで右クリックするとインスペクタが消えちゃう ([🔍HTMLを検索]から割り出せるけど)
2025/03/28(金) 06:41:14.12ID:098CIZcs0
「…」の中にある「ポップアップを自動で隠さない」を有効にする
2025/03/28(金) 17:20:43.92ID:QCHLwJtn0
>>711
なるほど・ザ・ワールド!

マウスオーバーなどで変化する要素を調べる時にたまに使うのが
📌https://zenn.dev/gemcook/articles/3e90d883100140#%E2%91%A3-1-%E3%82%B9%E3%83%8B%E3%83%9A%E3%83%83%E3%83%88%E3%82%92%E7%99%BB%E9%8C%B2%E3%81%97%E3%82%88%E3%81%86
にある『setTimeout(() => {debugger}, 3000)』
をコンソール(Ctrl + Shift + K)に打ち込んでフラッシュストッパー

>>705で述べたジェスチャーってのは
🧩アドオンのGesturefyでのこういうの(☟はタブに関するジェスチャーだけを抜粋)
  タブを再読み込み: ←↑→
  タブのピン留めを切り替え: ↑→←
  タブを複製: ↑←→
  最初のタブにフォーカス: →←
  最後のタブにフォーカス: ←→
  タブを末尾に移動: →↑→
  左側のタブを閉じる: ←↓→
  右側のタブを閉じる: →↓←
  他のタブを閉じる: ←→←
  [Popup] 最近閉じたタブ: ↓
  [Popup] すべてのタブ: →↑
  画像を新しいタブで開く: ↑
  タブを新しいウィンドウに移動: ←→↓

 他のアプリとの汎用性の高い基本的な共通動作や、Gesturefyでは指定できないショートカットキーは
 マウス(🖲)のデバイスのソフトウェアの方のジェスチャーで割り振ってる
  e.g. ・https://mevius.5ch.net/test/read.cgi/hard/1717148385/258n

Windows、Firefox、Logitech(ロジクール)、𝕏(Twitter) etc...のデグレな為体を鑑みても
ITで何をするか以前に、ちゃんとシステムが使える様にする事に時間と知識を割り当てなきゃならんていうね

Firefoxは、v123からのwebkit-text-strokeの劣化が治らん限りESR 115かv122.0.1までしか使えん。俺は
2025/03/29(土) 06:59:19.01ID:QaQemO/I0
https://blog.jxck.io/entries/2021-08-20/how-to-debug-mouseover.html#3.-f8
>>712
setTimeout(() => {debugger}, 3000)
は、📌の⑥-1に書かれてあった
Sources = デバッガーで F8 の方が手っ取り早かった模様

タブに関するジェスチャーで☟が抜けてた
 ・選択範囲のテキストを新しいタブで検索: →
 ・カスタムURLを開く: ←

Logitech Optionsの方のジェスチャーは
 ・[戻る + →] = [Ctrl + Tab](右のタブに移動)
 ・[戻る + ←] = [Ctrl + Shift + Tab](左のタブに移動)
 ・[戻る + ↓] = [Ctrl + W](タブを閉じる)
 ・[精密 + ←] = [Ctrl + M](タブをミュート)

コピーやペーストなんかも右クリックメニューやキーボードショートカットは使わずにLogitech Optionsで
 ・[進む + ←] = [Ctrl + C](コピー)
 ・[進む + ↓] = [Ctrl + V](貼り付け)
 ・[進む + →] = [Enter]
 ・[進む + ↑] = [Ctrl + A](すべて選択)

⚠ロジの最新のトラボのMXTB2は前作のMXTB1よりも工合が悪いので要注意!
2025/04/02(水) 14:14:44.75ID:Y8NPhSL3a
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
137にアップしたら効かなくなった。
どう修正するの?
2025/04/02(水) 15:35:47.14ID:nsC5o0V0M
#TabsToolbar, #tabbrowser-tabs {
--tab-min-height: 23px !important;
}
これでどうよ?
2025/04/02(水) 17:26:19.89ID:Y8NPhSL3a
>>715
うーん、残念
変わりませんでした。
2025/04/02(水) 18:10:27.92ID:Y8NPhSL3a
/*** アドレスバーと検索バーの背景色 ***/
:root[lwtheme] {
#urlbar-background,
#searchbar {
background-color: floralwhite !important;
}
}
137にアップしたら効かなくなった。
どう修正するの?
2025/04/02(水) 19:23:39.04ID:Fbei7DV+0
>>714
これは?

:root {
--tab-min-height : 23px !important;
--tab-block-margin : 0px !important;
}
2025/04/02(水) 20:02:14.75ID:Y8NPhSL3a
>>718
変わらないです。
なお、タブバーには一部のボタンを置いてます。
2025/04/02(水) 20:09:38.74ID:xRCcnzI50
うちのはFx137になっても利いてるよ
>>714のと同じかな

/* タブの高さを変更する */
:root {
--tab-min-height: 26px !important;
}
2025/04/02(水) 20:33:21.26ID:nyFbqRFz0
>>714, >>717
それらの記述こちらでは、v137でもNightly(v139)でも有効になるから
新規プロファイルで試してオマカンを要チェック

CSSとuser.jsでUIをFixするFirefox-UI-Fix
🪚https://github.com/black7375/Firefox-UI-Fix?tab=readme-ov-file#padding-comparisons

・Photonはv57~v88までのUI
・Protonはv89から現在までのUI
 Protonはメニューの行間が間延びしまくってるのが良くない
・オリジナルのLeptonはアイコンが逆に余計すぎる

v29~v56までのAustralisって丸っこいタブのUIが可愛かった
2025/04/02(水) 20:40:58.40ID:Y8NPhSL3a
>>720
念の為、そのままコピペしたけど変わらず。
アドオン等追加したわけでもないのに判らない。
2025/04/02(水) 22:15:19.31ID:nyFbqRFz0
>>722
プロファイルっていうか
userChrome.css内の他の記述でエラーが出てそう
だからuserChrome.cssをリネームで退避して
新規userChrome.cssに>>714, >>717だけを入れたら機能しそう

あと>>721の🪚、
試すなら本命プロファイルではやらん方がいいかも
CSSファイルは削除するだけで元に戻せるけど、
⚠1⃣https://blog.goo.ne.jp/koyusoma5102/e/c369bc61002795740d50baacecc77247
user.jsからprefs.jsに設定値が追加された値のアンインストール法が書かれてなかった

prefs.jsだけを初期値に戻す方法が意外とFirefoxに無い!
user.jsはuser.jsで独立して、user.jsを削除したらその設定は消える
な動作が理想

因みに、Firefoxが勧めてくる「リフレッシュ」は絶対押さん方がいいw
やるなら新規プロファイルに既存プロファイルの設定をインポート
2025/04/02(水) 22:42:14.36ID:iJzwK7oT0
うちもなんでかタブの長さしてい利かなくなってるな
2025/04/02(水) 22:53:06.80ID:GsLh/WSU0
137にしたからそのまんまコピペして試してみたけど
714
715
718
720
どれもちゃんと高さは変わるな
タブバーにはボタンは何も置いていない
タブバーのボタンを一度外してみたらどうだろう
2025/04/03(木) 00:57:53.10ID:yDH6czO90
普通に効いてる

/* タブの横幅 */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 125px !important; /* 最小値 デフォルト 76px */
max-width: 165px !important; /* 最大値 デフォルト 225px */
}
2025/04/03(木) 01:01:22.05ID:yDH6czO90
これも効いてる

/* URLバーとサーチバーの見た目を変える */
#urlbar-background,
#urlbar-input-container,
#searchbar,#urlbar
#navigator-toolbox .searchbar-textbox
{
Outline: none !important;
box-shadow: none !important;
border-radius: 5px;
font-size: 11px !important;
color: #000000 !important;
background-color: #F7F7F7 !important;
}
2025/04/03(木) 01:52:05.32ID:8ZqzEcwp0
アドレスバーはこれトグルしといた方がいい
browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar
🔝https://susu.cc/2021/06/firefox89search.html

アドレスバーの「今回だけ使う検索エンジン: 」を
昔のverの様に、アイコンをワンクリックで飛べる様に戻すabout:configないかな?

 過去ver: ワード入力➔アイコンクリック➔🏁
 現在ver: ワード入力➔アイコンクリック➔Enter➔🏁
 未来ver: ワード入力➔アイコンクリック➔アイコンクリック➔Enter➔🏁

アドレスバー系で替えてるabout:config
🔧リーダーモード: 無効
reader.parse-on-load.enabled
🔧Pocketサービス: 無効
extensions.pocket.enabled
🔧URLの自動補完: 無効
browser.urlbar.autoFill
🔧ドロップダウン数: 初期値の10だと検索アイコンまでの移動距離が遠い
browser.urlbar.maxRichResults
2025/04/03(木) 06:09:34.97ID:lk/dT1Uz0
fadeinってどういうパラメーターなの?
2025/04/03(木) 08:11:15.29ID:4Vw0HSDsa
新規プロファイルで試したがダメだった。
userChrome.cssは数点のみ設定したが、相変わらず下記だけ効かない。
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
他に原因あるのかな?
2025/04/03(木) 08:47:28.11ID:+DDUGib40
他のCSSの影響があるかも
一番上に記述してみるとか
2025/04/03(木) 08:56:13.01ID:4Vw0HSDsa
>>731
アドオンなしで、CSSは動作確認のため、他に2個指定しただけ
記述順を変えても同じ
OSはWin10
2025/04/03(木) 09:26:33.12ID:4Vw0HSDsa
>>715
>>720
OSはWindows11ですか?
10では動作しません。
2025/04/03(木) 10:54:51.38ID:5g2t3bFm0
タブバーの画像が欲しいね
ボタン類がじゃましてそうだが
2025/04/03(木) 16:47:59.06ID:NCkOHgHd0
テーマかもね
736名無しさん@お腹いっぱい。 (ワッチョイ 7f31-B6lg)
垢版 |
2025/04/04(金) 01:12:32.34ID:g1f1NU7H0
/* タブの高さを変更 */
.tabbrowser-tab {
min-height: 25px !important; /* 最小高さ */
max-height: 25px !important; /* 最大高さ */
}
737名無しさん@お腹いっぱい。 (ワッチョイ 7f31-B6lg)
垢版 |
2025/04/04(金) 01:22:16.05ID:g1f1NU7H0
/* アクティブのタブの幅を広げる */
/* .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; } */
2025/04/04(金) 16:05:30.70ID:X0FzSvXj00404
>>685に質問があったのですが、
・右側のタブを閉じる
・左側のタブを閉じる
・全てのタブを閉じる
以上の項目は、タブを右クリックして出る「複数のタブを閉じる」の次の階層に表示されるのですが、「複数のタブを閉じる」と上に出るセパレーターを表示させず、直接表示させる方法があるでしょうか?
687では上手くなりませんでした
宜しくお願いします
2025/04/04(金) 16:36:23.48ID:/DF7mPZa00404
>>738
>>685のスクリプトを用いないと第一階層に出てきません
2025/04/04(金) 21:02:00.59ID:jx6MRKzp00404
>>739
有り難う御座います
cssだけでは、やっぱり無理ですか
2025/04/04(金) 21:12:57.27ID:ksYhSpc900404
そうです
2025/04/05(土) 18:19:34.21ID:62BLfM3z0
css使い手ならuserChrome.jsで調べればすぐ使えるでしょ 専用スレもあるし
2025/04/06(日) 08:54:11.45ID:hybClNy80
* {-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体だけ別のフォントにすることも可 */
}

* {font-family: "游ゴシック【本来】" /* ←↑で作った即席のfont-family名 */
/* , *//* 文字化けするアイコン用Webフォントを>>698↖ */
!important;}
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄

Windowsに8.1から標準搭載されてる游ゴシック(MicrosoftのYu Gothic UIとは違う)は、
Microsoft社畜がド低能なので
ウェイトが細すぎて本文などにはそのままでは使えない(※MacはMediumとBoldだけを選定して搭載してる)
から俺竜の矯正方法 (吾輩のセッティングは>>701

* {font-family: "Lucida Console", "游ゴシック(本来)" !important;}
の様に、欧文フォントを先に入れとくと従属欧文だけを任意のフォントに混合する事も可

フォントの「PostScript名」を視られるソフトが意外と無い!
砂漠の中から砂金を👁つけれたのが dp4 Font Viewer: 📛https://us.fontviewer.de/

Windowsはレンダリングが低級なのに加えて『ヒンティング』という鱗も附いてるので
マトモに遣いたかったら更にMacTypeなどで鱗を落とす必要が有る
 c.f. 🎞https://mevius.5ch.net/test/read.cgi/win/1642086530/879n
2025/04/06(日) 08:54:56.49ID:hybClNy80
webkit-text-strokeのpx数は、使用フォントによって違うのと
Chrome(Chromium系)ではもう少しpx数が必要
Firefoxではv123から改悪されていてv122.0.1までより綺麗にならない

  Chrome: https://web.archive.org/web/20241106031549if_/https://pbs.twimg.com/media/Gbq2GafasAAvib7.png:orig
 🦊v122.0.1迄: https://web.archive.org/web/20240320101902if_/https://pbs.twimg.com/media/GJGEKEVbcAAD9IT?format=png&name=orig
 🦊v123~127: https://web.archive.org/web/20240320102005if_/https://pbs.twimg.com/media/GJGEKq2a4AE-DnI?format=png&name=orig
 🦊v128~現在: https://web.archive.org/web/0if_/https://pbs.twimg.com/media/Gbq2HKKa8AAqkhB.png:orig
  ダメダコリャw: https://web.archive.org/web/20241106032027if_/https://pbs.twimg.com/media/Gbq2IlFbkAAQJw-.png:orig

  ※Stylusは既にManifest v3に対応済み
  ※ヒラギノUD角ゴ W3になってる箇所は W4 W6 の閒違い
  ※使用ディスプレイはWQHD 27インチでスケーリングが100%
   4Kディスプレイは経由しないので、
   4Kでもtext-strokeやヒンティングの除去が必要かは不明

現在、再々延長サポートされてるESR 115をESR 128系へ自動アップデートさせずに使う手法は、
https://ftp.mozilla.org/pub/firefox/releases/ (現在だったら115.22.0esr/➔win64/➔ja/➔Firefox Setup 115.22.0esr.exe)
からインストールした直後に
作成しといた自動アップデートを無効化するdistribution\policies.json 📁📄https://aprico-media.com/posts/6417#head-d3ead33350d1d6a6599cb2e873773191
をインストールフォルダにコピペして止める

  ※distribution📁はインストールの度に消える
  ※about:configのapp.update法は現在では機能しない

https://forest.watch.impress.co.jp/docs/news/1670239.html
今月のWindows UpdateでWindowsにGoogleのNotoが標準インストールとなり
Chrome(Chromium系)では仕様により本文フォントが[メイリオ]➔[Noto Sans JP]に置き替わる
2025/04/07(月) 20:20:49.08ID:D1snLcRe0
cssは、自分でテキストで書けるのがいい
安心でもある
cssだけで弄るのがスッキリする

userChrome.jsは、誰かが書いたスクリプトを使ってしまう感じがして、何か安心出来ない気がする

Firefoxを色んな方法でごちゃごちゃ弄りたくない
勘違い?
2025/04/09(水) 14:58:46.31ID:MdGXQvJK0
ミュートボタン?スピーカーボタン?を消したい
2025/04/09(水) 15:31:46.45ID:MdGXQvJK0
解決しましたm(_ _)m
2025/04/09(水) 15:47:47.39ID:olUHKiuI0
How do I get rid of the mute button from the tab? : r/FirefoxCSS
ttps://www.reddit.com/r/FirefoxCSS/comments/1j69xte/how_do_i_get_rid_of_the_mute_button_from_the_tab/
2025/04/15(火) 16:05:42.93ID:QcXhjnCf0
Nightlyで menu、menuitem関連のクラス名が色々と変わった
https://bugzilla.mozilla.org/show_bug.cgi?id=1959540
2025/04/15(火) 20:10:10.22ID:dlL4yXrY0
Nightly139に更新してからだが、縦タブを有効にすると、選択タブの強調線の.tab-context-lineの全幅が0pxになって表示されなくなる。
widthを指定すると表示されるんだが、あまり余分なcss加えたくないんで戻してくれんかな
2025/04/15(火) 23:20:39.59ID:6mnDeQZz0
縦タブじゃサイドバーを結局使うからそれならアドオンでいいじゃんってなっちゃったな
752名無しさん@お腹いっぱい。 (ワッチョイW ff24-Zysq)
垢版 |
2025/04/18(金) 00:28:37.28ID:pxDImerZ0
ピクシブ百科事典ですが、インタフェースが変わってからフォントが薄くなって読みにくくなりました
https://dic.pixiv.net/

斜めフォントだったり文字が薄いのをなくして、メイリオなどに修正したいのですが、
cssを教えて下さい
2025/04/18(金) 10:34:14.56ID:cJ+tje3F0
>>752
とほほのCSS入門 - とほほのWWW入門
https://www.tohoho-web.com/css/
2025/04/19(土) 02:22:32.12ID:1/XCfvaia
アップデートでまたサイドバー開閉が動かなくなった面倒臭ぇって思ったけどChatGPTに頼んだら数回のやり取りで見事に修正してくれたわ
しかもここ古いから直しといたぞっておまけ付き
いい時代になった
2025/04/19(土) 03:52:21.08ID:TvgmA+3u0
>>754
サイドバー開閉の修正後のcssを教えて下さい
2025/04/19(土) 08:27:33.57ID:30lynptX0
AutohideSidebar2.uc.jsもいいですよ
2025/04/19(土) 10:23:27.62ID:oGpU5/ZFa
>>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);
}

改行多くて書き込めないんで次
2025/04/19(土) 10:23:38.43ID:oGpU5/ZFa
/* サイドバー自体の表示制御 */
#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;
}
2025/04/19(土) 23:45:32.03ID:TvgmA+3u0
>>754
ありがとうございます
助かります!
2025/04/20(日) 12:12:50.15ID:jWyanckD0
>>753
こちら見ればどうにか出来そうですが、pixivのサイト限定ででそのcssを動作させるにはどうすればいいですか?
2025/04/20(日) 13:36:09.34ID:vrV4tEw30
チョローン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
438 :名無しさん@お腹いっぱい。 (ワッチョイ eab2-EGmf)[sage]:2025/04/20(日) 12:56:56.14 ID:jWyanckD0
>>411
何がどうトンチンカンな質問をしたのか論理的かつ具体的に説明してみ!?w 妄想バカアスペwww
2025/04/20(日) 14:45:53.34ID:6YrsnGyOa
Ver136.0では次でタブバーを低くできたけど、137.0から効かない。
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
対応策ありませんか?
2025/04/20(日) 15:16:28.64ID:jyj3lyZ+0
試してみたけどちゃんと高さは変わるな
windows11
Firefox137.0.2

>>714あたりで同じ話題が出てるけど同じ人かな?
2025/04/20(日) 16:04:16.33ID:6YrsnGyOa
>>763
そうか、ありがとう。
2025/04/21(月) 22:44:27.41ID:AgH8O3Hy0
↓で決着ついてる
https://forums.mozillazine.jp/viewtopic.php?f=2&t=23123#p79764
2025/05/04(日) 11:57:50.29ID:XGHbycrG0
FirefoxのUIに使われてるWindowsのクソUIフォントをポアする方法
──────────────────────────────userChrome.cssの方
* {-webkit-text-stroke-width: 0.2px !important;}
* {font-family: "エセナパJ" !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: "エセナパJ", "Material Icons" !important;}
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
::selection {
color: #000;
background: #c0c0c0;}
}
──────────────────────────────
エセナパ🇯: https://tanukifont.com/esenapaj/#toc4

 ・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

>>698のIPAexゴシックの太字欠品をNoto Sans JPでの補間法は、
 先月のWindows Updateでインストールされた「NotoSansJP-VF.ttf」の方で指定するなら
 PostScript名が "NotoSansJP-Thin" になってるから、
 太字なのに
font-weight: bold;
src: local("NotoSansJP-Thin");
2025/05/04(日) 17:37:14.13ID:hahGcFfp0
>>766
フォントが変わったすごい
768名無しさん@お腹いっぱい。 (ワッチョイ c6e1-gJ0A)
垢版 |
2025/05/04(日) 21:33:39.90ID:QOe9D+D40
FirefoxのURLバーと検索バーの色を変えようとしています。

#urlbar-background{
background-color: #E6E6E6 !important;
}
#searchbar{
background-color: #E6E6E6 !important;
}

これでほぼできたのですが、
https://i.imgur.com/k6cXTnb.png
このように検索バーに入力したときに出てくる候補が表示されるエリアの色を変える方法はありますか?
2025/05/04(日) 22:13:55.55ID:FNlnoUyT0
>>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名無しさん@お腹いっぱい。 (ワッチョイ c6e1-gJ0A)
垢版 |
2025/05/04(日) 22:22:47.39ID:QOe9D+D40
>>769
ありがとうございます、だいぶ良くできました。ですがまだ上下に白が残ります
https://i.imgur.com/ufLzB5u.png
2025/05/04(日) 22:34:03.68ID:FNlnoUyT0
>>770
白い部分は検索バーに入力したときに出てくる候補が表示されるエリアじゃないから
また別にしないといけない
2025/05/04(日) 22:57:56.60ID:FNlnoUyT0
#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.69ID:QOe9D+D40
>>772
理想通りになりました!ありがとうございました
レスを投稿する

5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。

ニューススポーツなんでも実況