[表示 : 全て 最新50 1-99 101- 201- 301- 401- 501- 601- 2ch.scのread.cgiへ]
Update time : 02/26 17:31 / Filesize : 203 KB / Number-of Response : 649
[このスレッドの書き込みを削除する]
[+板 最近立ったスレ&熱いスレ一覧 : +板 最近立ったスレ/記者別一覧] [類似スレッド一覧]


↑キャッシュ検索、類似スレ動作を修正しました、ご迷惑をお掛けしました

userChrome.css・userContent.cssスレ Part12



1 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/04/21(木) 23:24:46.59 ID:h1cG3tIy0.net]
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●※前スレ
userChrome.css・userContent.cssスレ Part11
https://egg.5ch.net/test/read.cgi/software/1584753386/

●拡張機能
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
とほほのスタイルシート入門
www.tohoho-web.com/css/
VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

210 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/11/21(月) 06:26:22.68 .net]
>>203
>>204
機能しましたし使い方も理解できました
ありがとうございました

211 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/11/21(月) 09:24:09.97 ID:EjcVlUjjr.net]
タブの右横にある「+」(新しいタブを開きます)ボタンの背景色を変えたいです

212 名前:名無しさん@お腹いっぱい。 (ワッチョイW efb0-z7S9) mailto:sage [2022/11/21(月) 16:02:44.69 ID:6rNjDe7x0.net]
>>207
#tabs-newtab-button { background-color: yellow !important; }

213 名前:名無しさん@お腹いっぱい。 (オッペケT Srdf-KP+k) mailto:sage [2022/11/21(月) 16:37:19.38 ID:vwQ8tbBAr.net]
>>208
ありがとうございました

214 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/11/24(木) 16:59:00.97 ID:8hBEP5Jc0.net]
cssのvarが効かないのですが何が原因でしょうか?
firefoxは107です

215 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/11/24(木) 17:44:35.62 ID:yORRz7mv0.net]
>>210
ちゃんと :root で定義したか?
https://developer.mozilla.org/ja/docs/Web/CSS/var

216 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/11/24(木) 18:48:25.63 ID:8hBEP5Jc0.net]
>>211
定義しました上にあるサイドバーのcssも試してみたのですがvarの部分を書き変えなければ動きませんでした
プロファイルの問題でしょうか?

217 名前:名無しさん@お腹いっぱい。 (ワッチョイ b776-Z2Iz) mailto:sage [2022/11/28(月) 14:15:20.99 ID:qhN/Y/H/0.net]
>>4
自分もこの現象なったからいまだに99以前のバージョン使ってるわ

218 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/11/28(月) 22:24:18.25 ID:cyzXj7t70.net]
107で多段ブックマークツールバーおかしくなったけど
対応してもらえたっぽいかな
ありがとうございます



219 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/11/28(月) 22:34:51.87 ID:CSXXOtj40.net]
>>213
新しいのあるんじゃないの

220 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/11/29(火) 18:11:43.73 ID:AsIAzNu80NIKU.net]
>>215
それらしいワード英語でググったら海外ニキの解説動画やcssファイル置いてあって
最新版でも綺麗にタブをロケバーの下に置くことできた

221 名前:名無しさん@お腹いっぱい。 (ニククエ b712-rfgC) mailto:sage [2022/11/29(火) 23:32:31.84 ID:CrVT4BQM0NIKU.net]
どうにもお手上げなので分かる人いたら教えてください。
タブを多く表示させるためにタブの幅の最小値を

222 名前:

/* タブ幅の設定 最小値 デフォルト 76px */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 25px !important;
flex-grow: 1;
}

という感じにしてるんですが、ver99.0.1のときは
https://imgur.com/a/13CBHiJ
の上のタブのように閉じるボタンが表示されていたのに
ver107.0に上げたところ下のタブのようにfaviconが優先的に
表示されるようになってしまいました。
もちろんタブを5、6個閉じればxボタンは出現します。
タブの左の境界を優先するか右の境界を優先するかの違いっぽい
ですけどxボタンを表示させるために右を優先したいときはどうすればいいんでしょうか?
[]
[ここ壊れてます]

223 名前:名無しさん@お腹いっぱい。 (ワッチョイW 9f02-rCfk) mailto:sage [2022/11/30(水) 14:34:25.20 ID:QfPNMqEn0.net]
タブでホイールクリックしてみるとか

224 名前:217 mailto:sage [2022/11/30(水) 22:24:40.70 ID:2KV3wPcC0.net]
>>218
ありがとう
ホイールクリックは知らなかった
1個1個コンテキストメニューから消してた

この質問と同じかな
https://support.mozilla.org/mk/questions/1380017
タブ幅の最小値を少し増やすかキーボードでctrl+w、ctrl+F4ってのもあるみたいだけど・・
とりあえずホイールクリックで我慢します

225 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/11/30(水) 23:03:36.90 ID:hlGQzX/F0.net]
解決策ではないけどどちらかを追加してみるとか

/* アクティブなタブの幅を広く */
.tabbrowser-tab[visuallyselected="true"]:not([pinned]) {
min-width: 58px !important;
max-width: 225px !important;
}

/* アクティブなタブをホバー時に幅を広げる */
.tabbrowser-tab[visuallyselected="true"]:not([pinned]):hover {
min-width: 100px !important;
max-width: 100px !important;
}

226 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/11/30(水) 23:07:39.40 ID:hlGQzX/F0.net]
ごめん
アクティブなタブをホバー時に幅を広げる は使えないな

227 名前:217 (ワッチョイ b712-rfgC) mailto:sage [2022/12/01(木) 00:11:51.50 ID:k6UbT4zK0.net]
>>220
なるほどと思ったけど、これだとxボタンを連続クリックしてタブを複数消せないんですよね
1個消すごとにタブ幅が変わってしまってxボタンの位置もズレるので

228 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9711-UxYD) mailto:sage [2022/12/01(木) 01:17:49.68 ID:DME5IjWM0.net]
優先とは違うけどカレントタブに×を表示するだけなら
about:configでbrowser.tabs.tabClipWidthをタブ幅より少なくする
いっそ0とか



229 名前:名無しさん@お腹いっぱい。 (ワッチョイ d778-g4kV) mailto:sage [2022/12/01(木) 20:08:51.41 ID:DPG8m93M0.net]
>>217
自分もアクティブなタブにマウスをホバーさせるとxが表示される…ってのができなくなって困ってた
ちょっとしたことなんだけど、使い勝手は随分悪くなるよね

初めは閉じるボタンを一番左にもってくることで解決してた
でも代わりにfaviconが消えてしまうのが嫌でやっぱり元に戻した

あれこれ悩んで色々調べてた所、TabMixPlusが復活してることを知った
これで全てが解決しました

230 名前:名無しさん@お腹いっぱい。 (アウアウウー Sa5b-p8h6) mailto:sage [2022/12/01(木) 20:10:03.67 ID:P3zrb6Pqa.net]
スマホでかき

231 名前:217 (ワッチョイ ff12-rfgC) mailto:sage [2022/12/01(木) 22:41:40.57 ID:xQbFKxKT0.net]
>>223
タブが狭くなったときは逆に非アクティブタブは×が出なくなって欲しいので
browser.tabs.tabClipWidthはちょっと違うかな
217はホイールクリックで対処で慣れました

232 名前:名無しさん@お腹いっぱい。 (ワッチョイ b773-ykd8) mailto:sage [2022/12/01(木) 23:48:00.94 ID:t2ZSXYwu0.net]
自分はマウスオーバーで閉じるボタンが出るようにしてるわ

233 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9f11-FAuC) mailto:sage [2022/12/02(金) 11:55:35.83 ID:HaDTrJQK0.net]
おくすり出しておきますね

#tabbrowser-tabs[closebuttons] .tabbrowser-tab:hover .tab-close-button:not([selected]) {
display: revert !important;
}

234 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sa3a-64DC) [2022/12/06(火) 10:34:14.83 ID:JGqWVF3qa.net]
本スレで公開されてたものと思いますが、ver107では正常ですが108ではバーの位置がトップになります。
下3行目transform: translateY(0px);を50pxにするとうまくいくのですが、フォルダ>フォルダを開くとズレます。
スキルある方、よろしくお願いします。
/*** ブックマークツールバーをマウスオーバーで自動開閉 ***/
#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(0px);
transition: transform 0s !important;
}

235 名前:名無しさん@お腹いっぱい。 (ワッチョイ 2458-NYST) mailto:sage [2022/12/06(火) 16:18:03.68 ID:t1PQGKZo0.net]
>>229
mozillazine.jpに同じ件で質問出てるみたいだけど、これ君?

236 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sa3a-64DC) [2022/12/06(火) 18:19:25.52 ID:Sx/5LHQla.net]
>>230
はい、すみません私です。
5ちゃんねるで書き込みできない現象が発生しているようなのでレスないと思いmozillazine.jpにも投稿しました。

237 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/08(木) 21:11:45.60 ID:RpYCIcBc0.net]
>>231
https://forums.mozillazine.jp/viewtopic.php?f=2&t=20811

これはひどい
「?」だの「新規プロファイルをつくる意味なんてありませんよ」だの
せっかく説明してくれてるのに意思疎通ができてない
失礼極まりないやつだな

238 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/11(日) 19:25:21.87 ID:KFpSKgrF0.net]
基地外age厨に構うからこうなる



239 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/12(月) 19:05:26.12 ID:+cWs9/LA01212.net]
AutohideSidebar2.uc.jsを使わせてもらってるのですが
ミスクリックでサイドバーの幅が微妙に変わってもやもやしてます
デフォルトfirefoxにこれを入れた状態のサイドバー幅にするにはどうしたらいいですか?

240 名前:名無しさん@お腹いっぱい。 (アウアウウー Sa6b-l94J) mailto:sage [2022/12/14(水) 12:51:41.96 ID:FsPMouRwa.net]
今日バージョンアップして>>229と同じことで困っていて見に来たんだけど
こりゃ聞ける雰囲気じゃないな マルチポストするなら あっちでも質問したことを書いておけよ

マジで迷惑だわ誰か助けてくれん?

241 名前:名無しさん@お腹いっぱい。 (ワッチョイW 474f-Y049) mailto:sage [2022/12/14(水) 15:29:36.69 ID:SYyRtVe00.net]
あっちの答えを参考にやってみたら?

242 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sa6b-d2tu) mailto:sage [2022/12/14(水) 19:13:08.02 ID:ZGtXkexAa.net]
書き込み出来た。

243 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/14(水) 19:54:20.64 ID:RNzcTLjM0.net]
Firefox_ToolBarButtonsバグってます

244 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sa6b-d2tu) mailto:sage [2022/12/14(水) 20:24:15.41 ID:ZGtXkexAa.net]
ブックマークツールバーをマウスオーバーで自動開閉したい。
次で動作するけど、サイトの表示部がズレない方法ないですか?
/*#PersonalToolbar:not(:hover) {
visibility: collapse !important;
background-color:transparent !important;
-moz-transition-duration: .5s !important;
-moztan-rsition-timing-function: ease-in-out !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
-moz-transition: .5s ease-in-out;
}

245 名前:名無しさん@お腹いっぱい。 (ワッチョイ 7f76-kMgp) mailto:sage [2022/12/16(金) 12:36:00.04 ID:kSoYnLni0.net]
108になってタブバーが下になってサイト表示と重なって困ったことになっていたがなんとか直せた
いらなくなったのに消していない記述が悪さをしていたようだった
見よう見まねなので記述を足すばかりでやってきたが今もいらないのが残ってるんだろな

246 名前:名無しさん@お腹いっぱい。 (ワッチョイW dfec-CrXm) mailto:sage [2022/12/16(金) 21:27:15.96 ID:hzoDGWYH0.net]
URLバーの右にある星を以下で非表示にしてるんですけど、
#star-button-box {
display: none !important;
}
108.0になってから、メニューの「ブックマーク」→「現在のタブをブックマーク」から
ブックマークしようとすると「ブックマークを追加」のポップアップが一瞬で消えてしまうようになりました。
星を非表示のまま、ポップアップを表示したままにできませんか。

247 名前:名無しさん@お腹いっぱい。 (ワッチョイ df20-5+d1) [2022/12/16(金) 22:54:13.15 ID:PU31RwHZ0.net]
>>241
#star-button-box {
position: relative !important;
top: var(--urlbar-height) !important;
}

248 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/16(金) 23:34:41.51 ID:hzoDGWYH0.net]
>>241
サンクス、確かに目につかなくはなったけど
ポップアップを表示したままにするのは何かそういうオプションが無いと無理か。
ポップアップにマウスもっていかないと数秒で消えちゃう。



249 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/17(土) 00:17:49.82 ID:HlfR7nuuM.net]
>>243
visibility: collapse !important;
ではどう?

250 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/17(土) 00:45:38.23 ID:AMBx9jDc0.net]
>>244
動きとしては>>241と同じですね。
ポップアップは一瞬で消えちゃいます。

251 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3bcf-p78k) mailto:sage [2022/12/17(土) 02:35:37.50 ID:Wj7ZIua20.net]
それはおかしいね
3.5秒後のはずだけど

252 名前:名無しさん@お腹いっぱい。 (ワッチョイ ea20-Yn5v) [2022/12/17(土) 03:56:54.43 ID:URujujlu0.net]
>>243
それの完全な対策はCSSでは恐らく無理だけど、メニューからブックマークしているのならこんなのはどうかな。

/*
URLバー右端のブックマークボタンをウィンドウ右上隅に配置することで隠す。
108 以降は display プロパティ や visibility プロパティで隠すと、
ブックマークしたときのブックマーク編集パネルも表示されなくなってしまう。

右上隅に置くのはブックマーク編集パネルを開いたとき、キー操作やマウ
スオーバーしないままでいると一定時間でパネルが閉じてしまう問題への弥縫策
を兼ねる。この位置はメニューの「ブックマーク」→「現在のタブをブックマー
ク...」をクリックした直後のマウスポインターの下になるので、この経路で表示
させたときは自動的に閉じるのを防げる。
*/
#star-button-box {
position: fixed !important;
top: calc(0px - var(--urlbar-height)) !important;
right: 0px !important;
}
#editBookmarkPanel {
margin-block-start: 0px !important;
}

253 名前:名無しさん@お腹いっぱい。 (ワッチョイW b302-Wa/o) mailto:sage [2022/12/17(土) 08:47:28.84 ID:ZgnwgTgS0.net]
108にて、SidebarModokiのDLのCSSが効かなくなったようです

254 名前:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF) mailto:sage [2022/12/17(土) 09:31:37.27 ID:AMBx9jDc0.net]
>>247
ありがとうございます。参考にして以下のようにしてみました。
かなり愚直ですけど…

#star-button-box { /* URLバーの☆は「ブックマーク」下近辺に隠す */
position: fixed !important;
top: 62px !important;
left: 209px !important;
}
#editBookmarkPanel { /* メニューの「ブックマーク」直下に表示 */
margin-top: -73px !important;
margin-right: -286px !important;
}

これならメニューから「現在のタブをブックマーク」で、そのマウス位置にポップアップが表示されるので、オンマウスで数秒経っても消えないですね。

255 名前:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF) mailto:sage [2022/12/17(土) 11:54:44.65 ID:AMBx9jDc0.net]
このような感じにしました。
https://i.imgur.com/flCMEvM.png
おそらく107まではこんな感じだったと思うのです。

256 名前:名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9) mailto:sage [2022/12/20(火) 19:39:37.57 ID:IxTLUp7ja.net]
ブックマークツールバーをマウスオーバーで自動表示する方法教えて!

257 名前:名無しさん@お腹いっぱい。 (ワッチョイ 1f58-GAFQ) mailto:sage [2022/12/20(火) 23:30:37.49 ID:0gALqOZd0.net]
CSSだけでって無理がある
スクリプトでやれ

258 名前:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF) mailto:sage [2022/12/21(水) 00:11:07.46 ID:s2h0nfoF0.net]
pixivトップの画像一覧で、ユーザ名にマウスオーバーするとポップアップでユーザ詳細が出てくるんですけど
邪魔なのでポップアップが出ないようにしたいのですが、要素を調査しようにも消えてしまい捕まえられません
どうやって調べればいいでしょうか



259 名前:名無しさん@お腹いっぱい。 (ワッチョイ ea20-Yn5v) [2022/12/21(水) 02:33:41.88 ID:q3ki8rq80.net]
>>253
1. デバッガーを開く
Ctrl+Shift+C, Ctrl+Shift+Z とか

2. デバッガーを開いた状態で対象にマウスオーバーしてポップアップを出させる
デバッガー以外の場所をクリックしてフォーカスを移してしまわないよう注意

3. F8 キーで「停止」

あとはインスペクターを開いて煮

260 名前:るなり焼くなり []
[ここ壊れてます]

261 名前:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF) mailto:sage [2022/12/21(水) 08:52:42.05 ID:s2h0nfoF0.net]
>>254
すみません、F8で停止しないようです

1.Ctrl+Shift+Cでデバッガを開く
2.マウスオーバーでポップアップさせる
3.F8押しても停止せずマウスオーバーが離れるとポップアップが消える

262 名前:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF) mailto:sage [2022/12/21(水) 09:42:45.30 ID:s2h0nfoF0.net]
停止はできませんでしたがセレクタは確認できたので、それでポップアップを非表示にできました
ありがとうございました

