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

2021/02/08(月) 00:04:36.82

>>331
自分は
.chrXF{display: none !important;}
で消しました

2021/02/08(月) 01:58:58.05

>>332
どうもありがとうございました
ちゃんと非表示にできました

2021/02/09(火) 13:15:47.32

スポナビなどYahoo! JAPANの動画再生を
画質自動から1080p固定にできないでしょうか

2021/02/09(火) 21:56:56.06

な、age厨だろ

2021/02/18(木) 18:40:23.15

86ってFirefoxがインストールされてるところのfontフォルダに入れてるフォント読み込まなくなってるかるか？
85まではuserContent.cssでfirefoxインストール先のfontフォルダ内のフォントフォント指定してもfont変更効いてたのに
86からはwindowsにインストールされてるフォント指定しないと効かない？

2021/02/18(木) 18:41:07.31

日本語変になってるけど気にしないでくれ

2021/02/18(木) 18:58:16.91

>>336
gfx.bundled-fonts.activate

2021/02/18(木) 19:11:24.38

>>338
その項目-1になってたのを1にしたら有効になったよ
ありがとう

2021/03/11(木) 10:55:20.26

タブのコンテキストメニューで「複数のタブを閉じる」を非表示にしたいのですが
userChrome.css どう書けばいいでしょう？

2021/03/11(木) 11:11:03.42

>>340
#context_closeTabOptions {
display: none;
}
ブラウザツールボックス使えるようになるといいね
俺は二か月くらい前にやっと少しだけ使えるようになって
非表示にしたり色を変えたりするくらいはできるようになった
「複数のタブを閉じる」を消すのは10秒かからないくらい簡単

2021/03/11(木) 11:29:29.91

>>341
ありがとうございます非表示にすることが出来ました

2021/03/13(土) 13:44:56.19

今日になってYouTubeにスクロールバーが現れたんだけど
これを非表示にするやつお願いします。
画面サイズとか他のにも影響してしまって

2021/03/13(土) 18:47:31.94

YouTubeにスクロールバーってどこだろ

2021/03/14(日) 05:04:38.45

な、age厨だろ

2021/03/15(月) 18:57:43.18

エスパーするとこれかな？
ytd-feed-filter-chip-bar-renderer
yt-chip-cloud-renderer

2021/03/27(土) 23:48:24.55

a:visited { color:#ｘｘｘｘｘｘ; }

↑と、訪問リンクに着色するようにしてるんですけど
元の色と重なって着色されるケースがあって見づらい場合があります
これをちゃんと指定した色だけで表示する書式とかありますかね？

2021/03/28(日) 11:49:12.62

縁取りされてる？

2021/04/08(木) 15:04:10.88

/* サイドバー内の行間調整 */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:29px !important;
}

をuserChrome.cssに追記してサイドバーの履歴やブックマークの行間は変更できるけど、FoxAge2chの行間には反映されない
FoxAge2chの行間を広げるにはどのように記載すれば良いか知ってたら教えて

2021/04/08(木) 15:44:59.55

FoxAge2ch (サイドバー/ウィンドウ共通)
#foxage2chNotifbox treechildren::-moz-tree-row

全てのツリーの行間を統一していいならtreechildren::-moz-tree-rowだけでいい

2021/04/08(木) 17:12:10.02

>>350
/* foxage2chサイドバー内の行間調整 */
#foxage2chNotifbox treechildren::-moz-tree-row {
height:27px !important;
}

で行間を広げることが出来ました、ありがとうございます

あとフォントも変えたいのですが、『 height:27px !important;』の下の行に『font-family: 'BIZ UDPゴシック' !important;』を追加しても
反映されてないようです

フォントを変えるのには他の記述が必要なのでしょうか？

2021/04/08(木) 22:00:31.66

訪問済みリンクの色が設定されていないリンクの色を変えたいんだけどどうすればいいんだろう
優先度とかよくわからん

2021/04/18(日) 10:13:42.98

