userChrome.css・userContent.cssスレ Part11 YouTube動画>2本 ->画像>44枚

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

●※前スレ
userChrome.css・userContent.cssスレ Part10
http://2chb.net/r/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

使えそうなやつ

要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector/How_to/Select_an_element
ブラウザーUIの要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox
前スレにあったコンテキストメニューの要素名集
https://u6.getuploader.com/script/download/1912
Mozilla Firefox 多段タブスレ Part.1
http://2chb.net/r/software/1577781022/

おつおつー

おつ
さすがに来ないだろもう

>>1
おつ

>>1
たておつ、あのキチがレス埋めしたからﾜｯﾁｮｲ付きの必要性に傾いたというｗ
またしばらく別のところで暴れて報告されてISPBANでもされるんじゃね？

>>1
おつ
やっと平和が帰ってきましたね

ナイスワッチョイ
連投ガイジざまあ

ワッチョイつけるだけで来なくなるって
もしかして基本自演していることがばれてないと思ってるんだろうか

ワッチョイとかいうゴミをつけることでまともな住民を遠ざけてスレを過疎化させるのが目的なんだから、そりゃ目的が達成されれば来るはずがない
要するに喜んでるお前らは、荒らしの思惑にまんまと乗せられたアホ

ワッチョイごときで来られなくなるようなのは別に来なくていいよ

話題の偏向誘導とかやっていて板の無意味化・自殺を増長している、アホかと

Chrome上のGoogleスプレッドのセルに対してUserCSSを適用したい。
どうすればいいですか。
セルというか行と列のバーの文字が小さくて細くて読めないんです。視認性悪すぎ。
Chrome自体全体にどこのサイトもやたら細くてかすれた文字で（レンダリングが悪い）、
こんなのを入れて文字を太く調整しています。
*{
-webkit-text-stroke-width: 0.7px !important;
text-shadow: 0 0 0.1px !important;
font-family:"M+ 1C medium"!important;
}
しかしこのスタイルがスプレッドシートの表の部分には適用されず困ってます。
同じスタイルでFirefoxだと適用されます。UAをFirefoxにしても適用されません。

環境：Windows10 Chrome74 拡張はSTYLUS

セルの中身も読みづらいので、全部ボールド設定してなんとかって感じ。
ひどくね・・・（泣）

ココってGoogle Chromeスレだったっけ？

Google ChromeにはuserChrome.cssもuserContent.cssもないのに
userChrome.css・userContent.cssスレに来られてもな

ﾁｮﾛﾏｰガイジの頭の悪さは異常

しょうもない質問だろうけど教えて下さい

ここのアイコンを調整したいんだけど何て名前で指定すればいいの？
>>2のやつで調べてみたものの上手く見つけられない・・・
ちなみに69.0.3

>>18
>>2のやつでホントに調べたのか？ブラウザーツールボックス使うしかないんだが

>>19
まぁ今までコピペしかしてなかったからブラウザーツールボックスとか初めて使ったんで要領悪いのは間違いないんだけどｗ
toolbarbutton とか色々ワードみつけてやってみたけど出来ないままだわ。
そしてついにブラウザーツールボックス自体出てこなくなったｗ

>>20
ブラウザーツールボックスが起動しなくなった時はプロファイルフォルダにあるchrome_debugger_profileを削除
アイコンの何を調整したいのか詳しく書いたほうがヒントをもらえるんじゃないかな。

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

74に上げてなんとか前の感じに戻せた！
>>21ありがとう助かりました。

URLバーの拡大をCSSで無効にする
https://pastebin.com/3FgEbfVS
about:configで”browser.urlbar.update1”をfalseにすると旧式になるので普通はそっちでいいと思うが

>>24
GJ

URLバー、検索バーの上下の空白をゼロにしたい。
CSSでどう記述すれば良いのでしょうか？

ブラウザツールボックスで該当する箇所の要素を調べてmarginかpaddingで調整しかないだろ？

Googleの仕様変更で使えなくなっちゃった
誰か直せる人いない？

Google Expand action menu (キャッシュの三角形を元に戻す)
https://userstyles.org/styles/86652/google-expand-action-menu

test

>>27
下記で少し調整できたけど、ゼロにはならない。
/*** ナビゲーションツールバーの高さ調整 ***/
#nav-bar toolbarbutton,
#nav-bar toolbaritem {
padding: 0 !important;
margin: 0 !important;
}

>>28
そこのページに今日の修正が入ってるみたいだけど
ver1.10 - 2020/4/19 fix:specification change of Google