263 名前:名無しさん@お腹いっぱい。 (ワッチョイ 66bf-N2O4) [2022/12/21(水) 09:54:13.57 ID:C1RoVfoh0.net]
>>255
Ctrl+Shift+Cの後に「デバッガー」タブをクリックしないとF8で止まらない

264 名前:名無しさん@お腹いっぱい。 (ワッチョイ 7b11-Wt/R) mailto:sage [2022/12/21(水) 11:12:57.51 ID:OWlkyIE00.net]
まあカンマだと一連の動作だとわかりにくいよな
Ctrl+Shift+Cでインスペクター開いてからCtrl+Shift+Zでデバッガーを開く

265 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3ec0-Bday) mailto:sage [2022/12/21(水) 11:19:33.92 ID:6sRfXUXB0.net]
Aris-12さんのCustomCSSforFxを適用してる環境で
alice0775さんのuserChrome.jsのスクリプトを動くようにしたいんだけど
双方のuserChrome.cssとuserChrome.jsって
共存可能なんでしょうか
そのまま内容をマージしちゃっても大丈夫ですか

266 名前:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF) mailto:sage [2022/12/21(水) 12:17:04.00 ID:s2h0nfoF0.net]
>>258
ありがとうございます
F 8で停止してインスペクターでセレクター確認できました

267 名前:名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9) mailto:sage [2022/12/21(水) 15:48:37.75 ID:5h+DRZnja.net]
‹‹239
ToolbarAutoHide.uc.jsで解決。
ただし多段表示は問題あり。

268 名前:名無しさん@お腹いっぱい。 (ワッチョイ ea20-Yn5v) [2022/12/21(水) 19:00:19.22 ID:q3ki8rq80.net]
>>257-258
補足ありがとう
まさしく「一連の動作」のつもりだったんだけど分かり難かったですね



269 名前:名無しさん@お腹いっぱい。 (ワッチョイ afda-LPRY) mailto:sage [2022/12/21(水) 19:57:10.73 ID:2cyeDr1Z0.net]
>>259
そもそもファイル被ってないからマージするものがないでしょ

270 名前:名無しさん@お腹いっぱい。 (ブーイモ MMe6-974H) mailto:sage [2022/12/22(木) 00:28:38.62 ID:PKzlvT6DM.net]
>>251
#PersonalToolbar{
--uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
--uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */
--uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */

/* 0deg = "show" ; 90deg = "hide" ; Set the following to control when bookmarks are shown */
--uc-autohide-toolbar-focus-rotation: 0deg; /* urlbar is focused */
--uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */
}
:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
#PersonalToolbar:not([customizing]){
position: relative;
margin-bottom: calc(0px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
transform: rotateX(90deg);
transform-origin: top;
transition: transform 60ms linear var(--uc-autohide-toolbar-delay) !important;
z-index: 1;
}
#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
#nav-bar:focus-within + #PersonalToolbar{
transition-delay: 100ms !important;
transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
}
#navigator-toolbox:hover > #PersonalToolbar{
transition-delay: 100ms !important;
transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
}
#navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar {
transform: rotateX(0);
}

271 名前:名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9) mailto:sage [2022/12/22(木) 07:53:11.94 ID:hmf5PIfpa.net]
>>264
レス、ありがとう。Ver109でデストしました。
1行の空行が表示され、そこにマウスオーバーでバーが表示されてます。

272 名前:名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9) mailto:sage [2022/12/22(木) 08:21:29.88 ID:hmf5PIfpa.net]
ごめん、コピペミスでした。
正常動作しました。

273 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/23(金) 23:49:59.93 ID:p0oBeOLd0.net]
var(--urlbar-height)のようなCSS変数?を駆使して、画像の赤ポイントの座標を取得したいんですが、どのようなCSS変数を使えばいいでしょうか?

https://i.imgur.com/kH9w4Au.png
X座標=「ブックマーク」の左端
Y座標=メニューバーの高さ+タブバーの高さ+URLバーの高さ

を計算して使いたいです

274 名前:名無しさん@お腹いっぱい。 (中止 5fb1-OA0F) mailto:sage [2022/12/24(土) 16:12:56.92 ID:qVFWxHD80EVE.net]
>>267
CSS カスタムプロパティ (変数) の使用
https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_custom_properties

275 名前:名無しさん@お腹いっぱい。 (中止W 6bec-SwdK) mailto:sage [2022/12/24(土) 17:33:33.90 ID:i9gP+ApU0EVE.net]
>>268
それはユーザ宣言するCSS変数だと思うのですが、
>>247にある --urlbar-height も実はその人が変数宣言したもので、Firefoxにあらかじめ組み込まれているものではない、ということでしょうか
ということは「メニューバーの高さ」といった値もCSSでは取れないんですかね

276 名前:名無しさん@お腹いっぱい。 (中止 c5da-wzKN) mailto:sage [2022/12/24(土) 18:14:08.19 ID:y6NvkF7m0EVE.net]
後者はともかく前者は変数で定義されてるわけがないから
どのみちJavascript側でgetBoundingClientRectするしかないのでは?

277 名前:名無しさん@お腹いっぱい。 (中止 8f58-g2yx) mailto:sage [2022/12/24(土) 18:25:04.08 ID:Ty1ZUtqn0EVE.net]
>>269
最終的にやりたいことはスクリプトでないと無理
--urlbar-height プロパティについては Firefox が(UIのCSSで参照するため)設定している
https://searchfox.org/mozilla-release/source/browser/components/urlbar/UrlbarInput.sys.mjs#2062

278 名前:名無しさん@お腹いっぱい。 (中止W 6bec-SwdK) mailto:sage [2022/12/24(土) 20:13:13.54 ID:i9gP+ApU0EVE.net]
はー、--urlbar-height あたりのプロパティは特別扱いで組み込まれてるんですね…
ありがとうございました



279 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/24(土) 21:54:06.33 ID:Ty1ZUtqn0EVE.net]
特別扱いというか、Firefox のUIおCSSsで使うために設定している
ユーザーのために設定してるわけじゃない
我々はそれを勝手に利用してるだけ

280 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/24(土) 21:55:49.36 ID:Ty1ZUtqn0EVE.net]
なんか変なtypoになった・・・
「UI の CSS で」だよ

281 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/25(日) 12:18:08.93 ID:pU//23r30XMAS.net]
108.0.1にバージョンアップしたところurl.バー内のアイコン(☆、その他アドオンアイコン)の表示が大きくなってしまいました
下記のcss.の記述のどこを変更したらよいのか教えて下さると助かります

/* ツールバーアイコン コンパクト化 */
#identity-icon,
.searchbar-search-icon {
width: 14px !important;
height: 14px !important;
}
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
[uidensity="compact"]:root .urlbar-icon {
width: 20px !important;
height: 22px !important;
padding: 2px !important;
}
#star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
top: calc(50% - 17px) !important;
margin-inline-start: -6.5px !important;
}

続く

282 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/25(日) 12:23:32.83 ID:YWJN3x9f0XMAS.net]
なーにが「続く」だよ

283 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/25(日) 12:36:37.19 ID:pU//23r30XMAS.net]
275から続き

/* アイコン小さく */
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-icon,
#toolbar-menubar .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
/* コンパクト化 */
.urlbar-go-button,
.search-go-button {
max-width: 14px !important;
}
#nav-bar,
toolbar .toolbarbutton-1 {
padding: 0px !important;
}

284 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/25(日) 13:29:38.51 ID:YWJN3x9f0XMAS.net]
ブックマークのスターボタンで見てみた
https://i.imgur.com/bEIm9GE.jpg

285 名前:275&277 (ワッチョイ 8573-dxp0) mailto:sage [2022/12/26(月) 00:02:44.67 ID:X0JCSJye0.net]
>>278
続く、の件ではイラっとさせて申し訳ない。専ブラ慣れてなくてエラーですぐに書き込めなかったの


275に書いた症状はこんな感じです
1 107.0.1まで https://imgur.com/a/gTXgDje
2 108.0.1 https://imgur.com/a/ln7SFW5

何か所か表示に変化が出た中でurlバー内のアイコンがバカでかくなるのだけは自力ではどうやっても解決出来ません

278でヒントを頂いたのですが残念ながらお手上げです
275&277の記述も多分4~5年前に親切な方がcssスレに書き込んで下さったものの流用です

よろしくお願いします

286 名前:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx) mailto:sage [2022/12/26(月) 00:27:30.78 ID:yTIAFriG0.net]
>>279
そうやっていつもCSSでいじってるからわからないのだろうけど
それは「バカでかく」なってるんじゃなくて標準のサイズなの
まずそれを理解しよう

そして >>278 でインスペクタの画面貼ってやったよね?
赤線で囲ってやったよね?
それでわからないんだったらCSSでいじるのなんてやめちまえ

287 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4bcf-f6f4) mailto:sage [2022/12/26(月) 17:14:26.78 ID:8MENhwmK0.net]
https://i.imgur.com/qxorXHC.png
https://i.imgur.com/FQlzmeq.png
こーやって貼ってくんないかな

288 名前:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx) mailto:sage [2022/12/26(月) 21:03:14.13 ID:yTIAFriG0.net]
>>281
ゴミ画像を何度も貼るなよ

同じ様に貼ったよね?
i.imgur.com URL で画像の直接リンクだし
見てほしいところを赤で囲ってる
まさか、png じゃなきゃ嫌だとか、□じゃなく◯で囲めとか
そんなアホなこと言う気じゃないだろうな?



289 名前:名無しさん@お腹いっぱい。 (ワッチョイ ffc5-4Ar3) mailto:sage [2022/12/26(月) 21:21:10.91 ID:E6nmRez70.net]
直リンの意味もわからんキッズがネットやるのか

290 名前:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx) mailto:sage [2022/12/26(月) 21:54:40.51 ID:yTIAFriG0.net]
まあ、実際には画像ファイルの形でアップされているわけじゃないから
直リンというのは正確ではないが
画像ファイルへのリンクの形式のURLにしていてそのまま表示できる
という意味だと普通は解釈できると思うけど・・・

291 名前:名無しさん@お腹いっぱい。 mailto:sage [2022/12/28(水) 19:38:56.54 ID:V+zFJ4Ie0.net]
キッズなんているわけないじゃん
スマホも専ブラも使えないPCジジイならではって感じ
老害化してることにも気づけず古参ぶって上から目線なのもまたわかりやすい

292 名前:名無しさん@お腹いっぱい。 (ワッチョイW c731-6p8h) mailto:sage [2022/12/29(木) 05:21:25.98 ID:ufaND8S40.net]
老害ならではの妄想

293 名前:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx) mailto:sage [2022/12/29(木) 09:21:27.90 ID:hLZoGEOr0.net]
言いたいことがあるなら、直接アンカー付けて問題点を指摘すればいい

直リン出来てない人A: >>275,277,279
直リン出来ている人B: >>280,282,284
こーやって貼ってくんないかなの人C: >>281

CのレスはAに対してのものだったが、Bの直後にアンカーなして書かれたため
BはAが書いたものと誤認して話がおかしくなってしまった
コレが真相

294 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0b81-rP5z) mailto:sage [2022/12/29(木) 09:30:41.50 ID:tA6ydo5P0.net]
>>287
要はお前が一番悪いんだなw

295 名前:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx) mailto:sage [2022/12/29(木) 10:43:29.25 ID:hLZoGEOr0.net]
Cが元凶
どうでもいい直リン指摘のために同じゴミ画像を貼り直すという余計なことをしたせい
しかもアンカーなしで
こちらはAに対して情報提供済み
君たちは何もしてない

296 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0d11-VEL+) mailto:sage [2022/12/29(木) 11:12:31.30 ID:3VxnCFDg0.net]
AとCが同じ画像だとお前でもわかるんだからお前が落ち着いていればそれで済んだのに

297 名前:名無しさん@お腹いっぱい。 (ワッチョイ c178-fqia) mailto:sage [2022/12/29(木) 11:33:07.59 ID:BAy2m1C60.net]
>>287
おじいちゃん、教えてあげるね
>>281だとスマホや専ブラなら画像が自動的にサムネ表示されるんだよ
だからぱっと見てどんな画像が張られたかすぐにわかる
>>279だといちいち他のサイトに飛んで画像を見に行かなきゃいけないんだよ

この違いがPCしか知らなく5chも未だにブラウザで開いてるおじいちゃんには理解できなかったんだよね
てかこうやって説明しても、使ったことのないおじいちゃんにはやっぱり

298 名前:理解できないかな? []
[ここ壊れてます]



299 名前:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx) mailto:sage [2022/12/29(木) 11:47:49.93 ID:hLZoGEOr0.net]
>>291
ほら、論点や登場人物がわかっていない
Bはサムネ云々など当たり前の常識としてわかっている
>>278 で先にそうやって貼っている
直リンが出来ていないのはAだ
Bはもう用済みの貼る価値のないゴミ画像をURL形式変えて貼るなって言ってるんだよ
それともなにか、>>281 でサムネ化したことによってなにか有益なレスが付いたのかな?
なにもないよね?
じゃあなんで貼った?

300 名前:名無しさん@お腹いっぱい。 (ニククエ ffc5-4Ar3) mailto:sage [2022/12/29(木) 15:32:33.77 ID:SF1OKvU00NIKU.net]
年の暮れだというのに最後にレスしたほうが勝ちのマウント合戦か

301 名前:名無しさん@お腹いっぱい。 (ニククエW c731-jFky) mailto:sage [2022/12/29(木) 15:46:58.22 ID:ufaND8S40NIKU.net]
困ったらすぐジジイ認定
バカは分かりやすいw

302 名前:名無しさん@お腹いっぱい。 (ニククエ KK0f-+ZKS) mailto:age [2022/12/29(木) 18:49:21.46 ID:U3UqnvblKNIKU.net]
じゃリアルおじさんが見守っててあげようw
食べ物が腐敗しやすい生暖かいくらいな視線でww

303 名前:名無しさん@お腹いっぱい。 (ニククエ 8f58-g2yx) mailto:sage [2022/12/29(木) 19:02:56.25 ID:hLZoGEOr0NIKU.net]
ワッチョイ c178-fqia は
>>291 のような当たり前のことを得意げに説明して
自分が優位に立ってると思い込んでるのだろう
もしくは、あえてバカを演じて荒らしているか?

304 名前:名無しさん@お腹いっぱい。 (ニククエ c178-fqia) mailto:sage [2022/12/29(木) 19:30:18.75 ID:BAy2m1C60NIKU.net]
>>292
画像貼るならサムネ化されるように張れといってるだけ
わかったの?まだよくわからないの?うんこなの?
ぐずぐずぐだぐだ言い訳書かなくていいからさ、それだけ答えてみよう

305 名前:名無しさん@お腹いっぱい。 (ニククエ 8f58-g2yx) mailto:sage [2022/12/29(木) 21:08:23.87 ID:hLZoGEOr0NIKU.net]
>>297
だから相手を間違えているのがまだわからないのかな?
頭が悪くて理解できないないのか、頭が悪いことすら自覚できないのかどっちだね?

サムネ化されるようにURLを記載してなかったのは
(A) >>279
(B) は >>278 で https://i.imgur.com/bEIm9GE.jpg とサムネ化されるURLで記載している
>>283 以降の直リン云々の話の前にだ

306 名前:名無しさん@お腹いっぱい。 (ニククエ c178-fqia) mailto:sage [2022/12/29(木) 22:59:10.10 ID:BAy2m1C60NIKU.net]
>>298
あのね、おじいちゃん
>>279に対して>>281が注文付けてるわけだ
そこにおじいちゃんが>>282で意味不明なマウントとってるわけだ
だからおじいちゃんが笑われてるんだよ?

ワシは前にちゃんとはっとるんじゃーとか必死だけど、そんなこと聞いてないんだよ?
おじいちゃん一人、糞どうでもいい事に拘って糞どうでもいい理屈をウダウダグダグダ並べてるんだよ?うんこなの?

307 名前:名無しさん@お腹いっぱい。 (ニククエ 8f58-g2yx) mailto:sage [2022/12/29(木) 23:13:34.22 ID:hLZoGEOr0NIKU.net]
どうやら 294 が言ってる通りらしい
必死におじいちゃん連呼するしかできない生き物か
そう思うとかわいく思えてきた

308 名前:名無しさん@お腹いっぱい。 (ワッチョイ b558-w88e) mailto:sage [2023/01/17(火) 00:42:39.60 ID:TGXtL55I0.net]
108からロケーションバーのcookie badgeが表示されなくなって地味に不便
削除されちまったのか?

まだ生きてるようならネ申よ以下手直しヨロ


#identity-permission-box::before {
content: "" !important;
display: block !important;
width: 6px !important;
height: 6px !important;
position: absolute !important;
margin-inline-start: -32px !important;
margin-top: -8px !important;
background: Highlight !important;
border-radius: 100px !important;
}



309 名前:名無しさん@お腹いっぱい。 (ワッチョイ f96d-wLHw) mailto:sage [2023/01/18(水) 01:14:14.29 ID:Nvv+r1sM0.net]
制限された?

