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

2020/07/27(月) 17:55:40.98

>>180,181
レスどうもありがとう
feedly関係なく訪問したサイト全部にヒラギノを使いたい場合とかどう書けばいいですか？
あれからいろいろ試してみたのですが、どうもうまくいきません

2020/07/27(月) 17:59:32.40

>>182
stylusに登録したらどう？

2020/07/27(月) 18:31:33.27

フォント名、オプション→既定のフォントの所の選択箱で認識してる名前と同じになってる？

2020/07/27(月) 22:04:02.61

>>184
そこを一緒にしないと駄目なんですかね？
以前はCSSの方を優先して表示されていたのですが

2020/07/28(火) 17:06:12.83

https://news.yahoo.co.jp/articles/303c409a9a33ca08e5a323c09ea0d065392f2170
右側にある「おすすめの有料記事」の欄をStylusで消したいのですが、
.yjnSub_section{display:none!important;}
とすると、上にあるアクセスランキングの欄まで消えてしまいます。
同じ名前のクラスだからなのですが、有料記事のものだけ消すにはどう書けばいいか教えてください。

2020/07/28(火) 17:36:22.13

section.yjnSub_section:nth-of-type(4){
display: none !important;
}

2020/07/28(火) 17:46:41.89

.yjnSub_section:nth-of-type(4)

ただし4番目であることに依存している。現行のcssでできる限界。

2020/07/28(火) 17:47:19.47

かぶってしまってすみません

2020/07/28(火) 18:48:21.77

今のところ常にリスト最後にあるから
#yjnSub>#yjnFixableArea section:last-of-type{ display:none!important; }

2020/07/28(火) 19:28:22.40

https://news.yahoo.co.jp/articles/348ad768e71ee70f75012ef954645f580d2605cc
有料記事が3番目(最後)のやつがあったので>>190さんのものを使わせていただくことにしました。
みなさんありがとうございました。

2020/07/28(火) 19:36:56.19

３人の方々に感謝

2020/07/29(水) 20:27:07.70

今のYouTubeは、ウィンドウのサイズを変えるとプレイヤーのサイズも変わりますが、
これを旧UIみたいに固定することはできないでしょうか？
ホームや登録チャンネルの幅はこのままで、ビデオ再生画面だけYouTubeの幅を固定したらいいのでは、
と思いますが、自分でCSSを書いてどうにかしようにもうまくいかないのです。

2020/07/29(水) 21:30:23.04

@-moz-document url-prefix('https://www.youtube.com/watch?v=') {
@media screen and (min-width:○○) and (min-height:○○) {
ここに動画要素のサイズなどを定義
}
}
こんな感じで指定すればいいよ

2020/07/29(水) 22:44:28.33

>>194
ありがとうございます。
まだうまくいってないのですが、ヒントをいただいたので頑張ります。
うまくいったら報告します。

2020/07/30(木) 08:37:06.81

url-prefixの最後のv=はない方がいいかも
プレイリストだとlist=が先に来る場合あるし

2020/07/31(金) 20:06:38.83

68から78にバージョン上げたらページ内検索バーの高さが変わらなくなりました
文字を入力するボックスの高さなんですがどうすればいいでしょうか

**197** (ﾜｯﾁｮｲ fa76-Xvfy) · 2020/07/31(金) 21:36:30.40

すみませんページ内検索バーの高さ変えられました

2020/08/05(水) 14:48:57.54

https://news.yahoo.co.jp/feature/1777
「後半を読む」というのが邪魔なので消したいです
<section style="display:none" id="hiddenContent">
というのが、クリックすると
<section style="" id="hiddenContent">
に変わっているのですが、どのように記述すればいいか教えてください

2020/08/05(水) 16:22:15.47

>>199
消すなら.loadButtonの部分だけだけど、記事を読むんだよね
@-moz-document domain("news.yahoo.co.jp") {
#hiddenContent {
display: block !important;
}
.loadButton {
display: none !important;
}
}

2020/08/05(水) 17:19:21.47

>>200
hiddenContentのほうだけでいけたと思ったら下にいらんボタンがあったｗｗｗ
ありがとうございました

2020/08/06(木) 07:19:24.53

タブバーを画面の一番下に移動するcssが分かりません
検索して見つけたのはナビバーとブックマークツールバーの下に移動させるcssだけでした

2020/08/06(木) 18:22:35.45

>>202
本スレの470で同じ質問あったから見て

2020/08/06(木) 21:01:26.74

https://egg.5ch.net/test/read.cgi/software/1594731584/470

2020/08/08(土) 19:16:50.73

アドレスバーを選択したときの水色の枠線を、検索バーと同じ大きさにする方法を教えて下さい…

2020/08/09(日) 00:37:04.04

