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/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
どうもありがとうございます、赤くなりました。^^

**431** (ﾃﾄﾘｽ ca1f-PRuz) · 2021/06/06(日) 18:45:38.36

:root {
--focus-outline-width: 0px !important;
--toolbar-field-focus-border-color: lightgray !important;
}
>>420
を加えてみたのですが
右側の検索バーも同じようにするにはどうしたらいいでしょうか
影なしで線を細くしたいんです。後出しですみません。

2021/06/06(日) 21:58:03.18

>>432
こんなんでどうでしょう
適当にやったから何か無駄があるかもしれないけど

:root {
--toolbar-field-focus-border-color: none !important;
}

#urlbar-background,
#searchbar {
border: 0px !important;
}

#searchbar:focus-within {
box-shadow: 0 1px 3px rgba(128,128,142,0.5) !important;
}

なんか書き込み規制されたからもう返信できないかもしれない

**432** (ﾜｯﾁｮｲ ca1f-Ee3U) · 2021/06/06(日) 22:51:15.42

>>433
どうもありがとうございます。
とてもいい感じです、大事に使わさせていただきます。

2021/06/06(日) 23:33:22.14

>>428
試しに黒にしたら数字のところだけ白くなったけどこれのことかな

2021/06/07(月) 07:00:15.13

>>435
○○%の部分の背景とロケーションバー内の背景の濃さが均一ではないですよね？
これを均一にする方法ないかな？

2021/06/07(月) 15:04:53.86

同じ色にしたいってことですよね

2021/06/07(月) 15:32:42.56

>>437
はい、そうです。

2021/06/07(月) 20:42:01.44

#urlbar-zoom-button {
border: 1px solid #009600 !important;
background-color: green !important;
padding-top: 2px !important;}
#urlbar-zoom-button:hover {
background-color: #008c00 !important;}

**436** (ｱｳｱｳｳｰT Sa11-p9zx) · 2021/06/07(月) 21:50:10.34

>>439
これ、わたしへの回答？
私の説明が悪かったのか伝わってなかった気がします。
http://okbtsnr.seesaa.net/article/481851789.html
かなり見にくいと思いますが、一つ目のサンプル画面のロケーションバー内の
左端2つ目と右端３つ目のボタン部の背景が濃くなって不格好になってます。
URLバー内の背景を均一にしたいというです。
なお下記は定義してます。
/*** URLバー、検索バーの背景色 ***/
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f5f5e4 !important;}

2021/06/07(月) 22:09:59.50

>>440
背景色を自分で同じにしないと

#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button {
background-color: green !important;
}

2021/06/07(月) 22:28:46.24

>>441
ありがとう、左側の背景は揃いましたが、右側のCtrl＋-で表示される縮小率は揃いませんでした。
このままでも良いです。

2021/06/07(月) 22:30:42.76

これは
#urlbar-zoom-button {
background-color: #f5f5e4 !important;
}

2021/06/07(月) 22:39:47.97

>>443
重ねて、ありがとう。
均一になり、スッキリしました。

2021/06/07(月) 23:47:18.96

ろだに上がってる「FF88までのブックマークフォルダcss.zipなんだが
FF88までのブックマークフォルダ黄色のコードが}の閉じカッコを書き忘れてるんで
気付かずにコピペで使ってると他のコードに影響出るぞ

2021/06/07(月) 23:55:38.06

CSSが反映されない人はコードの記述の「} 閉じカッコ」が抜けてる箇所がないかチェックしてみそ
あぷろだの「F88までのブックマークフォルダcss」をコピペで使ってたら閉じカッコの記述抜けだったので
ウチの環境だとページ内検索バーを右上に配置が機能しなくなってた原因がこれだった

**434** (ﾜｯﾁｮｲ ca1f-Ee3U) · 2021/06/08(火) 02:33:11.16

先日はどうもありがとうございました。
メニューバーのアイコンを密にできました。
firefox89 css で検索していたら偶然 toolbar-menubar という単語が目に入ったので
質問スレのをパックって
#toolbar-menubar toolbarbutton {padding-left: 0px !important; padding-right:0px !important;}
としたところ結構いい感じになりました。
ttps://i.imgur.com/yxKgqNt.png

Mozilla Firefox質問スレッド Part191
ttps://egg.5ch.net/test/read.cgi/software/1622205096/174

/* ツールバーのアイコンの間隔を調整する */
#nav-bar toolbarbutton {padding-left: 0px !important; padding-right:0px !important;}

2021/06/09(水) 19:06:34.04

>>446
こういうの使うとかさ
W3C CSS 検証サービス　
https://jigsaw.w3.org/css-validator/

2021/06/10(木) 13:34:18.39

https://i.imgur.com/6TlIHAe.png
ダークモードなのですがこの青エフェクト変えられますか?
URLバークリックしたとき出るサブテキストの色も変えたいです
全部同じ色ぽいですが全体的にギラつきすぎています
お気に入りの星の色の変え方はわかります
まあ常時見るものでもないしこのぐらいならスルーしてもいいですが･･･

2021/06/10(木) 14:04:31.39

すいません。
Firefoxスレで聞いたらスレ違いだったようで、こちらで質問させてください。

コンテナタブの色付きラインを、上じゃなく以前のように下にできるcssはあるでしょうか？

2021/06/10(木) 15:03:23.87

アクティブタブの色をタイトルバーの色と同じにできないでしょうか？
タイトルバーは何も指定していないので、Windowsの設定になっています
スレ内を探して色を直接指定する方法は分かったのですが、Windows側を変更すると追随しないので
よろしくお願いします

/* アクティブタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-background {
background: #797979 !important;
}

2021/06/10(木) 18:57:20.75

background: transparent !important;
とかじゃね知らんけど

2021/06/12(土) 12:52:15.13

>>451
-moz-accent-color
文字色は-moz-accent-color-foregroundにすれば自動的に濃色背景には白、淡色背景には黒になる

**451** (ﾜｯﾁｮｲ bf7e-khlo) · 2021/06/12(土) 19:41:00.28

おお、出来ましたありがとう
タブは大きくなったのに、サウンドアイコンは小さすぎてミュートと見分けがつかなかったり
デザインした人の意図が良く分からんです

2021/06/12(土) 19:56:06.64

>>454
https://egg.5ch.net/test/read.cgi/software/1622939715/79
https://egg.5ch.net/test/read.cgi/software/1622565390/941

2021/06/12(土) 22:39:22.05

アクティブタブの上の線とコンテナタブの下の線共存できるやつ置いときますね
https://i.imgur.com/7fB1tjq.png
https://pastebin.com/nZQXpe8m

2021/06/13(日) 17:04:24.15

タブをホバーしたときのフォントの色の変え方を教えて下さい

2021/06/13(日) 18:02:26.96

>>457
これで出来ると思う

.tabbrowser-tab:hover:not([selected]) .tab-label {
color: blue !important;
}