310 名前:名無しさん@お腹いっぱい。 (ワッチョイW 3e73-DlW3) mailto:sage [2023/01/18(水) 12:06:25.49 ID:rID8i6FO0.net]
てすてす

311 名前:名無しさん@お腹いっぱい。 (ワッチョイ c60c-hn8B) mailto:sage [2023/01/18(水) 16:40:30.02 ID:US1e27FX0.net]
youtubeの適当なチャンネル→動画タブをクリックすると動画一覧が出てきます
この表示が

312 名前:。は4列なので5列以上で表示させたいのですがCSSでできませんか?
ブラウザを拡大しても余白が増えるだけで4列のまま変わりませんでした
動画のサムネを小さくすると列が増えるかもと思い下のようにやってみたところ小さくはなりましたが列は増えませんでした
.style-scope ytd-rich-item-renderer {
width: 180px !important;
}

なにか5列以上で表示させる方法があれば教えてください
[]
[ここ壊れてます]

313 名前:名無しさん@お腹いっぱい。 (ワッチョイ a5b1-3SYV) mailto:sage [2023/01/18(水) 18:44:57.19 ID:7aJrF14O0.net]
>>304
サムネ小さくていいなら
ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) {
max-width: 100% !important;
width: 100% !important;
}
ytd-rich-grid-row {
width: 50% !important;
}

314 名前:名無しさん@お腹いっぱい。 (ワッチョイW 866e-jtCZ) mailto:sage [2023/01/18(水) 20:23:52.24 ID:TIc1Btfj0.net]
>>304
ytd-rich-grid-renderer {
--ytd-rich-grid-items-per-row: 8 !important;
}

315 名前:名無しさん@お腹いっぱい。 (ワッチョイW 866e-jtCZ) mailto:sage [2023/01/18(水) 20:25:25.62 ID:TIc1Btfj0.net]
訂正
ytd-rich-grid-renderer {
--ytd-rich-grid-items-per-row: 8 !important;
}
ytd-rich-grid-renderer > #contents > ytd-rich-grid-row,
ytd-rich-grid-renderer > #contents > ytd-rich-grid-row > #contents {
display: contents;
}

316 名前:名無しさん@お腹いっぱい。 (ワッチョイ c60c-hn8B) mailto:sage [2023/01/18(水) 21:12:46.78 ID:US1e27FX0.net]
>>305-307
ありがとうございます
どちらも5列以上にできました

317 名前:名無しさん@お腹いっぱい。 (JPW 0H4a-gtfB) mailto:sage [2023/01/19(木) 02:37:30.94 ID:FQ+DbuAaH.net]
てすと

318 名前:名無しさん@お腹いっぱい。 (ワッチョイW 95ad-Yobi) mailto:sage [2023/01/19(木) 18:05:20.21 ID:ENX7aaTT0.net]
test