>>205
URLバーがデカくならないって意味ならこんなの自分は使ってる
https://pastebin.com/FwXwBW1D
もしくは参考
https://www.userchrome.org/megabar-styling-firefox-address-bar.html

2020/08/09(日) 06:50:39.92

headlines.yahoo.co.jpの「おすすめの有料記事」も消せませんか
https://headlines.yahoo.co.jp/cm/articlemain?d=20200803-01684952-sspa-soci

2020/08/09(日) 06:51:04.19

>>206
横からだけどありがとう
地味に気になっていたので助かった

**205** (ﾜｯﾁｮｲ d1b1-HICl) · 2020/08/09(日) 07:29:45.75

>>206
ありがとうございます!

2020/08/10(月) 17:06:55.86

78.02でtoolkit.legacyUserProfileCustomizations.stylesheets を trueにしても
userChrome.cssが反映されないのはなぜですかね

2020/08/10(月) 18:01:42.82

>>210
77のときは使えた？

2020/08/10(月) 21:10:55.02

>>211
77は使ってなかったんですが

2020/08/10(月) 21:57:43.95

>>212
@namespace url(
CSSの最初のこれから始まる１行全部消してみて

2020/08/10(月) 22:14:19.40

旧ver.ガイジに構うなよ
基地外が感染るぞ

2020/08/10(月) 22:28:43.42

>>210
環境できてるの？
https://w.atwiki.jp/fxext/pages/55.html

2020/08/11(火) 03:37:41.24

>>210
ありがちなのはchromeフォルダの置き場所を間違えてる(別のprofileに置いてる、等)
先ずはそこを確認してみては

場所が合ってるなら記述を間違えてる、そもそも78.0.2では有効にならない内容だから、等が原因かも

2020/08/11(火) 22:05:11.83

みなさんありがとう。書かれたこと全部やったけど変わらず。
portable版だから?

以前は54のportableを使っていて、78.02(portable)を最近使い始めたんですが、
54はchromeフォルダにuserChrome.cssを入れただけで反映していた
はずなのに。

2020/08/11(火) 23:23:49.30

portableはスレチ

2020/08/11(火) 23:30:51.22

:\FirefoxPortable\Data\profile\chrome
chromeの場所ここと同じだよね

2020/08/12(水) 00:14:30.20

>>217
54とはまた古い
portableはよくわからないけど、216に書いたように54では有効でも78.0.2では無効、な内容なんじゃない？

試しに
* {
color: red;
}
これをuserChrome.cssに書き加えてみ
UIの文字が赤くなるようならcss自体は反映されてるってことだから

2020/08/12(水) 01:15:26.72

54から78だとcssの大半使えなくなってそうだな

2020/08/12(水) 10:15:05.60

＞portable版だから?

後出しするアホ

2020/08/13(木) 08:32:04.37

youtubeのTOPページの表示数を変えるために1つ1つのコンテナの大きさを小さくしてるんだけど
youtubeがページ遷移せずにajaxで切り替えてる？っぽいせいで
たまに適用されなくなるタイミングがあってそれ以降更新しないと適用されなくなるのがうざいんだけどどうすればいい？
#contents.style-scope.ytd-rich-grid-renderer {
padding-left:100px;
}
ytd-rich-item-renderer.style-scope.ytd-rich-grid-renderer {
width: 196px!important;
margin-right: 4px;
}
CSSはこういう感じ
URLが切り替わったらCSSを適用し直すJSも試したけど上手くいかなかった

2020/08/14(金) 16:30:59.39

Stylusで要素を消したいのですが、定期的にクラス名が変わります

.sc-fBuWsC{display:none!important;}
.sc-fAjcbJ{display:none!important;}
.sc-caSCKo{display:none!important;}
.sc-kvZOFW{display:none!important;}

.sc-の部分は共通しているようなのでワイルドカードみたいなものでまとめて消したいのですが、どう記述すればいいか教えてください

2020/08/14(金) 16:37:50.25

[class^="sc-"]{display:none!important;}

^= 前方一致 $= 後方一致 *= 任意一致
頻出質問だな

2020/08/14(金) 17:00:36.82

ただしclass名が複数設定されてる場合は個別のclass名に対して前方後方一致ではなく属性文字列全体に対してであることに要注意

2020/08/22(土) 13:51:53.71

ロケーションバーと検索バーをアクティブにしたときの青枠線を違う色にしたいです
以前は替えられたのですが最近のバージョンアップで変わらなくなりました
WindowsでFirefox79です

2020/08/22(土) 14:29:12.82

な、age厨だろ

2020/08/23(日) 21:48:09.24

https://i.imgur.com/7NJf4Fk.jpg

2020/08/27(木) 19:51:49.55