>>30
marginはマイナス値も指定できる

>>32
それはやったけど変化なし
-10でも

0以外は単位をつけろ

>>34
ありがとう、-2pxで検索バーはスッキリするけど、URLバーは下側に1PXくらいの余白ができる。
何とかできませんか？

>>35
自分で工夫
やりようはいくらでも有る

>>36
やってみます。

コンテキストやら展開されるメニュー（toolやfileなど）の背景を変更したいのですが、どのidやらセレクタを変更すればいいでしょうか。これでは変化がなかったです。browser tool boxで調べては見たのですが。
menupopup,/*ポップアップの最も親*/
{background-color:red !important;
}

>>38
-moz-appearance: none;
が必要

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

>>39
ありがとうございます。
試そうとしたんですが、今度はブラウザtoolboxが起動しなくなりました。
セーフモードでもだめです。
時々あるんですが、原因はわかりませんか？

解決したdeath

>>39
menupopup
{background-color:red !important;-moz-appearance: none;
}
こうしてもだめなようです

基地外age厨に構うからこうなる

importantが足りなかったですごめんなさい

ブラウザにStylusを入れてるんですが、URLに余計なテキストがついてリンクにならないものってどうやって編集して消去すればいいですか？
**http〜**みたいなもので、他のアドオンでダブルクリックするとある程度自動認識してページに移動するものを入れたのですが、
前部は消去できても後部がくっついてきてしまいます。オプションにも後部用のものがありませんでした。

>>46
cssでそういうのは無理だろ

アドレスバーと検索バーの背景色をCSSで設定したい。
どう記述するの？

ブラウザツールボックスで要素調べて背景色を指定で良いがな

>>49
それはチョット荷が重い。

なら諦めるのおすすめ

誰か優しい人いないの？
80近いジジイ

優しいテンプレあるじゃん

検索バーは次で丸みをつけられる。
#searchbar {
border-radius: 0.6em !important;
}
URLバーはどう書けば良いの？

>>54
>>2

#urlbar {
border-radius:
}

>>56
#urlbar {
border-radius: 0.6em !important;
}
これで効かないんですよ

>>57
そうだったごめん

>>57
#urlbar-background

>>59
#urlbar-background{
border-radius: 0.6em !important;
}
ありがとう
一応、丸みは出来ますがsearchbarと形が違ってきますね。

77.0b1と0b2来たけど、タブの最大横幅を指定しているとタブ位置が乱れますね。左詰めにならない。
例えば、A、B、Cの3個タブが開いている状態でAを閉じてもB、Cが左端に移動せずそのままの位置に居る。
ちなみに、about:configで横幅指定した場合も同様の症状。デフォルトの数値なら問題なく左詰めされる。

ver76に更新したらサイドバーのフォルダを開け閉めする左側の三角矢印が以前より大きくなってしまったんですが
小さいサイズに戻す方法はないでしょうか？

三角矢印？

＞とか�Xみたいな昔風のツリーだと＋−で表示されるやつの事です

>>64
消してた
/* サイドバーのフォルダの先頭にある"＋"，"−"を消す */
#bookmarksPanel treechildren::-moz-tree-twisty,
#history-panel treechildren::-moz-tree-twisty {
list-style-image: none !important;
width:0px !important;
padding:0px !important;}

>>62
https://pastebin.com/Gsp6e8Vk

>>66
これで出来ました
ありがとうございます

>>65
消す方法は知ってたのですが
一応小さくでも表示させておきたかったので

76にしたら下記が使えなくなった；；
なんでやー

http://2chb.net/r/software/1571968384/69

/* ブックマークメニューの▲▼スクロール領域を非表示 */
.scrollbutton-up.menupopup-scrollbutton,
.scrollbutton-down.menupopup-scrollbutton {
display:none !important;
}

作成したメニューアイテム要素にOSネイティブのスタイルを適用させるにはどうすればいいですか？

appearanceに適切な設定すれば自動でつくんじゃないの？

サイドバーの要素を選択した時のボーダー色はどう指定したら良いでしょうか？↓画像だと黄色のドット線部分です

>>68
自分の環境ではこれで消えたよ
toolbarbutton#scrollbutton-up,
toolbarbutton#scrollbutton-down {
display: none !important;
}

>>72
これってタブバーに沢山タブがあるときにでる＜＞も消えちゃわない？ここは残せないのかな？

>>73
arrowscrollbox.menupopup-arrowscrollbox #scrollbutton-down,
arrowscrollbox.menupopup-arrowscrollbox #scrollbutton-up {
display: none !important;
}

