userChrome.css・userContent.cssスレ Part11

2020/03/21(土) 10:16:26.74

!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●※前スレ
userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/l50

●拡張機能
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

2022/03/04(金) 23:22:15.43

>>916
これでどうだろう
._1xMNo,
._1xMNo ._01UL2 {
width: 300px !important;
height: 500px !important;
}

2022/03/05(土) 17:51:06.10

>>917
本当にありがとうございます
微調整して上手くいきました
よい週末をお過ごしください！

2022/03/09(水) 01:23:35.10

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

Firefox98にしたら↑の非選択タブのファビコンをグレーにするCSSが効かなくなりました
それに慣れ切ってしまっていたようで、タブの選択状態が分かりにくくなったし、
目にうるさくなって困っています。
修正分かる方いらっしゃいましたらよろしくお願いします。

2022/03/09(水) 01:52:43.77

98に更新したら

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

これが効かなくなった
他にも.tab-icon-imageを対象に取ったcssは全滅してるっぽい

2022/03/09(水) 01:58:31.05

@namespace 書いてあるなら消してみれ

2022/03/09(水) 02:08:01.77

>>921
おー効くようになりました
ありがとうございます。

>>920これもいいですね。いただきました

2022/03/09(水) 20:05:53.99

#searchbar { max-width:348px !important; }

で検索バーの幅を固定すると、右に少し余白ができてしまうのですが、どうやっても右にある戻るボタンとの間隔を狭められません。

良い方法を教えていただけると助かります。
よろしくお願いいたします。

https://i.imgur.com/fP7UkNY.png

2022/03/09(水) 20:28:18.07

#search-container {max-width: 348px !important;}

常に幅を固定するなら min-width: 348px !important; を追加

2022/03/09(水) 20:37:45.22

>>924
ご回答ありがとうございます。
常に幅を固定ではなく、検索バーの右の戻るボタンとの余白を狭めたいのですが、min-widthを追加したところ、さらに余白が広くなってしまいました。

2022/03/09(水) 20:44:45.42

>>925
>>924でいけると思うけど
伸縮自在のスペース入ってるとか

2022/03/09(水) 20:50:15.69

>>925
うちはこれでツールバーのアイコンの幅を詰めてる
#nav-bar toolbarbutton {padding-left:0px !important;padding-right:0px !important;}

2022/03/09(水) 20:57:22.36

皆さんありがとうございます。
min-widthを追加すると、このようにさらに余白が広くなってしまってます。

https://i.imgur.com/mRzedRM.png

伸縮自在のスペースは入れてません。

記述してあるすべてをのせておきます。

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);

/* ツリー型タブ使用のため上部タブバーを非表示にする */
#TabsToolbar > * { visibility: collapse; }
/* #tabbrowser-tabs { visibility: collapse !important; } でも同様の効果 */

/* サイドバーヘッダー部を非表示にする */
#sidebar-header { display: none; }
/* #sidebar-header { visibility: collapse; } でも同様の効果 */

/* 検索バーのサイズ */
#searchbar { max-width:348px !important; min-width:348px !important; }

2022/03/09(水) 20:58:50.82

>>928
>>924に変更してないのでは？

2022/03/09(水) 20:59:19.44

>>928
@namespaceはもう不要

2022/03/09(水) 21:02:00.95

フルスクリーン時の、タブ上の
「ツールバーを隠す」「全画面表示モードを終了」を消したいです
あくまでも「タブ上」のみです

2022/03/09(水) 22:35:38.80

右にある戻るボタン？

2022/03/09(水) 23:26:41.75

>>929
#searchbar { max-width:348px !important; min-width:348px !important; }
にしてますので変更はしていると思います。

2022/03/10(木) 00:24:07.07

表示するもんねーから右端に寄ってるとかジャネーノ?
右端に伸縮自在のスペースてーの入れてみたらどーよ

2022/03/10(木) 01:22:22.84

>>934
ありがとうございます。
昔は検索バーを短くした分アドレスバーが長くなって、余白はない、という状態だったんですよね。

2022/03/10(木) 08:41:14.72

>>933
#searchbarではなく
#search-container

2022/03/10(木) 11:56:36.94