Firefox80になってWindowsの設定によってタブの読み込み中アイコンが砂時計になるのを青い点に戻すやつ(適当)

.tab-throbber{
background-image: none !important;
background-image: url("chrome://browser/skin/tabbrowser/tab-loading.png") !important;
}

2020/08/27(木) 20:35:23.99

>>230
いいね

2020/08/28(金) 10:18:15.47

>>230
ありがとう

**230** (ﾜｯﾁｮｲ 82be-JI6e) · 2020/08/28(金) 10:52:24.00

>>231,232
よく見たら background-image: none !important;
は要らなかったみたいです
ほんと適当だわ

2020/08/28(金) 13:24:06.70

ちなみに玉の色を正確にしたいなら
https://www.reddit.com/r/FirefoxCSS/comments/i0p219/any_way_to_restore_just_the_animated_tab_throbber/
のIt_Was_The_Other_Guyさんの書き込み通りにやればいい

2020/08/28(金) 14:13:10.41

>>230
ありがとう
OS側の設定でアニメーションonにはしたくなかったので助かった

2020/08/28(金) 21:40:57.16

相変わらずredditはじめ海外の掲示板？はどう見て行ったらいいのかワカランな・・

2020/08/28(金) 21:55:11.75

redditはたまに見て参考にしてるけどサイト内の検索もトピックスのツリーも使い辛いよ

2020/08/28(金) 21:58:11.09

でもredditの連中に5chを見られたらボロクソ言われる予感ｗｗｗｗｗ

2020/08/28(金) 22:34:55.07

そりゃそうだ
才能が必要です。紳士的にふるまいましょうって強調されてるもん

2020/08/29(土) 01:34:40.74

細かいけど>>230の修正

ダークテーマ用

.tab-throbber[busy] {
background-image: url("chrome://browser/skin/tabbrowser/tab-loading.png") !important;
}

.tab-throbber[busy]:not([progress]) {
background-image: url("chrome://browser/skin/tabbrowser/tab-loading-inverted.png") !important;
}

ライトテーマ用

.tab-throbber[busy] {
background-image: url("chrome://browser/skin/tabbrowser/tab-loading.png") !important;
}

.tab-throbber[busy]:not([progress]) {
background-image: url("chrome://browser/skin/tabbrowser/tab-connecting.png") !important;
}

2020/08/31(月) 21:10:23.61

>>240
もらった、サンクス

2020/09/03(木) 20:06:42.40

ピクチャーインピクチャーの枠の色を変える事って出来ますか
youtube限定でも問題ないです
欲を言えばサイズ変えられるホバーの範囲をもうちょっと増やしたいけど
要素だけ分かれば行けそうなので

2020/09/04(金) 13:09:01.01

>>206 にも貼られてるけど、 userchrome.org は >>1 >>2 あたりにテンプレ化してもいいんじゃないだろうか
https://www.userchrome.org/

あと今後 userChrome.css の運命がどうなるかの見通しってどうなってるんだっけ？
どこで確認すればいいんじゃろ？

2020/09/04(金) 18:41:43.76

>>230
ありがと

2020/09/09(水) 18:16:52.21

Twitterの広告消し
https://twitter.com/orzine/status/1253124504210948098

@-moz-document domain(twitter.com) {
div[class$="css-1dbjc4n"][data-testid="placementTracking"]
{display:none !important;}
}
https://twitter.com/5chan_nel (5ch newer account)

2020/09/15(火) 09:33:16.96

スポナビのページ右上方にあるピックアップ動画を消すことできないでしょうか
ページ開くと必ず再生されていて嫌です
https://sports.yahoo.co.jp/

2020/09/15(火) 10:23:23.50

>>246
自分でできました

2020/09/16(水) 18:09:38.40

nightlyでタブのフェードを消す方法を教えて下さい
これでは駄目でした
.tab-content {
padding-top:5px !important;min-width:55px !important;
mask-image: none !important;
}

2020/09/17(木) 22:49:32.09

↑
方々で連日暴れてる基地外age厨スルー推奨

2020/09/28(月) 17:36:51.82

今までunreadTabs.uc.js使ってuserChrome.jsで未読タブの色を指定してたんだけど
esrが68から78に変わったら機能しなくなっちゃった
未読タブの色を指定する方法ってありますか？

2020/09/28(月) 21:43:36.42

>>250
古いバージョンなのではないかな

2020/09/29(火) 09:45:10.14

>>251
unreadTabs.uc.jsは最新のに入れ替えてみた
これは78でも機能してるのかな

2020/09/29(火) 19:53:39.50

>>250は古いキャッシュ？が残ってたみたいで全部消して再起動させたら機能しました
お騒がせしました

2020/10/01(木) 10:32:53.47