>>74
>>73です。家の環境ではうまく消えてくれませんでした。残念

>>75
俺の76.0.1でも消えなかったよ。
>>72だと消えた。

>>72だと確かに消えるんだけどタブバーの＜＞も消えて、タブをドラッグして移動するとき表示している所までしか移動できない(スクロールしてくれない)のが不便だなと思いました。＜＞も今回同じIDになったみたいなので無理かな？

userChrome.cssだと::part()効かないみたいだし
Shadow DOMになってる部分で適用箇所限定したいならuserChrome.jsスクリプトでやらないといけないかも

/* タブスクロールボタン非表示 */
.scrollbutton-up, .scrollbutton-down {
visibility: collapse !important;
}


76にしてから、タブを沢山開くとタブバーの左右に出現する
＜＞のタブスクロールバーを非表示にするCSSが効かなくなったんだけど
修正方法分かりますでしょうか？

>>79
自分が書き込む前の10レスくらい読もうよ

>>80
ブックマークがどうのこうのと最初書かれてたので関係ないかと早とちりしてしまいましたすみません。
>>72ので自分の環境では非表示にすることができました
ありがとう。

76.0.1でタブのスクロールボタンの影を消したいんだけどどうすればいいのん

>>77です。userChrome.jsスクリプトで
▲▼スクロール領域を消しつつ＜＞を生かすことができました！

>>24のbrowser.urlbar.update1が効かなくなった(77.0)もうcssでやるしかないのかな？

>>84
browser.urlbar.disableExtendForTestsをtrueで作成してとりあえずはしのげる
http://2chb.net/r/software/1540101813/838

>>84-85の流れに便乗して

>>24にある
/* URLバーの拡大をCSSで無効に browser.urlbar.update1:falseなら不要 */

(本文省略)

をuserChrome.cssに記載したところ、検索結果一覧のバックグラウンドが透過になるんですが
改善方法わかる方いませんか？

http://2chb.net/r/software/1587387627/856

856 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a18e-upCQ)[sage] 投稿日：2020/06/02(火) 13:45:45.78 ID:+MHMhbE90
Firefox77からMegabar無効は
browser.urlbar.disableExtendForTests 真偽値 true
user_pref("browser.urlbar.disableExtendForTests", true);

今後も変更・廃止される可能性があるのでcssでやるのが無難

Mac版77で.tabbrowser-tabにmax-widthを指定すると、タブ閉じても左寄せせずに残骸が残るようになってしまったな
Winがメインだからあまり問題ないけど…

>>86
.urlbarView {
background-color: rgba(255,255,255,100%) !important;
}
あたりでいいんじゃない？

88だけど、
.tabbrowser-tab:not([pinned]):not([fadein]) {max-width: 0px !important;}
を追加したら左寄せするようになった
多分本体の方に修正が入るとは思うけど

テスト用の設定をしたところでテスト用のコードを読み込んでないんだから
browser.urlbar.disableExtendForTestsではどうにもならん
素直にCSSでやれ

>>88
早速の回答ありがとう
無事解決しました。感謝感謝。

Twitterの「おすすめユーザー」の非表示で、通知欄のツイートやタグ付けされたツイートへの返信時に他のユーザーを非表示にする事なく、これを非表示にする事は出来ないのか？

>>92
どこのどれを表示したくてどれを消したいのかよくわからんが
通常のCSSだけでは誤爆しまくるので
ublockで:hasとか:has-text辺りを駆使していじってる

つうかスレとは関係ない気が