319 名前:301 (ワッチョイ b558-w88e) mailto:sage [2023/01/19(木) 23:59:57.14 ID:bF8rwFxM0.net]
なんでスルーするん?
(´・ω・`)

320 名前:名無しさん@お腹いっぱい。 (ワッチョイ 835a-ffW7) mailto:sage [2023/01/22(日) 05:15:44.11 ID:qvxRHomq0.net]
ただ今制限を設けております。

321 名前:名無しさん@お腹いっぱい。 (ワッチョイW 03b1-uFLT) mailto:sage [2023/01/22(日) 12:35:14.09 ID:9bwMIyJ90.net]
てすと

322 名前:名無しさん@お腹いっぱい。 (ワッチョイW e37e-6iVe) mailto:sage [2023/01/24(火) 07:43:31.67 ID:hIbxyydu0.net]
余所でやってください。

323 名前:名無しさん@お腹いっぱい。 (ワッチョイ bfaf-0efk) mailto:sage [2023/01/24(火) 12:43:32.74 ID:TDUBW8Kr0.net]
ブラウザツールボックスで要素選択するときに矢印がブラウザ内だけで
メニューバーやツールバーの要素が表示されないんですけど何か設定しないといけないですか?

324 名前:名無しさん@お腹いっぱい。 (CA 0H4f-qKdf) mailto:sage [2023/02/08(水) 19:34:55.86 ID:k8ScPGEoH.net]
Tampermonkey Script Summary Ver3 (for stockpiling)
https://pastebin.com/6i5JaHRg

325 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3f76-RWmx) mailto:sage [2023/02/08(水) 21:14:59.59 ID:jfIfmSjk0.net]
>>316
何に使うものですか

326 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-9zjn) mailto:sage [2023/02/08(水) 23:03:40.03 ID:C6Jr3J3/0.net]
見ちゃだめ

327 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4fcf-EOzK) mailto:sage [2023/02/10(金) 08:49:43.21 ID:l+nF3Ow60.net]
5ちゃんの書き込み欄の大きさを指定して固定することはできない?

328 名前:名無しさん@お腹いっぱい。 (アウアウウー Sa4f-dSmK) [2023/02/11(土) 11:44:11.33 ID:fDQP70m/a.net]
いや、指定すればいいじゃん



329 名前:名無しさん@お腹いっぱい。 (ワッチョイ decf-8lmq) mailto:sage [2023/02/11(土) 12:04:15.14 ID:v/yuvQFe0.net]
な、age厨だろ

330 名前:名無しさん@お腹いっぱい。 (ワッチョイW 0eb0-nSMN) mailto:sage [2023/02/12(日) 19:45:42.14 ID:UVKz1UER0.net]
(-ι- ) クックック

331 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-mefD) mailto:sage [2023/02/16(木) 20:40:07.63 ID:L0PcQrrx0.net]
Firefox110にしたらピン留めしているタブ(3つ)の一番右のタブにだけうっすらとクローズボタンが出る
アクティブの時は出ないけど一番右のピン留めタブが非アクティブでマウスオーバーすると出るという感じ
どうすれば消えるでしょうか?

332 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-mefD) mailto:sage [2023/02/16(木) 20:43:22.35 ID:L0PcQrrx0.net]
すみません。文字数が少ないピン留めタブを一番右に持ってきたら「+」のボタン(新規タブボタン)でした。
実際にクリックしても新規タブは開かないのでいいのですが、ピン留めタブ複数の一番右端だけこうなります。

333 名前:名無しさん@お腹いっぱい。 (アウアウウー Sa4f-dSmK) [2023/02/16(木) 21:06:32.31 ID:S1R6zv0xa.net]
>>323
どうすればそんなことになりますか?
すべてのカスタマイズをやめてみれば?
つまり新規プロファイル

334 名前:名無しさん@お腹いっぱい。 (ワッチョイW aaec-Dwza) mailto:sage [2023/02/16(木) 21:36:12.06 ID:++Ops1Oh0.net]
CSS下手くそマンかよ

335 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-JqNg) mailto:sage [2023/02/16(木) 21:48:16.85 ID:MM+ZJ0yp0.net]
>>323
しくじったら最初に戻る
これ基本です
それをせずにあーだこーだ迷走するのはおバカさんのやることです

336 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-mefD) mailto:sage [2023/02/17(金) 16:27:03.25 ID:arkIPwBN0.net]
>>325
>>327
そうも思ったのですが原因が分かりました。userChrome.cssではなかったです。
CSSはこなれているのに他のバカに下手くそ呼ばわりされたので何が原因だったかはすみませんが伏せます。
325さんと327さんだけには治りましたという報告をしたく投稿させていただきました。

337 名前:名無しさん@お腹いっぱい。 (アウアウウー Sa4f-dSmK) [2023/02/17(金) 16:57:25.01 ID:mRNWNwo7a.net]
>>328
そういうの格好悪いですよ

338 名前:名無しさん@お腹いっぱい。 (ワッチョイ 23dc-A0Hd) mailto:sage [2023/02/17(金) 18:50:17.64 ID:Vl+izh3G0.net]
>>328
自分が困ったときは他の人に助けを求めるけど
同様の状況で困っているかもしれない他の人を
助けようとは思わないということか



339 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/02/17(金) 19:38:38.94 ID:cntp57x70.net]
>>330
困った人が出てからでよくない

340 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-JqNg) mailto:sage [2023/02/17(金) 20:17:58.52 ID:Yzot/BRU0.net]
原因がわかった、治った
そんな中身のないのは報告でなくゴミだよ
しかも余計な事書いてるから有害でしか無い

341 名前:名無しさん@お腹いっぱい。 (ワッチョイ 15b1-ujp2) mailto:sage [2023/02/18(土) 10:31:50.87 ID:peW8F8xR0.net]
ゴミ同士仲良くしろよ

342 名前:名無しさん@お腹いっぱい。 (ワッチョイ 7dcf-okFi) [2023/02/26(日) 20:02:40.70 ID:iLsaGsg90.net]
>>328
な、sage厨だろ

343 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9d58-wWxq) mailto:sage [2023/02/27(月) 03:31:11.79 ID:fudy+hEW0.net]
猿マネコピペ厨の雑魚っぷりは異常

344 名前:名無しさん@お腹いっぱい。 (オイコラミネオ MM15-mLBL) [2023/03/09(木) 14:38:42.25 ID:chzehV5oM.net]
ブックマークツールバーのプルダウンメニューのアイテムの行間を狭めたい。88のように。スタイルの定義を教えて。

345 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0bcf-IWyi) mailto:sage [2023/03/09(木) 14:58:28.52 ID:TmRjgsKP0.net]
browser.compactmode.show = true
browser.uidensity = 1

これじゃだめなんですか

346 名前:名無しさん@お腹いっぱい。 (オイコラミネオ MM15-mLBL) mailto:sage [2023/03/09(木) 15:15:14.93 ID:chzehV5oM.net]
>>337
ありがとう。やってみる。

347 名前:名無しさん@お腹いっぱい。 (オイコラミネオ MM15-mLBL) mailto:sage [2023/03/09(木) 15:26:56.25 ID:chzehV5oM.net]
>>337
無理ですた。

あと、仕切り線を太くする方法や 外枠線の付け方もスタイルの定義を教えて下さい。

348 名前:名無しさん@お腹いっぱい。 (オイコラミネオ MM15-mLBL) [2023/03/09(木) 15:33:23.95 ID:chzehV5oM.net]
browser.compactmode.show = true だけでもコンパクト表示は有効になる
browser.uidensity = 1 で起動時 ブックマークツールバーの表示が数秒(1〜3秒)表れない

ですた



349 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sa1d-IWyi) mailto:sage [2023/03/09(木) 16:47:13.30 ID:BwbWpfoQa.net]
>>336
/*** ドロップダウン/コンテキスト/ポップアップ メニューの間隔を調整する ***/
menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
padding-block: 2px !important; /* reduce to 3px, 2px, 1px or 0px as needed */
min-height: unset !important; /* v92.0 - for padding below 4px */
}
:root {
--arrowpanel-menuitem-padding: 4px 8px !important;
}

350 名前:名無しさん@お腹いっぱい。 (オイコラミネオ MM15-mLBL) mailto:sage [2023/03/09(木) 18:20:37.28 ID:chzehV5oM.net]
>>341
:1pxに変更したら、88のようにブックマークツールバーの行間が詰まりました、ありがとうございます。
padding-block: 1px !important; /* reduce to 3px, 2px, 1px or 0px as needed */

351 名前:名無しさん@お腹いっぱい。 (オイコラミネオ MM15-mLBL) [2023/03/09(木) 21:42:40.39 ID:chzehV5oM.net]
メニューバーのプルダウンメニューのアイテムの行間を行間を狭めたい。88のように。スタイルの定義を教えて。
自力で試したが1ミリも動かせない

352 名前:名無しさん@お腹いっぱい。 (ワッチョイ 7158-X7yB) mailto:sage [2023/03/09(木) 22:39:00.41 ID:+2sl6Q4R0.net]
こうやって勝手に隙間をつめておいて
あと

353 名前:でバージョンアップで表示が壊れて泣きついてくる
そんな未来がありありと見えます
[]
[ここ壊れてます]

354 名前:名無しさん@お腹いっぱい。 (ワッチョイ 2958-zdzo) mailto:sage [2023/03/09(木) 22:44:28.45 ID:lFFwpf+L0.net]
基地外age厨に構うからこうなる

355 名前:名無しさん@お腹いっぱい。 (オッペケ Sr9d-5NmK) mailto:sage [2023/03/23(木) 21:21:15.36 ID:/XQMT6hQr.net]
::selection {
background-color: red;
}
が反映されないサイトがあります
例えばBing検索結果のページでは反映されますが
Bingのチャットタブに移ると反映されなくなります

チャットでも反映されるようにするにはどう書けばいいですか?

356 名前:名無しさん@お腹いっぱい。 (ニククエ e56e-3uzD) mailto:sage [2023/03/29(水) 22:57:37.56 ID:g0hQ0DfP0NIKU.net]
反映されてないのはshadow-rootの部分だから
基本的にはjs案件になるのかな?

357 名前:名無しさん@お腹いっぱい。 (スッップ Sd62-RpmQ) mailto:sage [2023/03/30(木) 14:11:54.13 ID:9xg5uhi6d.net]
誘導先で忘れた頃に回答

#navigator-toolbox {
border-bottom: none !important;
}

358 名前:名無しさん@お腹いっぱい。 (アンパン MMdf-Q6cH) mailto:sage [2023/04/04(火) 21:55:49.69 ID:vKF+nrxgM0404.net]
Thunderbirdのメッセージペインのスクロールバーのスライダー?の色は
* {
scrollbar-color: rgb(200, 200, 200) lightgray !important;
}
で変えられましたがスライダーじゃない部分の色を変える方法をご教示ください



359 名前:名無しさん@お腹いっぱい。 (アンパン ffcf-jNeE) mailto:sage [2023/04/04(火) 21:59:45.36 ID:WL1pVbXk00404.net]
lightgray

360 名前:名無しさん@お腹いっぱい。 (ワッチョイ df6e-kVuH) mailto:sage [2023/04/05(水) 00:30:50.16 ID:E4+tSALF0.net]
スライダーじゃない部分とは?

361 名前:名無しさん@お腹いっぱい。 (ワンミングク MMdf-Q6cH) mailto:sage [2023/04/05(水) 07:08:52.37 ID:j9L1BPMIM.net]
>>351
スライダーの上下の部分です
スライダーが車とすれば道路部分といえばいいのでしょうか

362 名前:名無しさん@お腹いっぱい。 (ワッチョイ df58-Rggd) mailto:sage [2023/04/05(水) 09:11:52.67 ID:8BVXlvIX0.net]
???

363 名前:名無しさん@お腹いっぱい。 (ワッチョイ 7f76-kVuH) mailto:sage [2023/04/05(水) 13:25:40.10 ID:vPp4ELNN0.net]
>>349
Firefoxはスライダーと背景色しか変えられないからThunderbirdも同じなのではないかな

364 名前:名無しさん@お腹いっぱい。 (ワッチョイ ff03-kVuH) mailto:sage [2023/04/06(木) 01:28:39.50 ID:DbFMzxX80.net]
>>350 が答えのようだが、そこを変えても駄目なら駄目なんじゃないかな

365 名前:349 (ワンミングク MMdf-Q6cH) mailto:sage [2023/04/06(木) 07:12:48.82 ID:VJpl4T9xM.net]
ありがとうございます
急に忙しくなってスクショあげたりできずすみません
落ち着いたらまたお聞きするかもしれません

366 名前:名無しさん@お腹いっぱい。 (ワッチョイ ffcf-jNeE) mailto:sage [2023/04/06(木) 08:50:38.97 ID:IEa5iar20.net]
逃げた?

367 名前:349 (ワンミングク MM52-d6Gd) mailto:sage [2023/04/09(日) 19:38:32.27 ID:zjn8JiI6M.net]
度々すみません
ようやく落ち着きました
or2.mobi/data/img/320425.png
>>349で変えたのは?で
変え方を知りたいのは?の部分の色です

368 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9176-Ay2p) mailto:sage [2023/04/09(日) 19:49:51.37 ID:dxAs4ZQ10.net]
>>358
>>394ので変わりますよ

rgb(200, 200, 200)がレールとボタン lightgrayがスライダー



369 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9176-Ay2p) mailto:sage [2023/04/09(日) 19:50:11.93 ID:dxAs4ZQ10.net]
>>349

370 名前:名無しさん@お腹いっぱい。 (ワンミングク MM52-d6Gd) mailto:sage [2023/04/09(日) 20:13:07.59 ID:zjn8JiI6M.net]
>>359
さっそくありがとうございます
or2.mobi/data/img/320426.png

rgbの方は反映しますが lightgray を他の色にしてみましたがなぜかうまくいきません
どこが間違ってますでしょうか

テーマは標準のLightです

371 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9176-Ay2p) mailto:sage [2023/04/09(日) 20:46:12.13 ID:dxAs4ZQ10.net]
>>361
うちだとこれでいけますけど
何が違うんだろうか

* {
scrollbar-color: green orange !important; /* レールとボタン スライダー */
}

372 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9176-Ay2p) mailto:sage [2023/04/09(日) 20:49:58.25 ID:dxAs4ZQ10.net]
これも同じです

:root {
scrollbar-color: green orange !important;
}

373 名前:名無しさん@お腹いっぱい。 (ワンミングク MM52-d6Gd) [2023/04/09(日) 21:12:02.27 ID:zjn8JiI6M.net]
何度もありがとうございます
or2.mobi/data/img/320427.png
やっぱりダメみたいです
:rootの方もです

いつもこのスレ見てますので何かあれば教えてください

ありがとうございました

374 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4958-Ay2p) mailto:sage [2023/04/10(月) 01:29:33.61 ID:L+JBGeSE0.net]
Thunderbirdはスレチ

375 名前:名無しさん@お腹いっぱい。 (ワッチョイ a102-Ld7i) mailto:sage [2023/04/12(水) 14:24:16.94 ID:vuJL3fUG0.net]
#statuspanel {
position: fixed !important;
top: 18px !important;
left: 920px !important;
text-align: left !important;
}

Firefox112にアップしたところ
ここかどこかで見た、ステータスパネルを強引にロケーションバー内に移動させるこのCSSが
上からブラウザの下まで縦方向にその幅分全体で表示されるようになってしまいました
元通りに下にあったステータスパネル分の高さで表示するにはどうしたらいいでしょうか
hightを入れてみて一見ウマくいったかと思ったのですが、細く表示されて見えなくなったりするので
スマートは方法はないかと・・

376 名前:名無しさん@お腹いっぱい。 (ワッチョイ 91be-T2rn) [2023/04/12(水) 15:14:48.34 ID:v2YfpdF90.net]
>>366
display: block !important;

377 名前:名無しさん@お腹いっぱい。 (ワッチョイ a102-Ld7i) mailto:sage [2023/04/12(水) 19:09:39.31 ID:vuJL3fUG0.net]
>>367
できましたーありがとうございます。

378 名前:名無しさん@お腹いっぱい。 (ワッチョイ 47b1-baic) mailto:sage [2023/04/15(土) 22:42:42.00 ID:MO+EbpfT0.net]
FirefoxのUIをuserChrome.cssでカスタマイズしていた人たちに報告。
Firefox113からUIレイアウトが「-moz-box」から「display: flex」に変わるから一部動作しなくなるものがあるみたい。
俺はUIパネルを左にしていたのが効かなくなっちゃった。
もちろん解決方法もあるぞ

「-moz-box-ordinal-group: 0」は「order: -1」に
「-moz-box-orient: vertical」は「flex-direction: column」に
「-moz-box-direction: reverse」は「flex-direction: row-reverse」に
「-moz-box-align: center」は「align-content: center 」か「align-items: center」に差し替えると今まで通り



379 名前:名無しさん@お腹いっぱい。 (ワッチョイW 0773-+Cyp) mailto:sage [2023/04/15(土) 23:53:17.98 ID:1/yPwbgA0.net]
>>369
サンクス

380 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sacb-uCKD) mailto:sage [2023/04/17(月) 10:49:45.05 ID:jjSV3S3/a.net]
いつからか、下記動かなくなった。
/*** ページ内検索バーを上に移動 ***/
#main-window:not([chromehidden="true"]) > .browserContainer > findbar {
-moz-box-ordinal-group: 0;
border-top: none !important;
}

381 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0776-sFbk) mailto:sage [2023/04/17(月) 11:20:01.04 ID:qc0dXxZM0.net]
>>371
findbar {
-moz-box-ordinal-group: 0 !important;
border-top: none !important;
border-bottom: 1px solid ThreeDLightShadow !important;
transition: none !important;
}

382 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sacb-uCKD) mailto:sage [2023/04/17(月) 12:44:49.29 ID:jjSV3S3/a.net]
>>372
ありがとう。
Ver112ではOKなるも113では動作しません。

383 名前:名無しさん@お腹いっぱい。 (ワッチョイ 6773-baic) mailto:sage [2023/04/17(月) 13:01:41.15 ID:3PvOhoii0.net]
>>373
369のじゃないの?

384 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0702-pJ19) mailto:sage [2023/04/17(月) 13:51:42.96 ID:7qktzo280.net]
/* Gray icon on inactive tabs */
tab .tab-icon, .tab-icon-image, .tab-throbber {
filter: grayscale(1);
}

#TabsToolbar .tabbrowser-tab[selected] .tab-icon,
#TabsToolbar .tabbrowser-tab[selected] .tab-icon-image,
#TabsToolbar .tabbrowser-tab[selected] .tab-throbber {
filter: grayscale(0);
}

↑アクティブじゃないタブのファビコンを全部グレーアウトして目立たなくするというやつなんですけど
現在でも効く方法分かる方いらっしゃったらお願いします。
ググってみると、アドオンとかもあるんですが、112では動かないみたいなんですよね

385 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0776-sFbk) mailto:sage [2023/04/17(月) 14:18:22.26 ID:qc0dXxZM0.net]
>>375
112で動作するよ

!important;付けてみるとか

386 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0702-pJ19) mailto:sage [2023/04/17(月) 15:56:08.42 ID:7qktzo280.net]
>>376
動作してますか・・オマカンとすれば何かと干渉してるんだろうけど
!important;付けても、userChrome.cssの中身を>>375のだけにしても、スクリプト全部無効にしても
拡張をあれこれ無効にしても、などと色々試してみたけど自分の環境ではダメみたいです。仕方ないです

387 名前:名無しさん@お腹いっぱい。 (ワッチョイW 7fcf-KucE) mailto:sage [2023/04/17(月) 16:35:38.45 ID:f9k8YEir0.net]
>>377
こっちの112でも動作するなあ
しかしこれいいなopacityと組み合わせたらさらに良くなったありがとう

388 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0776-sFbk) mailto:sage [2023/04/17(月) 16:58:59.76 ID:qc0dXxZM0.net]
>>377さん動くといいですけどね

マウスオーバー 複数選択 ピン止め加えてみた

.tabbrowser-tab:hover tab .tab-icon, .tabbrowser-tab:hover .tab-icon-image, .tabbrowser-tab:hover .tab-throbber {
filter: grayscale(0) !important;
}
.tabbrowser-tab[multiselected="true"] tab .tab-icon, .tabbrowser-tab[multiselected="true"] .tab-icon-image, .tabbrowser-tab[multiselected="true"] .tab-throbber {
filter: grayscale(40%) !important;
}
.tabbrowser-tab[multiselected="true"]:hover tab .tab-icon, .tabbrowser-tab[multiselected="true"]:hover .tab-icon-image, .tabbrowser-tab[multiselected="true"]:hover .tab-throbber {
filter: grayscale(0) !important;
}
.tabbrowser-tab[pinned] tab .tab-icon, .tabbrowser-tab[pinned] .tab-icon-image, .tabbrowser-tab[pinned] .tab-throbber {
filter: grayscale(50%) !important;
}
.tabbrowser-tab[pinned]:hover tab .tab-icon, .tabbrowser-tab[pinned]:hover .tab-icon-image, .tabbrowser-tab[pinned]:hover .tab-throbber {
filter: grayscale(0) !important;
}



389 名前:名無しさん@お腹いっぱい。 (ワッチョイW 7fcf-KucE) mailto:sage [2023/04/17(月) 17:08:12.41 ID:f9k8YEir0.net]
>>379
それは俺も動かないなあ
俺はこう書き変えた

.tab-icon-image {
filter: grayscale(1);
opacity: 0.3;
}
.tabbrowser-tab:hover .tab-icon-image, .tabbrowser-tab[selected] .tab-icon-image {
filter: grayscale(0);
opacity: 1;
}

390 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sacb-uCKD) mailto:sage [2023/04/17(月) 19:38:28.98 ID:jjSV3S3/a.net]
>>374
いいえ、372です。
369は意味不明です。

391 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0776-sFbk) mailto:sage [2023/04/17(月) 19:41:33.58 ID:qc0dXxZM0.net]
>>381
「-moz-box-ordinal-group: 0」を「order: -1」にしないと動かないんじゃないの

392 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sacb-uCKD) mailto:sage [2023/04/17(月) 20:42:47.44 ID:jjSV3S3/a.net]
>>382
下記は112でOK
/*** ページ内検索バーを上に移動 ***/
findbar {
-moz-box-ordinal-group: 0 !important;
border-top: none !important;
border-bottom: 1px solid ThreeDLightShadow !important;
transition: none !important;
}

113ではダメです。
”-moz-box-ordinal-group: 0”をどう修正するの?

393 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0776-sFbk) mailto:sage [2023/04/17(月) 20:48:59.02 ID:qc0dXxZM0.net]
>>383
>>369の通りに変更

394 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sacb-uCKD) mailto:sage [2023/04/17(月) 22:02:04.43 ID:jjSV3S3/a.net]
>>384
112でも動かなくなる。

395 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0776-sFbk) mailto:sage [2023/04/17(月) 22:16:34.92 ID:qc0dXxZM0.net]
113からって書いてあるでしょ

396 名前:名無しさん@お腹いっぱい。 (ワッチョイ 6773-baic) mailto:sage [2023/04/17(月) 23:04:32.21 ID:3PvOhoii0.net]
>>380
横からだけと使わせてもらいます

397 名前:名無しさん@お腹いっぱい。 (ワッチョイW 7fcf-KucE) mailto:sage [2023/04/20(木) 00:59:18.95 ID:CO3aaT/J0.net]
再生中のアイコンの背景をアニメーションさせる

/* 再生中アイコンの背景アニメーション */

.tab-icon-stack[soundplaying="true"]:after, .tab-icon-stack[muted="true"]:after {
content: '';
position: absolute;
width: 20px;
height: 20px;
margin: -2px;
background: rgba(128, 128, 128, 0.5);
border-radius: 50%;
animation: scaling .6s alternate infinite;
z-index: -1;
}

@keyframes scaling {
0% {scale: 0.8;}
100% {scale: 1.2;}
}

398 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0776-sFbk) mailto:sage [2023/04/20(木) 11:39:48.14 ID:MQCiqgCF0.net]
>>388
いいですね



399 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9ed7-k7hE) mailto:sage [2023/04/22(土) 15:53:23.74 ID:+sGm+Gy50.net]
>>377
自分も駄目で色々試したら上手く行ったので、参考までに
その部分だけ別ファイルにして@importで読ませるかCSS_Loader使うかしたらちゃんと動作した

400 名前:名無しさん@お腹いっぱい。 (ワッチョイ af0c-KeI6) mailto:sage [2023/05/08(月) 23:54:50.90 ID:QDUgd/xW0.net]
>>369 さんの情報を参考にしてタブバーを下にできました ありがとうございます

112まで↓

/* タブバーをツールバーの下へ移動 */
#titlebar { -moz-box-ordinal-group: 2; }

113から↓

/* タブバーをツールバーの下へ移動 */
#titlebar { order: 1; }

401 名前:名無しさん@お腹いっぱい。 (ワッチョイ c256-O5MS) mailto:sage [2023/05/09(火) 23:14:38.26 ID:iirlw2md0.net]
>>391
共有感謝

402 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3358-uTC/) mailto:sage [2023/05/10(水) 11:29:41.69 ID:maed3zUD0.net]
113で
タブをダブルクリックでリロード.uc.js
再起動出来なくなった
何方かお願いします

(function(){gBrowser.tabContainer.addEventListener("dblclick", function(e){if(!!e.target.closest('.tabbrowser-tab'))BrowserReload()},false)})()

403 名前:名無しさん@お腹いっぱい。 (ワッチョイW b2ec-tOW/) mailto:sage [2023/05/10(水) 11:57:18.75 ID:3lyqocQ90.net]
>>393
ウチは以下のまま113に上げて問題なく動いてる
(function(){
gBrowser.tabContainer.addEventListener('dblclick', function(e) {
if(!!e.target.closest('.tabbrowser-tab')) BrowserReload();
},false)
})();

404 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9eb7-KeI6) mailto:sage [2023/05/10(水) 18:34:05.01 ID:VeifN0ZI0.net]
タブをツールバーの下に配置するだけでいいので、>391の通りuserchrome.cssに

#titlebar { order: 1; }

を1行だけ入れたら、確かにタブは下にはなったが、メニューバーも下になってしまった・・・
タブだけをツールバーの下側にする方法はないんでしょうか

405 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9eb7-KeI6) mailto:sage [2023/05/10(水) 18:41:20.26 ID:VeifN0ZI0.net]
検索して出てきた以下の構文を

#titlebar { order: 1; }
/* メニューを上へ移動 */
#toolbar-menubar { position: fixed; display: inline-flex; }
[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
[sizemode="normal"] #toolbar-menubar { top: 8px; }
[sizemode="maximized"] #toolbar-menubar { top: 8px; }
/* ツールバーの上にメニューバーのスペースを確保する */
#navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 32px transparent !important; }

406 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9eb7-KeI6) mailto:sage [2023/05/10(水) 18:43:11.08 ID:VeifN0ZI0.net]
↑間違えて投稿しちゃったすいません
検索して出てきた以下の構文を試してみたら、メニューバーは元通りになったものの
今度はウィンドウコントロールボタン(最小化、最大化、閉じる)が左に寄ってしまったwww
上手く行かなくて困ってます

#titlebar { order: 1; }
/* メニューを上へ移動 */
#toolbar-menubar { position: fixed; display: inline-flex; }
[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
[sizemode="normal"] #toolbar-menubar { top: 8px; }
[sizemode="maximized"] #toolbar-menubar { top: 8px; }
/* ツールバーの上にメニューバーのスペースを確保する */
#navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 32px transparent !important; }

407 名前:名無しさん@お腹いっぱい。 (ワッチョイ a7b1-mRyj) mailto:sage [2023/05/10(水) 19:07:05.94 ID:9NQSUQTP0.net]
>>395
自分はこれでうまくいった
https://tofukko.blog.fc2.com/?no=423

408 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9eb7-KeI6) mailto:sage [2023/05/10(水) 19:18:32.78 ID:VeifN0ZI0.net]
>>398
おお上手く行った!マジでTHX!!!



409 名前:名無しさん@お腹いっぱい。 (ワッチョイ ff76-tcUg) mailto:sage [2023/05/10(水) 20:13:18.93 ID:wkohtPyF0.net]
タブ位置は下にできたけどブックマークメニューのスカスカ具合がなおらない。
何かしらあるなぁ。

410 名前:名無しさん@お腹いっぱい。 (ワッチョイ ff76-tcUg) mailto:sage [2023/05/10(水) 20:17:57.49 ID:wkohtPyF0.net]
連投でごめん、なおせました。

411 名前:名無しさん@お腹いっぱい。 (ワッチョイ c283-O5MS) mailto:sage [2023/05/10(水) 21:47:27.13 ID:k3pOUTUS0.net]
>>398
直ったーこれなら当分だいじょぶだね、あんがと
いいかげんchromeに移った方がスマホと同じに使えていいんだけどね

412 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/05/10(水) 22:39:59.43 ID:maed3zUD0.net]
>>394 有り難うございます私の思い違いでした 動いてました

413 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/05/10(水) 23:26:01.10 ID:8ye1X4gn0.net]
>>398でタブバーは下になったけど、もう少しタブバーの高さが狭い方がいい
どこ弄れば狭く出来るんだろう

414 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9eb7-KeI6) mailto:sage [2023/05/10(水) 23:52:02.90 ID:VeifN0ZI0.net]
ちょっと調べて知ったかぶりで発言するけど、タブの高さを設定している構文がないっぽい
どこかを変更するんじゃなくて構文を追加しないと駄目なんじゃないかな

:root { --tab-min-height : 22px !important; }

と追加してみたら一応出来たみたい(heightの数値は自分で考えて)
見る人が見れば簡単なんだろうけど、何も知らない素人じゃこんなもんよw

415 名前:名無しさん@お腹いっぱい。 (ワッチョイ dfb1-KeI6) mailto:sage [2023/05/11(木) 01:39:13.44 ID:Hn9hdv5g0.net]
>>405
ありがとう
なんとか自分で見つけた

#TabsToolbar {
--tab-min-height: 26px; !important;
}

でいけた

ついでにツールバーもちょっと狭く出来たわ

#nav-bar {
height: 30px !important;
}
#urlbar {
min-height: 26px !important;
}
#searchbar {
min-height: 26px !important;
}

416 名前:名無しさん@お腹いっぱい。 (ワッチョイ d607-O5MS) mailto:sage [2023/05/11(木) 13:09:40.25 ID:5rCOYIc+0.net]
>>398
これでタブの位置は下になるんだけど
タブの形やバーの高さ、ブックマークなどの行間がリセットされちゃってしんどいw

417 名前:名無しさん@お腹いっぱい。 (スフッ Sd32-1H+b) mailto:sage [2023/05/11(木) 13:36:18.73 ID:3X2sq5MDd.net]
>>407
タブバーの高さは>>406の#TabsToolbarで弄れる
ブックマークバーは#PersonalToolbarだからそれでググればなんか出てくるかも

418 名前:名無しさん@お腹いっぱい。 (ワッチョイ dfb1-KeI6) mailto:sage [2023/05/11(木) 15:20:16.14 ID:UNujzkwq0.net]
/*** ドロップダウン/コンテキスト/ポップアップ メニューの間隔を調整する ***/
menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
padding-block: 2px !important; /* reduce to 3px, 2px, 1px or 0px as needed */
min-height: unset !important; /* v92.0 - for padding below 4px */
}
:root {
--arrowpanel-menuitem-padding: 4px 8px !important;
}

これ使えてる



419 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/05/11(木) 21:45:56.02 ID:xu8iR9zZ0.net]
>>407
なんでわざ

420 名前:ざしんどいことをするのか意味不明
マゾなの?
[]
[ここ壊れてます]

421 名前:名無しさん@お腹いっぱい。 (ワッチョイ d607-O5MS) mailto:sage [2023/05/12(金) 09:49:26.49 ID:so746gC70.net]
>>410
初心者なんだからそんないじめないでくれよw

-moz-box-ordinal-group の代わりに order を使うってのをみて

#titlebar {
order: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}

にしたらタブの位置が下になった
その他はいじらなくても今までのまま
いろいろあげてくれるみなさんのおかげです
ありがとう

422 名前:名無しさん@お腹いっぱい。 (ワッチョイ 035c-gC+C) mailto:sage [2023/05/13(土) 15:03:09.48 ID:NZg3foP+0.net]
Pushbulletの通知のタテ幅を
112以前の長さに戻す方法を教えてください

423 名前:名無しさん@お腹いっぱい。 (ワッチョイ f302-Ztna) mailto:sage [2023/05/14(日) 22:35:40.46 ID:kxXxwTy80.net]
* {
scrollbar-width: thin !important;
}
/* for about:'pages' */
@-moz-document url-prefix("about:"),
@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html") {

window,
page,
html,
.main-content,
scrollbar {
scrollbar-width: thin !important;
}
}

113になってスクロールバーを弄る系のスクリプトが全滅してて、いまだ解決策がないようで
ググってみると、userContentに記入する↑のようなcssがあって、もうこの細いだけのやつでもいいかって感じなんですが
このスクロールバーの両端を丸くラウンドさせる方法ってありますでしょうか?
border-radiusじゃダメで。これも効かなくなったのかな

424 名前:名無しさん@お腹いっぱい。 (ワッチョイ ff76-ZkZz) mailto:sage [2023/05/14(日) 22:41:46.79 ID:JgOuJUs60.net]
>>413
cssだけだと以前から丸くできなかったのではないかと思ったが
色を変える細くする非表示にするだけでは

425 名前:名無しさん@お腹いっぱい。 (ワッチョイW cf44-oh6m) mailto:sage [2023/05/14(日) 23:31:44.60 ID:yNFraeg+0.net]
以前はできたよ、ただし指定する対象はscrollbarじゃなくscrollbar thumb
が、例によって例の如く113ではこれも効かない

426 名前:名無しさん@お腹いっぱい。 (ワッチョイW cf44-oh6m) mailto:sage [2023/05/14(日) 23:35:20.84 ID:yNFraeg+0.net]
単に角を丸くしたいだけなら、about:config から widget.non-native-theme.scrollbar.style を1にしてMacOSX風にするのが手っ取り早いかも

427 名前:名無しさん@お腹いっぱい。 (ワッチョイ f302-Ztna) mailto:sage [2023/05/15(月) 15:23:58.77 ID:ra4YLk4k0.net]
>>414-416
やっぱできなくなったんですね・・
で、>>413を入れることもなく、>>416の値を2にすることで細く丸くなってくれたのでこれで満足です。
ありがとうございました!

428 名前:名無しさん@お腹いっぱい。 (ワッチョイ 6fb7-ZkZz) mailto:sage [2023/05/15(月) 20:29:49.30 ID:L6aQp1jr0.net]
ユーザーが勝手にカスタマイズするなと言わんばかりの仕様だな



429 名前:名無しさん@お腹いっぱい。 (ワッチョイ cfdc-Np+b) mailto:sage [2023/05/15(月) 23:55:57.32 ID:zPzzaTR60.net]
なんかのソフト作った人がそういう社風が嫌でモジラやめたっていってたな

430 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3358-zDwv) mailto:sage [2023/05/16(火) 00:02:16.18 ID:62/FNo7Q0.net]
それ、いつの誰の話だかさっぱりわからんな

431 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/05/19(金) 01:03:57.15 ID:PSQC+rSCM.net]
>>391
これで直った、ありがたい
感謝

432 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sa8f-FgTA) mailto:sage [2023/05/28(日) 21:13:44.23 ID:ke9D4HAJa.net]
アドレスバーと検索バーの細い枠線を常時表示できませんか?

433 名前:名無しさん@お腹いっぱい。 (ワッチョイ 7b58-SW8h) mailto:sage [2023/05/28(日) 21:44:28.09 ID:HdQ0lM+F0.net]
どういうこと?

434 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9f76-S+HU) mailto:sage [2023/05/28(日) 21:54:49.56 ID:hIobAH8H0.net]
こういうのかな

#urlbar-input-container, #searchbar {
border: 1px solid var(--panel-separator-color) !important;
/*border: 1px solid ThreeDLightShadow !important;*/
}

435 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/05/29(月) 07:21:49.18 ID:UuWTyIega.net]
>>424
ありがとう、思い通りです。
しかし次のCSSで検索バーはうまくいくのですが、URLバーの丸みが崩れます。
回避策ありませんか?
/*** 検索バー&URLバーに丸み ***/
#searchbar {border-radius: 0.8em !important;}
#urlbar-background{border-radius: 0.8em !important;}

436 名前:425 mailto:sage [2023/05/29(月) 07:44:26.70 ID:UuWTyIega.net]
ごめん、もともとうまく行ってなかったと思う。
検索バー、URLバーが非アクティブでも丸みをつけられませんか?

437 名前:名無しさん@お腹いっぱい。 [2023/05/29(月) 08:18:34.08 ID:Y1fQC6ng0.net]
/*
URLバーと検索バーの照準時の枠線を常に表示させる。
https://searchfox.org/mozilla-central/source/browser/themes/shared/urlbar-searchbar.css#83-93
*/
#urlbar-background,
#searchbar {
outline: var(--focus-outline) !important;
outline-offset: var(--focus-outline-inset) !important;
outline-color: var(--toolbar-field-focus-border-color) !important;
border-color: transparent !important;
/* 角を丸める */
border-radius: 0.8em !important;
}

438 名前:425 mailto:sage [2023/05/29(月) 09:14:04.64 ID:UuWTyIega.net]
>>427
おー、見事ですね。
424案でも検索バー&URLバーに丸みを外すとスッキリしますね。
427案にするか迷うところです。



439 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/01(木) 00:12:14.84 ID:cX6AAFIB0.net]
ツールバーの拡張機能のボタンをクリックした時の順番を
任意の順番に変えるuserChrome.jsってありますか?

一応、ボタンクリックしてツールバーにピン留めし、順番に
戻した順に下には行くようですが、これだといちいちやり直す
必要もあるので。

440 名前:429 mailto:sage [2023/06/01(木) 00:14:29.26 ID:cX6AAFIB0.net]
すみません。スレチでした。

441 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/01(木) 08:37:50.44 ID:cX6AAFIB0.net]
ところでFirefoxのツールバーの拡張機能アイコンをクリックすると出るメニューの大きさ
これはuserChrome.cssで小さく変えることは可能ですか?

以前はextensions.unifiedExtensions.enabledをFalseで出来たけど
今はそれも出来なくなってしまったので

442 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/01(木) 11:32:47.08 ID:K2Hgm0vJ0.net]
>>431
https://github.com/datguypiko/Firefox-Mod-Blur/tree/master/EXTRA%20MODS/Compact%20extensions%20menu

443 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/01(木) 21:20:41.04 ID:cX6AAFIB0.net]
>>432
有難うございます。
1のほうを少し自分で変えて適用してみました。
いい感じです。

444 名前:名無しさん@お腹いっぱい。 (ワッチョイ eb5c-c8Mb) mailto:sage [2023/06/01(木) 23:30:47.03 ID:SSdsf0DN0.net]
アプリケーションメニューを左側に移動する方法を教えてください

445 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/02(金) 00:24:02.87 ID:RDvau/OG0.net]
祈るのです

446 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/02(金) 10:24:07.42 ID:kpk57Z4e0.net]
アプリケーションメニューて何のこと

447 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/02(金) 20:00:21.31 ID:Zx5YDwG20.net]


448 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/02(金) 21:10:11.00 ID:kpk57Z4e0.net]
ハンバーガーボタンを左に移動 */
#PanelUI-button {
order: -1 !important;
margin-left: 1px !important;
margin-right: -12px !important;
}



449 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/02(金) 21:11:37.73 ID:kpk57Z4e0.net]
/* ハンバーガーボタンを左に移動 */
#PanelUI-button {
order: -1 !important;
margin-left: 1px !important;
margin-right: -12px !important;
}

450 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/02(金) 22:09:22.35 ID:Zx5YDwG20.net]
ハンバーガーありがとう

451 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/02(金) 23:37:34.60 ID:vQWMdEiq0.net]
>>439
横からだけどありがたい
ハンバーガーメニューのsvgファイルをFirefoxロゴのsvgに替えて使っていたけど、右のままだったから様にならなくて

452 名前:名無しさん@お腹いっぱい。 [2023/06/04(日) 14:06:51.37 ID:Pg6hW7Em0.net]
見てるサイトをブクマに登録する時にURLバーの右にある星マークをクリックして
「ブックマークを追加」のダイアログボックスを開いてブクマ登録するわけだが

そのダイアログボックスの「保存場所」の候補のファイルが出てくる枠が狭くて使いづらいんで
その枠を広げたいんだけどなんとかならんの?
解決する方法があったらおしえてくれ

あと、この板ってどの程度の間隔で書き込みできるんだ?

453 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/04(日) 15:16:59.57 ID:Ltslx8IG0.net]


454 名前:Aage厨だろ👆 []
[ここ壊れてます]

455 名前:名無しさん@お腹いっぱい。 mailto:baka_443_sarasi_age [2023/06/04(日) 15:26:38.50 ID:1N2aq9Ki0.net]
>>442
#editBMPanel_folderTree {
min-width: 440px !important;
min-height: 300px !important;
}

456 名前:名無しさん@お腹いっぱい。 [2023/06/04(日) 16:08:08.74 ID:Pg6hW7Em0.net]
>>444
サンキュー、まさにそれ

457 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/10(土) 00:15:33.63 ID:q2nvfC+W0.net]
ズーム拡大・フォントサイズ変更・ボールド設定以外の方法で
サイト上の細い文字を太くする方法はありますか?

458 名前:名無しさん@お腹いっぱい。 [2023/06/10(土) 07:41:39.51 ID:CnRZ1mnJ0.net]
>>446
fontweight使いたくないならhtmlのstrongとかbタグで囲うしかない
そもそもサイト上のことならstylusとかuserscriptでやることだからそっちで聞いた方がいいよ



459 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/10(土) 11:33:28.19 ID:ddBiCN7L0.net]
-webkit-text-stroke: 1px;

460 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/10(土) 20:12:59.96 ID:q2nvfC+W0.net]
>>447
よろしければURL教えてください

461 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/11(日) 02:09:27.10 ID:iPD9o2vG0.net]
>>449
とりあえずJavaScriptの質問板で聞いてみたら?
何をどうしたいのかよくわからんからもっと具体的に説明した方がいいと思う

462 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/11(日) 10:20:06.21 ID:bjPGNWMR0.net]
普通にfont-familyで好きなフォント指定すればいいじゃん

463 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/11(日) 21:31:36.45 .net]
AutohideSidebar2.uc.js動かなくなってない?俺だけ?

464 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/06/11(日) 21:51:27.67 ID:JvPPcZ4V0.net]
>>452
動いてるよ

465 名前:名無しさん@お腹いっぱい。 (ワッチョイ c566-oUpu) mailto:sage [2023/06/17(土) 01:31:00.93 ID:mTapJV7E0.net]
アプデしたら動かなくなったからまた更新されたら直るのかも…と思ってたけど115.0b6になっても自動開閉起動せず
マジで俺だけなの

466 名前:名無しさん@お腹いっぱい。 (ブーイモ MM57-runv) mailto:sage [2023/07/05(水) 16:09:46.89 ID:wZah20GEM.net]
俺も115で動かなくなったが直せた
alice0775の103のinstall folderにあるconfig.jsを落として上書きすればいい
ついでに106にあるuserchrome.jsも新しくしておくといい

467 名前:あめ ◆P0jSlC5fJs (ワッチョイ ebfe-c6L3) mailto:sage [2023/07/06(木) 13:29:06.12 ID:ccQJv+CM0.net]
>>455
助かった

468 名前:名無しさん@お腹いっぱい。 (スッップ Sdbf-P5a+) mailto:sage [2023/07/09(日) 02:36:56.11 ID:wKQ3AjUfd.net]
103と106変えても何一つ効かなくなったわ
もういいや



469 名前:名無しさん@お腹いっぱい。 (スッップ Sdbf-P5a+) mailto:sage [2023/07/09(日) 02:48:58.77 ID:vgjThEb7d.net]
chromeフォルダに入れる初歩的なミスしてたわ
治った

470 名前:名無しさん@お腹いっぱい。 (ワッチョイ b715-NtER) mailto:sage [2023/07/11(火) 02:47:41.70 ID:3/905PVO0.net]
config.jsとuserchrome.jsはたまにチェックしないとあかんな

471 名前:名無しさん@お腹いっぱい。 (ワッチョイ a473-NGsf) mailto:sage [2023/07/16(日) 10:08:03.60 ID:k7QhfB6X0.net]
>>63 >>411
求めていたものがあった

472 名前:名無しさん@お腹いっぱい。 (ワッチョイ b656-7EKy) mailto:sage [2023/07/16(日) 14:47:51.24 ID:EwhTeWCf0.net]
スレチなんだけど...

473 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3efe-f2TS) mailto:sage [2023/07/17(月) 01:24:57.59 ID:SWo6KQxV0.net]
>>455
サンキュー助かったわ
唐突に動かなくなるの内部で何弄ってるからなんだろうな

474 名前:名無しさん@お腹いっぱい。 (ワッチョイ be76-1j9t) mailto:sage [2023/08/02(水) 16:53:18.45 ID:W/nEQZS50.net]
ツールバーの[ブックマークを表示します](☆の下に_みたいなアイコン)の
「ブックマークサイドバーを表示」「ブックマークを検索」「ブックマークを管理」
を非表示にする方法を教えてください。

#BMB_searchBookmarks, #BMB_bookmarksShowAllTop, #BMB_viewBookmarksSidebar {
display: none !important;
}

475 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0b43-IjPS) [2023/08/03(木) 13:19:48.52 ID:+kh0d1+h0.net]
Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか?

476 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0b43-IjPS) [2023/08/03(木) 13:19:54.19 ID:+kh0d1+h0.net]
Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか?

477 名前:名無しさん@お腹いっぱい。 (スププT Sd8a-IjPS) mailto:sage [2023/08/03(木) 22:10:24.56 ID:x9melOx2d.net]
Firefox 116になってから以下のCSSが効かなくなっているようですが、
修正はできますかね?

/* ピン留めしたタブとしていないタブの間にある隙間を調節 */
.tabbrowser-tab[first-visible-unpinned-tab="true"] {
margin-left: 0px !important;
}

478 名前:名無しさん@お腹いっぱい。 (ワッチョイ eacf-IjPS) mailto:sage [2023/08/04(金) 11:41:33.90 ID:8kGcLRoK0.net]
>>466

.tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
margin-left: 0 !important;
}



479 名前:466 (スププT Sd8a-IjPS) mailto:sage [2023/08/04(金) 21:48:23.60 ID:ToMMuTcFd.net]
>>467
ありがとうございます。
うまく行きました。

480 名前:名無しさん@お腹いっぱい。 (ワッチョイ 315c-lukV) mailto:sage [2023/08/11(金) 00:18:33.06 ID:o22dTUxE0.net]
Youtubeの「もっと見る」を
最初から開いた状態にできますか?

481 名前:名無しさん@お腹いっぱい。 (ワッチョイ 6bf5-SCbl) mailto:sage [2023/08/11(金) 01:19:39.49 ID:ys8VRm0m0.net]
そういやYouTubeのコメントの「続きを読む」が短いコメントにも表示される問題を直す
font.blacklist.underline_offset に Meiryo を追加
が効果なくなった

482 名前:名無しさん@お腹いっぱい。 (ワッチョイ 315c-lukV) mailto:sage [2023/08/11(金) 03:47:43.09 ID:o22dTUxE0.net]
youtubeの視聴回数を「もっと見る」押さなくても
詳細表示させる方法ありますか?

483 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0312-vKG+) mailto:sage [2023/08/18(金) 01:58:20.90 ID:XXIf+bDL0.net]
ツール>設定と設定タブを開いたときにアクティブなタブの右隣に設定タブを開く方法はありますか?

484 名前:名無しさん@お腹いっぱい。 (ワッチョイ 1acf-yhDR) mailto:sage [2023/08/18(金) 15:13:39.82 ID:Bin2S4kt0.net]
それはcssでは無理

485 名前:名無しさん@お腹いっぱい。 (ワッチョイ 2758-UD7Y) mailto:sage [2023/08/18(金) 18:26:37.66 ID:f7lABQ540.net]
CSSを魔法かなにかと思ってるのかね?

486 名前:名無しさん@お腹いっぱい。 (ワッチョイ f63b-yhDR) mailto:sage [2023/08/18(金) 20:21:16.40 ID:RYFeAZHd0.net]
JavaScriptも勉強しないとな!

487 名前:464 (ワッチョイ 2143-q59E) mailto:sage [2023/08/21(月) 09:21:58.28 ID:WX7R1u2f0.net]
>Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか?

同じように思っている方がいて、検索でたどり着きました。↓
https://support.mozilla.org/en-US/questions/1418752

参考まで

488 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9376-zwO0) mailto:sage [2023/08/21(月) 10:38:44.46 ID:fAoiKJwQ0.net]
Thunderbirdをここに書くとスレチと言われるんだよ
んでThunderbirdスレに書くと誰も反応しない



489 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3958-qCje) mailto:sage [2023/08/21(月) 21:53:45.50 ID:vBItB2p70.net]
CSSの話であればスレチじゃないよ

490 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9376-zwO0) mailto:sage [2023/08/21(月) 22:10:23.10 ID:fAoiKJwQ0.net]
>>478
>>349-365

491 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3958-qCje) mailto:sage [2023/08/22(火) 02:10:11.01 ID:6miEzrdo0.net]
だから?
>>365 のアホは無視すればいいだけ
userChrome.css と userContent.css の仕組みは一緒なんだからさ
それくらい判断できないの?

492 名前:名無しさん@お腹いっぱい。 (ワッチョイ a1b0-QT26) mailto:sage [2023/08/22(火) 09:16:26.74 ID:hP4EF7m70.net]
スレチかスレチじゃないかは俺が決めることにするよ

493 名前:名無しさん@お腹いっぱい。 (ワッチョイ 93cf-0WDc) mailto:sage [2023/08/22(火) 22:47:25.04 ID:hFXEtfYP0.net]
テンプレにStylishとか書いてるからcssならなんでもいいのか?

494 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4d74-vHpx) [2023/08/28(月) 00:36:06.98 ID:hzjB7R5N0.net]
cssはcss専用のスレ住人じゃないと対応が難しいそうですね・・・

.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}

でアクティブタブの形状を付箋のようにしていました
最初は-1の値を調整することで更新による変更も再調整可能でしたが、長いこと前から更新でツールバーとタブの境界線が復活しています
116.03でも通用するアクティブタブ形状の付箋化・記述例はないものでしょうか?m(vv)m

495 名前:名無しさん@お腹いっぱい。 (ワッチョイ d958-Hbvz) mailto:sage [2023/08/28(月) 04:00:43.98 ID:yqNEI0Yl0.net]
css専用のスレ住人なんてものは存在しない
だいたいどこのスレも見てる
適した場所があるだけ

496 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4acf-vHpx) mailto:sage [2023/08/28(月) 18:00:17.43 ID:cBsg+R4S0.net]
>>483
タブを下段に表示してるならこれでできる

.tabbrowser-tab[selected="true"] {
--tab-border-radius: 4px 4px 0 0 !important;
margin-bottom: -4px !important;
}

これをいれると線が消えてフラットになる

#navigator-toolbox{
border-bottom: none !important;
}

497 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4d74-vHpx) [2023/08/29(火) 02:21:09.05 ID:4TrQjH5M0.net]
>>483
アドバイス有難うございます、いずれも未達成でした

498 名前:ngワードが酷い (ワッチョイ 4d74-vHpx) [2023/08/29(火) 02:21:40.78 ID:4TrQjH5M0.net]
調整で知ったのですが、私の現行コードも厳密には効いている様子で、タブの枠である真っ黒な線をツールバーのグレー枠に変更している
つまりタブ由来の黒枠の下側をきっちり消去しているっぽいんです、これは盲点でした



499 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4d74-vHpx) [2023/08/29(火) 02:23:22.35 ID:4TrQjH5M0.net]
その上で度重なる更新によりツールバーのグレー線が「タブ枠より優先されて表示された」結果が、現在のようです

500 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4d74-vHpx) [2023/08/29(火) 02:23:57.48 ID:4TrQjH5M0.net]
アクティブタブのタブに隣接するツールバー枠で、border-topが無くなれば旧ブラウザのような付箋のように上手くなるんですが

501 名前:余所で規制の次はNGワードか (ワッチョイ 4d74-vHpx) [2023/08/29(火) 02:26:55.46 ID:4TrQjH5M0.net]
駄目だ意味不明なNGワード禁止と出てろくに書き込めませんorz
お礼や現状の報告などを書こうにも、小出しなら通ったのに・・・
まだ書くべき報告がありますがこれ以上は厳しいので割愛します
皆さん連投すみませんでした

502 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4d74-vHpx) [2023/08/29(火) 02:37:34.45 ID:4TrQjH5M0.net]
せっかく比較画像を用意したのにリンクが書き込めません!
何なのこのスレ仕様・・・ゴミすぎるわ

503 名前:名無しさん@お腹いっぱい。 (ワッチョイ d958-Hbvz) mailto:sage [2023/08/29(火) 02:41:05.05 ID:umPfNiu10.net]
>>491
https をカットするとかやり方あるんじゃない?
なんども書き込むと規制されちゃうよ

504 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4d74-vHpx) [2023/08/29(火) 02:48:53.35 ID:4TrQjH5M0.net]
めっちゃ試しましたが拡張子辺りもNGな様子で、駄目でした
全てNGワードで、普通の文章も先のように一行ずつ投稿すると書き込めましたし
そりゃこのスレが荒れたり昔のようにまともなコードの話が無くなるはずだわと痛感していますorz
変な自治オナニー行為か何かで板またはスレの投稿条件を絞りまくっているのでしょうかねえ
そういうの2ch時代からもそうですが、実に愚かで馬鹿らしいですわ(苦笑)

505 名前:名無しさん@お腹いっぱい。 (ニククエ 6db1-dglu) mailto:sage [2023/08/29(火) 12:37:14.02 ID:5pu4dRtC0NIKU.net]
(暗黒微笑)

506 名前:名無しさん@お腹いっぱい。 (ワッチョイ e5c2-FxOr) mailto:sage [2023/08/31(木) 08:07:41.57 ID:6TPFbkuE0.net]
■ 質問テンプレ
【質問】
 アップデートで117に切り替わったところ、メニューバーがタブに埋もれるようになりました
 トラブルシューティングモードでは通常に表示できているため、既存cssと何かがコンフリクトしてるのかもしれません。
 改めてメニューバーの表示を「タブの上に」1列つくりたいのですが、cssで対応できるでしょうか・・・?

【バージョン】 117.0
【UserAgent】 Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0

507 名前:495 (ワッチョイ e5c2-FxOr) mailto:sage [2023/08/31(木) 08:33:20.87 ID:6TPFbkuE0.net]
すみません、多分質問を間違えました!
タブのブラウザ上の位置はどの変数でいじるのかを聞くべきでした申し訳ありあません。

508 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4a76-dlFE) [2023/08/31(木) 17:21:34.50 ID:Ap50IFki0.net]
dblclick-tab-pinned.uc.js

// @name dblclick Tab Pinned
// @description タブのダブルクリックでピン留めトグル
// @version 1.0.1

修正できますか?働かなくなった



509 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4acf-d2nv) mailto:sage [2023/08/31(木) 22:04:41.20 ID:OsHvAYMb0.net]
jsはjavascriptだからスレチ

510 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4a76-X24D) mailto:sage [2023/08/31(木) 22:08:21.35 ID:7d+lPrR80.net]
そうくると思った

511 名前:名無しさん@お腹いっぱい。 (ワッチョイ a9cf-dlFE) mailto:sage [2023/08/31(木) 22:11:10.05 ID:f5DspAX20.net]
>>497
そら全部がコメント行やし 実行したところで何もせんわ

512 名前:名無しさん@お腹いっぱい。 (ワッチョイ d958-Hbvz) mailto:sage [2023/09/01(金) 02:11:44.07 ID:VYi11f0M0.net]
スクリプトのヘッダーコメントだけでは特定できんよ入手元URL示せ
そしてなによりスレチだ

513 名前:名無しさん@お腹いっぱい。 (ワッチョイ 7f31-aK+6) mailto:sage [2023/09/02(土) 00:27:17.62 ID:U72UNYHo0.net]
ワイは117ダブクリピン留トグル編集無しで普通に効いてるわ

514 名前:名無しさん@お腹いっぱい。 (ワッチョイ 6f3d-aK+6) mailto:sage [2023/09/06(水) 19:32:36.89 ID:sz+aC+zU0.net]
メルカリの検索結果サムネイルにマウスオーバーすると表示されるハートを非表示にしたいです
以下ではうまくいかないようです。良い方法があれば教えてください
@-moz-document domain("mercari.com") {
div.sc-e8382dd3-1 {
display: none !important;
}
}

515 名前:名無しさん@お腹いっぱい。 (ワッチョイ 6f76-NU8j) mailto:sage [2023/09/06(水) 20:49:52.76 ID:wiJCYeUS0.net]
どこにハートが

516 名前:名無しさん@お腹いっぱい。 (ワッチョイ 6f3d-aK+6) mailto:sage [2023/09/06(水) 21:01:04.75 ID:sz+aC+zU0.net]
検索結果のサムネにマウスオーバーするとこのように
https://i.imgur.com/5mxFmqc.png

517 名前:名無しさん@お腹いっぱい。 (ワッチョイ 6f76-NU8j) mailto:sage [2023/09/06(水) 21:11:16.54 ID:wiJCYeUS0.net]
>>505
ログインしないと出てこないかな
それなら自分は無理

518 名前:名無しさん@お腹いっぱい。 (ワッチョイ 6f3d-aK+6) mailto:sage [2023/09/06(水) 21:16:31.65 ID:sz+aC+zU0.net]
確かにログイン状態で出てきますね



519 名前:名無しさん@お腹いっぱい。 (ワッチョイ cf58-+GlB) mailto:sage [2023/09/06(水) 21:39:03.58 ID:36/D3TyX0.net]
AutoCloseBookMarkFoldeが使えなくなったら凄く不便になった。
別にVivaldiを使っているけど、こっちは自動で閉じないけど右クリックで全フォルダを閉じるって出来るから、使い勝手が逆転してしまった。

520 名前:名無しさん@お腹いっぱい。 (ワッチョイ ffcf-aK+6) mailto:sage [2023/09/07(木) 05:56:01.19 ID:IO+3owDN0.net]
>>503

@-moz-document domain("mercari.com") {
.icon-container {
display: none !important;
}
}

521 名前:名無しさん@お腹いっぱい。 (ワッチョイ f343-aK+6) mailto:sage [2023/09/07(木) 07:16:31.84 ID:26KXcKup0.net]
>>509
ありがとうございます
でもなぜか消えないです

522 名前:名無しさん@お腹いっぱい。 (ワッチョイ ffcf-aK+6) mailto:sage [2023/09/07(木) 20:41:13.83 ID:IO+3owDN0.net]
>>510
よく見たら>>503と書いてることは一緒だね
Stylusでは消えたからcssじゃなく何か別の原因があるんだろう

523 名前:名無しさん@お腹いっぱい。 (ワッチョイ 6340-aK+6) mailto:sage [2023/09/08(金) 07:48:18.48 ID:FJv/lYFy0.net]
>>511
メルカリページが変な読み込み方をしているようで、userContent.cssでは効かなかったため
ユーザスクリプト.jsで非表示にしました。
ありがとうございました(Stylusも使ってみようかなぁ…)

524 名前:名無しさん@お腹いっぱい。 (ワッチョイ 239c-QH8v) mailto:sage [2023/09/08(金) 10:00:55.12 ID:3+Tu9z6D0.net]
Firefox内部ページあるいは全ページに適用したい場合以外にuserContent.cssがStylusに勝るメリットはほぼないような(再起動しなくていいし)
まあStylishの件もあったし極力第三者のアドオン入れたくないってのはあるのか

要素非表示したいだけなら広告ブロッカーでjp.mercari.com##.icon-containerを指定する

525 名前:のでもいいな []
[ここ壊れてます]

526 名前:名無しさん@お腹いっぱい。 (ワッチョイ 6340-aK+6) mailto:sage [2023/09/08(金) 10:30:29.14 ID:FJv/lYFy0.net]
>>513
これまでuserContent.css変更してリロードで反映されてたと思ったんですが、
確かに再起動したら >>509 でいけました
お騒がせしました

そうですね、アドオンはできるだけ少なくしたいです

527 名前:名無しさん@お腹いっぱい。 (ワッチョイ ff76-NU8j) mailto:sage [2023/09/08(金) 11:30:08.65 ID:b4gPe3//0.net]
アドオンは40以上入れてるなぁ

528 名前:名無しさん@お腹いっぱい。 (ワッチョイ e3b1-bdWa) [2023/09/09(土) 06:21:19.78 ID:d6J+ZUU30.net]
サイドバーのブックマークで、フォルダをマウスオーバーした時に表示されるツールチップ
の横幅を変更したいです。できたら、通常のブックマークの方も。



529 名前:名無しさん@お腹いっぱい。 (ワッチョイ 1acf-bdWa) mailto:sage [2023/09/09(土) 07:59:41.59 ID:N7NW1TP90.net]
>>516

#bhTooltip > .places-tooltip-box {
width: 300px !important;
}

300のところを好きな幅にする
履歴のツールチップ幅も変わるけど現状cssだけでは対応できないっぽい

530 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sa47-MPWR) mailto:sage [2023/09/09(土) 08:19:34.34 ID:+XBq/axga.net]
>>516
/* サイドバーの幅の制限を無くす */
#sidebar-box {
min-width: 5px !important;
overflow-x: hidden !important;
}
#sidebar {
max-width: none !important;
overflow-x: hidden !important;
}

531 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3f31-Pa4f) mailto:sage [2023/09/17(日) 00:09:30.82 ID:QBQYaQOc0.net]
すべての右クリックメニューの背景色と文字の色を指定したいです
出来ますか?

532 名前:名無しさん@お腹いっぱい。 (ワッチョイ 7fae-Pa4f) mailto:sage [2023/09/17(日) 00:39:37.37 ID:Aj8cCnLp0.net]
できます

533 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3f31-Pa4f) mailto:sage [2023/09/17(日) 02:15:26.46 ID:QBQYaQOc0.net]
>>520
ありがとう出来ました
意図しない部分の変更も別途指定しできますた。

534 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3fcf-x3r4) [2023/09/17(日) 03:45:34.30 ID:QODVfJEO0.net]
>>517
横からだが助かった
横幅を100にしたついでに
背景色が真っ黒で鬱陶しくて仕方なかったのをグレーにできた

535 名前:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-VRQG) mailto:sage [2023/09/17(日) 14:23:09.41 ID:db/kDgvh0.net]
な、age厨だろ👆

536 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3fcf-x3r4) [2023/09/17(日) 14:58:27.65 ID:QODVfJEO0.net]
>>523
何か問題でも?

537 名前:名無しさん@お腹いっぱい。 (ワッチョイW ffbf-aT6b) [2023/09/17(日) 16:06:11.95 ID:ANRRBDc+0.net]
なあ Get You だろ

538 名前:名無しさん@お腹いっぱい。 (ワッチョイ 3fcf-x3r4) [2023/09/17(日) 16:15:53.42 ID:QODVfJEO0.net]
>>525
まともに対話もできない基地外かよw



539 名前:名無しさん@お腹いっぱい。 (スップ Sdaa-HhTK) mailto:sage [2023/09/28(木) 16:40:20.27 ID:OyC4DCfed.net]
UIのフォントサイズを変更したいのですが検索バーの 検索 のフォントサイズだけ何を書いても変わりません
どなたかわかりませんでしょうか

540 名前:名無しさん@お腹いっぱい。 (ワッチョイ 8676-pPKE) mailto:sage [2023/09/28(木) 17:07:56.67 ID:DH/NwX0+0.net]
検索バーの 検索 のフォントサイズ

どこなのか不明

541 名前:名無しさん@お腹いっぱい。 (ワッチョイ bb8b-UFWh) [2023/09/28(木) 18:17:23.82 ID:YdB6/Yin0.net]
ttps://qiita.com/tomoki1207/items/001af8e01a392cfc22fd
ここを参考にマウスオーバーでラベルを表示出来るようにしていたんだけどアップデートでesr115になったら出来なくなりました
良い方法があれば教えてください

542 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sacf-CSnM) mailto:sage [2023/09/28(木) 19:45:48.21 ID:psHg24vPa.net]
>>529
Group Speed Dial利用してないなら下記
/*#nav-bar {
background-color:transparent !important;
}
#PersonalToolbar {
position: absolute;
top: 63px;
left: 0;
width: 100%;
height: 33px;
z-index: 9999;
visibility: collapse !important;
-moz-transition-duration: .15s !important;
-moz-transition-timing-function: ease-in-out !important;
}
#navigator-toolbox:h

543 名前:over > #PersonalToolbar {
visibility: visible !important;
-moz-transition: .15s ease-in-out;
[]
[ここ壊れてます]

544 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sacf-CSnM) mailto:sage [2023/09/28(木) 19:48:36.11 ID:psHg24vPa.net]
いまは下記を利用
#PersonalToolbar{
--uc-bm-height: 20px;
--uc-bm-padding: 4px;
--uc-autohide-toolbar-delay: 300ms;
--uc-autohide-toolbar-focus-rotation: 0deg;
--uc-autohide-toolbar-hover-rotation: 0deg;
}
:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
#PersonalToolbar:not([customizing]){
position: relative;
margin-bottom: calc(0px - var(--uc-bm-height) - 3.5 * var(--uc-bm-padding));
transform: rotateX(90deg);
transform-origin: top;
transition: transform 160ms linear var(--uc-autohide-toolbar-delay) !important;
z-index: 1;
}
#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
#nav-bar:focus-within + #PersonalToolbar{
transition-delay: 300ms !important;
transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
}
#navigator-toolbox:hover > #PersonalToolbar{
transition-delay: 300ms !important;
transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
}
#navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar {
transform: rotateX(0);
}

545 名前:名無しさん@お腹いっぱい。 (アウアウウーT Sacf-CSnM) mailto:sage [2023/09/28(木) 19:50:20.77 ID:psHg24vPa.net]
表示したとき、下ねズレても良いなら
/*#nav-bar {
background-color:transparent !important;
}
#PersonalToolbar:not(:hover) {
visibility: collapse !important;
background-color:transparent !important;
-moz-transition-duration: .15s !important;
-mozt-ransition-timing-function: ease-in-out !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
-moz-transition: .15s ease-in-out;
}

546 名前:名無しさん@お腹いっぱい。 (ニククエ d34f-3hLy) mailto:sage [2023/09/29(金) 23:47:09.01 ID:AoXvNtgi0NIKU.net]
>>527

/* URLバー,検索バー */
#urlbar-input-container,
#searchbar,#urlbar,
#navigator-toolbox .searchbar-textbox
{
background-color: #252525!important;
color: #ffffff!important;
font-size: 11px !important;
border-radius: 5px;
Outline: none !important;
}

547 名前:名無しさん@お腹いっぱい。 (ニククエ d34f-3hLy) mailto:sage [2023/09/29(金) 23:54:57.50 ID:AoXvNtgi0NIKU.net]
/* 検索バー・URLバー・サイドバーのグレイテキストを非表示 */
#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
#sidebar-search-container *|input::placeholder,
.findbar-textbox *|input::placeholder {
color: transparent !important;
}

548 名前:名無しさん@お腹いっぱい。 [2023/10/03(火) 13:55:03.07 ID:glxmpd8/0.net]
メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線+グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか?

/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
 background-color: #ff0000 !important;
}



549 名前:名無しさん@お腹いっぱい。 [2023/10/03(火) 13:55:22.93 ID:glxmpd8/0.net]
メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線+グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか?

/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
 background-color: #ff0000 !important;
}

550 名前:名無しさん@お腹いっぱい。 [2023/10/03(火) 13:55:41.66 ID:glxmpd8/0.net]
メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線+グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか?

/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
 background-color: #ff0000 !important;
}

551 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/04(水) 07:38:29.93 ID:CD/qDaPUM.net]
メールって何の話だ?

552 名前:名無しさん@お腹いっぱい。 [2023/10/04(水) 10:39:17.09 ID:b6Ry5t2R0.net]
>>535
最後の
 background-color: #ff0000 !important;
の行頭だけ全角の空白になっているけどそれのせいでは?

553 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/04(水) 15:02:24.11 ID:toq88rwo0.net]
スレッドツリーって要素名出てるじゃん。
試しに537の適用してみたら空色系のストライプになるのな。
が、俺じゃ537のやりたい事は解決できんかったわ。

554 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9d58-Hwqz) mailto:sage [2023/10/07(土) 17:06:54.98 ID:gMquilR20.net]
age厨に構うなよ
基地外が感染るぞ

555 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4681-GYY9) mailto:sage [2023/10/07(土) 19:38:44.76 ID:9JpcC6Gl0.net]
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}  

の!important外したら良いんじゃ無いか?

556 名前:名無しさん@お腹いっぱい。 (ワッチョイW c9b1-+36z) mailto:sage [2023/10/14(土) 03:47:46.43 ID:p9c68WWW0.net]
はーい。○○(なんか名前)ちゃん。至急、1階理科室に来てねー♪」(校内放送風)

557 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/15(日) 01:52:19.51 ID:wH/HU4v80.net]
536です。542で提示された方法で上手くいきました。感謝

558 名前: []
[ここ壊れてます]



559 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/15(日) 01:52:33.12 ID:wH/HU4v80.net]
536です。542で提示された方法で上手くいきました。感謝!

560 名前:名無しさん@お腹いっぱい。 (ワッチョイ 49c2-Def0) mailto:sage [2023/10/15(日) 19:04:37.00 ID:t8mjpJIG0.net]
久しぶりにfirefox入れたらタブとタブの境目がなくなって難儀してます

/* タブ間のセパレータ表示 */
#tabbrowser-arrowscrollbox .tabbrowser-tab {
border-right: 1px solid color-mix(in srgb, -moz-accent-color-foreground 30%, transparent) !important;
padding-inline: 0px !important;
}

前に使ってたcssはこれっぽかったんですが、今は使えないみたいなのでよければ教えてくれるとうれしいです

561 名前:名無しさん@お腹いっぱい。 (ワッチョイ d371-T9H3) mailto:sage [2023/10/15(日) 19:39:22.72 ID:7JMt6y890.net]
Firefox 103以降

以下の変更があるので注意
-moz-accent-color-foreground は AccentColorText に変更
-moz-accent-color は AccentColor に変更

562 名前:名無しさん@お腹いっぱい。 (ワッチョイ 865d-1API) mailto:sage [2023/10/22(日) 09:35:55.31 ID:NgoL7Nu20.net]
>>547
あ、なるほど。ありがとうございます。そりゃだめなわけだ 書き直しですね・・・

563 名前:名無しさん@お腹いっぱい。 [2023/10/24(火) 13:02:13.78 ID:audtL+8s0.net]
皆この馬鹿みたいに無駄で長いコンテキストメニュー使ってんの?
やっぱChromeに戻るわ

564 名前:sage [2023/10/25(水) 03:15:54.66 ID:H2iQZaNw0.net]
119.0にしたら
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
が効かなくなってしまった。もうアクティブタブのラインって無理ですか?

565 名前:sage [2023/10/25(水) 03:16:07.22 ID:H2iQZaNw0.net]
119.0にしたら
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
が効かなくなってしまった。もうアクティブタブのラインって無理ですか?

566 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/25(水) 03:45:13.02 ID:nbkLrjdD0.net]
>>550
.tab-background[selected]

567 名前:名無しさん@お腹いっぱい。 [2023/10/25(水) 04:13:13.12 ID:ngceVmoy0.net]
>>552
出来ました。ありがとうございます♪

568 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/25(水) 08:58:47.66 ID:eUF47XP20.net]
>>549
なんの話?w



569 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/25(水) 09:03:45.28 ID:3+PMKa0tH.net]
>>549
( ´,_ゝ`)プッ