googleの検索結果を以前の形式に戻すアドオン「Make Google Search great again」ですが、
今日から効かなくなりました。以前も効いたり効かなかったりでしたが。
アドオンの更新は放置されているようなので、CSSで対策することってできないでしょうか？(´･ω･`)

2020/10/01(木) 18:41:54.99

81.0.1に更新したらuserContent.cssが効かなくなった

**255** (ﾜｯﾁｮｲ d373-2+Dn) · 2020/10/01(木) 20:10:03.54

userContent.cssが効かないのではなくて
グーグルの検索結果の仕様が変わったのが原因だったようです
スレ汚し申し訳ない

2020/10/01(木) 21:36:09.99

検索結果の下線効いてなかったりしたけどやっぱ仕様変わったのか

2020/10/01(木) 21:43:37.19

下線は効いてる

Google Search - Classic Links
https://userstyles.org/styles/99353/google-search-classic-links

2020/10/01(木) 22:28:02.21

Stylusで動いてた「Google 検索ツールをサイドバーへ」
改訂版よろしくお願いいたします。

2020/10/01(木) 23:00:58.39

>>258
ありがとう
違うとこ参考にしてしてたのが今日効かなくなったから助かった

2020/10/02(金) 00:30:59.63

最近文字数なのか行数制限なのか分からないけど
css書き込めなくなってしまったな

2020/10/02(金) 08:20:03.28

Make Google Search great again バージョンアップしたね

**258** (ｱｳｱｳｴｰT Sadf-Kk5w) · 2020/10/02(金) 10:50:37.11

「Google 検索ツールをサイドバー」は諦めて
Fix Google Search Options.user.jsを入れたら、
AddSearchOptions4GM.user.jsとGoogle Search English Filter.user.jsが不用になった。

2020/10/02(金) 11:39:53.34

>>263
でも「Google 検索ツールをサイドバー」の方がスッキリする。

2020/10/02(金) 19:53:25.14

これは？
https://userstyles.org/styles/148233/google-search-sidebar

2020/10/02(金) 20:28:54.39

>>265
ありがとう、助かりました。

2020/10/02(金) 21:33:40.66

Google絡みで、おなじく昨日のアプデから
検索キーワードを着色してくれるってCSSが効かなくなりました
どこかのスクリプトに入っていて、それだけ欲しかったから移植して使ってたんだけど

/* Keywords - Red highlight */
#rcnt h3.r em,
#rcnt span.tl em,
#rcnt span.st em {
color: #DD4B39 !important;
font-weight: bold !important;
}

↑こういうやつです
結構重宝してたから復活させたいんですけど
どなたか最新の対応分かりませんでしょうか
お願いします。

2020/10/02(金) 22:38:07.59

サイドバーもスクロールするんだ

2020/10/02(金) 23:18:07.68

Google Search Sidebar をスクロールしないよう固定
Google検索 "すべてからツール"までをスクロールしないよう固定してみた
https://u9.getuploader.com/diet/download/83

**２６９** (ﾜｯﾁｮｲ e376-2+Dn) · 2020/10/02(金) 23:36:28.15

ダウンロードパス　sidebar　です

2020/10/03(土) 07:06:59.59

>>269
もともとある
Google検索バー固定

2020/10/03(土) 07:30:55.61

あったのか
そういうことなら消しとくわ

2020/10/03(土) 08:36:57.33

>>265
ありがてぇ

2020/10/04(日) 20:01:00.73

>>267
うちの環境ではこれで効いたけど、ダメ？

em {
color: #DD4B39 !important;
font-weight: bold !important;
}

2020/10/04(日) 22:09:55.04

>>274
>>267です。元通りに着色されて見やすくなりましたｱﾘｶﾞﾄｰ

2020/10/05(月) 23:41:02.35

ブラウザーツールボックスで要素を選択する時に出ていた赤い線と言うか枠が
出なくなってしまったのですが出るようにする方法はありませんか？

2020/10/06(火) 17:16:48.78

debuggerフォルダ削除してみたら？
知らんけど

2020/10/07(水) 09:16:55.83

chrome_debugger_profileを削除しても変わらずでした

2020/10/16(金) 11:01:31.51

tes

2020/10/16(金) 13:58:49.55

ここで聞いていいのか分かりませんが
YouTubeのライブのチャット欄の時間表示のところを非表示にしたいんだけど
分かる方いますでしょうか

　〇　1:50 PM　NAME　かくかく
　　　しかじか

　〇　NAME　かくかくしかじか

上のようになるのを時間を消して下のようにしたい

2020/10/16(金) 14:15:45.76

>>280
右上のタイムスタンプでON/OFFできるよ
https://i.imgur.com/ezlbAMt.png

2020/10/16(金) 14:26:27.46

#timestamp {display: none !important;}