>>936
ご指摘ありがとうございました。
無事改善されました。

改めまして、>>924 さんはじめ皆さま、本当に優しく接していただきありがとうございました。

2022/03/11(金) 21:16:23.86

@namespaceっていままでおまじないで書いててよくわかってなかったんだがもしかしていらない？

2022/03/11(金) 22:21:22.68

userChrome.css では

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
@namespace html url("http://www.w3.org/1999/xhtml";);

こうしておいて, 必要に応じて html|ほげほげとしておくぐらい

2022/03/12(土) 00:30:43.12

>>939
なるほど
>>920が俺も出たんで外したんだがよくわからんままだった・・・

2022/03/12(土) 12:07:10.46

サイドバーの枠の点線がいつのまにか大きめになってるんですけど
これを以前のような細かい点線にすることは可能でしょうか？
可能でしたらお教え下さい｡

2022/03/12(土) 12:17:22.33

↑言葉足らずでした｡
サイドバーのブックマークをクリックした時に出る点線の事です｡
https://i.imgur.com/NxKqgfy.png
これを以前のような細かい点線にしたいです｡

2022/03/12(土) 13:02:18.53

>>942
.sidebar-placesTreechildren::-moz-tree-row(selected) {
outline-width: thin !important;
}

2022/03/12(土) 17:56:48.38

>>943
神！
こんなに早くお教え頂きありがとうございます｡
無事細くなりました｡

2022/03/12(土) 18:19:45.35

髪は言い過ぎ

2022/03/13(日) 09:49:26.64

>>943
でもこれって、ブックマークをコピーもしくは切り取ってフォルダに貼り付けると、
また太い点線が表示されるのよね　(´・ω・｀)

2022/03/13(日) 11:00:30.11

::-moz-tree-row(current) 追加すれば?

2022/03/13(日) 12:57:03.95

はっきりしないところがあるけど一応これでいけるかも

treechildren::-moz-tree-row(current, focus) {
border: 1px dotted #F3D982 !important;
outline: none !important;
}

2022/04/02(土) 02:41:09.24

ブラウジングライブラリの要素ってどうやって調べるんやろか？
リモートデバッグ出来ないみたいやし

2022/04/02(土) 03:05:06.56

>>949
https://i.imgur.com/x6z6JMc.png
これで他のウィンドウ選択できる

2022/04/02(土) 06:14:03.53

>>948
サンクス
フォーカス枠がうざかったが指定箇所が分からなかったからこれで消せた

2022/04/02(土) 13:05:31.17

Firefoxホームの灰色の部分の要素どうやって知らべるの？
ここ以外は透過できたのにこれだけ灰色で見栄えわるいです
https://i.imgur.com/rL39fET.png

2022/04/02(土) 13:38:42.68

>>950
㌧クス

2022/04/02(土) 23:30:31.67

>>952
灰色の部分ってどこ？画像見てもわからないんだけど
てか、なにオタク絵見せつけてんだよ

2022/04/03(日) 11:18:08.29

画像の下半分これらの背景の灰色の部分です
Ｇｏｏｇｌｅ検索
エイプリルフール～海老蔵
eを検索：
横一列のファビコンアイコン

2022/04/03(日) 12:38:04.26

灰色ってなんだろう

2022/04/03(日) 12:42:45.27

ありがとうございました
過疎ってるようですし他スレで聞いてみることにしますね

2022/04/03(日) 16:35:20.81

世の中それは灰色じゃなくて白色って言ったほうが通りがいいんだ

2022/04/03(日) 17:29:14.72

age厨に構うなよ
基地外が感染るぞ🚑

2022/04/03(日) 19:35:56.31

Firefox質問スレで聞いたらこちらに誘導されて来ました
FirefoxでYoutubeの通知から返信開いた時、「続きを読む」をクリックすると表示が全部されず下の横スクロールバーをクリックして少し右の端まで移動させると右端縦スクロールバーの内側にもう一つ縦スクロールバーが出て来るのでそれでようやく見れます
しかし最初から表示される様に横幅も縦幅も大きければ良いのでは無いかと思いました
Youtube cssなどと検索はしたのですが見付からず
ここの編集とか出来ないでしょうか？
よろしくお願いします
https://i.imgur.com/qSZvx6O.jpg