570 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/25(水) 10:32:45.07 ID:+AeJOHd60.net]
>>551
これって118.0.2の新規プロファイルで試してみたんですがタブの見た目に変化はありませんでした
どのような感じになるのか画像をお願いできませんでしょうか
もし有用そうなら私も使用しようかなと思いまして

571 名前:名無しさん@お腹いっぱい。 (ワッチョイ 16cf-JD/u) mailto:sage [2023/10/25(水) 14:51:47.05 ID:bPHWPtVe0.net]
egg.5ch.net/test/read.cgi/software/1622565390/238

/* 選択中のタブの色をツールバーと同一化 */
.tab-background[selected="true"] {
color: var(--toolbar-color) !important;
background-color: var(--toolbar-bgcolor) !important;
}

119.0で効かなくなりました
修正箇所ありましたら教えてください

572 名前:名無しさん@お腹いっぱい。 (ワッチョイ 8e13-ptOG) [2023/10/25(水) 15:39:59.51 ID:B2VqDQqQ0.net]
>>552
横からありがとー

573 名前:名無しさん@お腹いっぱい。 (ワッチョイ 16cf-JD/u) mailto:sage [2023/10/25(水) 17:24:24.10 ID:bPHWPtVe0.net]
>>552
>>551のどの部分を置き換えるのでしょうか