ブックマークツールバーのフォルダをクリックした時に展開される背景の色を変えたいんだけど、
userChrome.cssにどう記載すればいいか教えて

2021/04/18(日) 16:37:17.97

ブックマークツールバーのフォルダの背景色はOS依存っぽいから
ここだけ変えるのは無理みたいだね

2021/04/18(日) 19:11:03.32

>>353
#PlacesToolbar .bookmark-item[container] menupopup {
appearance: none !important;
background-color: lightblue !important;
}

ツールバーからはみ出した時のやつは
#PlacesChevronPopup

2021/04/18(日) 19:21:21.10

わぉ流石

**353** (ﾜｯﾁｮｲ 3758-V1J0) · 2021/04/18(日) 22:31:59.96

>>355
ありがとうございます、でも残念ながら色は変わりませんでした

後出しでもうしわけないのですが、78.9.0esrを使っています
このverが原因なのでしょうか？

2021/04/19(月) 00:00:55.14

79までは-moz-appearance: none !important;

2021/04/19(月) 00:08:29.68

>>358
色の変更出来ました、ありがとうございます

2021/04/22(木) 12:50:21.88

AquaKanaってフォントがmacにあるんだけどさ
設定にもFont Bookにも出てこない特殊なフォントで、単にfont-family:AquaKana!importantとしても使えないんだけど
今までは
@font-face {
font-family:a;
src:local(AquaKana)
}
* {
font-family:a!important
}
みたいな感じでsrc:local()でなら指定できるのを発見して使ってたんだけど
今回のアプデ（88）でこの方法が使えなくなったっぽい
ちょう悲しい

2021/04/22(木) 16:13:47.25

いつからか、タブコンテキストメニューに「すべてのタブの状態を表示する」が追加されてるね。
非表示にしたいです。

2021/04/22(木) 18:07:05.99

うちのにはないですね

2021/04/22(木) 20:04:24.29

うちのにもないですね

2021/04/22(木) 21:33:17.47

>>362、363
ごめん、LoadTabOnSelect3だった。

2021/04/23(金) 14:34:35.02

tampermonkeyをアップデートしたら右クリックメニューにまた項目が表示されるようになったので非表示にしたいのですが、ID分かる方いますか？
教えてください

2021/04/23(金) 14:44:59.92

>>365
4.12.6132以降は設定のContext Menuの所で切り替えできるようになってるぞ

2021/04/23(金) 14:57:37.91

>>366
ありがとう！
助かりました

2021/04/24(土) 11:44:58.49

90になると、ToolbarAutoHide.uc.js　が旨く機能しなくなるようです

また、タブバーを下に移動cssがうまくいかなくなります
アプリケーションウィンドウの下にタブバーが表示されるようで
本来、あるべき位置には、開いたURLのタブが表示されないです

対応をよろしくお願いします

2021/04/25(日) 12:08:36.33

ハイ次の患者さんどうぞ

userChrome.css・userContent.cssスレ Part11
368 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e211-0Gnt)[sage]：2021/04/24(土) 11:44:58.49 ID:XIgZmRKK0
90になると、ToolbarAutoHide.uc.js　が旨く機能しなくなるようです

また、タブバーを下に移動cssがうまくいかなくなります
アプリケーションウィンドウの下にタブバーが表示されるようで
本来、あるべき位置には、開いたURLのタブが表示されないです

対応をよろしくお願いします

Mozilla Firefox Part371
248 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e211-0Gnt)[sage]：2021/04/24(土) 17:09:02.01 ID:XIgZmRKK0
一辺倒は低能化のはじめ

2021/04/25(日) 12:26:14.10

次の低能火消しさんどうぞ

2021/04/29(木) 10:41:41.96

またGoogleの仕様が変わったつれえ(ヽ´ω｀)
3か月持たんかった

2021/05/02(日) 11:21:25.60

89.0b6でもタブ下段が真っ白になってしまった
元に戻して様子見

2021/05/02(日) 13:02:29.81

89が鬼門の入り口のようだ

2021/05/08(土) 08:13:05.19