2022/04/03(日) 19:50:35.68

>>959
まだ言ってんのか

2022/04/03(日) 20:26:24.44

Web版Twitterの広告を消すには
要素をどう指定すればいいのでしょうか？

DIV[data-testid="placementTracking"]

を消すようにしたら、広告は消えましたが
広告ではないツイート内の動画の再生ができなくなりました

2022/04/03(日) 21:13:44.50

>>962
今のCSSでは難しい
綺麗に消すためには uBlock Origin を使うしかない

2022/04/03(日) 21:23:59.67

>>960
どやろか
.menu-container.ytd-multi-page-menu-renderer { width: 680px; }
ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-comments"],
ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-notifications"] { width: auto; }

2022/04/03(日) 21:36:05.13

>>963
ありがとうございます！

2022/04/03(日) 23:53:47.28

>>964
ありがとうございます
通常版とナイトリーで試してみましたがどちらもうちでは機能しませんでした（通常版98.0.2、ナイトリー100.0a1　どちらも最新）
気付かないだけかと数字大きくしても変化無かったのでやっぱり変わったいないみたいでした
そちらでは変わってるんですよね？
何でだろ…

2022/04/04(月) 18:36:55.73

ブックマークツールバーのフォルダにカーソルを合わせた時に
クリックせず開く様にcssもしくは他の方法で出来ますか？

2022/04/04(月) 19:07:07.30

>>967
https://www.camp-firefox.de/forum/thema/131728-script-nightly-autopopup-f%C3%BCr-lesezeichenleiste-funktioniert-nicht-mehr/?postID=1160623#post1160623

2022/04/04(月) 23:04:23.23

js使うの初めてなのでなかなか大変ですがありがとうございます。

2022/04/08(金) 11:03:27.06

>>968
このJavaScript、どう設定するの？

2022/04/08(金) 11:11:01.97

コピペして Bookmark_Autopopup_3.uc.js などと保存する

2022/04/08(金) 11:26:23.22

>>971
Bookmark_Autopopup_3.uc.js
どこにあるの？

2022/04/08(金) 11:31:01.88

(function() { から最後までをコピペ

2022/04/08(金) 12:20:50.69

そのレベルなら導入無理

**972** (ｱｳｱｳｳｰT Sae9-zZJH) · 2022/04/08(金) 15:11:13.18

Bookmark_Autopopup_3.uc.jsというから混同した。
新規 uc.jsで動いた。

**975** (ｱｳｱｳｳｰT Sae9-zZJH) · 2022/04/08(金) 15:17:12.87

Bookmark_Autopopup.uc.jsでロダへアップしておいた。

2022/04/09(土) 11:04:38.91

「などと保存する」って文字読んでも分からんかったの？

2022/04/09(土) 21:53:32.86

userContent.cssで以下を設定して
selectのスクロールバーを非表示にしたいのですがうまくいきません。
文字は赤色にはなっているのですが…教えて頂ければ幸いです。

@-moz-document url-prefix("https://www.nakamurayuji.com/archives/3045";) {
select {
color: red !important;
scrollbar-width: none !important;
}
}

2022/04/09(土) 22:34:50.29

>>978
そのページに書いてある通り -moz-appearance: none; が必要

2022/04/09(土) 22:53:36.63

>>979
追加してみましたがダメでした…

2022/04/09(土) 23:00:18.74

>>980
うちだと消えたよ
Stylusでも消えた

2022/04/09(土) 23:11:48.46

>>981
ありがとうございます
どうやらuserChrome.cssのどこかの記述が競合してるみたいでした

2022/04/10(日) 02:15:26.84

https://www.nakamurayuji.com/archives/3045
にあるselectも、何もしなくてもスクロールバーは表示されないのに、
userChrome.cssに以下があったため、スクロールバーが出てたものでした

menupopup > menuitem {
padding-block: 2px !important;
margin-right: -5px !important;
}

2022/04/10(日) 10:26:56.20

>>983
それが無くてもスクロールバーは状況により表示される
ブラウザの上下間隔を短くしたときなど

2022/04/10(日) 11:19:41.24

>>984
それはそう
でも上のサイトでは>>983のせいで
表示領域が十分でもselectのスクロールバーが表示されてしまって混乱してた

2022/04/10(日) 13:13:33.65

自分がやったことの意味は理解して忘れずに意識しておいてくれ

2022/04/10(日) 13:19:03.92

右上の?などを消すのが以前は機能してた物が最近は機能しなくなったのですが現在でも出来るでしょうか？
/* 最小化・最大化・閉じるボタン */

.titlebar-button { display: none !important; }

この辺の物も代わりのとかあるでしょうか？
/* Firefox52以降でFirefoxが重い症状を直す */

user_pref("network.http.spdy.enabled.http2", false);

改行多過ぎと出たので分けます

**987** (ﾜｯﾁｮｲ 066e-1OUQ) · 2022/04/10(日) 13:19:56.81

もう一つ、タブの高さが凄く高くなってて低くしたいのですがこれも効かなくなってますか？
/* タブ位置・高さ */

/* #titlebar {height: 0px !important;} */

/* 最大化時 */

#main-window[sizemode="maximized"] #toolbar-menubar {

margin-bottom: 6px !important;

}

#main-window:not([sizemode="maximized"]) #toolbar-menubar {

margin-bottom: -11px !important;

}