新規のuserChrome.cssに>>551だけ書いて

.tab-background[multiselected],
.tab-background[selected="true"]

それぞれどちらかを.tab-background[selected]に置き換えても変化なし
2行とも消して.tab-background[selected]だけ書いても変化なしでした

118.0.2では>>551,557で反映されていました

574 名前:名無しさん@お腹いっぱい。 (ワッチョイ d676-GRDq) mailto:sage [2023/10/25(水) 20:31:07.85 ID:y2JWOoIL0.net]
>>557
selected="true"を selected

575 名前:名無しさん@お腹いっぱい。 (ワッチョイ 1a78-iKuA) mailto:sage [2023/10/25(水) 21:25:46.63 ID:V2Ry5K2m0.net]
ええ…今迄のCSSそのまま使えるんなら、.tab-context-lineまで馬鹿正直に指定し直したのは無駄だったんか

/* 選択タブ上部のラインを強調 */
.tabbrowser-tab:is([multiselected],[selected="true"]):not(:-moz-lwtheme) .tab-stack .tab-background {
background: rgb(255,255,255) !important;
}
.tabbrowser-tab:is([multiselected],[selected="true"]) .tab-stack .tab-background .tab-context-line {
border-top: 2px solid rgb(64,128,251) !important;
}
/* 非選択タブ上部の枠線

576 名前: */
.tabbrowser-tab:not([multiselected],[selected="true"]) .tab-stack .tab-background {
background: linear-gradient(to bottom, rgba(100, 100, 100, 1.0) 1px, rgba(77, 77, 77, .20) 0%, rgba(77, 77, 77, .20) 100%) !important;
}
[]
[ここ壊れてます]