/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox {
font-size:13px;
min-height: 20px !important;
max-height: 20px !important;

firefox77でこれで検索バーの方だけ効かなくなってるんですがどうすれば変えられますか

#searchbarでいけるんじゃない

userChrome.css超初心者です。お詳しい方、助けてください。

「最小化ボタン」「最大化ボタン」「閉じるボタン」、通常、画面の最右上にあるのですが、
上部メニュバーの「ヘルプ(H)」のすぐ右に移動してしましました。
３っつのボタンを最右上に移動させる方法を教えてください。

お手数かけますが、よろしくお願いします。

>>96
userChrome.css の記述を全て消して再起動

なんか怪しい臭いがして表示領域を全画面にして見たら
挙動が壊れていた
77、78、79が全部逝かれた
全画面にするには、表示(V)-全画面表示、F11、全画面表示ボタンなど色々オプションがあるけど
その後の稼動に微妙に影響があったけど
今度は、全画面表示状態での挙動の他に、終了後のツールバーアイコン配置までおかしくなることがある
幾つかが隠れてしまう
ノートPCなどでの狭い領域での利用に不便が出るのだよね

名無しさん＠お腹いっぱい。さん、お返事ありがとうございます。
別のスレで、名無しさん＠お腹いっぱい。さんにお世話になったマリンバードです。

userChrome.cssをつかって、タブバーを下に出来ました。
副作用で、三つのボタンが左に行ってしまいました(^_^;
userChrome.cssで、ボタンを右端に移動するには、userChrome.cssに
どのようなコマンドを追記すれば良いでしょうか？
超初心者的な質問で、誠に申し訳ありません。

作業領域を全画面にして困るのは
上辺にポインティングカーソルを移動すると、するっとナビケージョンバーとタブバーが出るようにしているのが
タブバーだけになってしまうことだ

そうするとfirefoxを一旦ウィンドウ表示に戻して、操作する必要が出てくる
過去バージョンとかいろいろ振り返ったりして対処方法を考えた

要するに、firefoxの開発陣が早さを剽窃するために処理を端折っている疑いが生まれてきた
で、タブだけしか出ない時は、新規タブを開いたり、既存の新しいタブをクリックすると、その途端にナビケーションバーも飛び出すようになる
一旦、引っ込んでしまうと、また、タブだけしか出ないように戻る

新規タブを開く時の初期化作業としてやる一部のことがユーザーのポインティング操作の合間に端折られているからこんなことになるのだろう
少なくとも、ポインティングカールが上辺に達した時は、端折っていた処理を充当する必要があるね

逝かれてるのはお前のプロファイルだよ

閲覧領域を全画面表示にするときのトリガーのあり方で微妙に動作が違うと言うのがおかしい

同じ全画面表示としてユーザーに面前しているのに
内部のステータスとかプロパティーが似ているけど微妙に異なっているから
同じ操作をしても、違った動作が返って来るのだ

＞挙動が壊れていた

どういう意味？

述べているような期待していた動作と異なって操作機能が不全状態に陥っていることだね

>>100
こんな場所でグダグダ自説垂れ流すならMozillaにフィードバックしたら？

ワロタ
鼻からは嗤っておいて、今度はそんなお言葉、いい加減にしろや

ンまーた基地外XPガイジ老害かよ
http://hissi.org/read.php/software/20200615/K1ExbEczL0cw.html

上辺のツールバー群のレンダリングが呆けているのは確かのようだ
もともと、OSをまたいだ視点から見ると、ウィンドウサイズそのものの不安定さがあったから
それを直そうとして、拗らせたのだろう

pcのyoutubeの旧デザインって完全に終了した？
今後はusercontentで見やすくするしかないのかな？

>>110
数日前から?disable_polymer=1がきかんようになったな。
履歴画面がつかいづらくてかまわんわ。

上記がきかんようになってからも数日前ならgreasemonkeyスクリプトで、戻せたけど、
ついさっきやったら、同じスクリプト使っても、もう旧版には戻らなくなってるな。
もう新デザイン強制かも。

StylishとStylusってどういう違いがありますか？

Stylishはスパイ

waterfox2020 06で
コンテキストメニューにページ内検索と再起動を追加したんだけど
cssでいいんだよね…？

非表示は検索すればたくさん出てくるけど
追加って無いなorz

var menuItem = contextMenu.Item(
label: "ページ内検索",
context: contextMenu.SelectionContext()

ここくらいまでしかわからんorz

cssが何なのかよく調べてから出直してこい

Firefox77でタブをロードしたときの[bursting]が効かなくなったんだけど
これに替わるものあるのでしょうか
.tabbrowser-tab[bursting]

いや効いてるが

息を吐くようにホラを吹くなﾁｮﾝ

ESR68からESR78へのアップデートにあたってuserChrome.cssの調整をしています

#main-window[sizemode="nomal"] #nav-bar {
margin-top: 43px !important;/* 値はテスト用で適当 */
}

ウィンドウサイズ毎(通常、最大、全画面)にcssの設定をしたいのですが上記のsizemodeが効いていないのか反映されません
こちらの設定は廃止されたのでしょうか？
また代替できる記述はありませんか？

nomalだからじゃないかな

>>120
119のcssをnomal、maximized、fullscreen、いずれにしても効きません
他の方もそうだと思ってたのですが自分だけでしょうか

normal

草

スタイルエディタでやる分には効くがuserChrome.cssだと駄目なんだな
userChrome.js経由でCSSを登録すれば効いたから一応コード貼っておく
https://ghostbin.co/paste/h3na8

>>124
出来ました！
ありがとうございます
なぜuserChrome.cssだと効かないのかはよく分かりませんが

というわけでちょっとnomalに首吊ってきますありがとうございました

脱xulでどんどんhtml化されてるので
userChrome.cssに@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
書いてるとだめなやつ

なるほどだからsizemodeが使えないんだ(よく分かってない)

フレームページでフレームの移動矢印が出るようにできませんか？
同じサイトなのに FF２４くらいまでは移動矢印表示されるけどそれ以降のバージョンはされません
例えば FF２４ だと http://www.officekuma.jp/history/index2.htm のように矢印でフレームの移動できるけど、新しいバージョン
では https://www2.5ch.net/5ch.html のようになって移動できません

な、age厨だろ

最近いろんなサイトで無駄な演出にイライラしています
具体的には読み込み中のクルクルが出て待たされるやつです
読み込み終わってるのに一定時間待たされているのはわかってます
一つ一つサイトごとに潰しているときりがないのですが、まとめて潰せる方法はありますか？

[class*="spin"], [class*="loading"], [src*="spin"], [src*="loading"]{visibility: hidden !important}

とか？
spin と loading 以外にキーワードがあれば随時増やしてもろて

https://diamond.jp/articles/-/242247?page=4
このページの画像、最初表示されてなくてスクロールすると表示される
普通に表示されるだけならいいけど、表示されたときにまたページの上に戻ってしまい、スクロールしなおさなきゃいけない

ソース見たら
<img alt="ランキング6-40" src="; class=" lozad" data-src=";>
というのがあって、おそらくスクロールするとdata-srcが読み込まれるようになってるっぽいんだけど、
最初から表示させるにはどうしたらいい？

基本的には「画像が読み込み終わったら即表示」されるようになってるので、
「無駄な時間」が追加されてるわけではないよ。

ただし、その処理をするjs自体の起動が、ページそのものの表示より遅れるので、
過去に訪れてすでに表示したことのある画像(テスト目的で同じページをリロードした場合も)だと、
「本来ならキャッシュで即表示される」はずだったと言える。

ガチでやるなら
@run-at document-start で即起動するスクリプトで、
即img要素を取得、かつ MutationObserver でbodyに現れるimgを即補足して、
img.src = img.dataset.src と書き換えるんだろうな。

その後に動くであろううサイトのスクリプトに邪魔されるとまた面倒だけど。

画面の高さが足りてないとスクロール必要みたいだから、
スクリプト書くなら window.scrollBy(0,1); しとけばいいかな。
てかここcssスレやんけ

Yahooのニュースのコメント欄の「もっと見る」がうざいと思っています
見るためにスクロールしたんだから見るに決まってるんだからいちいち面倒なことさせるなと
それでソースコードを見てみたら、もっと見るで隠されてる部分が既に読み込まれていることがわかりました
以下の部分を削除することができれば普通に読めるようなのですが、どういうふうに記述すればいいのかがわからないので教えてください
<a href="javascript:void(0);" class="moreUserCmtText" data-ylk="rsec:cmt;slk:more;pos:●" data-rapid_p="●">...もっと見る</a><span class="hideUserCmtText" style="display:none;">

>>135
.moreAthrCmtText, .moreUserCmtText { display: none !important; }
.hideAthrCmtText, .hideUserCmtText { display: inline !important; }

>>Yahooのニュースのコメント欄の「もっと見る」

Yahooのニュースのコメント欄のもっと見るはどこにあるのか教えてください

>>137
記事の下に読み込まれるコメントリストはひとつのコメが長文だと省略されてそうなるんだよ
｢すべてのコメントを読む｣で表示されるコメントページでは省略されてないけど
例えばこの記事
https://news.yahoo.co.jp/articles/fd746683dd3cc6a078e9f51787f9b28eb638f19c
コメントが3件表示されてるが1つは｢もっと見る｣になってるだろ？

>>138
わかりました

>>138
>>137さんのを用いました
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
@-moz-document domain("news.yahoo.co.jp") {
.moreAthrCmtText, .moreUserCmtText { display: none !important; }
.hideAthrCmtText, .hideUserCmtText { display: inline !important; }
}
}

>>136さんのでした

>>136
できました
ありがとうございました

>>136>>140
ありがとう

マウスオーバーでメニューバーを出す書き方教えて下さい
理想は上側からヌルって出てくるようなやつを
どうか願いしますm(_ _)m

URLバーからの下に出る検索窓をURLバーの幅ではなくmegabar以前の幅(画面一杯)にしたい
cssでどうにか出来る方法ってありますか？
調べながら色々試してはみたんだけど無理だった…

マウスオーバーで隠しておいたツールバー群をヌルって出てくるのは、userChrome.js用で既出だよ
通常隠しておくツールバーもアドホックに指定できるけど、全部消すのは問題起こるみたい
ToolbarAutoHide.uc.js

css用に隠れているプックマークツールバーをマウスオーバーで出すのは前に出ていたけど
今は、上述のものに代えた
使わせてもらうだけです、感謝

>>145
https://pastebin.com/raw/myrsfqDT

>>146
レスありがとう
ToolbarAutoHide.uc.js入れてみました
試しに色々弄りながら使ってみたけどESC押してもリセット出来ないしなんか動きが不安定だし今回はパスしときます
他のスクリプトとの相性とかもあるのかな
わざわざ教えてもらったのに悪いね
本当にありがとう

ToolbarAutoHide.uc.jsでESCでのリセットが効かなくなるのはツールバーを全部隠した時に見られるようです
ツールバーは少なくとも一つは表示しないと不安定になるみたい
メニューバーあるいはナビゲーションバーで右クリックすると、「ツールバー自動開閉」のアイテムが出ているので
そこで、ツールバーの表示・非表示が選択できますよ

メニューバー出すだけならこれでいいんじゃない？
https://gist.github.com/TinyRaindrop/9a11f4ced087d4f2ef93c1d73a5a0745

>>144
俺はこれ使ってる。
MenubarReplaceWithButton.uc.js

>>149
言われた通りにやってみてとりあえず動いてるみたいなんだけどなんか動きが不安定なんだよね
マウスオーバーすると小刻みに震えちゃってるし
おま環なんかな
何度もお手を煩わせてしまってほんと申し訳ないです

>>150
これいいですね
ヌルっとではないけどシンプルで気に入りました
有難く使わせて頂きます

>>151
紹介ありがとう
とりあえずダウンロードさせて貰ったよ

長々とスレ汚しすみませんでした
レスくれた方本当にありがとうございました

>>147
出来ました、ありがとうございます！

>>140の
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
が効かなくなりました
皆さんは効いていますか？
ESR68.10.0新規プロファイル+userContet.cssで効きません

もっと見るテスト用ヤフーニュースリンク
https://news.yahoo.co.jp/articles/fd746683dd3cc6a078e9f51787f9b28eb638f19c

>>154
この話の「もっと見る」は、各コメントの末尾に表示されてた青いリンクのこと
あなたが貼ったリンクの「もっと見る」はコメントをたくさん表示するためのリンク
青いリンクに対する効果はいまでもある
ただYahooが改悪して3つ目のコメントの後半が見えない演出にされただけの話

>>147
に加えてURL込みで2行になる検索結果を1行にしたら気にいる見た目になった
感謝

ソープランドのホームページです
https://oushitu.tokyo/
スクロールすると引きずるような感じで時間差で動くのですが、時間差なしで動かすにはどうすればいいでしょうか

背景画像とコンテンツの問題じゃね？

サイト見る気ないけど多分htmlかbodyにscroll-behaviorが使われてるんだろうからこれでどうか？
html,body{scroll-behavior:auto!important;}

>>160
何も変わりませんでした

>>156
これほんとごみ改悪だな。
なんとかできんよな。

>>Yahooのニュースのコメント欄の「もっと見る」

これなんだけど
もっと見るのリンクは無くなったんじゃないの？
替わりに他のコメントを表示するための”もっと見る”が作られたような

このスレで指摘されて後すぐ変更されたから
もしかしてと思ったりしたけどまさかね

>>163
そりゃあんたが設定したからなくなったんでしょ
これとか設定切れば普通に出るよ
https://news.yahoo.co.jp/articles/982b5fc84378dc3b8f921d86c93a88f547c09e56

普通にコメント欄ごとに長いコメントだとあるだろ。
自分でちょっと確認すればわかる話なのになぜしない。

勝手に違う機能だと思い込んで試してみて思うようにいかないと騒いでるレベルの人なんだから仕方ない

キツネにでも化かされた気分

Fx78でこのcss動かなくなったんだけど
何か新たに必要なのかな

.tabbrowser-tab[bursting] .tab-icon-image {
animation: aa .10s ease !important;
animation-iteration-count: 1 !important;
}
@keyframes aa {
10%,50% { margin-top: -5px;
}
}

>>168
78で入れたらファビコンが上にピョコンと跳ねたけど
本来どんな動きするの？

>>169
一回上下するだけなのでそれでいいんですが
どうしてうちのFx78だと動かないんだろう
他のCSSは効いてるのに

もう一台のパソコンに入れてあるFx68では動いてくれるのに

>>170
@-moz-document url("chrome://browser/content/browser.xhtml"){
>>168のやつ
}
他のuserchrome.cssは動いてるならとりあえずcssの中身これだけにして動作確認してみたら

>>171
そのようにしてみましたが動きませんでした
時間あるときになぜ動かないのか検証してみようと思います

ChromeにStylusを導入しているの。
プルダウンリストを動的に生成しているサイトにおいていらないものを非表示にするにはどうすればいいか。

居住地の選択で、
○国内 ○海外
の選択で北海道〜沖縄 アジア＞国,ヨーロッパ>国 のようなプルダウンが現れる構造。
たとえばStylus上で以下のように設定すると。
#Select--12--option-0
0の部分が都道府県で「北海道」が消えるのですが、国内国外の選択を行った時点で中央の「12」の部分がランダムで変動します。
そのため12じゃなくなると･･･消えない。全部で何パターンあるのかわからないので、それを全部指定するわけにもいかず。

おたすけを･･･。

具体的なサイトを貼ってもらわないことには
たぶん貼られてもcssじゃ解決できない可能性もありそう

つーかスレチだろが
なんでﾁｮﾛﾏｰガイジが湧いてんだよ

書き直したせいで冒頭いきなり変な言葉遣いになっている･･･きも

>>174
・質問するときには使用環境を書くのは当たり前（具体的なサイトを書かなかったのは「よくある」から。）
・UserContent.CSSの代わりに古くはStylishを、現在はStylusを使用している「だけ」
＝やってることは同じと判断したが何か問題でも？

北海道〜東北じゃないとマウスくるくるかドラッグでスクロールさせなきゃ出てこないのウザくてたまらん
頭に数字か、アルファベットついてたらくるくる減らせるだろうにな。
なので動的生成じゃないサイトでは自分の県以外全部display:noneにしているのだが･･･

>>173
自分もそんな気がしてきた。いったんはブックマークレットの線も考えたが自分がそっち系は疎くて。
Web構築のCSSであればワイルドカード指定なり正規表現的なことが出来るとレファレンスサイトで読んだが
こっち側のCSSではやはり無理？

俺たち側のCSSなら出来るぞ
お前も早くここまで登ってこいよ待ってるぞ

「そのサイト」限定でよければ、前方一致と後方一致を組み合わせればいけるかもしれない。
[id^='Select--'][id$='--option-0']

CSSでサイトのフォント指定って出来なくなったのでしょうか？

以前はこんな感じでヒラギノを設定していたのですが、いつからか効かなくなりました
修正箇所あったら教えてください

@-moz-document regexp("^(?!http://www.feedly.com).*"){

font,table,href,body,td,p,div,span,ul,li,select,input,textarea,em,a,b,h1,h2,h3,h4,h5,h6,h7 {
font-family: 'ヒラギノ角ゴ4' !important;
}

/*等幅の要素*/
code , kbd , pre , tt , var , samp {
font-family: 'ヒラギノ角ゴ4等幅' !important;
}

/*フォームの部品設定*/
select,input {
font-family:'ヒラギノ角ゴ4等幅' !important;
}

}

>>179
httpsでアクセスするようになったのでは？

>>179
feedlyってwwwいらなくね？
wwwつけてアクセスしたらwwwのないfeedly.comにリダイレクトされるよね？

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

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

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

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

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

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

.yjnSub_section:nth-of-type(4)

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

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

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

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

３人の方々に感謝

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

@-moz-document url-prefix('ダウンロード＆関連動画＞＞

) {
@media screen and (min-width:○○) and (min-height:○○) {
ここに動画要素のサイズなどを定義
}
}
こんな感じで指定すればいいよ

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

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

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

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

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

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

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

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

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

http://2chb.net/r/software/1594731584/470

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

portableはスレチ

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

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

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

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

＞portable版だから?

後出しするアホ

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です

な、age厨だろ

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

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

>>230
いいね

>>230
ありがとう

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

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

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

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

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

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

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

細かいけど>>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;
}

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

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

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

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