つまり、80代は88がお終いで、89は90代に属しているように見なしたほうがよいようだ

2021/05/20(木) 07:43:27.11

あと10日ほどでまた大騒ぎかな

2021/05/22(土) 15:12:08.32

Stylusで全体に効かせてるCSSを、とあるサイトだけ除外することってできますかね
MacType風にフォントに装飾するCSSを全体に適応しているけども
例えばYouTubeだけオフにしたい。みたいな感じです

2021/05/22(土) 15:45:41.39

>>376
正規表現に一致する URL に以下を追加

https?://(?!(www.youtube.com)).*

2021/05/22(土) 18:38:22.65

>>376
YouTube開いた状態でStylusのアイコン左クリックして除外したいCSSの一番右にあるアクションメニュー(縦の3点アイコン)開いて
現在のドメインを除外を選ぶ

2021/05/22(土) 20:27:29.85

>>377-378
できましたーありがとうございます。
しかもこんな簡単な方法があったなんて
適応する方のURLを追加して行ってたんで大概大変だったんですよねｗ

2021/05/25(火) 01:44:07.67

Stylish2.0.7をようつべに使いたいんだけど
消したい要素はこれで消えるけど
{ .ytd-grid-renderer.style-scope
{ display:none !important }}

特定のワードが入った要素だけを消すには
ここにどういう文を追加すればいいですか？

2021/05/25(火) 05:27:02.83

>>380
例えばクラス名に〇〇という単語が入っている場合

[class*="〇〇"]
{display:none}

複数指定する場合は>>131さんみたいにするといいかも

2021/05/25(火) 10:23:58.19

uBO使った方が楽にできそう
StylishやStylusって、uBOの:has()や:has-text()に相当するやつあるっけ？

2021/05/25(火) 16:08:25.78

>>382
対象がテキストの場合はuBlock Originでいいんじゃないかな
CSS詳しくないから分からないけど

2021/05/25(火) 19:54:44.39

>>381
ありがとうございます
こんな感じでclassのところを色々変えてみましたが
思った通りにはなりませんでした
{ .ytd-grid-renderer.style-scope[class*="〇〇"]
{ display:none !important }}

検索して参考にしたサイトもバージョンの違いか
文法が少し違っていてこれで合っているか分かりませんでした

2021/05/25(火) 19:57:02.54

>>382
>>383
ありがとうございます
uBlock Originは元々使っていましたが
hasを知らなかったのでとても参考になりました
おかげで思った通りの動作が出来ました

表示されてる文字での要素は消せるようになりましたが
表示されていないリンク先のドメインで
要素を消す方法もあるのでしょうか？

2021/05/30(日) 12:43:30.03

テーマにCompact Darkを使用しているのですが、Defaultのようにタブの角を丸くするにはどうしたらいいでしょうか?

C (ﾜｯﾁｮｲ 9311-KeM6) · 2021/05/30(日) 14:32:39.10

webサイトを検索すると、ツールバーの一番下にタブバーを表示し、メニューバーは一番上に表示するようなcssが存在する
だが、89で望みの順序で表示されたものでも、メニューバーを非表示にすると、その部分が空白の行に変わるだけで
コンテンツ表示領域は広がらない
protonの仕様では、このようにしかならないのだろうか

2021/05/30(日) 14:42:00.86

怖いな８９
コロナウイルスワクチンみたいに何が起きるかわからない

2021/06/01(火) 12:23:34.50

ブックマークのコンテキストメニュー
フォルダー名を変更（E）
ブックマークを編集（I）
を消したいのですが上手くいきません
IDが分かる方が教えて下さい
宜しくおねがいします

**389** (ﾜｯﾁｮｲ 4973-6ypv) · 2021/06/01(火) 12:27:32.28

文章が変になっていました
?　IDが分かる方が教えて下さい
○　IDが分かる方がいましたら教えて下さい

2021/06/01(火) 12:35:12.21

ブックマークのコンテキストメニューにそういう項目ないですよね

2021/06/01(火) 13:16:14.70