577 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/26(木) 00:29:42.90 ID:nvDVNtCg0.net]
タブバーの背景色をメニューバーから引き継ぎたいんですが、
--toolbar-bgcolorみたいなのありますか?

#tabbrowser-tabs {
background-color: var(--menubar-bgcolor) !important;
}

578 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/26(木) 00:50:54.58 ID:rV+4BsPt0.net]
その上の方でroot で色指定してるんじゃね



579 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/26(木) 07:39:17.71 ID:0BAp8JMp0.net]
>>552
横からだけどありがとう。
同じくタブ上部のラインの色が効かなくてここに来ました。
無事解決した。

580 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/26(木) 07:39:25.81 ID:0BAp8JMp0.net]
>>552
横からだけどありがとう。
同じくタブ上部のラインの色が効かなくてここに来ました。
無事解決した。

581 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/26(木) 08:10:57.31 ID:V+pbOwTC0.net]
>>563
上の方ではメニューバーの色を指定してるんですが(rootでは指定していません)、この色が--menubar-bgcolorに反映されません
そもそも--menubar-bgcolorなんてものは無くて、適切な文字列があるのでしょうか?

/* メニューバーの背景色 */
#toolbar-menubar, menubar#main-menubar > menu {
background-color: #E3E4E6 !important;
}
/* タブバーの背景色 */
#tabbrowser-tabs {
background-color: var(--menubar-bgcolor) !important; /* 反映されない? */
}

582 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/26(木) 08:56:11.14 ID:V+pbOwTC0.net]
あー、もしかして--toolbar-bgcolor変数なんてものもなくて
cssの上の方で--toolbar-bgcolorをユーザ定義してるってことですかね
でも--toolbar-bgcolorはユーザ定義してないですがちゃんと色入ってますね

583 名前:名無しさん@お腹いっぱい。 (ワッチョイ 7a97-JD/u) mailto:sage [2023/10/26(木) 12:16:41.38 ID:kv1Lk2og0.net]
>>567
--toolbar-bgcolorは:rootでブラウザが定義してる
スタイル当てたらそれらしい変数に勝手に割り当ててくれるなんて機能はない
値を使いまわしたいなら:rootでなくてもいいから共通の親で自分でcss変数定義すればいい

584 名前:名無しさん@お腹いっぱい。 (ワッチョイ f5b8-s3V2) mailto:sage [2023/10/26(木) 13:27:59.67 ID:V+pbOwTC0.net]
>>568
やっぱり--toolbar-bgcolorはブラウザ定義なんですね
そういうブラウザ定義のリストってどこかにありませんか?

585 名前:名無しさん@お腹いっぱい。 (ワッチョイ 41cf-iKuA) mailto:sage [2023/10/26(木) 13:46:30.08 ID:ZvDnGjaS0.net]
このへんじゃね?
chrome://browser/skin/browser-shared.css

586 名前:名無しさん@お腹いっぱい。 (ワッチョイ 16cf-JD/u) mailto:sage [2023/10/26(木) 14:28:50.61 ID:h6pHxydk0.net]
>>552
>>560
ありがとう
でもできなかったです

>>561
こちらでタブ上部ラインとタブの色をツールバーと同一化
できましたありがとう

587 名前:名無しさん@お腹いっぱい。 (ワッチョイ f5b8-s3V2) mailto:sage [2023/10/26(木) 15:49:39.80 ID:V+pbOwTC0.net]
>>570
ありがとうございます!

588 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/27(金) 00:03:37.40 ID:LduYCR+R0.net]
ブックマークアイテムを右クリックするとコンテキストメニューが出るけど
選択したブックマークアイテムの背景色が選択されてない状態に戻ってしまいます

選択したブックマークアイテムの背景色を残したままコンテキストメニューを開いて選択できるような挙動にするには
どのようなcssになりますか?お願いします



589 名前:名無しさん@お腹いっぱい。 (ワッチョイ dd5d-ptOG) mailto:sage [2023/10/27(金) 18:08:13.21 ID:r9Ml0IYI0.net]
/* サイドバーの背景色 */
#historyTree,
#bookmarks-view treechildren,
#bookmarksPanel/* 検索ボックスの周囲の色 */ {
background-color: #3C444B!important;
border: solid 1px #3C444B !important;
}

/* クリック中選択状態のボーダーを消す */
treechildren::-moz-tree-row(current, focus) {
border: 1px dotted #F3D982 !important;
outline: none !important;
}

/* クリック中選択状態のアイテム */
#bookmarksPanel treechildren::-moz-tree-row(selected,current,focus) {
background-color: #6a788a !important;
border: solid 1px #495361 !important;
}

590 名前:名無しさん@お腹いっぱい。 (ワッチョイ dd5d-ptOG) mailto:sage [2023/10/27(金) 18:08:46.58 ID:r9Ml0IYI0.net]
/* 非アクティブ状態で選択状態のテキスト */
#bookmarksPanel treechildren::-moz-tree-cell-text(selected) {
color: #ffffff !important;
background-color: #6a788a !important;
}
/* 背景色 */
#bookmarksPanel treechildren::-moz-tree-row(selected) {
background-color: #6a788a !important;
border: solid 1px #495361 !important;
}

/* アクティブ状態で、選択状態のテキスト */
about:stylish-edit?id=15#bookmarksPanel treechildren::-moz-tree-cell-text(selected,focus) {
color: #ffffff !important;/*白抜き文字*/
background-color: #6a788a !important;
}

591 名前:名無しさん@お腹いっぱい。 (ワッチョイ dd5d-ptOG) mailto:sage [2023/10/27(金) 18:09:56.96 ID:r9Ml0IYI0.net]
/* セパレーター */
#bookmarksPanel treechildren::-moz-tree-separator {
border: 1px dotted #c7c7c7 !important;
margin-bottom: 1px !important;
margin-right: 10px !important;
}

592 名前:名無しさん@お腹いっぱい。 (ワッチョイ cd97-ptOG) mailto:sage [2023/10/27(金) 19:59:41.11 ID:0ytDqati0.net]
サイドバー開いて、サイドバーのブックマーク欄の空白部分をクリックした時に出るこの水色の点線枠消したいのですが、
お教え下さい。
https://i.imgur.com/4vEL74M.png

593 名前:名無しさん@お腹いっぱい。 (ワッチョイ 4e1b-ptOG) mailto:sage [2023/10/27(金) 20:27:12.12 ID:LQ21L+jl0.net]
>>574
こうですか?うまく緑になりませんがどこか違うんでしょうね…
#bookmarksMenu menupopup > menuitem treechildren::-moz-tree-row(selected)
{ background-color: green !important; }

594 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/27(金) 22:40:40.30 ID:Yu37zTfi0.net]
ツイキャスの配信開始時に出るクリックしないと消えないダイアログ?を出ないようにする方法ありますか?

595 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/29(日) 11:14:49.21 ID:q6Jtw/pd0.net]
>>577

/* 選択中の点線を消す */
:root {
--default-focusring-width : 0px !important;
}


上記消えない場合か不都合があれば↓で。

/* 選択中の点線を消す */
treechildren::-moz-tree-row(current, focus) {
border: 1px dotted #F3D982 !important; /* 周囲と同じ色を指定する */
outline: none !important;
}

596 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/29(日) 14:06:26.62 ID:WwYD5jxO0NIKU.net]
>>580
ありがとうございます!
上のCSSで無事消せました!
感謝です。

597 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/30(月) 00:19:05.47 ID:hKMZydOnd.net]
んー上のやってみたがタブの色戻らんなぁ

598 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/30(月) 00:39:04.32 ID:hKMZydOnd.net]
ホバーのときはもとので出来るのに