>>230
ありがと

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/

>>246
自分でできました

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

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

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

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

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

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

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

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

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

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

下線は効いてる

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

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 検索ツールをサイドバー」の方がスッキリする。

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

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

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

ダウンロードパス　sidebar　です

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

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

>>265
ありがてぇ

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

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

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

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

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

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

tes

>>280
右上のタイムスタンプでON/OFFできるよ

#timestamp {display: none !important;}

>>281-282
こんな速くありがとう。というかそこからできたのか・・
いつもチャットを切り離すのにそこを押していたのにｗ

/* チャットへようこそを消す */
#card {display: none !important;}

1

Website Themes & Skins by Stylish | Userstyles.org
https://userstyles.org/styles/28574/wikipedia-link-to-my-language-beta-and-old

動かなくなりました。修正できるならお願いします。

Userstyles.orgで頼んだ方がいいね

.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を探せば中クリックの処理を変更できるということでしょうか。
それとも、そのへんの処理は絶対にいじれない仕様なのでしょうか。

XMBCってソフトだとそのへんいじれるけどねぇ

>>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も案提示サンクス

wrs

>>303
ステータスパネルをロケーションバー内まで位置を移動
やり方教えてほしいです

>>307
https://u6.getuploader.com/script/download/1975


↑自分のやつと見た目。
当然みんなそれぞれ環境違うから位置とか弄って合わせてね
色もお好みで