#navigator-toolbox {

margin-top: -6px !important;

}

**987** (ﾜｯﾁｮｲ 066e-1OUQ) · 2022/04/10(日) 13:25:12.00

何度もすみません、987の？はバツです
見て思ったのですが、タイトルバーを消しているのでtitlebarの指定では効かないって事では無いのかと
タイトルバー消してる状態で最小化などのボタンを消す書き方あるでしょうか？
タブの位置・高さのもtitlebar指定だからか

2022/04/10(日) 13:36:37.87

最小化・最大化・閉じるボタンはこれで消してるけど、どうだろうか？
.titlebar-buttonbox-container { display: none !important; }

2022/04/10(日) 19:30:21.95

>>987
うちではそれでボタン消せてるので、他で何か間違ってる

**987** (ﾜｯﾁｮｲ 066e-1OUQ) · 2022/04/11(月) 20:12:49.67

>>990-991
回答ありがとうございます
出来てるという事で新しいプロファイルで試した所消えてくれました
という事は競合してるのがあるという事か…探してみます

2022/04/11(月) 20:39:50.34

おま環馬鹿はほんと人騒がせな

2022/04/21(木) 15:22:51.40

すいません。
YouTubeの映像まわりの色を変更したいのですが、
cssでどう書けばいいですか？

試しに

body{
background-color: blue;
}

と書いてみましたが機能しませんでした。

2022/04/21(木) 16:25:46.68

>>994
Enhancer for YouTube を入れてカスタムテーマにすると楽
インストールしてenhancerforyoutube@maximerf.addons.mozilla.org.xpiを解凍し
resourcesの中のvendorの中にthemesフォルダがあるから
そのcssを参考に背景色をつけれる
Enhancer for YouTubeのオプションカスタムテーマにcssを設定する

2022/04/21(木) 23:29:39.30

一応次スレ
https://egg.5ch.net/test/read.cgi/software/1650551086/

>>994
ガチで動画の周りだけで良いなら

html{
--yt-spec-general-background-a: blue;
}

**994** (ﾜｯﾁｮｲ ff7e-GYWO) · 2022/04/22(金) 16:02:20.51

>>995
>>996
ありがとうございます。
どちらの方法でもやってみましたが、ほかのスクリプトの兼ね合いでイマイチうまく行きません。
ただ、ヒントは見えてきたので自分でもう少し頑張ってみます。

2022/04/22(金) 16:49:39.91

あ、できました。
スクリプト内に--yt-spec-general-background-aという箇所があり、
そこの色を書き換えたら好みの色になりました。
ありがとうございました。

2022/04/25(月) 01:59:28.95

質問いいですか？

2022/04/25(月) 03:25:05.12

次スレ

userChrome.css・userContent.cssスレ Part12
http://egg.5ch.net/test/read.cgi/software/1650824621/

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 764日 17時間 8分 39秒