599 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/30(月) 01:15:04.63 ID:hKMZydOnd.net]
.tabbrowser-tab[selected] > .tab-stack > .tab-background{

できたわ

600 名前:名無しさん@お腹いっぱい。 (ワッチョイ d3ad-Q0z2) mailto:sage [2023/10/30(月) 08:07:53.73 ID:JtHnNYR10.net]
描画速度としてはCSSセレクタは子セレクタ(>でつなげる)よりも、小孫セレクタ(スペースでつなげる)の方が速いらしいって聞いて
子セレクタで書いてたやつをほとんど小孫セレクタに書き換えたわ、体感的には分からんけど
ブラウザで取得できるCSSセレクタも小孫セレクタだしな

601 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/10/30(月) 09:27:01.83 ID:JtHnNYR10.net]
タブが1つの時はタブバーを非表示にしたいんですが、以下ではうまくいきませんでした
どのようなセレクタが適切でしょうか?教えて頂ければ幸いです

tab:only-of-type:has(#TabsToolbar)
{
display: none !important;
}

602 名前:名無しさん@お腹いっぱい。 (ワッチョイ 1397-H9h+) mailto:sage [2023/10/30(月) 10:45:47.94 ID:r6GkuSgf0.net]
>>586

#TabsToolbar:has(tab:only-of-type) {
display: none !important;
}

603 名前:名無しさん@お腹いっぱい。 (ワッチョイ d3ad-Q0z2) mailto:sage [2023/10/30(月) 13:54:38.64 ID:JtHnNYR10.net]
>>587
ありがとうございます、でもhas使いこなせず結局うまくいかなかったので
以下を参考にしてタブバー隠せました
https://support.mozilla.org/en-US/questions/1394300

tab:only-of-type, tab:only-of-type + #tabbrowser-arrowscrollbox-periphery
{ display: none !important; }

604 名前:名無しさん@お腹いっぱい。 (ワッチョイ 29cf-n4SB) [2023/10/30(月) 20:37:26.66 ID:RGZ6UolO0.net]
つべの投稿が何日前とかじゃなく投稿日で見えるようにするやつ
前は後者だけだったのだがhoverするまでの位置が安定しなかった
背景はダーク用な
/* 次のの直前:最初からサイズ0なのだが次のの位置決定に悪さする対策 */
tp-yt-paper-tooltip.style-scope.ytd-watch-info-text
{left: 0px !important; top: 0px !important;}
/* 有効になったときに動くと鬱陶しいので元の位置も変えておく */
div#description div#tooltip.style-scope.tp-yt-paper-tooltip,
div#description div#tooltip.style-scope.tp-yt-paper-tooltip.hidden
{display:block !important; width:621px; height:13px;
position:absolute; top:-3px; left:-5px;
background:#282828; font-size:13px !important;}

605 名前:名無しさん@お腹いっぱい。 (中止 13f4-XVKo) mailto:sage [2023/10/31(火) 00:32:26.75 ID:iqpOrJ4W0HLWN.net]
119、visuallyselected使えなくなってる?

606 名前:名無しさん@お腹いっぱい。 [2023/11/01(水) 15:34:22.06 ID:KThtrPBO0.net]
>>0588
横から Many thanks!

607 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/01(水) 15:53:27.22 ID:AjY8Q9D10.net]
アドレスバーの候補表示設定を全てチェックを外すとポップアップで候補が表示されなくなりますが
URLをクリックすると青い枠が表示されます
目障りなので青い枠を表示させないようにするcssを教えてください

以下はだめでした
#urlbar:-moz-focusring {
outline: none !important;
}

608 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/01(水) 16:26:18.91 ID:8JmZmfoZ0.net]
以下が効かなくなったのですが修正方法を教えてください
img:-moz-loading{visibility:hidden!important;}



609 名前:名無しさん@お腹いっぱい。 (ワッチョイ d335-Q0z2) mailto:sage [2023/11/01(水) 20:23:59.23 ID:AjY8Q9D10.net]
ブラウザツールボックス内のコンテキストメニューの縦幅サイズが大きいのですが
ここはuserChrome.cssでのカスタムはムリでしょうか?
以下は効きませんでした
menuitem, menu
{ padding: 2px 5px 2px 5px !important; }

610 名前:名無しさん@お腹いっぱい。 (ワッチョイ 1397-c8RC) mailto:sage [2023/11/01(水) 21:48:46.01 ID:wAXBWz1U0.net]
>>594
ブラウザツールボックス用のcssはchrome_debugger_profile\chromeの中に置く

611 名前:名無しさん@お腹いっぱい。 (ワッチョイ d335-Q0z2) mailto:sage [2023/11/01(水) 22:01:33.38 ID:AjY8Q9D10.net]
>>595
できました!ありがとうございます

612 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/02(木) 14:09:26.40 ID:m2u+gzLF0.net]
>>592のやつですが以下で青色が出ないようにはできました
ただ、枠外のボーダーかシャドウがまだ出てしまうので、それも出ないようにしたいです
(つまりURLバーをクリックしても見た目が変わらないようにしたい)
現状以下です、よろしくお願いします

/* アドレスバーにフォーカスしても見た目を変えない */
#urlbar {
--toolbar-field-focus-border-color: var(--toolbar-field-border-color) !important;
--toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;
box-shadow: 0px !important;
border: 0px !important;
}

613 名前:名無しさん@お腹いっぱい。 [2023/11/02(木) 17:28:01.25 ID:D5QlkTpH0.net]
>>597
#urlbar-background {
outline: none !important;
box-shadow: none !important;
}

614 名前:名無しさん@お腹いっぱい。 (ワッチョイ d3ba-Q0z2) mailto:sage [2023/11/02(木) 19:16:48.26 ID:m2u+gzLF0.net]
>>598
ありがとうございます!

615 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/07(火) 21:42:22.00 ID:c+tTtFER0.net]
UIのポップアップメニューのマウスオーバー色は変えたいけど
コンテンツ内のプルダウンメニューのマウスオーバー色はデフォルトにしたいです
以下ではblueにはなりませんでしたが、デフォルトのマウスオーバー色にもなりませんでした
ご教示のほどお願いします

/* ポップアップメニューアイテムのマウスオーバー色 */
menuitem:hover {
background-color: blue !important;
}
/* コンテンツ内プルダウンメニューアイテムのマウスオーバー色 */
.ContentSelectDropdown-item-0:hover {
background-color: initial !important;
}

616 名前:名無しさん@お腹いっぱい。 [2023/11/08(水) 07:06:08.77 ID:+nsDVE5s0.net]
>>600
menupopup:not(#ContentSelectDropdownPopup) :is(menu, menuitem):not([disabled])[_moz-menuactive] {
background-color: blue !important;
}

617 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/08(水) 10:11:01.21 ID:oaEIXEKj0.net]
>>601
menuitem:not(.ContentSelectDropdown-item-0):hover
で除外できました。ありがとうございます。
後方でinitial等で初期値を上書きできればと思ったんですが、うまくいかないものですね。

618 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/09(木) 14:55:57.94 ID:mKBsKUDr0.net]
>>560
557じゃないけどありがとうございます



619 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/09(木) 16:55:27.65 ID:xJjECzt90.net]
:where(.aaa, .bbb)
がなんとなく調子悪いので
:is(.aaa, .bbb)
を使ってる

:whereって複数選択できないのかな?

620 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/09(木) 17:17:51.52 ID:lYn3aIN50.net]
:whereは詳細度上がらないから有無を言わさずルール上書きしたい場合に向かない

621 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/09(木) 19:02:11.37 ID:xJjECzt90.net]
なるほど、やっぱり:isを使うべきか

622 名前:名無しさん@お腹いっぱい。 (スップーT Sdc2-jfG6) mailto:sage [2023/11/10(金) 15:40:27.75 ID:voYkgPVmd.net]
Chromeだったらアドオンでいくつかあるのだけど、Firefoxには見当たらないので、
YouTubeのコントロールバーをプレイヤーの下に表示するCSSを作りました。
標準プレイヤーのみの対応ですが、よければ使ってください。

/* 標準プレイヤーの高さをコントロールバーの分増やす */
ytd-watch-flexy:not([theater]) #player-container-inner {
height: 51px !important
}
/* プレイヤーバックの色変更 */
ytd-watch-flexy:not([theater]) #movie_player {
background-color: #000000 !important
}

なお、コントロールバーは一定時間経てば消えますが、
常時表示したい場合は、次のスクリプトをインストールしてください。

YouTube Permanent ProgressBar
https://greasyfork.org/ja/scripts/426283-youtube-permanent-progressbar

このCSS、シネマモードでも使えるようにしたいのですが、どうもうまく行きません。
もしいい方法があれば、助言お願いします。

623 名前:名無しさん@お腹いっぱい。 (ワッチョイ 194f-jfG6) mailto:sage [2023/11/10(金) 20:24:32.44 ID:f3pKcrn20.net]
Firefoxのポップアップの背景色だけ有効にしたいでのですが
どのようにすれば良いですか

/* ポップアップ */
.menupopup-arrowscrollbox{
background-color: Pink !important;
}

624 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/10(金) 21:03:58.18 ID:WOCSS5Dk0.net]
Pinkじゃなくてとりあえずredで試してみたら?
俺は以下で変えられてる

/* ポップアップメニューの背景色 */
.menupopup-arrowscrollbox {
background-color: #F2F2F2 !important;
}

625 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/10(金) 23:08:12.50 ID:f3pKcrn20.net]
FirefoxのUI以外はどのように除外すればよいのでしょう?
一部のサイトで色が変わってしまいます

626 名前:名無しさん@お腹いっぱい。 (ワッチョイ 1f5e-gzdM) mailto:sage [2023/11/11(土) 06:02:19.50 ID:DRpcqQZc0.net]
>>607

:root {
--controller-height: 51px;
}
#full-bleed-container {
margin-bottom: var(--controller-height) !important;
}
ytd-watch-flexy[theater] {
z-index: 0 !important;
}
ytd-watch-flexy[theater] .html5-video-player {
overflow: visible !important;
}
ytd-watch-flexy[theater] .ytp-chrome-bottom {
margin-bottom: calc(var(--controller-height) * -1) !important;
}
ytd-watch-flexy[theater] #player-container::after {
content: '';
position: absolute;
width: 100%;
height: var(--controller-height);
margin-bottom: calc(var(--controller-height) * -1);
background: #000;
z-index: -1;
}

--controller-heightでコントローラー位置を調節できる

627 名前:名無しさん@お腹いっぱい。 (ワッチョイ 1f5e-gzdM) mailto:sage [2023/11/11(土) 08:01:50.19 ID:DRpcqQZc0.net]
>>611
横着したら普通の方のデザインが崩れてたので訂正
:root {
--controller-height: 51px;
}
ytd-watch-flexy[theater] #full-bleed-container {
margin-bottom: var(--controller-height) !important;
}
ytd-watch-flexy[theater] {
z-index: 0 !important;
}
ytd-watch-flexy[theater] .html5-video-player {
overflow: visible !important;
}
ytd-watch-flexy[theater] .ytp-chrome-bottom {
margin-bottom: calc(var(--controller-height) * -1) !important;
}
ytd-watch-flexy[theater] #player-container::after {
content: '';
position: absolute;
width: 100%;
height: var(--controller-height);
margin-bottom: calc(var(--controller-height) * -1);
background: #000;
z-index: -1;
}

ついでにツールチップの位置を下げるやつ

.ytp-tooltip {
margin-top: var(--controller-height) !important;
}

628 名前:607 mailto:sage [2023/11/11(土) 21:50:24.44 ID:iFV/7D8Nd1111.net]
>>612
うまく行きました。
本当にありがとうございます。
このCSSを見ると、自分のスキルではまだまだ無理だと実感しましたw

個人的に、コントロールバーを下にずらしたので、
バーを覆っていた影が気になるため、非表示にしました。

/* プレイヤー下部の影の非表示 */
ytd-watch-flexy .ytp-gradient-bottom {
display: none !important
}



629 名前:名無しさん@お腹いっぱい。 (ワッチョイ 1f58-kIyz) mailto:sage [2023/11/15(水) 00:03:48.32 ID:6c0l3urr0.net]
>>593
削除されてました
1850342 - Remove :-moz-loading, and avoid exposing :-moz-broken pseudo-class to content.
ttps://bugzilla.mozilla.org/show_bug.cgi?id=1850342

630 名前:名無しさん@お腹いっぱい。 [2023/11/16(木) 15:55:02.31 ID:GAfZis5L0.net]
ここにある
https://www.userchrome.org/firefox-89-styling-proton-ui.html
↓のように、アクティブタブの上部に青線、だけほしいので書式お願いします。

Container/Active Tab color line:
+Blue Line on active tab

631 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/16(木) 16:39:40.94 ID:dwMVWCtr0.net]
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}

632 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/16(木) 20:15:35.11 ID:GAfZis5L0.net]
>>615
ありがとうございます。試したのですが出来ないみたいですので
とりあえずは、そこのCSS based on above options:
での書式で行きます。

633 名前:名無しさん@お腹いっぱい。 (ワッチョイ 1f66-gzdM) mailto:sage [2023/11/16(木) 21:16:15.52 ID:9vD6Cyf/0.net]
/* アクティブタブの上に青い線 */
.tab-background:is([selected], [multiselected]) {
border-top: 1px solid Blue !important;
}

634 名前:名無しさん@お腹いっぱい。 (ワッチョイ 7f76-Zoup) mailto:sage [2023/11/16(木) 21:48:31.17 ID:GAfZis5L0.net]
>>618
ありがとうございます。出来ました。

635 名前:名無しさん@お腹いっぱい。 (ワッチョイ 9f58-Zoup) mailto:sage [2023/11/17(金) 19:08:03.92 ID:OXKGruvy0.net]
/* アクティブタブの文字色 */
label

636 名前:.tab-text.tab-label[selected="true"]{font-weight: bold !important;}

これが119で動かないんだけどどこを修正すれば動きますか?
[]
[ここ壊れてます]

637 名前:名無しさん@お腹いっぱい。 (ワッチョイ ffb8-gzdM) mailto:sage [2023/11/17(金) 19:33:17.61 ID:xX6UYbsC0.net]
="true"
を削除

638 名前:名無しさん@お腹いっぱい。 (ワッチョイ 1f4f-gzdM) mailto:sage [2023/11/17(金) 20:32:00.21 ID:UwG7SfoR0.net]
/* アクティブタブの背景色 */
.tab-background:is([selected], [multiselected])

/* アクティブタブの文字色 */
.tabbrowser-tab:is([visuallyselected], [multiselected])

/* 非アクティブタブの背景色 */
.tab-background:not([selected], [multiselected])

/* 非アクティブタブの文字色 */
.tabbrowser-tab:not([visuallyselected], [multiselected])

/* アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:is([selected], [multiselected])

/* アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:is([selected], [multiselected])

/* 非アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected])

/* 非アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:not([selected], [multiselected])



639 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/18(土) 19:17:35.84 ID:cgw9DvTW0.net]
firefoxでstylus更新したらCSS効かなくなったんだけどなんで?

640 名前:名無しさん@お腹いっぱい。 (ワッチョイ a503-hO6y) mailto:sage [2023/11/18(土) 22:56:43.75 ID:XB8apQtC0.net]
>>623
バージョンは?
1.5.37 はバグありで取り下げられた

641 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/20(月) 23:52:25.21 ID:9MiWme6b0HAPPY.net]
現バージョンでの音が出ているタブの色を変える方法が判明したら教えていただけますか

642 名前:名無しさん@お腹いっぱい。 (ワッチョイ e92d-rrr/) mailto:sage [2023/11/21(火) 02:53:40.34 ID:PceYQi9w0.net]
>>625

.tabbrowser-tab:is([soundplaying], [muted]) .tab-background {
background-color: #f00 !important;
}

643 名前:名無しさん@お腹いっぱい。 (ワッチョイ 520c-hO6y) mailto:sage [2023/11/21(火) 04:15:33.59 ID:MY2f9Xb80.net]
>>626
ほんと助かります、どうもありがとう

644 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/21(火) 18:02:55.23 ID:KzKE9Xic0.net]
>>626
動くアイコンより見やすくていいね

645 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/21(火) 19:20:04.63 ID:YsTcpB/K0.net]
俺はアイコンで音のオンオフするから全部乗せにてるわ
普通に見やすい

/* サウンドタブをアニメーション化 (赤) */
/* ミュートアイコンに色を付ける (黒) */
/* サウンドタブのファビコンを復活 */
/* サウンドタブの背景色+半透明化 */

646 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/22(水) 16:28:41.22 ID:5dG5VQLh0.net]
Firefox 120で結構変更入ったっぽい?
まあESR使ってるからあんまり関係ないけど

647 名前:名無しさん@お腹いっぱい。 mailto:sage [2023/11/22(水) 16:45:50.24 ID:DbYbpYZP0.net]
アクティブタブ上部に線をつけたいです

648 名前:過去ログ ★ [[過去ログ]]
■ このスレッドは過去ログ倉庫に格納されています








[ 新着レスの取得/表示 (agate) ] / [ 携帯版 ]

前100 次100 最新50 [ このスレをブックマーク! 携帯に送る ] 2chのread.cgiへ
[+板 最近立ったスレ&熱いスレ一覧 : +板 最近立ったスレ/記者別一覧]( ´∀`)<203KB

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef