userChrome.css・userContent.cssスレ Part11
■ このスレッドは過去ログ倉庫に格納されています
!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 >>206
横からだけどありがとう
地味に気になっていたので助かった 78.02でtoolkit.legacyUserProfileCustomizations.stylesheets を trueにしても
userChrome.cssが反映されないのはなぜですかね >>212
@namespace url(
CSSの最初のこれから始まる1行全部消してみて >>210
ありがちなのはchromeフォルダの置き場所を間違えてる(別のprofileに置いてる、等)
先ずはそこを確認してみては
場所が合ってるなら記述を間違えてる、そもそも78.0.2では有効にならない内容だから、等が原因かも みなさんありがとう。書かれたこと全部やったけど変わらず。
portable版だから?
以前は54のportableを使っていて、78.02(portable)を最近使い始めたんですが、
54はchromeフォルダにuserChrome.cssを入れただけで反映していた
はずなのに。 :\FirefoxPortable\Data\profile\chrome
chromeの場所ここと同じだよね >>217
54とはまた古い
portableはよくわからないけど、216に書いたように54では有効でも78.0.2では無効、な内容なんじゃない?
試しに
* {
color: red;
}
これをuserChrome.cssに書き加えてみ
UIの文字が赤くなるようならcss自体は反映されてるってことだから 54から78だとcssの大半使えなくなってそうだな 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も試したけど上手くいかなかった Stylusで要素を消したいのですが、定期的にクラス名が変わります
.sc-fBuWsC{display:none!important;}
.sc-fAjcbJ{display:none!important;}
.sc-caSCKo{display:none!important;}
.sc-kvZOFW{display:none!important;}
.sc-の部分は共通しているようなのでワイルドカードみたいなものでまとめて消したいのですが、どう記述すればいいか教えてください [class^="sc-"]{display:none!important;}
^= 前方一致 $= 後方一致 *= 任意一致
頻出質問だな ただしclass名が複数設定されてる場合は個別のclass名に対して前方後方一致ではなく属性文字列全体に対してであることに要注意 ロケーションバーと検索バーをアクティブにしたときの青枠線を違う色にしたいです
以前は替えられたのですが最近のバージョンアップで変わらなくなりました
WindowsでFirefox79です Firefox80になってWindowsの設定によってタブの読み込み中アイコンが砂時計になるのを青い点に戻すやつ(適当)
.tab-throbber{
background-image: none !important;
background-image: url("chrome://browser/skin/tabbrowser/tab-loading.png") !important;
} >>231,232
よく見たら background-image: none !important;
は要らなかったみたいです
ほんと適当だわ >>230
ありがとう
OS側の設定でアニメーションonにはしたくなかったので助かった 相変わらずredditはじめ海外の掲示板?はどう見て行ったらいいのかワカランな・・ redditはたまに見て参考にしてるけどサイト内の検索もトピックスのツリーも使い辛いよ でもredditの連中に5chを見られたらボロクソ言われる予感wwwww そりゃそうだ
才能が必要です。紳士的にふるまいましょうって強調されてるもん 細かいけど>>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;
} ピクチャーインピクチャーの枠の色を変える事って出来ますか
youtube限定でも問題ないです
欲を言えばサイズ変えられるホバーの範囲をもうちょっと増やしたいけど
要素だけ分かれば行けそうなので >>206 にも貼られてるけど、 userchrome.org は >>1 >>2 あたりにテンプレ化してもいいんじゃないだろうか
https://www.userchrome.org/
あと今後 userChrome.css の運命がどうなるかの見通しってどうなってるんだっけ?
どこで確認すればいいんじゃろ? 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) スポナビのページ右上方にあるピックアップ動画を消すことできないでしょうか
ページ開くと必ず再生されていて嫌です
https://sports.yahoo.co.jp/ nightlyでタブのフェードを消す方法を教えて下さい
これでは駄目でした
.tab-content {
padding-top:5px !important;min-width:55px !important;
mask-image: none !important;
} 今までunreadTabs.uc.js使ってuserChrome.jsで未読タブの色を指定してたんだけど
esrが68から78に変わったら機能しなくなっちゃった
未読タブの色を指定する方法ってありますか? >>251
unreadTabs.uc.jsは最新のに入れ替えてみた
これは78でも機能してるのかな >>250は古いキャッシュ?が残ってたみたいで全部消して再起動させたら機能しました
お騒がせしました googleの検索結果を以前の形式に戻すアドオン「Make Google Search great again」ですが、
今日から効かなくなりました。以前も効いたり効かなかったりでしたが。
アドオンの更新は放置されているようなので、CSSで対策することってできないでしょうか?(´・ω・`) 81.0.1に更新したらuserContent.cssが効かなくなった userContent.cssが効かないのではなくて
グーグルの検索結果の仕様が変わったのが原因だったようです
スレ汚し申し訳ない 検索結果の下線効いてなかったりしたけどやっぱ仕様変わったのか Stylusで動いてた「Google 検索ツールをサイドバーへ」
改訂版よろしくお願いいたします。 >>258
ありがとう
違うとこ参考にしてしてたのが今日効かなくなったから助かった 最近文字数なのか行数制限なのか分からないけど
css書き込めなくなってしまったな Make Google Search great again バージョンアップしたね 「Google 検索ツールをサイドバー」は諦めて
Fix Google Search Options.user.jsを入れたら、
AddSearchOptions4GM.user.jsとGoogle Search English Filter.user.jsが不用になった。 >>263
でも「Google 検索ツールをサイドバー」の方がスッキリする。 Google絡みで、おなじく昨日のアプデから
検索キーワードを着色してくれるってCSSが効かなくなりました
どこかのスクリプトに入っていて、それだけ欲しかったから移植して使ってたんだけど
/* Keywords - Red highlight */
#rcnt h3.r em,
#rcnt span.tl em,
#rcnt span.st em {
color: #DD4B39 !important;
font-weight: bold !important;
}
↑こういうやつです
結構重宝してたから復活させたいんですけど
どなたか最新の対応分かりませんでしょうか
お願いします。 Google Search Sidebar をスクロールしないよう固定
Google検索 "すべてからツール"までをスクロールしないよう固定してみた
https://u9.getuploader.com/diet/download/83 >>269
もともとある
Google検索バー固定 >>267
うちの環境ではこれで効いたけど、ダメ?
em {
color: #DD4B39 !important;
font-weight: bold !important;
} >>274
>>267です。元通りに着色されて見やすくなりましたアリガトー ブラウザーツールボックスで要素を選択する時に出ていた赤い線と言うか枠が
出なくなってしまったのですが出るようにする方法はありませんか? debuggerフォルダ削除してみたら?
知らんけど chrome_debugger_profileを削除しても変わらずでした ここで聞いていいのか分かりませんが
YouTubeのライブのチャット欄の時間表示のところを非表示にしたいんだけど
分かる方いますでしょうか
〇 1:50 PM NAME かくかく
しかじか
〇 NAME かくかくしかじか
上のようになるのを時間を消して下のようにしたい #timestamp {display: none !important;} >>281-282
こんな速くありがとう。というかそこからできたのか・・
いつもチャットを切り離すのにそこを押していたのにw /* チャットへようこそを消す */
#card {display: none !important;} .bookmark-item[label="●●"]:not([query="true"]){
list-style-image: url(■■) !important;
-moz-image-region: rect(0 256px 256px 0) !important;
}
上記の方法でブックマークのフォルダアイコンを変更しています。
たくさんのブックマークフォルダがあるので、出来ればフォルダ名を無くしてアイコンだけで使用をしたいです。
ADD_DATEやLAST_MODIFIEDで指定をしても駄目でした。
labelで指定をする以外に方法は無いですか? 出来るものなら、簡単にフォルダアイコン変更出来てフォルダー名なしで済ませたいね
フォルダーアイコンサイズを0にして、名前を一文字程度にしてアイコン代わりにしている
あまり、格好良くないけど仕方がないね、白と灰色のグラデーション掛けている >>289
同じ思いの同士さんが居たとは嬉しいです。
ひと文字のラベル名作戦は試したんですが、精神的に宜しくなかったので今回質問をしました。
書いていてふと思ったんですが、ファイル名自体をdisplay: noneで隠せないかなと。
うーん、考えるよりも試してみます。
アドバイスをありがとう。 試してみました。
.toolbarbutton-text .bookmark-item[label="■■"] {
display: none !important;
}
これだと駄目ですね。
.toolbarbutton-text {
display: none !important;
}
これだとツールバーボタン名の全てが消えちゃいますが一応フォルダ名は隠れてくれました。
他にも方法が無いか調べてる間だけでもこれでいってみます。 >>291
.bookmark-item[container="true"]:not([query="true"]) { 〜〜 }
.bookmark-item[container="true"]:not([query="true"]) > .toolbarbutton-icon { margin-inline-end: 0 !important; }
.bookmark-item[container="true"]:not([query="true"]) > .toolbarbutton-text { display: none !important; } >>292
それで出来ました。
すごいですね。
無駄口を叩かないところが格好いい。
本当に有り難かったです。
ありがとうございました。
嬉しい。 >>288のpxの値を変えて、>>292の設定でローカルフォルダーにあるpngファイルを表示することが出来ました
ありがとう
自前のカテゴリー用のファビコンを用意しなくてはならない
両立できないので、それまでは従来設定でいくしかない >>276
俺もいつのまにかそれ出なくなった
ベータ版使っててそれが83になったのがきっかけかなとか思ったり
でも思い出せんし戻して試すのも面倒なので放置してる userChrome.cssを使うと、ChromeやFirefoxでリンク上で中クリックしたときにも、
リンク外を中クリックしたときと同じように自動スクロールの動作にしたりできますか? cssは見た目を変えるもので動作を変更するのはscriptじゃね? >>298
すいません、仕組みがわかっていませんでした。
scriptを探せば中クリックの処理を変更できるということでしょうか。
それとも、そのへんの処理は絶対にいじれない仕様なのでしょうか。 >>300
X-Mouse Button Controlも使ってみたのですが、
ブラウザの自動スクロールのような動作ではありませんでした。
昔のFirefoxでは拡張機能で簡単に実現できたものだったんですが。 リンクをマウスオーバーしたときにウィンドウ左下に表示されるリンクをuserChrome.cssで消せますが
#statuspanel[type="overLink"], statuspanel[type="overLink"] { display: none !important; }
これを指定したサイトのみで非表示にする手段はありますか?
具体的には画面一杯に画像を拡大表示してる時にリンク表示がかぶるのが目障りでどうにかしたいのですがそれ以外の時は普通にリンク表示したいので両立したい ステータスパネル、自分はロケーションバー内まで位置を移動させているよ
レガシーアドオンのStatus-4-Evarの代わりの妥協だけども
ここなら邪魔にならんし、読み込みの具合?みたいなのも把握できて便利だよ
もう今のFirefoxは爆速だけどね 現在のページ指定はできないがリンク先指定ならできる
例えばegg.5ch.netへのリンクをステータス表示しないようにするなら
#statuspanel[type='overLink'] #statuspanel-label[value*='egg.5ch.net']{
display: none!important
} >>304
お前が神か
自分のケースではリンク先が同一ドメインだったので求めていた動作になったのでこれで行こうと思います
考えてみれば出来て同然の指定だけど全然考えが及ばなかった心の底からありがとう
>>303も案提示サンクス ■ このスレッドは過去ログ倉庫に格納されています