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/10(水) 19:18:32.78

>>398
おお上手く行った！マジでTHX！！！

2023/05/10(水) 20:13:18.93

タブ位置は下にできたけどブックマークメニューのスカスカ具合がなおらない。
何かしらあるなぁ。

2023/05/10(水) 20:17:57.49

連投でごめん、なおせました。

2023/05/10(水) 21:47:27.13

>>398
直ったーこれなら当分だいじょぶだね、あんがと
いいかげんchromeに移った方がスマホと同じに使えていいんだけどね

2023/05/10(水) 22:39:59.43

>>394 有り難うございます私の思い違いでした　動いてました

2023/05/10(水) 23:26:01.10

>>398でタブバーは下になったけど、もう少しタブバーの高さが狭い方がいい
どこ弄れば狭く出来るんだろう

2023/05/10(水) 23:52:02.90

ちょっと調べて知ったかぶりで発言するけど、タブの高さを設定している構文がないっぽい
どこかを変更するんじゃなくて構文を追加しないと駄目なんじゃないかな

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

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

2023/05/11(木) 01:39:13.44

>>405
ありがとう
なんとか自分で見つけた

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

でいけた

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

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

2023/05/11(木) 13:09:40.25

>>398
これでタブの位置は下になるんだけど
タブの形やバーの高さ、ブックマークなどの行間がリセットされちゃってしんどいｗ

2023/05/11(木) 13:36:18.73

>>407
タブバーの高さは>>406の#TabsToolbarで弄れる
ブックマークバーは#PersonalToolbarだからそれでググればなんか出てくるかも

2023/05/11(木) 15:20:16.14

/*** ドロップダウン/コンテキスト/ポップアップメニューの間隔を調整する ***/
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;
}

これ使えてる

2023/05/11(木) 21:45:56.02

>>407
なんでわざわざしんどいことをするのか意味不明
マゾなの？

2023/05/12(金) 09:49:26.49

>>410
初心者なんだからそんないじめないでくれよｗ

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

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

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

2023/05/13(土) 15:03:09.48

Pushbulletの通知のタテ幅を
112以前の長さに戻す方法を教えてください

2023/05/14(日) 22:35:40.46

* {
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じゃダメで。これも効かなくなったのかな

2023/05/14(日) 22:41:46.79

>>413
cssだけだと以前から丸くできなかったのではないかと思ったが
色を変える細くする非表示にするだけでは

2023/05/14(日) 23:31:44.60

以前はできたよ、ただし指定する対象はscrollbarじゃなくscrollbar thumb
が、例によって例の如く113ではこれも効かない

2023/05/14(日) 23:35:20.84

単に角を丸くしたいだけなら、about:config から widget.non-native-theme.scrollbar.style を1にしてMacOSX風にするのが手っ取り早いかも

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だからスレチ