>>308
ありがとうございます、できました
https://imgur.com/a/CSEoOjI

角川アスキー総合研究所の情報サイト ASCII.jp (https://ascii.jp/)に
アクセスしたら、背景画面の要素として、
##[href="https://sega.jp/astrocitymini/index.html";] が表示されて、
アストロシティミニセガに転送された。なんだコレ!!!

84にアプデしたところマウスオーバーでポップアップされるURLが左上に表示されるようになりましたが
従来の左下にするにはどうしたらいいでしょうか？

左上に表示されるようにはなっていませんので
環境を見直してみることをオススメします

サイトのドロップダウンメニューで一度に表示される高さをもっと高くしたいのですが、どのように書けばいいのでしょうか？
デフォルトだと500pxくらい表示されて、後はスクロールバーでスクロールする仕様になっていると思いますが

サイトのURL貼らないと答えられるわけない

アドレスバー選択時に出てくるメニューをアドレスバーの幅にするが使えなくなったなあ。
ウィンドウ幅で出てきてしまう。

ごめん。>>315は気のせいだった。

リンクテキストのあるリンクの背景を変えたいんだけどリンクテキストの有無って指定する方法ないかな

radikoの再生プレイヤーを最初から表示させとくとかcssで出来るものなの？

他のブックマーク
ってのがブクマバーに追加されてるのに気づいたんだけどいつの間に？

http://2chb.net/r/software/1608791492/148

>>320
ありがとう
しかし再起動後に強制的にtrueに戻される...

あーごめんなさい！
フィルタリングで出てきた違う方操作してました＞＜

https://developer.mozilla.org/ja/docs/Web/CSS/Privacy_and_the_:visited_selector

>>319
これの消し方知ってる人いない？
邪魔。

>>324
>>320じゃダメなのか?

>>325
できた。ありがとう。

bookmarks_toolbar_multiple_lines_fx74の表示が変になった
直し方教えて

ハイ次の患者さんどうぞ

じゃあ俺が…
bookmarks_toolbar_multiple_lines_fx74の表示が変になった
直し方教えて

bookmarks_toolbar_multiple_lines_fx74
っての見たら97行もあるんだけどこれ普通にブックマークツールバーを多段にするだけ？
自分が昔から使ってるのは20行くらいのやつで今も問題なく動いてるけど
どこから持ってきたかはもう覚えてない

最近googleで検索すると、
セーフサーチをオンにすると、不適切な検索結果が除外されます。
というメッセージが表示されるのですが、これを非表示にするcss分かりませんか

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

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

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

な、age厨だろ

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

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

>>336
gfx.bundled-fonts.activate

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

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

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

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

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

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

な、age厨だろ

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

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

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

縁取りされてる？

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

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

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

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

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

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

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

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

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

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

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

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

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

わぉ流石

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

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

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

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

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

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

うちのにはないですね

うちのにもないですね

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

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

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

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

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

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

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

ハイ次の患者さんどうぞ



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
一辺倒は低能化のはじめ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

とりあえず
/* サイドバー検索ボックスの色 */
#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;
}

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

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

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

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

>>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;}
俺はこれでやってる

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

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

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

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

これをやりたいのですがよろしくお願いします


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

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

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

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

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

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

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

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

ありがとう

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

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

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

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

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

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

>>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;
}

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

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

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

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

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

>>437
はい、そうです。