userChrome.css・userContent.cssスレ Part12

2022/04/21(木) 23:24:46.59

!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
とほほのスタイルシート入門
http://www.tohoho-web.com/css/

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

2023/05/15(月) 15:23:58.77

>>414-416
やっぱできなくなったんですね・・
で、>>413を入れることもなく、>>416の値を2にすることで細く丸くなってくれたのでこれで満足です。
ありがとうございました！

2023/05/15(月) 20:29:49.30

ユーザーが勝手にカスタマイズするなと言わんばかりの仕様だな

2023/05/15(月) 23:55:57.32

なんかのソフト作った人がそういう社風が嫌でモジラやめたっていってたな

2023/05/16(火) 00:02:16.18

それ、いつの誰の話だかさっぱりわからんな

2023/05/19(金) 01:03:57.15

>>391
これで直った、ありがたい
感謝

2023/05/28(日) 21:13:44.23

アドレスバーと検索バーの細い枠線を常時表示できませんか？

2023/05/28(日) 21:44:28.09

どういうこと？

2023/05/28(日) 21:54:49.56

こういうのかな

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

2023/05/29(月) 07:21:49.18

>>424
ありがとう、思い通りです。
しかし次のCSSで検索バーはうまくいくのですが、URLバーの丸みが崩れます。
回避策ありませんか？
/*** 検索バー&URLバーに丸み ***/
#searchbar {border-radius: 0.8em !important;}
#urlbar-background{border-radius: 0.8em !important;}

**425** (ｱｳｱｳｳｰT Sa8f-FgTA) · 2023/05/29(月) 07:44:26.70

ごめん、もともとうまく行ってなかったと思う。
検索バー、URLバーが非アクティブでも丸みをつけられませんか？

2023/05/29(月) 08:18:34.08

/*
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;
}

**425** (ｱｳｱｳｳｰT Sa8f-FgTA) · 2023/05/29(月) 09:14:04.64

>>427
おー、見事ですね。
424案でも検索バー&URLバーに丸みを外すとスッキリしますね。
427案にするか迷うところです。

2023/06/01(木) 00:12:14.84

ツールバーの拡張機能のボタンをクリックした時の順番を
任意の順番に変えるuserChrome.jsってありますか？

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

**429** (ﾜｯﾁｮｲ 7b58-+Kkr) · 2023/06/01(木) 00:14:29.26

すみません。スレチでした。

2023/06/01(木) 08:37:50.44

ところでFirefoxのツールバーの拡張機能アイコンをクリックすると出るメニューの大きさ
これはuserChrome.cssで小さく変えることは可能ですか？

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

2023/06/01(木) 11:32:47.08

>>431
https://github.com/datguypiko/Firefox-Mod-Blur/tree/master/EXTRA%20MODS/Compact%20extensions%20menu

2023/06/01(木) 21:20:41.04

>>432
有難うございます。
１のほうを少し自分で変えて適用してみました。
いい感じです。

2023/06/01(木) 23:30:47.03

アプリケーションメニューを左側に移動する方法を教えてください

2023/06/02(金) 00:24:02.87

祈るのです

2023/06/02(金) 10:24:07.42

アプリケーションメニューて何のこと

2023/06/02(金) 20:00:21.31

三

2023/06/02(金) 21:10:11.00

ハンバーガーボタンを左に移動 */
#PanelUI-button {
order: -1 !important;
margin-left: 1px !important;
margin-right: -12px !important;
}

2023/06/02(金) 21:11:37.73

/* ハンバーガーボタンを左に移動 */
#PanelUI-button {
order: -1 !important;
margin-left: 1px !important;
margin-right: -12px !important;
}

2023/06/02(金) 22:09:22.35

ハンバーガーありがとう

2023/06/02(金) 23:37:34.60

>>439
横からだけどありがたい
ハンバーガーメニューのsvgファイルをFirefoxロゴのsvgに替えて使っていたけど、右のままだったから様にならなくて

2023/06/04(日) 14:06:51.37

見てるサイトをブクマに登録する時にURLバーの右にある星マークをクリックして
「ブックマークを追加」のダイアログボックスを開いてブクマ登録するわけだが

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

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

2023/06/04(日) 15:16:59.57

な、age厨だろ👆

2023/06/04(日) 15:26:38.50

>>442
#editBMPanel_folderTree {
min-width: 440px !important;
min-height: 300px !important;
}

2023/06/04(日) 16:08:08.74

>>444
サンキュー、まさにそれ

2023/06/10(土) 00:15:33.63

ズーム拡大・フォントサイズ変更・ボールド設定以外の方法で
サイト上の細い文字を太くする方法はありますか？

2023/06/10(土) 07:41:39.51

>>446
fontweight使いたくないならhtmlのstrongとかbタグで囲うしかない
そもそもサイト上のことならstylusとかuserscriptでやることだからそっちで聞いた方がいいよ

2023/06/10(土) 11:33:28.19

-webkit-text-stroke: 1px;

2023/06/10(土) 20:12:59.96

>>447
よろしければURL教えてください

2023/06/11(日) 02:09:27.10

>>449
とりあえずJavaScriptの質問板で聞いてみたら？
何をどうしたいのかよくわからんからもっと具体的に説明した方がいいと思う

2023/06/11(日) 10:20:06.21

普通にfont-familyで好きなフォント指定すればいいじゃん

**名無しさん＠お腹いっぱい。** · 2023/06/11(日) 21:31:36.45

AutohideSidebar2.uc.js動かなくなってない？俺だけ？

2023/06/11(日) 21:51:27.67

>>452
動いてるよ

2023/06/17(土) 01:31:00.93

アプデしたら動かなくなったからまた更新されたら直るのかも…と思ってたけど115.0b6になっても自動開閉起動せず
マジで俺だけなの

2023/07/05(水) 16:09:46.89

俺も115で動かなくなったが直せた
alice0775の103のinstall folderにあるconfig.jsを落として上書きすればいい
ついでに106にあるuserchrome.jsも新しくしておくといい

あめ ◆P0jSlC5fJs (ﾜｯﾁｮｲ ebfe-c6L3) · 2023/07/06(木) 13:29:06.12

>>455
助かった

2023/07/09(日) 02:36:56.11

103と106変えても何一つ効かなくなったわ
もういいや

2023/07/09(日) 02:48:58.77

chromeフォルダに入れる初歩的なミスしてたわ
治った

2023/07/11(火) 02:47:41.70

config.jsとuserchrome.jsはたまにチェックしないとあかんな

2023/07/16(日) 10:08:03.60

>>63 >>411
求めていたものがあった

2023/07/16(日) 14:47:51.24

スレチなんだけど...

2023/07/17(月) 01:24:57.59

>>455
サンキュー助かったわ
唐突に動かなくなるの内部で何弄ってるからなんだろうな

2023/08/02(水) 16:53:18.45

ツールバーの[ブックマークを表示します](☆の下に_みたいなアイコン)の
「ブックマークサイドバーを表示」「ブックマークを検索」「ブックマークを管理」
を非表示にする方法を教えてください。

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

2023/08/03(木) 13:19:48.52

Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか？

2023/08/03(木) 13:19:54.19

Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか？

2023/08/03(木) 22:10:24.56

Firefox 116になってから以下のCSSが効かなくなっているようですが、
修正はできますかね？

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

2023/08/04(金) 11:41:33.90

>>466

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

**466** (ｽﾌﾟﾌﾟT Sd8a-IjPS) · 2023/08/04(金) 21:48:23.60

>>467
ありがとうございます。
うまく行きました。

2023/08/11(金) 00:18:33.06

Youtubeの「もっと見る」を
最初から開いた状態にできますか？

2023/08/11(金) 01:19:39.49

そういやYouTubeのコメントの「続きを読む」が短いコメントにも表示される問題を直す
font.blacklist.underline_offset に Meiryo を追加
が効果なくなった

2023/08/11(金) 03:47:43.09

youtubeの視聴回数を「もっと見る」押さなくても
詳細表示させる方法ありますか？

2023/08/18(金) 01:58:20.90

ツール＞設定と設定タブを開いたときにアクティブなタブの右隣に設定タブを開く方法はありますか？

2023/08/18(金) 15:13:39.82

それはcssでは無理

2023/08/18(金) 18:26:37.66

CSSを魔法かなにかと思ってるのかね？

2023/08/18(金) 20:21:16.40

JavaScriptも勉強しないとな！

**464** (ﾜｯﾁｮｲ 2143-q59E) · 2023/08/21(月) 09:21:58.28

>Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか？

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

参考まで

2023/08/21(月) 10:38:44.46

Thunderbirdをここに書くとスレチと言われるんだよ
んでThunderbirdスレに書くと誰も反応しない

2023/08/21(月) 21:53:45.50

CSSの話であればスレチじゃないよ

2023/08/21(月) 22:10:23.10

>>478
>>349-365

2023/08/22(火) 02:10:11.01

だから？
>>365 のアホは無視すればいいだけ
userChrome.css と userContent.css の仕組みは一緒なんだからさ
それくらい判断できないの？

2023/08/22(火) 09:16:26.74

スレチかスレチじゃないかは俺が決めることにするよ

2023/08/22(火) 22:47:25.04

テンプレにStylishとか書いてるからcssならなんでもいいのか？

2023/08/28(月) 00:36:06.98

cssはcss専用のスレ住人じゃないと対応が難しいそうですね・・・

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

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

2023/08/28(月) 04:00:43.98

css専用のスレ住人なんてものは存在しない
だいたいどこのスレも見てる
適した場所があるだけ

2023/08/28(月) 18:00:17.43

>>483
タブを下段に表示してるならこれでできる

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

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

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

2023/08/29(火) 02:21:09.05

>>483
アドバイス有難うございます、いずれも未達成でした

**ngワードが酷い** (ﾜｯﾁｮｲ 4d74-vHpx) · 2023/08/29(火) 02:21:40.78

調整で知ったのですが、私の現行コードも厳密には効いている様子で、タブの枠である真っ黒な線をツールバーのグレー枠に変更している
つまりタブ由来の黒枠の下側をきっちり消去しているっぽいんです、これは盲点でした

2023/08/29(火) 02:23:22.35

その上で度重なる更新によりツールバーのグレー線が「タブ枠より優先されて表示された」結果が、現在のようです

2023/08/29(火) 02:23:57.48

アクティブタブのタブに隣接するツールバー枠で、border-topが無くなれば旧ブラウザのような付箋のように上手くなるんですが

2023/08/29(火) 02:26:55.46

駄目だ意味不明なNGワード禁止と出てろくに書き込めませんorz
お礼や現状の報告などを書こうにも、小出しなら通ったのに・・・
まだ書くべき報告がありますがこれ以上は厳しいので割愛します
皆さん連投すみませんでした

2023/08/29(火) 02:37:34.45

せっかく比較画像を用意したのにリンクが書き込めません！
何なのこのスレ仕様・・・ゴミすぎるわ

2023/08/29(火) 02:41:05.05

>>491
https をカットするとかやり方あるんじゃない？
なんども書き込むと規制されちゃうよ

2023/08/29(火) 02:48:53.35

めっちゃ試しましたが拡張子辺りもNGな様子で、駄目でした
全てNGワードで、普通の文章も先のように一行ずつ投稿すると書き込めましたし
そりゃこのスレが荒れたり昔のようにまともなコードの話が無くなるはずだわと痛感していますorz
変な自治オナニー行為か何かで板またはスレの投稿条件を絞りまくっているのでしょうかねえ
そういうの2ch時代からもそうですが、実に愚かで馬鹿らしいですわ（苦笑）