Proton UIの方だな
>>389
idに:が含まれてるのでidセレクタではなく属性セレクタで
[id="placesContext_show_folder:info"],
[id="placesContext_show_bookmark:info"] { display: none; }

**389** (ﾜｯﾁｮｲ 4973-6ypv) · 2021/06/01(火) 15:31:28.34

>>391
申し訳ありません、使っているバージョンを書いてませんでした

>>392
消すことが出来ました
今までidでしか消したことが無かったので
属性セレクタについて勉強してみようと思います
有難うございました

2021/06/02(水) 07:18:20.42

89になったらブックマークツールバーのフォルダの行間えぐいな・・・

2021/06/02(水) 12:31:21.24

>>394
これだけ大幅に変化すると皆が対応迫られるから
俺らみたいな雑魚でも検索するだけでどうとでもなるぞ

2021/06/02(水) 16:02:43.29

https://imgur.com/a/tMcUk93
ブックマークのボタン押したらブックマークを管理って項目が二つ出るんだけど
片方非表示にできないかな？

2021/06/02(水) 16:26:17.91

#BMB_bookmarksShowAllTop {
display: none !important;
}
#BMB_bookmarksShowAll {
display: none !important;
}

2021/06/02(水) 17:11:59.99

タブ右クリメニューのトップに固定されてる新しいタブってけせない？

2021/06/02(水) 17:40:05.26

>>398
#context_openANewTab {display: none !important;}

2021/06/02(水) 20:15:36.12

下記ほとんど効果ない？
/***コンテキストメニューアイテムの行間の高さを変える***/
#contentAreaContextMenu > menuitem {
padding-block: 0.1em !important;
}

2021/06/02(水) 22:57:53.95

本スレに書いてあったProtonのタブの隙間を埋めるやつ

.tab-background {
border-radius: 0 !important;
margin: 0px -2px !important; }

2021/06/02(水) 23:04:04.14

>>401
タブが増えて行って左右にオーバーフローのボタンが出るとタブの高さが変ってしまう

2021/06/03(木) 12:05:29.35

>>402
これで良いかもしれないし駄目かもしれない(タッチUI時の高さ)

#tabbrowser-arrowscrollbox,
.tabbrowser-tab{
max-height: 40px !important;
}

2021/06/03(木) 12:36:28.74

オレンジ色になって目立つハンバーガメニューボタンを白黒というかグレーにするにはどこをいじればいいですか？
ここ以外は何とか調べていい感じにできた＠Firefox89

2021/06/03(木) 13:09:36.84

検索バーの検索エンジンのバネルにマウスを載せた時に出る
背景のような物の色を変えることは出来ないでしょうか？

2021/06/03(木) 13:37:13.50

>>405
例えば背景を白くするなら

.searchbar-engine-one-off-item:not([selected]):hover, .addengine-item:hover {
background-color:#fff !important ;}

2021/06/03(木) 14:04:51.84

IME-Colors-e10s.uc.jsなてのも使えるかも

2021/06/03(木) 14:25:17.71

>>403
ありがとうございます
試してみます

2021/06/03(木) 16:50:32.39

タブと新しいタブを開くボタンの角丸を無くすやつ

:root {
--tab-border-radius: 0px !important ;
}

2021/06/03(木) 17:42:37.82

>>406
有難うございます
見やすい色に変えることができました

2021/06/04(金) 11:32:57.33

ダークテーマでも、ブックマークサイドバーと履歴サイドバーの検索欄の背景が白のままですが、アドレスバーと同色のグレーにできないでしょうか？
よろしくお願いします。

2021/06/04(金) 12:42:13.49

>>411
俺もそれ知りたい
白くなって違和感ありまくり

2021/06/04(金) 14:47:55.49

とりあえず
/* サイドバー検索ボックスの色 */
#bookmarksPanel #search-box, #history-panel #search-box {
-moz-appearance: none !important;
background-color: var(--lwt-toolbar-field-background-color) !important;
border: 1px solid #525252 !important;
/*border: 1px solid #bdbdbd !important; /* システムのテーマ */
color: inherit !important;
}
#bookmarksPanel #search-box:hover, #history-panel #search-box:hover {
border: 1px solid rgba(0, 122, 255, .33) !important;
}
#bookmarksPanel #search-box[focused="true"], #history-panel #search-box[focused="true"] {
border: 1px solid rgba(0, 122, 255, .33) !important;
}

2021/06/04(金) 16:21:41.53

>>413
きたあああああああああ
できましたありがとう。

モジラはなんできちんと統一してださないのよー

2021/06/04(金) 20:52:09.62

URLバーの背景色、下記だと入力フィールドのみで不格好です
#urlbar-input{ color:black !important; background:#f0f0f0 !important;}
下記検索バーのように背景色をURLバー全体にかかるように出来ませんか？
searchbar#searchbar{ color:black !important; background:#f0f0f0 !important;}

2021/06/04(金) 21:31:56.78

新しいタブのサイト名の頭文字を消す方法を教えて下さい、、、

2021/06/04(金) 21:39:08.71

>>416
すみません自己解決した
.top-site-outer .tile .icon-wrapper.letter-fallback::before {font-size: 0 !important;}
これで消えたわ

>>415
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f0f0f0 !important;}
俺はこれでやってる

**415** (ｱｳｱｳｳｰT Sa11-p9zx) · 2021/06/04(金) 21:59:20.37

>>417
ありがとう、思うようになった。

2021/06/05(土) 12:50:31.10

検索バーって使用時以外でも常に好きな色にできないかね

2021/06/05(土) 13:00:19.05

UIの色んな所にフォーカスした時の枠線の色と細さ変更
:root:-moz-lwtheme-brighttext {
--focus-outline-width: 1px !important;
--focus-outline-color: #fff !important ;
}

スターアイコンの色変更
#star-button[starred] {
fill:#fff !important
}

2021/06/06(日) 05:57:02.15

これをやりたいのですがよろしくお願いします
https://i.imgur.com/uyTUDnh.png

枠の色は >>420 では出来ませんでした

2021/06/06(日) 08:27:02.24

>>417さんから教わった下記、ロケーションバーと検索バーのの背景色の指定で
ロケーションバー内の一部（例えば拡大・縮小率）の背景色に下記を上書きさせること可能でしょうか？
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f0f0f0 !important;}

2021/06/06(日) 15:38:58.36

>>415
これは効くのだけど

>>417
こっちは効かない
なんでやー

カーソルがない時も背景を白くしたいです

2021/06/06(日) 16:13:47.60

>>423
一度>>417以外のCSSをコメントアウトしてみるといいかも

2021/06/06(日) 16:27:26.37

>>423
試してないけど、>>417はライトテーマにしか効かない（システムのテーマだとダメ）ぽいからそれじゃね
テーマ変えるか:-moz-lwthemeを削除するかしてみれば変わるかも

2021/06/06(日) 16:58:52.27

>>424
変わらずでした
>>425
ライトテーマにしたら効きました
:-moz-lwthemeを削除でシステムのテーマでも効きました

ありがとう

2021/06/06(日) 17:08:06.29

右クリックメニューとかの字間の調整ってできませんか？
letter-spacingが効かなくて

2021/06/06(日) 17:26:13.94

>>426
ロケーションバーの背景は均一になってる？
たとえばCtrl+-でバー内に95％と縮小率表示されるよね？
その95％に別の背景がかかってバー内の背景が均一にならないんだけど、426さんはどうですか？

2021/06/06(日) 17:39:26.78

>>421
ごめん>>420はダークテーマ用だった

2021/06/06(日) 17:57:55.65

>>421
お詫びではないけど枠の色変えるやつ
:root {
--toolbar-field-focus-border-color: red !important;
}

**421** (ﾃﾄﾘｽ ca1f-PRuz) · 2021/06/06(日) 18:00:56.56

>>430
どうもありがとうございます、赤くなりました。^^