2023/08/29(火) 12:37:14.02

(暗黒微笑)

2023/08/31(木) 08:07:41.57

■ 質問テンプレ
【質問】
　アップデートで117に切り替わったところ、メニューバーがタブに埋もれるようになりました
　トラブルシューティングモードでは通常に表示できているため、既存ｃｓｓと何かがコンフリクトしてるのかもしれません。
　改めてメニューバーの表示を「タブの上に」1列つくりたいのですが、cssで対応できるでしょうか・・・？

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

**495** (ﾜｯﾁｮｲ e5c2-FxOr) · 2023/08/31(木) 08:33:20.87

すみません、多分質問を間違えました！
タブのブラウザ上の位置はどの変数でいじるのかを聞くべきでした申し訳ありあません。

2023/08/31(木) 17:21:34.50

dblclick-tab-pinned.uc.js

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

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

2023/08/31(木) 22:04:41.20

jsはjavascriptだからスレチ

2023/08/31(木) 22:08:21.35

そうくると思った

2023/08/31(木) 22:11:10.05

>>497
そら全部がコメント行やし実行したところで何もせんわ

2023/09/01(金) 02:11:44.07

スクリプトのヘッダーコメントだけでは特定できんよ入手元URL示せ
そしてなによりスレチだ

2023/09/02(土) 00:27:17.62

ワイは117ダブクリピン留トグル編集無しで普通に効いてるわ

2023/09/06(水) 19:32:36.89

メルカリの検索結果サムネイルにマウスオーバーすると表示されるハートを非表示にしたいです
以下ではうまくいかないようです。良い方法があれば教えてください
@-moz-document domain("mercari.com") {
div.sc-e8382dd3-1 {
display: none !important;
}
}

2023/09/06(水) 20:49:52.76

どこにハートが

2023/09/06(水) 21:01:04.75

検索結果のサムネにマウスオーバーするとこのように
https://i.imgur.com/5mxFmqc.png

2023/09/06(水) 21:11:16.54

>>505
ログインしないと出てこないかな
それなら自分は無理

2023/09/06(水) 21:16:31.65

確かにログイン状態で出てきますね

2023/09/06(水) 21:39:03.58

AutoCloseBookMarkFoldeが使えなくなったら凄く不便になった。
別にVivaldiを使っているけど、こっちは自動で閉じないけど右クリックで全フォルダを閉じるって出来るから、使い勝手が逆転してしまった。

2023/09/07(木) 05:56:01.19

>>503

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

2023/09/07(木) 07:16:31.84

>>509
ありがとうございます
でもなぜか消えないです

2023/09/07(木) 20:41:13.83

>>510
よく見たら>>503と書いてることは一緒だね
Stylusでは消えたからcssじゃなく何か別の原因があるんだろう

2023/09/08(金) 07:48:18.48

>>511
メルカリページが変な読み込み方をしているようで、userContent.cssでは効かなかったため
ユーザスクリプト.jsで非表示にしました。
ありがとうございました（Stylusも使ってみようかなぁ…）

2023/09/08(金) 10:00:55.12

Firefox内部ページあるいは全ページに適用したい場合以外にuserContent.cssがStylusに勝るメリットはほぼないような（再起動しなくていいし）
まあStylishの件もあったし極力第三者のアドオン入れたくないってのはあるのか

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

2023/09/08(金) 10:30:29.14

>>513
これまでuserContent.css変更してリロードで反映されてたと思ったんですが、
確かに再起動したら >>509 でいけました
お騒がせしました

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

2023/09/08(金) 11:30:08.65

アドオンは40以上入れてるなぁ

2023/09/09(土) 06:21:19.78

サイドバーのブックマークで、フォルダをマウスオーバーした時に表示されるツールチップ
の横幅を変更したいです。できたら、通常のブックマークの方も。