userChrome.css・userContent.cssスレ Part11
レス数が1000を超えています。これ以上書き込みはできません。
!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 >>1
たておつ、あのキチがレス埋めしたからﾜｯﾁｮｲ付きの必要性に傾いたというｗ
またしばらく別のところで暴れて報告されてISPBANでもされるんじゃね？ ワッチョイつけるだけで来なくなるって
もしかして基本自演していることがばれてないと思ってるんだろうか ワッチョイとかいうゴミをつけることでまともな住民を遠ざけてスレを過疎化させるのが目的なんだから、そりゃ目的が達成されれば来るはずがない
要するに喜んでるお前らは、荒らしの思惑にまんまと乗せられたアホ ワッチョイごときで来られなくなるようなのは別に来なくていいよ 話題の偏向誘導とかやっていて板の無意味化・自殺を増長している、アホかと 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スレに来られてもな しょうもない質問だろうけど教えて下さい
https://i.imgur.com/lTYYhoD.png
ここのアイコンを調整したいんだけど何て名前で指定すればいいの？
>>2のやつで調べてみたものの上手く見つけられない・・・
ちなみに69.0.3 >>18
>>2のやつでホントに調べたのか？ブラウザーツールボックス使うしかないんだが >>19
まぁ今までコピペしかしてなかったからブラウザーツールボックスとか初めて使ったんで要領悪いのは間違いないんだけどｗ
toolbarbutton とか色々ワードみつけてやってみたけど出来ないままだわ。
そしてついにブラウザーツールボックス自体出てこなくなったｗ >>20
ブラウザーツールボックスが起動しなくなった時はプロファイルフォルダにあるchrome_debugger_profileを削除
アイコンの何を調整したいのか詳しく書いたほうがヒントをもらえるんじゃないかな。 URLバーの拡大をCSSで無効にする
https://pastebin.com/3FgEbfVS
about:configで”browser.urlbar.update1”をfalseにすると旧式になるので普通はそっちでいいと思うが URLバー、検索バーの上下の空白をゼロにしたい。
CSSでどう記述すれば良いのでしょうか？ ブラウザツールボックスで該当する箇所の要素を調べてmarginかpaddingで調整しかないだろ？ Googleの仕様変更で使えなくなっちゃった
誰か直せる人いない？
Google Expand action menu (キャッシュの三角形を元に戻す)
ttps://userstyles.org/styles/86652/google-expand-action-menu >>27
下記で少し調整できたけど、ゼロにはならない。
/*** ナビゲーションツールバーの高さ調整 ***/
#nav-bar toolbarbutton,
#nav-bar toolbaritem {
padding: 0 !important;
margin: 0 !important;
} >>28
そこのページに今日の修正が入ってるみたいだけど
ver1.10 - 2020/4/19 fix:specification change of Google >>34
ありがとう、-2pxで検索バーはスッキリするけど、URLバーは下側に1PXくらいの余白ができる。
何とかできませんか？ コンテキストやら展開されるメニュー（toolやfileなど）の背景を変更したいのですが、どのidやらセレクタを変更すればいいでしょうか。これでは変化がなかったです。browser tool boxで調べては見たのですが。
menupopup,/*ポップアップの最も親*/
{background-color:red !important;
} >>38
-moz-appearance: none;
が必要 >>39
ありがとうございます。
試そうとしたんですが、今度はブラウザtoolboxが起動しなくなりました。
セーフモードでもだめです。
時々あるんですが、原因はわかりませんか？ >>39
menupopup
{background-color:red !important;-moz-appearance: none;
}
こうしてもだめなようです ブラウザにStylusを入れてるんですが、URLに余計なテキストがついてリンクにならないものってどうやって編集して消去すればいいですか？
**http～**みたいなもので、他のアドオンでダブルクリックするとある程度自動認識してページに移動するものを入れたのですが、
前部は消去できても後部がくっついてきてしまいます。オプションにも後部用のものがありませんでした。 アドレスバーと検索バーの背景色をCSSで設定したい。
どう記述するの？ ブラウザツールボックスで要素調べて背景色を指定で良いがな 検索バーは次で丸みをつけられる。
#searchbar {
border-radius: 0.6em !important;
}
URLバーはどう書けば良いの？ #urlbar {
border-radius:
} >>56
#urlbar {
border-radius: 0.6em !important;
}
これで効かないんですよ >>59
#urlbar-background{
border-radius: 0.6em !important;
}
ありがとう
一応、丸みは出来ますがsearchbarと形が違ってきますね。 77.0b1と0b2来たけど、タブの最大横幅を指定しているとタブ位置が乱れますね。左詰めにならない。
例えば、A、B、Cの3個タブが開いている状態でAを閉じてもB、Cが左端に移動せずそのままの位置に居る。
ちなみに、about:configで横幅指定した場合も同様の症状。デフォルトの数値なら問題なく左詰めされる。 ver76に更新したらサイドバーのフォルダを開け閉めする左側の三角矢印が以前より大きくなってしまったんですが
小さいサイズに戻す方法はないでしょうか？ ＞とかⅤみたいな昔風のツリーだと＋－で表示されるやつの事です >>64
消してた
/* サイドバーのフォルダの先頭にある"＋"，"－"を消す */
#bookmarksPanel treechildren::-moz-tree-twisty,
#history-panel treechildren::-moz-tree-twisty {
list-style-image: none !important;
width:0px !important;
padding:0px !important;} >>66
これで出来ました
ありがとうございます
>>65
消す方法は知ってたのですが
一応小さくでも表示させておきたかったので 76にしたら下記が使えなくなった；；
なんでやー
https://egg.5ch.net/test/read.cgi/software/1571968384/69
/* ブックマークメニューの▲▼スクロール領域を非表示 */
.scrollbutton-up.menupopup-scrollbutton,
.scrollbutton-down.menupopup-scrollbutton {
display:none !important;
} 作成したメニューアイテム要素にOSネイティブのスタイルを適用させるにはどうすればいいですか？ appearanceに適切な設定すれば自動でつくんじゃないの？ サイドバーの要素を選択した時のボーダー色はどう指定したら良いでしょうか？↓画像だと黄色のドット線部分です
https://i.imgur.com/O4QVa3s.png >>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-85の流れに便乗して
>>24にある
/* URLバーの拡大をCSSで無効に browser.urlbar.update1:falseなら不要 */
(本文省略)
をuserChrome.cssに記載したところ、検索結果一覧のバックグラウンドが透過になるんですが
改善方法わかる方いませんか？ https://egg.5ch.net/test/read.cgi/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でこれで検索バーの方だけ効かなくなってるんですがどうすれば変えられますか userChrome.css超初心者です。お詳しい方、助けてください。
「最小化ボタン」「最大化ボタン」「閉じるボタン」、通常、画面の最右上にあるのですが、
上部メニュバーの「ヘルプ(H)」のすぐ右に移動してしましました。
３っつのボタンを最右上に移動させる方法を教えてください。
お手数かけますが、よろしくお願いします。 >>96
userChrome.css の記述を全て消して再起動 なんか怪しい臭いがして表示領域を全画面にして見たら
挙動が壊れていた
77、78、79が全部逝かれた
全画面にするには、表示(V)-全画面表示、F11、全画面表示ボタンなど色々オプションがあるけど
その後の稼動に微妙に影響があったけど
今度は、全画面表示状態での挙動の他に、終了後のツールバーアイコン配置までおかしくなることがある
幾つかが隠れてしまう
ノートPCなどでの狭い領域での利用に不便が出るのだよね 名無しさん＠お腹いっぱい。さん、お返事ありがとうございます。
別のスレで、名無しさん＠お腹いっぱい。さんにお世話になったマリンバードです。
userChrome.cssをつかって、タブバーを下に出来ました。
副作用で、三つのボタンが左に行ってしまいました(^_^;
userChrome.cssで、ボタンを右端に移動するには、userChrome.cssに
どのようなコマンドを追記すれば良いでしょうか？
超初心者的な質問で、誠に申し訳ありません。 作業領域を全画面にして困るのは
上辺にポインティングカーソルを移動すると、するっとナビケージョンバーとタブバーが出るようにしているのが
タブバーだけになってしまうことだ
そうするとfirefoxを一旦ウィンドウ表示に戻して、操作する必要が出てくる
過去バージョンとかいろいろ振り返ったりして対処方法を考えた
要するに、firefoxの開発陣が早さを剽窃するために処理を端折っている疑いが生まれてきた
で、タブだけしか出ない時は、新規タブを開いたり、既存の新しいタブをクリックすると、その途端にナビケーションバーも飛び出すようになる
一旦、引っ込んでしまうと、また、タブだけしか出ないように戻る
新規タブを開く時の初期化作業としてやる一部のことがユーザーのポインティング操作の合間に端折られているからこんなことになるのだろう
少なくとも、ポインティングカールが上辺に達した時は、端折っていた処理を充当する必要があるね 閲覧領域を全画面表示にするときのトリガーのあり方で微妙に動作が違うと言うのがおかしい
同じ全画面表示としてユーザーに面前しているのに
内部のステータスとかプロパティーが似ているけど微妙に異なっているから
同じ操作をしても、違った動作が返って来るのだ 述べているような期待していた動作と異なって操作機能が不全状態に陥っていることだね >>100
こんな場所でグダグダ自説垂れ流すならMozillaにフィードバックしたら？ ワロタ
鼻からは嗤っておいて、今度はそんなお言葉、いい加減にしろや ンまーた基地外XPガイジ老害かよ
ttp://hissi.org/read.php/software/20200615/K1ExbEczL0cw.html 上辺のツールバー群のレンダリングが呆けているのは確かのようだ
もともと、OSをまたいだ視点から見ると、ウィンドウサイズそのものの不安定さがあったから
それを直そうとして、拗らせたのだろう pcのyoutubeの旧デザインって完全に終了した？
今後はusercontentで見やすくするしかないのかな？ >>110
数日前から?disable_polymer=1がきかんようになったな。
履歴画面がつかいづらくてかまわんわ。
上記がきかんようになってからも数日前ならgreasemonkeyスクリプトで、戻せたけど、
ついさっきやったら、同じスクリプト使っても、もう旧版には戻らなくなってるな。
もう新デザイン強制かも。 StylishとStylusってどういう違いがありますか？ waterfox2020 06で
コンテキストメニューにページ内検索と再起動を追加したんだけど
cssでいいんだよね…？
非表示は検索すればたくさん出てくるけど
追加って無いなorz var menuItem = contextMenu.Item(
label: "ページ内検索",
context: contextMenu.SelectionContext()
ここくらいまでしかわからんorz Firefox77でタブをロードしたときの[bursting]が効かなくなったんだけど
これに替わるものあるのでしょうか
.tabbrowser-tab[bursting] ESR68からESR78へのアップデートにあたってuserChrome.cssの調整をしています
#main-window[sizemode="nomal"] #nav-bar {
margin-top: 43px !important;/* 値はテスト用で適当 */
}
ウィンドウサイズ毎(通常、最大、全画面)にcssの設定をしたいのですが上記のsizemodeが効いていないのか反映されません
こちらの設定は廃止されたのでしょうか？
また代替できる記述はありませんか？ >>120
119のcssをnomal、maximized、fullscreen、いずれにしても効きません
他の方もそうだと思ってたのですが自分だけでしょうか スタイルエディタでやる分には効くがuserChrome.cssだと駄目なんだな
userChrome.js経由でCSSを登録すれば効いたから一応コード貼っておく
ttps://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２４ だと ttp://www.officekuma.jp/history/index2.htm のように矢印でフレームの移動できるけど、新しいバージョン
では ttps://www2.5ch.net/5ch.html のようになって移動できません 最近いろんなサイトで無駄な演出にイライラしています
具体的には読み込み中のクルクルが出て待たされるやつです
読み込み終わってるのに一定時間待たされているのはわかってます
一つ一つサイトごとに潰しているときりがないのですが、まとめて潰せる方法はありますか？ [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="https://dol.ismcdn.jp/common/dol/images/v3/loader.gif"; class=" lozad" data-src="https://dol.ismcdn.jp/mwimgs/b/d/670m/img_bd38f0b73556beafe9a30bbf8a97405b335936.jpg";>
というのがあって、おそらくスクロールすると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
>>137さんのを用いました
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
@-moz-document domain("news.yahoo.co.jp") {
.moreAthrCmtText, .moreUserCmtText { display: none !important; }
.hideAthrCmtText, .hideUserCmtText { display: inline !important; }
}
} マウスオーバーでメニューバーを出す書き方教えて下さい
理想は上側からヌルって出てくるようなやつを
どうか願いしますm(_ _)m URLバーからの下に出る検索窓をURLバーの幅ではなくmegabar以前の幅(画面一杯)にしたい
cssでどうにか出来る方法ってありますか？
調べながら色々試してはみたんだけど無理だった… マウスオーバーで隠しておいたツールバー群をヌルって出てくるのは、userChrome.js用で既出だよ
通常隠しておくツールバーもアドホックに指定できるけど、全部消すのは問題起こるみたい
ToolbarAutoHide.uc.js
css用に隠れているプックマークツールバーをマウスオーバーで出すのは前に出ていたけど
今は、上述のものに代えた
使わせてもらうだけです、感謝 >>146
レスありがとう
ToolbarAutoHide.uc.js入れてみました
試しに色々弄りながら使ってみたけどESC押してもリセット出来ないしなんか動きが不安定だし今回はパスしときます
他のスクリプトとの相性とかもあるのかな
わざわざ教えてもらったのに悪いね
本当にありがとう ToolbarAutoHide.uc.jsでESCでのリセットが効かなくなるのはツールバーを全部隠した時に見られるようです
ツールバーは少なくとも一つは表示しないと不安定になるみたい
メニューバーあるいはナビゲーションバーで右クリックすると、「ツールバー自動開閉」のアイテムが出ているので
そこで、ツールバーの表示・非表示が選択できますよ >>144
俺はこれ使ってる。
MenubarReplaceWithButton.uc.js >>149
言われた通りにやってみてとりあえず動いてるみたいなんだけどなんか動きが不安定なんだよね
マウスオーバーすると小刻みに震えちゃってるし
おま環なんかな
何度もお手を煩わせてしまってほんと申し訳ないです
>>150
これいいですね
ヌルっとではないけどシンプルで気に入りました
有難く使わせて頂きます
>>151
紹介ありがとう
とりあえずダウンロードさせて貰ったよ
長々とスレ汚しすみませんでした
レスくれた方本当にありがとうございました >>140の
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
が効かなくなりました
皆さんは効いていますか？
ESR68.10.0新規プロファイル+userContet.cssで効きません
もっと見るテスト用ヤフーニュースリンク
https://news.yahoo.co.jp/articles/fd746683dd3cc6a078e9f51787f9b28eb638f19c >>154
この話の「もっと見る」は、各コメントの末尾に表示されてた青いリンクのこと
あなたが貼ったリンクの「もっと見る」はコメントをたくさん表示するためのリンク
青いリンクに対する効果はいまでもある
ただYahooが改悪して3つ目のコメントの後半が見えない演出にされただけの話 >>155
ありがとうございます
┌───────┐
│もっと見る(000件)
└───────┘
ボタンを押さずとも コメント末尾に
前へ➀②③④⑤⑥⑦⑧⑨⑩・・・⑳次へ
が表示されるようになり便利だな、と思いこんでいたのですが
青字の「もっと見る」の方に効いているのですね >>147
に加えてURL込みで2行になる検索結果を1行にしたら気にいる見た目になった
感謝 ソープランドのホームページです
https://oushitu.tokyo/
スクロールすると引きずるような感じで時間差で動くのですが、時間差なしで動かすにはどうすればいいでしょうか サイト見る気ないけど多分htmlかbodyにscroll-behaviorが使われてるんだろうからこれでどうか？
html,body{scroll-behavior:auto!important;} >>156
これほんとごみ改悪だな。
なんとかできんよな。 >>Yahooのニュースのコメント欄の「もっと見る」
これなんだけど
もっと見るのリンクは無くなったんじゃないの？
替わりに他のコメントを表示するための”もっと見る”が作られたような
このスレで指摘されて後すぐ変更されたから
もしかしてと思ったりしたけどまさかね 普通にコメント欄ごとに長いコメントだとあるだろ。
自分でちょっと確認すればわかる話なのになぜしない。 勝手に違う機能だと思い込んで試してみて思うようにいかないと騒いでるレベルの人なんだから仕方ない 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関係なく訪問したサイト全部にヒラギノを使いたい場合とかどう書けばいいですか？
あれからいろいろ試してみたのですが、どうもうまくいきません フォント名、オプション→既定のフォントの所の選択箱で認識してる名前と同じになってる？ >>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; } 今のYouTubeは、ウィンドウのサイズを変えるとプレイヤーのサイズも変わりますが、
これを旧UIみたいに固定することはできないでしょうか？
ホームや登録チャンネルの幅はこのままで、ビデオ再生画面だけYouTubeの幅を固定したらいいのでは、
と思いますが、自分でCSSを書いてどうにかしようにもうまくいかないのです。 @-moz-document url-prefix('https://www.youtube.com/watch?v=') {
@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で同じ質問あったから見て アドレスバーを選択したときの水色の枠線を、検索バーと同じ大きさにする方法を教えて下さい… >>206
横からだけどありがとう
地味に気になっていたので助かった 78.02でtoolkit.legacyUserProfileCustomizations.stylesheets を trueにしても
userChrome.cssが反映されないのはなぜですかね >>212
@namespace url(
CSSの最初のこれから始まる１行全部消してみて >>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を見られたらボロクソ言われる予感ｗｗｗｗｗ そりゃそうだ
才能が必要です。紳士的にふるまいましょうって強調されてるもん 細かいけど>>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
こんな速くありがとう。というかそこからできたのか・・
いつもチャットを切り離すのにそこを押していたのにｗ /* チャットへようこそを消す */
#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も案提示サンクス >>303
ステータスパネルをロケーションバー内まで位置を移動
やり方教えてほしいです 角川アスキー総合研究所の情報サイト ASCII.jp (https://ascii.jp/)に
アクセスしたら、背景画面の要素として、
##[href="https://sega.jp/astrocitymini/index.html";] が表示されて、
アストロシティミニセガに転送された。なんだコレ!!! 84にアプデしたところマウスオーバーでポップアップされるURLが左上に表示されるようになりましたが
従来の左下にするにはどうしたらいいでしょうか？ 左上に表示されるようにはなっていませんので
環境を見直してみることをオススメします サイトのドロップダウンメニューで一度に表示される高さをもっと高くしたいのですが、どのように書けばいいのでしょうか？
デフォルトだと500pxくらい表示されて、後はスクロールバーでスクロールする仕様になっていると思いますが アドレスバー選択時に出てくるメニューをアドレスバーの幅にするが使えなくなったなあ。
ウィンドウ幅で出てきてしまう。 リンクテキストのあるリンクの背景を変えたいんだけどリンクテキストの有無って指定する方法ないかな radikoの再生プレイヤーを最初から表示させとくとかcssで出来るものなの？ 他のブックマーク
ってのがブクマバーに追加されてるのに気づいたんだけどいつの間に？ >>320
ありがとう
しかし再起動後に強制的にtrueに戻される... あーごめんなさい！
フィルタリングで出てきた違う方操作してました＞＜ >>319
これの消し方知ってる人いない？
邪魔。 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固定にできないでしょうか 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にスクロールバーが現れたんだけど
これを非表示にするやつお願いします。
画面サイズとか他のにも影響してしまって エスパーするとこれかな？
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の所で切り替えできるようになってるぞ 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でもタブ下段が真っ白になってしまった
元に戻して様子見 つまり、80代は88がお終いで、89は90代に属しているように見なしたほうがよいようだ 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なてのも使えるかも タブと新しいタブを開くボタンの角丸を無くすやつ
: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;}
俺はこれでやってる 検索バーって使用時以外でも常に好きな色にできないかね UIの色んな所にフォーカスした時の枠線の色と細さ変更
:root:-moz-lwtheme-brighttext {
--focus-outline-width: 1px !important;
--focus-outline-color: #fff !important ;
}
スターアイコンの色変更
#star-button[starred] {
fill:#fff !important
} これをやりたいのですがよろしくお願いします
https://i.imgur.com/uyTUDnh.png
枠の色は >>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
○○%の部分の背景とロケーションバー内の背景の濃さが均一ではないですよね？
これを均一にする方法ないかな？ #urlbar-zoom-button {
border: 1px solid #009600 !important;
background-color: green !important;
padding-top: 2px !important;}
#urlbar-zoom-button:hover {
background-color: #008c00 !important;} >>439
これ、わたしへの回答？
私の説明が悪かったのか伝わってなかった気がします。
http://okbtsnr.seesaa.net/article/481851789.html
かなり見にくいと思いますが、一つ目のサンプル画面のロケーションバー内の
左端2つ目と右端３つ目のボタン部の背景が濃くなって不格好になってます。
URLバー内の背景を均一にしたいというです。
なお下記は定義してます。
/*** URLバー、検索バーの背景色 ***/
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f5f5e4 !important;} >>440
背景色を自分で同じにしないと
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button {
background-color: green !important;
} >>441
ありがとう、左側の背景は揃いましたが、右側のCtrl＋-で表示される縮小率は揃いませんでした。
このままでも良いです。 これは
#urlbar-zoom-button {
background-color: #f5f5e4 !important;
} >>443
重ねて、ありがとう。
均一になり、スッキリしました。 ろだに上がってる「FF88までのブックマークフォルダcss.zipなんだが
FF88までのブックマークフォルダ 黄色のコードが}の閉じカッコを書き忘れてるんで
気付かずにコピペで使ってると他のコードに影響出るぞ CSSが反映されない人はコードの記述の「} 閉じカッコ」が抜けてる箇所がないかチェックしてみそ
あぷろだの「F88までのブックマークフォルダcss」をコピペで使ってたら閉じカッコの記述抜けだったので
ウチの環境だとページ内検索バーを右上に配置が機能しなくなってた原因がこれだった 先日はどうもありがとうございました。
メニューバーのアイコンを密にできました。
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;} https://i.imgur.com/6TlIHAe.png
ダークモードなのですがこの青エフェクト変えられますか?
URLバークリックしたとき出るサブテキストの色も変えたいです
全部同じ色ぽいですが全体的にギラつきすぎています
お気に入りの星の色の変え方はわかります
まあ常時見るものでもないしこのぐらいならスルーしてもいいですが･･･ すいません。
Firefoxスレで聞いたらスレ違いだったようで、こちらで質問させてください。
コンテナタブの色付きラインを、上じゃなく以前のように下にできるcssはあるでしょうか？ アクティブタブの色をタイトルバーの色と同じにできないでしょうか？
タイトルバーは何も指定していないので、Windowsの設定になっています
スレ内を探して色を直接指定する方法は分かったのですが、Windows側を変更すると追随しないので
よろしくお願いします
/* アクティブタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-background {
background: #797979 !important;
} background: transparent !important;
とかじゃね知らんけど >>451
-moz-accent-color
文字色は-moz-accent-color-foregroundにすれば自動的に濃色背景には白、淡色背景には黒になる おお、出来ましたありがとう
タブは大きくなったのに、サウンドアイコンは小さすぎてミュートと見分けがつかなかったり
デザインした人の意図が良く分からんです タブをホバーしたときのフォントの色の変え方を教えて下さい >>457
これで出来ると思う
.tabbrowser-tab:hover:not([selected]) .tab-label {
color: blue !important;
} あれtextでもいけた
なんか書き間違えていたようだ CSSはつまりCだから直系の上位なら継承されて効くよ あ゛?
てめえナルトか?
お前には無理だあきらメロン >>456のアクティブタブの上の線とコンテナタブの下の線共存を
91に追加したところ、browser.proton.enabled true で機能しました
だが、その状態ですと、ハンバーガーメニューのアイテム間の間隔が開いてしまいかったるいです
で、browser.proton.enabled falseに変えると、間隔は狭まりますが
タブの上のラインが青色になり、黒の指定が効かないようです
いずれ、protonは強制されてしまうでしょうから、ハンバーガメニューは別の方策を求めるしかないでしょうか
ありがとうございました なんとか、91で88と同じようなUIに整えることが出来ました、ありがとう
91、90、89は、フォルダー設定に係わっているファイル以外は、同じ内容のuserChromeのファイル群でいけそうです /* バックグラウンドタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-background {
background: #D9D9D9 !important;
}
これでタブの色をグレーにしています。ホバーした時に若干色を黒っぽくすることはできませんか？ 色指定の部分を変えて試みて
/*非アクティブタブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: #fefefe !important;
}
/*タブをホバーしたときのフォントの色*/
.tabbrowser-tab:hover:not([selected]) .tab-text {
color: black !important;
} >>469
ページの内容ではなく本体の領域は通常のツールではわからない
https://egg.5ch.net/test/read.cgi/software/1622939715/37
に従って専用ツール起動しれ
ただし本体の右クリでしか出せないようなのはトリガーの問題でこれ使っても無理ぽい >>471
その方法でいつもやってるんだけど、ツリー型タブの領域の項目は選択できないみたいなんだよね… >>473
最初の設定をどうしたのか忘れた(>>471のリンク先の1の通り設定したかもしれない)けど、手元の環境では
about:debuggingを開く
→左上の[このFirefox]
→一覧からツリー型タブの[調査]
→インスペクタが開いたら右上の[iframeを選択]ボタン(わかりにくいけど3ペインに分かれたウィンドウのようなアイコン)
→sidebar.htmlを選択
でインスペクタで開けてるよ >>474
おおお、できたよ
ありがとうございます。 >>474
横からだけどすげえ知らなかったそんなの
まあ今のとこ特に使いみちはないんだけど… こんにちは。
ブックマークサイドバーから不要な項目を削除したくて過去のスレを漁っていたのですが、
私とまったく同じ目的で、しかし解決に至らなかった方の書き込みを発見しました。
こちら最新？の環境だとやはり機能しませんでした…。
何か他の記述方法や手段があれば、ぜひお教えいただけると幸いです。
以下コピペ
サイドバーを開いた時に最初から表示されていて削除できない項目、
｢ブックマークツールバー｣と｢他のブックマーク｣を消したいと思い、
とあるサイトに書かれていた内容を導入したんですが、まったく反映されませんでした。
Firefox71.0では使用できないのでしょうか？どなたか教えて頂けると幸いです
menu#BMB_bookmarksToolbar,
menu#BMB_unsortedBookmarks{
display:none !important;
} >>477
#BMB_bookmarksToolbar,
#BMB_unsortedBookmarks
71.0は分からないけど89では消えてる ↑はブックマークメニューで出てくるやつだから関係ないなか >>478-479
ご回答ありがとうございます、早速試してみましたがやはりだめでした… Google検索結果に表示されるTopの検索バーを非表示に出来ませんか？ >>481
#searchform{position:absolute !important}
とかで行けるんちゃう
試してはいない -webkit-text-stroke-widthを指定すると
以下の画像のように残像みたいのが出るようになってしまいました
pxを増やすほど顕著になっていきます
原因わかりますでしょうか
89.0.1になってからかもしれません
https://imgur.com/sMmN1RF.jpg すみません
-webkit-text-stroke-width関係なかったです
フォント関連の設定いじったのが悪かったかと思いprefs.jsを消して再生成させてもかわらず...
スレチになったので失礼しますお騒がせしました いろんなサイトで確認してしまった
俺っていいヤツ？ ブックマークメニューのフォルダの右に以前は＞マークがあったと思うんですけど
89で消えた？復活させたいんですがcssで可能ですか？ ロケ下?に並べるところにはないが
中の方には有るけどな この＞を表示するようにしたい
フォルダ展開マーカー？名前よくわからんけど
https://i.imgur.com/sW5QztR.jpeg ブックマークボタンからは＞が表示されるけど
メニューバーのブックマークでも表示したいです
https://i.imgur.com/1lvDQ3I.jpeg >>493
cssでいじってるんじゃないの
普通にあるよ >>493
我が家のもブックマークツールバーのもメニューバーのも「＞」が表示されてる ブックマークツールバーのメニューでほしいのは
コンテキストで明確に弁別できるものは、「ブックマークの削除(E)」とか「フォルダーの削除(M)」のとかの表示でなく
簡潔に、「削除(E)」とか「削除(M)」に簡潔なスタイルに戻してほしい >>494
確かに以下のcss削除したら＞出てきました
/* ブックマークのフォルダアイコンを指定 */
.bookmark-item[container] {
list-style-image: url("folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}
フォルダアイコンを指定しつつ＞も表示したいです
上記cssの書き方変ですかね？ 自己解決しました。右のアイコンのみ変更
/* ブックマークのフォルダアイコンを指定 */
.bookmark-item[container] .menu-iconic-left {
list-style-image: url("folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}
ありがとうございました >>499
メニューバーとブックマークツールバーは問題ないけど、
Ctrl+Shift+Hで表示されるフォルダがfolder-item.pngにならないね。 >>501
https://www.userchrome.org/what-is-userchrome-css.html#colorbookmarkfolder
を参考にして
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList) treechildren::-moz-tree-image(container),
#editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList menupopup menuitem
を追加すればCtrl+Shift+HのフォルダもOKですね folder-item.pngでフォルダの画像ファイルを指定するファイルって
どこのどのフォルダどこに入れたらいいのかわからない私がいる と思ったら>>502さんが指定してるサイトの通りにやったらアイコン黄色くなった…自己解決です
>>477、解決方法無いのかなぁ… >>505
reddit.com/r/FirefoxCSSで以前見たような
cssマスターの人たちがフォルダを見えなくすることはできるが
空白が残るようなこと書いてた気がする 477は各階層タゲってみたけど全部消えるか全部残るかの二択だったんで
.jsの方追わにゃどーにもならんぽくてな >>506 >>507
どうやら>>477は現状極めて難易度の高い改造のようですね…
誰かが開発してくれる事を祈って待ちます… bookmarks sidebarのコンテキスト(chrome://browser/content/places/bookmarksSidebar.xhtml)で
document.getElementById("bookmarks-view").place="place:parent="+PlacesUtils.bookmarks.menuGuid;
を実行するuc.jsを作ればいい >>509
知恵者様が！
具体的にはどうすればいいのでしょう…？
人の改造手順を模倣する事しか出来ないもので… 前スレの94です
アドバイスのお陰でうまくできました
お礼しようとすると連投規制→1ヶ月書き込み不可能を数回繰り返ししまいました
userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/94
ID:gZ8lyWfa0 ID:GFqKvOCu0 さんありがとうございました
https://i.imgur.com/Kp47zSF.png 本スレにあった https://pastebin.com/RnVmAh3H のタブの高さの調節を使って26にしてましたが89.0.2にしたら効かなくなりました。オマカンですかね？ >>513
どちらも効いてる
:root[uidensity=compact] { --tab-min-height: 26px !important; } /*コンパクト*/
:root { --tab-min-height: 29px !important; } /*通常*/ >>514
マジか～オマカンみたいですね。タブの高さ29px未満のための設定はノータッチでよいんですよね？ 513です。もう一度見直してみたら治りました。何が干渉してたかはわかりませんが！後、タブの高さ29px未満のための設定にタブクローズの記載がありますが気持ち✖︎を大きくする事はできませんか？ >>511
俺も482使ったけど消えたぞ
なんか使い方間違えてね？URLの指定方法間違ってたりとか >>519
URL指定、どこで？
#searchform{position:absolute !important}をuserChrome.cssに追記するだけじゃダメなの？ userChrome.cssとuserContent.cssは別の物だよ >>520
chromeフォルダにuserContent.cssを作って（userChrome.cssではない）
@-moz-document url-prefix("https://www.google.com/search";), url-prefix("https://www.google.co.jp/search";) {
#searchform{position:absolute !important}
}
を保存
userChrome.cssはブラウザ本体のパーツの編集、userContent.cssは表示されるページの編集に使う
まあ後者はStylusとかアドオン使う方が主流だけど（但しabout:preferencesとかabout:newtabとかはuserContent.cssじゃないと効かない） >>522
レス、ありがとう。
念のため新規プロファイルで試しました。
Googleログインしただけで何の設定もしていません。
（userContent.cssなしのとき）
・URLバーに検索文字入力
・Google検索結果が表示される（先頭行に検索ボックス表示）
・スクロールすると、すぐちょっと細見の検索ボックスが表示される。
・この検索ボックスはスクロールしても固定です。
（userContent.css設定したとき）
・細見の検索ボックスが現れないだけです。
いずれの検索ボックスも未表示に出来ませんか？ >>523
フローティングを追従させたくないんじゃなくてホントに全部消したいのかｗ
じゃあ「position:absolute」の部分を「display:none」にすればいいな #searchform,#sfcnt,#top_nav,#appbar{display: none !important;}
の方が余計な空白も検索ボックスの下の部分も全部消えてキレイかも、まあ好きなように調節して
俺ってば親切だわｗ >>525
余計な空白は消えるけど、Googleの設定（すべて、ニュース、・・・・、設定）も消えるので困る。
>>524
余計な空白ができるけど、Googleの設定は消えない。これでも十分使えるけど、空白何とかなりませんか？ 特定のサイトで初期表示されて、すぐ自動的に縦方向に○○pxスクロールするには、どう記述すれば良いのでしょうか？、 >>527
cssじゃ無理
userChrome.js入れてWindow.scrollBy()使えばできる >>528
れす、ありがとう。
やはり、そうですか。 Google カレンダーなるものを使ってないので推測だが
多分classが違ってるんじゃね? 今、stylusを入れて、>>534を試みました
少し、アクセントがついてましになりました >>534 >>537
うーん、俺の環境だとちゃんとなるんだけどなあ
https://i.imgur.com/XLOCxlU.png
Webアプリ系は設定で色々変わるからよくわからない… >>538
Dark Background and Light Text
これをOFFにしたら正常に動きました。 92 nightlyでブックマークツールバーの左クリックプルダウンメニューが
コンテキストメニューと同類のものから、ハンバーガーメニューやオーバーフローメニューと同類のものへと実装が変化しました
つまり、コンテキストメニューの背景色やフォントサイズなどのcssでの変更設定は
今のところ92以後のfirefoxのブックマークツールバーの左クリックプルダウンメニューには反映されなくなります
ブックマークツールバーのプルダウンメニュー表示の見た目の調整には、別途、cssが必要になります
厄介なことになりました
firefoxの新規インストールではUI密度も「普通」と「タッチ」しか用意されません
従来環境を使っていると「コンパクト(未サーポート」の選択肢は残りますが ツリー型タブでテーマをProtonにしてるとき
タブの背景色を
tab-item tab-item-substance {background: #FF0000 !important;}
で指定しようとしたんだけどなんかはみ出る… メニューバーとコンテキストメニューで、サブメニューがある場合、
右向き三角が表示されますが、この色の変更の仕方をご存じありませんか？
menu .menu-right に当たるところだと思うのですが、よくわかりません .menu-right {
fill: [色] !important;
} >>544
変わらないですね
filter: invert(100%) !important; は効くようです
訳分からない >>545
svgアイコンの色を変えるにはabout:configでこの設定をtrueにする必要があるからかも
svg.context-properties.content.enabled >>546
trueにしています
そもそもsvgではない何らかの方法？ YouTubeのシアターモードって、
自動再生OFFで開くとサムネイルが上下をカットされてウィンドウの幅いっぱいに拡大されるけど、
これを標準モードのようにプレイヤーサイズで表示することはできませんか？
アドオンやスクリプトも探したのですが見つかりませんでした。 >>548
.ytp-cued-thumbnail-overlay-image {
background-size: contain !important;
} youtubeを開くと必ずミニプレーヤーになるけど、
シアターモードで開くようにしたいわ。 >>549
わわわわ。うまくいきました。
ありがとうございます。
ずっとなんとかならないかと思っていたので、本当に心より感謝します。 >>550
スクリプトでよければ、YouTube - Always Theater Modeというのがあります。
私が愛用しています。
CSSだったらわからないのでごめんなさい。
https://greasyfork.org/ja/scripts/10523-youtube-always-theater-mode Ctrl+Fで出るサーチバーの高さが狭くて垂直スクロールバーが出る
すごく見づらいのでcssがんばったけどどうしてもだめだった
なにかお知恵を 91ESRに向けて一年ぶりにuserChrome.cssのメンテしたが
相変わらず要素、属性の改廃、移動等の嫌がらせとしか思えないマイナーチェンジばっかだな
切り替えのトリガーにしてた要素、属性に変更があって機能しなくなったから
発想の転換で無駄な機能削いでいったら、だいぶスリムになったわ
早く:has()を実装してほしい 教えて欲しいのですが、
全ての設定ファイルを削除してアプリを起動するとプロファイルフォルダー内に
xxx.default（times.jsonだけしか無い）
zzz.default-release（沢山のファイルが入っている）
と2つのフォルダがありました。
設定ファイルを削除するまでは前者の-releaseの付いてないフォルダだけでした。
userChrome.cssを使う場合zzz.default-release以下にchromeを作らないとだめないようですが、なぜxxx.defaultだけでなくzzz.default-releaseと2つのフォルダが出来てるのでしょうか？
1つにする方法（削除前の状態と同じ）はあるのでしょうか？ タイトルバーの色をWindows10以外の設定で色付けできませんかね？
Firefoxのみ黒色にしたいもんで
https://i.imgur.com/7AsuMH4.png >>558
1つにするだけなら、about:profilesを開いて、
「これは使用中のプロファイルです。削除できません。」って表示されてない方の削除ボタン押せばいいよ
もしここに1つしかプロファイル表示されなかったらエクスプローラから直接フォルダ削除していいよ
フォルダ名自体を元に戻したいなら、少し上の階層にあるprofiles.iniをいじらないといけないけど説明めんどい
てかuserChrome.css関係ないな
>>559
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: white !important;
background-color: black !important;
}
アクティブ時以外も黒くしたい場合は:not(:-moz-window-inactive)はずしてね >>560
レスありがとう。
確認してやってみます。 >>560
タイトルバーのカラー変更試みてましたがダメでした･･･ >>558
>なぜxxx.defaultだけでなくzzz.default-releaseと2つのフォルダが出来てるのでしょうか？
「すべての設定ファイルを削除」したことでそれまでのプロファイルを認識できない状態になり、
新しいプロファイルが自動的に生成されたものと思われます。
新しいプロファイルははデフォルトで default-release という名前が付けられるようになっ
ています。
>1つにする方法（削除前の状態と同じ）はあるのでしょうか？
古いプロファイルの xxx.default を削除すれば zzz.default-release だけのひとつになります。
プロファイルマネージャーからおこなうか、profiles.ini を編集すればよい。
大きなお世話：
「全ての設定ファイルを削除して」とあるが具体的にどのファイルを削除したんだ？
仕様やしくみも理解していないのにむやみにファイルを削除しないことだ。
userChrome.css は関係ない話だ。
質問する場所をよく考えろ。 >>563
「新しいプロファイルははデフォルトで」
を
「新しいプロファイルはデフォルトで」
に訂正します。 >>562
559見たらタイトルバーとタブバー分離してるんか、そりゃFxでやろうとしても無理だわ、よく確認してなくてすまんな
ただウインドウごとにタイトルバーの色変えるフリーソフトがあった気がする…10で動くかは分からないけど… いや勢いでできないって言っちゃったけど、独立タイトルバーよく扱い分からないから確かなことは言えんわ
まあ普通に考えてOSの範疇だと思うし、実際ブラウザツールボックスからもいじれないから無理な可能性が高いかな >>563
~/Library/Application Support/Firefox
~/Library/Caches/Firefox
~/Library/Preferences/org.mozilla.firefox.plist
~/Library/Saved¥ Application State/org.mozilla.firefox.savedState
以上が削除したファイルです。 >>566
丁寧にありがとうございます
少し方向性を変えて探ってみます。 >>557
調べたらjsでは使えるみたいだけど
cssエンジンにはまだ実装されてないね せっかくユーザーCSSでタブの標示を調節してあったのに
Faviconの高さ位置がおかしくなってしまった
タブの間もなんだかすきっぱになったし 使っている OS によって CSS の表示が異なる事ってありますか？
使っている Firefox は、同じ 91.0 で、OS が Win10 と Win8.1 です
適用している CSS は、以下のものです
/*ブックマークアイテムの高さを変える*/
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.1em !important;
}
Win10 では上記の CSS で丁度良いのですが、Win8.1 で同じように適用しても
アイテムの間隔があまり縮まりません。試しに 0.0em としてみても、Win10で
適用した時と違い、アイテムの間隔に隙間があります
同じ CSS を使ってWin10 と Win8.1 で同じようにする方法があれば教えて下さい
よろしくお願いします >>576
> 使っている OS によって CSS の表示が異なる事ってありますか？
.titlebar-button 絡みで #navigator-toolbox 周りに
osやテーマの違いでズレが生じたことはあるが
それ以外はどうだろな…
差異が生じるとすればフォント周りか？
単位を"em"じゃなく"px"で試してみて プルダウンメニューのアイテムの間隔はOSによって違ってますね
悩みの種です
2ではブックマークツールバーのプルダウンメニューが違ったものになるので
コンテキストメニューに対するcssの設定では、ブックマークツールバーのプルダウンメニューが同じようにならないばかりか、
設定の想わぬ副作用が出てきます、なんで実装を方式を変えたのでしょうね
設定の迷妄が更に広がります >>576
user_pref("browser.display.windows.non_native_menus", 0); // native (Win7/8.1)
user_pref("browser.display.windows.non_native_menus", 1); // non-native (Win10) 選択されてないタブの文字色って変えられませんか？
黒にしたい
何でシロナの >>580
ピンク色
.tabbrowser-tab:not([visuallyselected=true]) {color: pink !important;} >>577-579
レス有難うございます
教えて頂いた方法を試してみましたが、特に変わりはありませんでした
再度色々と試してみた所、>>576 の CSS が機能していないのを確認しました
CSS の記述を変更してFirefoxを再起動しても、表示が変わらず CSS が
機能していない事を確認しました
もちろん toolkit.legacyUserProfileCustomizations.stylesheets はEnableにしています
どこが悪いのか見当がつかず、迷宮入りとなりそうです… もしどうしてもwin10とwin8.1で同じプロファイル使いたいのなら、
userChrome.jsでUA判定して読み込むCSS分けるって方法はあるけど…そこまでする必要があるかは分からない
てかそもそも8.1の方で効くCSSがある訳でもないのか Protonにしたら
Youtubeのタブにスピーカーが標示されてうざい
about:configからの設定は反映されないし
いい方法ないですか >>584
>>579はwin10上と同じメニュー表示しにたかったら
browser.display.windows.non_native_menusを1にするって意味だぞ
OSネイティブ表示のまま高さ変えたいなら
appearance: none !important;
付けれ ブックマークツールバーでタブをピン止めすると、右のタブと間に大きな隙間が出来てしまって格好悪い
何とかならかな ブックマークツールバーでタブをピン止めする
わからん ワロタ、間違えた
タブバーでタブを右クリックしてピン止めした場合の症状です >>587
補足有難うございます
教えて頂いた事を試してみたところ、CSS への記述のみで問題は解決しませんでした
結果としては browser.display.windows.non_native_menusを1 にして試してみたところ
ブックマークアイテムの高さを CSS で調節する事が可能になりました
OS が違うと設定を変えないといけない場合がある事がわかりました
レスを頂いたみなさん、有難うございました アドレスバーと検索バーがアクティブ時は背景白色になるけど
非アクティブ時は灰色っぽいのが気に入らないんで非アクティブ時も白にするにはどうしたら良い？ >>594
ならないんだけど以前に何かいじってるとか？ >>594
自分はテーマをLightで使ってて枠の境目が見づらいから虫眼鏡の背景色は残してる
searchbar *|input,textarea {background-color:#FFFFFF!important;}
虫眼鏡の背景も白にするなら
searchbar{background-color:#FFFFFF!important;}
CSS初心者がやってることなので間違いがあるかも
ヒントにでもなれば OS側でアプリの色の設定がライトでFirefox側のテーマがシステムテーマの場合と
Firefox側のテーマがLightの場合は灰色になるはずだけど アプリの色設定はライト、FirefoxのテーマはNord Polar Night https://addons.mozilla.org/en-US/firefox/addon/nord-polar-night-theme/ 使ってるけど、
91にしたらURLバーからフォーカスが外れた時も背景色が変わらず白っぽい色のままになったので（検索バーでは起こらない）
toolbar#nav-bar #urlbar:not([focused="true"]) > #urlbar-background,
toolbar#nav-bar #urlbar > #urlbar-input-container {
background: #2E3440 !important;
}
これで色変えた >>596
検索バーは出来たありがとう
アドレスバーはurlbarで出来るのかと思ったけど出来なかった >>599
盾、鍵マークまで部分まで
#urlbar-input-container{background-color:#FFFFFF!important;}
盾、鍵マークの背景色は残す
#urlbar-input{background-color:#FFFFFF!important;}
CSS初心者がやってることなので弊害が出るかも >>601
うちでは両方変わってるんだけどな
初心者にはこれ以上は無理だわ Twitterのフォローのボタンを黒から青に戻すやつをお願いします cssでそれなりに昔のスタイルを温存した環境作れたのだが
browser.proton.enabled true だと
アクティブタブの上辺の線の描画とアクティブタブの背景色の設定がうまく行かない
ブックマークメニューのアイテム名が冗長になり視認性が落ちるのでアイコン復活のcssを使いしたのだが
アクティブタブの上辺の線の描画は、browser.proton.enabled false だとうまく行くのだけど
そうすると復活させたアイコン描画の無効になってしまう
弄繰り回して、アクティブタブの上辺の線の描画とアクティブタブの背景色の設定がうまくいくcssには漕ぎ付けたのだが
ハンバーガーメニューで、アイコンの項目名の間にスペースがなくなって見づらくなった
他にタブをピン止めするとその右に空白が出来て見栄えがよくない
とりあえず、整合性のある見栄えのcssを整えた
それに、アクティブタブの上辺の線の描画のcssを付け加えると
一番左のタブがアクティブになったとき上辺の線が線が見えなくなるという瑕疵がつきまとう、トホホ >>604
div.css-18t94o4.css-1dbjc4n.r-14lw9ot.r-42olwf.r-sdzlij.r-1phboty.r-rs99b7.r-2yi16.r-1qi8awa.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr{background:#0af !important;} >>606,607
ありがとうございます！
元に戻ったー 非アクティブタブをマウスオーバーして上部に線を出したり
文字色を変えたりタブの色を変えたり出来るようになったんだけど
アクティブタブだと出来ない
どうやればいいんでしょうか？ その辺がうまく行かないな
今は妥協案として、アクティブタブの背景色を非アクティブタブより明るくし
マウスオーバーしたタブはその中間の明るさ背景色にしてマウスオーバー感が出るようにしている
だが、アクティブタブが一番左にあるとタブの上の線が描画されないので困ってる
タブを少しドラッグすると上辺の線が見えるのだが
また、アクティブタブの背景色も変えたいのだが、それも従来設定では効かなくなった >>610
.tabbrowser-tab[selected]:hover .tab-background {
box-shadow : 0 0 0 calc(var(--tab-min-height) * 0.5) [変えたい色] inset !important;
}
すごく邪道なやり方だけど >>612
ありがとうございます！
.tabbrowser-tab[selected]:hover を使ったら全部できたよ
/* アクティブタブ背景色(マウスオーバー) */
.tabbrowser-tab[selected]:hover .tab-background[selected] {background-color: white !important;}
/* アクティブタブ文字色(マウスオーバー) */
.tabbrowser-tab[selected]:hover .tab-text {color: blue !important;}
/* アクティブタブ上部の線(マウスオーバー) */
.tabbrowser-tab[selected]:hover .tab-background {border-block-start-color: deeppink !important;} タブのミュートボタンと複数のタブを閉じるの左のタブをすべて閉じるを消せませんかね >>615
タブのミュートボタン
.tab-icon-overlay { display:none !important; }
.tab-icon-sound { display:none !important; }
自分はタブのミュートボタンを使っていますが
YouTube、TVerで確認したら上記ので消えました
左のタブをすべて閉じる
#context_closeTabsToTheStart{display: none !important;}
CSS初心者がやってることなので弊害が出るかも 上記のでは駄目でした
自分の使ってるCSSと併用すると消えるのですが
.tab-icon-image:not([pinned]){opacity: 1 !important}
.tab-icon-overlay { display:none !important; }
.tab-icon-sound { display:none !important; }
でどうでしょうか >>618
自分の使っているCSSをすべて消して
試してみたけど両方消えてるんですよね
CSSいじり始めたばかりですが難しいです
お力になれず残念 モード違ってていろいろ違ってるかもしれんよ
お願いするときはモードも示せよ https://github.com/black7375/Firefox-UI-Fix
これ通知ウィンドウなんで透過させてんだろ
見にくくてしょうがないしfixになってない foxage2ch使っててサイドバーのフォントを変えたいんだけど
userChrome.cssにどう書き込んだらいいかな？
/*サイドバー*/
.sidebar-placesTreechildren {
font-family: 'BIZ UDPゴシック' !important;
font-weight: bold;
color: #595959 !important;
font-size: 14px !important;
}
で変わらなかった URLバーと検索バー境目が分り難いからちょっと濃いめのグレーにふち取りしたいんだけど、URLバーと検索バーのふちに色を付けることって可能？ >>623
拡張機能のサイドバーの中身はuserContent.css
調べるには about:debugging → この Firefox → 拡張機能 → [調査] ボタン
使い方はブラウザーツールボックスと同じ
まずフレーム選択ボタンで調査対象をサイドバーの中身にする
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox#targeting_a_document >>624
分かり難いと思ったことないけどテーマによるのかな
こんなんでどう
#urlbar:not(:focus-within),
#searchbar:not(:focus-within) {
border: solid 1px #494d50 !important;
border-radius: var(--toolbarbutton-border-radius) !important;
} >>625
ありがとうございます
少し触ってみたのですがブラウザツールボックスも弄ったことがないので、フレーム選択ボタンがどれなのか分かりませんでした
https://i.imgur.com/D7kdIrX.png
の赤枠の部分がフレーム選択ボタンかと思いますが、以下の画面にそれっぽいボタンは見当たりませんでした
https://i.imgur.com/nyEtJlT.png >>626
有り難うございます
色だけ変更して理想的な見た目になりました >>627
存在していないものは選べないよ
調べたいサイドバーを開いた状態でないと サイドバーを開いてみたのですが、ボタンが表示されないみたいです
https://i.imgur.com/3k8z3iv.png >>630
ごめんわかんない
てっきりFoxAge5chだと思ってた、FoxAge2chなのね
Firefox 91で動くFoxAge2chってどこにあるの
AMOには無いしググっても見つけられなかったんだけど FoxAge5chってあるのか！そっちを知らなかった >>633
ども
WebExtensionとしてインストールするけどXULアドオンちっくな…どういう仕組みなんだろこれ
ともかく、ブラウザーツールボックスで調査できました
userChrome.css に書いてください:
@-moz-document url("chrome://foxage2ch/content/foxage2ch.xhtml") {
#mainTree,
#subTree {
font-family: 'BIZ UDPゴシック' !important;
font-weight: bold !important;
color: #595959 !important;
font-size: 14px !important;
}
} わざわざ調べてくださり有り難うございます
無事フォントを変更する事が出来ました Lepton を使っている方に質問があります
「Proton UI」を維持しつつ、タブやメニューを以前のスタイルっぽくしてくれる Firefox 用テーマ「Lepton」 ? GIGA！無料通信
https://www.gigafree.org/firefox/lepton/
Lepton を適用すると、履歴 → すべての履歴を表示 で表示される
ブラウジングライブラリー内の、管理 などのメニュー表示が、こちらでは
半透明になってしまうのですが、これはおま環でしょうか？
Lepton の適用を止めるとメニューの半透明化は直るので、Lepton の
不具合かと思うのですが、皆さんの所ではどうでしょうか？
宜しくお願いします チョンの作ったやつなんか使うなよ
気色悪いな もう 最新のLeptonだと、そもそも、履歴(S)とブックマークとブックマーク(B)が他とが違ってきている
だから、即刻、前のバージョンに戻した
元々の設定を表示するように戻したのかもしれないけど、何らかの取り残しが生じたようだ
メニューの仕立てには問題があった
91だと、メニューの背景色や区切り線に関するcssに副作用が出てこないのでそれを使っているけど
履歴(S)とブックマークとブックマーク(B)のプルダウンメニューと他では、はっきりした色の違いが出た
それなのに、僅か幾つかで元々の反転色か残る
反転色の違いは、管理のプルダウンメニューと同じになる
Leptonはプルダウンメニューのアイコン表示に便利だが
若干バグが含まれていて、不思議な現象が生じる
その副作用を取り除くことはなかなか困難 >>637
何も役に立つもの生産できないネトウヨが嫉妬するなよ
気持ち悪いなもう メニューに関しては、92から次の段階の迷走が始まる
そこでの問題をLeptopでは対応できてない
Leptonを導入するにも、ユーザーがそれまでに作った環境の放棄に値するほどでもない
つまり、おま環言われても相容れなければ意味は薄い
というのは、1/10程度の記述でアイコン以外の必要なことが実現できていたのだから
メニュー表示に関することで問題があるのは事実だ
メニューにアイコン付加するための最小限の副作用の起きないバージョンが望まれる >>640
レス有難うございます
おま環が分かっただけでも収穫です
使っているのは black7375 で最新だと思います
報告ってやっぱり英語ですよね？う～むｗ 教えてください！
91の行間は改善したんですが
メニューバーのブックマーク等の背景色をグレーにするには
下記のCSSにどのように追記すれば良いですか？
/* ブックマークアイテムの高さを変える */
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.15em !important;
}
/* タブの間隔を狭くする */
.tab-background {
margin-bottom: 0 !important;
border-radius: 0 !important;
fabbrowser-tab {
padding-left: 0 !important;
padding-right: 0 !important;
} 91までだね、92以降はブックマークツールバーのフォルダーのプルダウンメニューは別の施策が必要
/* コンテキストメニューの色の変更 */
menupopup {
-moz-appearance: none !important;
background-color: gray !important;
} >>645
「メニューバーのブックマーク等」がどの部分を
指してるか分からないがサイドバーじゃくツールバーなら
#toolbar-menubar,
#PersonalToolbar,
#TabsToolbar,
#nav-bar
{background-color: #ff0000 !important;}
あっちのスレでした質問を取り消して
スレを移動したこと書き込んだほうがいいぞ >>646
ありがとうございます
追記しましたがグレーになりませんでした
バージョンは最新の91.0.2です それぞれの環境、テーマなどの違いがあるから
>>647でも、試してみたけど、逆に、そちらではだめだったwww >>647
あっちはクローズしてきました <(_ _)>
https://i.imgur.com/S2BHMGl.png
改悪前は画像の色だったんですが黒っぽくなってしまいました ワロタ、>>647は自分のcssだと、記述場所を変えて、全部または部分で
メニューバーの色を変えるのに使えるにゃwww 見つけたのは
.menupopup-arrowscrollbox {background-color: grey !important;}
メニューの大部分に有効になってしまうが >>652
自分のは変化無しです
具体的に教えてください！ >>653
やってみましたが変化無しです
テーマの影響でしょうか？
Black Shine使ってますが改悪前はグレーでした >>654
申し訳ない
それは全然見当違いの場所に適用するやつです
>>653さんのやつでいけるみたいです >>655
テーマ Black Shine 入れて確認してみたけど下記のでいけますね
.menupopup-arrowscrollbox{
background-color:#ff0000!important;
}
カラーコードを調べて自分の好きなカラーを選んでで
「#ff0000」を書き換えてみても変化ありませんか？ >>653
一番下から一番上に記述したら色が変わりました！
ありがとうございます！
>>656
どういたしまして <(_ _)>
初心者に付き合って頂いて感謝です >>657
真っ赤になって焦りました(笑)
ありがとうございます <(_ _)> すみません
もう一つだけ教えてください
背景色は変えられましたが
文字を黒にする記述を教えてください
今現在は白です 自己解決しました
.menupopup-arrowscrollbox {
color: black !important;
background-color: grey !important;
}
いろんな色で楽しんでいます
お騒がせしました<(_ _)> だけど、どうやら、92では
.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}
で、行けそうだ、ありがとうよんwww
今までは、テーマをfirefox colorでハンバーガーメニューの背景色を指定替えすることで
それと色の従属関係にあったブックマークツールバーのフォルダープルダウンメニューの背景色を変えていた
そうなると、テーマーの選択肢がなくなった
また、ブックマークツールバーのフォルダープルダウンメニューの影の部分に副作用があった
それも解消した
後は、leptonを導入した場合のタブの色の指定だ
従来方法とバッティングする >>663
92でもイケそうで安心しました
取り敢えず今日はここまでで90％元に戻りました
/* コンテキストメニューの色の変更 */
.menupopup-arrowscrollbox {
color: #000000 !important;
background-color: #c0c0c0 !important;
}
/* ブックマークアイテムの高さを変える */
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.15em !important;
}
/* ブックマークアイテム以外の高さを変える */
menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
/* タブの間隔を狭くする */
.tab-background {
margin-bottom: 0 !important;
border-radius: 0 !important;
fabbrowser-tab {
padding-left: 0 !important;
padding-right: 0 !important;
}
後の10％は各メニューバー項目で非活性（グレーアウト）の色を白に変えたいけどわかりませんでした
どなたか教えてください！ うーん
.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}
で、解決したと思ったけど
この設定ではコンテキストメニューの部分で極端に遅く反応する場合が生じた
Leptonとの関連か
まいったね なんだろ、全体がおかしくなった
回線パクラレたかにゃ 全体の情況を見ようと、52esrを起動したらいきなりバージョンアップした
アドオンも同時にアップさせられ
本体、プロファイルのバックアップで何とか戻した
だが、コンテキストメニューの挙動が前のようでない
何なんだろう
他のバージョンも同様、レジストリーかキャッシュか
訳分らないな 問題がなかったバージョンにもおこりセーフモードでは発生しない
全部のプロファイルにゴミが入ったとは考えにくいのだが ブックマークツールバーに並んだアイコンのコンテキストメニューには遅延は発生しない
その他のコンテキストメニューが遅延する
表示領域のコンテキストメニューは問題ない
何かアドオンが悪さしているのだろうか 遅延を促進する呪文のようなカーソルの動かし方は見つけたけど
いつも、有効ではない
一斉に違ったバージョンで起きると言うのが解せない 同一バージョン、同一OSで起きていることではないし
そして、もっさりというのでなく、無反応 ブックマークアイコンやフォルダーのメンテナンスに係わることだから、そのままの状態で使う分には問題ない
が、メンテナンスの操作性を大幅に損なう
モジラが、一斉に何らかの意図を持ってアクションを起していると疑いをもつ
更新確認もしない設定なのに、テストのために温存していた52,9.0esrがいきなりバージョンアップした
問題のなかった温存していたバージョンでも、Linuxでも見られるのだから、訳ワカメ
リフレッシュしたら、Chromeさえも比べられない劣化環境になる
今のところ試行錯誤の結果は、アドオンは問題ないようだ
userChrome.jsを有効*無効のトグル操作で調べたところ、無効にすると問題は生じない
ローダーか、個別のスクリプトかは弁別できる所まで行ってない 大方、問題は特定した
ToolbarAutoHide.uc.js
コンテキストメニューを開いた時点でプルダウンメニューの位置がぶれて
システムのステータス取得に不都合が起きるのだろう
しかし、ここに来てなぜ状況が顕在化したのか不明 ToolbarAutoHide.uc.jsの運用上のトラブル回避策
コンテキストメニューを開くとき、アイテムの一番右側にカーソルを持って行ってから右クリックすると
コンテキストメニューのカーソル反転が直ぐ行なわれるようになる 以上のような情況ですので、ToolbarAutoHide.uc.jsの作者の方、よろしくお願いします プルダウンメニュー/コンテキストメニューの構築も問題なのかも ブックマークツールバー・フォルダーアイコンの右クリックメニューの92になると実装が変わる
そのために、プルダウンメニューの背景色が設定に従来どおりでは行かない場合が生じる
その解決方法が見つかったら、コンテキストメニューの反応の問題が生じた
ま、だましだまし、使っていくしかないね
纏めると、背景色の問題は
.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}
で対策
コンテキストメニューの反応異常の問題はアイテムの右単で右クリックする
でとりあえず凌げる
モジラの実装、ToolbarAutoHide.uc.js、別の見た目対策
に期待待ちというところですか おまえ昨日から同じ奴だろ
何の参考にもならないおま環修復の結果報告なんかダラダラやるなよ ブックマークツールバーのフォルダーアイコンの実装がオーバーフローメニューやハンバーガーメニュー見たいな実装になるのはたしかだし
コンテキストメニューの背景色を変えたい人もいる
ToolbarAutoHide.uc.jsを使っている人もいる
役立つか役立たないかその人次第、
そのあたりの実装にほかに色々問題があるのも事実
それにユーザーはユーザーなりに対処せざるを得ない状況が生まれてきているって事だ 11-に構ってる奴も11-
つまりe2f1-4thNは11-
1f6d-zH/yも11- 誰かStylus用のココのサイトをこういうふうにするCSSを書いて公開してくれぇ～
っていうリクエストを書くスレってどこかにありますかね？ macでFF91なんだけど
タブのコンテキストメニューが消えなくなった
91前はタブを再読み込みは
#context_reloadTab
で消せた
ググって
#context_reloadSelectedTabs
を追加したけど効果なし
こういうのどうやって調べるんですか？ >>688
web開発ツールの設定の詳細設定の項目にある
"ブラウザーとアドオンのデバッガーを有効化"と"リモートデバッガーを有効化"にチェックを入れると
ブラウザーツールボックスが使えるようになるからコレで調べな >>689
>>690
サンクス
でもどうやらmacOS Big Surではネイティブコンテキストメニュー？
というものが優先されて使われるらしい・・・proton UI関係あるのかな
そういうのさっぱりわからないわ
なので#context云々ではどうにもならないみたい
widget.macos.native-context-menusをfalse
でネイティブコンテキストメニューを無効にして消えたけど
proton UIに反するのかなあ。。。 Leptonが頻繁に改訂されているけど、回を重ねるごとに混迷を深めた形で立ち現れてくるので困惑してる
最新版ではメニューバーの各メニュー項目のアイテムまでアイコンを表示するようになったのだけど
メニューバーにもアイコンが表示されてしまい、アイコンつくのとつかないとで隙間があったりアイコンがあったりと
従来メニュー表示を逸脱したものになっている
その他、メニューの背景色などを設定していると顕在化するのだが
「履歴(S)とブックマーク(B)のプルダウンメニューの描画が他とは違う扱いになっている
あと、タブバーの一番左が他とは別の振る舞いをする
そこで、比較的混迷度の低い初期バージョンを使うことになる
アイコンを復活させないのであれば、別の接近で解決したほうが副作用は少なく見える デフォテーマでブックマークメニューポップアップの背景色おかしくなってるし
管理できてないね 連日更新してるようで、先ほど最新版を試して見た
メニューバーへの必要もないアイコン付加を引っ込めてくれたのかと思ったけど、そのままで
併用していたcssで、前回までは有効であったブックマークメニューのフォルダーアイコンの個別割り当て設定が効かなくなったいた
何処を目指しているのだろうか >>694
たぶんオマエのようなうっせえクソクレーマーのふるい落としなんじゃね？ ワロタ、[importの一行消せばそのままやっていける
そして機能しなかったのが復活して切れが良くなる
アイコン付加だけがなくなるだけ 恐らく leptonの作者はメニューバーを表示した時のことをテストしてないのか
でも、そのプルダウンメニューにアイコンについて作業しているのだから、ありえないことなんだけどね 92になってブックマークツールバーのプルダウンメニューの実装が変わってきて
また、縦に間延びしてしまった
これを縮める方策はあるのだろうか
この解消策がないとfirefoxもかなりみっともない使い勝手の悪いものになる >>701
お前のいじり倒した糞環境の問題だな
こちらでは問題なしだ >>701
menupopup > menuitem,
menupopup > menu {
padding-block: 0.15em !important;
}
これじゃダメなん？ >>701
/*** ブックマークアイテムの行間の高さを変える ***/
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.0em !important;
} プルダウンメニューのブランチのアイコン
プルダウンメニューの角と影
プルダウンメニューのアイテムの高さ
アイコンを右クリックしてコンテキストメニューを出せばその違いは歴然 Linuxでも、他のcss、スクリプトを外しても、実装の変化は明白 >>705
これではかわらないわ。
広くはなるけど(例えばpadding-block: 10em !important;とかね。)狭くはならない。
間隔を0にしたい。（0にした上で好きなサイズに広げたい） #PlacesToolbar menupopup :is(menu, menuitem) {
min-height: 0 !important;
} >>712
こちらでレスしていただいた内容でも変化がありませんでした。
値を0より上にすると幅は広がります。
値をマイナスへしてもやはり広がります。（多分デフォルトの高さだと思われます）
★が小さくなる問題は、UI密度の設定でコンパクトの設定を念のために追加していたがこれを削除したら大きさは元に戻った。
今の所ブックマークの行間以外問題は改善された模様。 先行のNightlyやDeveloperでいろいろ試したけど
Web検索しても
従来スタイルのブックマークツールバーのプルダウンメニューのアイテムの高さ行間と同じもしくは以下になる解決策は見つけられなかった
仕様で設定不可能だったら万事窮すだ
そうでなければ通常版で起きている事態だし、解決策が出されるかもしれない >>705>>712
合わせて書いたら行間なくなったけどな URLバーの高さってどこをいじればいいのかな。
#urlbar-container
#urlbar
の高さを低くしても全然かわらない。 >>716
ありがとう。
両方書けば調整できるようになりました。
レスいただいた方ありがとうございました。 そこまでがぎりぎり出来ることなんだよな、なんだかなあ 確かにブックマークツールバープルダウンメニューの背景色だけが白っぽくなって
目がしにそうになる
@デフォテーマ これ92.0で効かなくなった。
/*** URLバーの★マークを非表示 ***/
#star-button {display: none !important;}
どう修正すれば良いの？ その場合には、従来のコンテキストメニューの背景色のためのcssや
無設定に代えて
/* コンテキストメニューの色の変更 */
.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}
みたいに、 #fffff0 の部分を好みに合わせて書き換えてみて >>717
#urlbar-input-containerでmin-heightをいじればいけたと思う >>724はconfig.jsとuserChrome.jsの更新でうまくいったわ タブのダブルクリックでページ更新ができなくなったけど直し方は？ userChrome.jsの
gBrowser.getBrowserForTab(tab).reload();
が効かなくなったようでどうしたらいいものか・・ YouTubeの背景色をダークやライトモード以外（例えばブルー）で指定できますかね？
試しにやってみたけどうまく行きません。 >>730
試しにやったのを書いて何処が間違ってるのを聞く方が良いと思う 完全におま環だが、流石にこれには萎えた
候補のプルダウンメニューが隠れている
別の方式を試したら、この問題は反応がぎこちないがほぼ解消した
が、メインメニューバーやブックマークツールバーの表示突然消える
隠していた全ツールバーをホーバーを利用飛び出させるcssだが、副作用が強過ぎた
ま、URLバーでの検索は稀にしか使わないが、これではつらいものがある
https://i.imgur.com/VgLVUKl.png タブバーだ出しておく、ToolbarAutoHide.uc.jsでは問題がない
けど、きちんと出たとしても、最近は酷くなっていないか
URLバー一つで済ませたがらせるように見える
URLバーならではのURL検索から離れてきている
https://i.imgur.com/PdG7ePN.png 実はこちらさんのを試させてもらったんだけど
英語読むのかったるいので、さっと飛ばしてコードだけを拾って試したwww
Support mozilla Get Help
https://support.mozilla.org/en-US/questions/1284841 92でブックマークツールバーのフォルダをクリックしたら中身の縦幅がえらいことになっててびっくりした >>735
これ使えるね。
height と opacityの値だけ変えた。 副作用は、URLバーでの検索とプルダウンメニューあたり
なんだかなぁ インスペクターで見てここの設定のチェック外したら上手くいったんでとりあえず0にした
上で同じこと言ってた人がいたのね
#PlacesToolbar menuitem {
padding: 0 !important;
} タブへのマウスオーバーでサイトのタイトルが表示されて鬱陶しいです。
非表示にしたい。 >>740
about:config で browser.chrome.toolbar_tips を false 未読タブの色変更が、動かなくなった。
助けてくれー 誰かタブのDクリックで再読込みのスクリプト貼ってくんないい？変わったようだ >>736
mac版だととんでもないことになった
直したけど >>747
林檎のどこが気に入らねーんだよクソガイジ >>747
初めてこのスレに書いたけどsage進行なの？
いつの時代よ。ageると荒らが来たりするのか？ 上げ下げ言ってるのは専用ブラウザも使ってない人だけでしょw
使ってりゃそんな事何も関係ないし。 スクロールバーの幅を細くするのに scrollbar-width: thin これ使ってたんだけど効かなくなったみたい
廃止になったんですかね？ 細くする技があれば教えてくだされませ >>753
細くするだけなら、scrollbar-width: thinで92.0でも効いてますよ。 レスありがとうございます
クラス定義し直したら効きましたm(_ _)m タブのタイトルの長さに応じてタブの長さが可変するようなスタイルって可能ですか？ ページタイトルをフルレングスでどっかに常時表示させるようなのってできるかな？ ちょこちょこ色変えるのめんどくて
https://github.com/FirefoxUX/photon-colors/blob/master/photon-colors.css
もうこの色変えてしまえばいいじゃん？と思ったけど
:root {--blue-60: red;}
これじゃあダメで詰まり一体どうすれヴぁいんだー？ Firefox 89+ – Styling the New Proton UI
https://www.userchrome.org/firefox-89-styling-proton-ui.html
↑のページの、Restyling tab buttonsのとこの、
Container/Active Tab color line: +Blue line on active tab
のタブの上側を青色じゃなく、下側を青に変更できませんか？ >>761
すべて(五か所)の
.tab-background::before
を
.tab-background::after
にする
コンテナータブの線と被って隠れてしまうので次の部分を削除
/* Move container color bar to bottom of tab */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
margin-top: calc(var(--tab-min-height) - 2px) !important;
} >>762
ありがとうございます。今度時間があるときにやってみます。 まず自力でいろいろやってみた上で
うまくいかなかったら何をやって失敗したのか添えて質問しろよカス >>765
すまんな、お前に気に入ってもらうため質問してるんじゃねぇんだわタコ >>764
ディレクトリ一個上がったページの下の方に書いてあるんじゃね ＞今度時間があるときにやってみます。
この手のレスが一番嫌い てめえのようなゴミがどんな投稿したところで俺様が気に入るわけねーだろ愚か者 93にしたらURLバーと検索バーをクリックしてカーソルが点滅してるとき青い枠線が出るようになりました
この青い線を消す方法を教えてください #urlbar *{
outline: none!important;
}
#searchbar:focus-within {
outline: none!important;
}
もっといい方法があるかもしれないけどとりあえずこれで消せました タブの高さ30
タブとツールバーが引っ付いて見やすい
.tabbrowser-tab:not([pinned]) {
min-height: 30px !important;
max-height: 30px !important;
} すいません。
YouTubeのシネマモードの背景画像を、background-size: containで表示させています。
containを使うことで縦横比を正しく、画像をカットすることなく表示できていますが、
画像がプレーヤーより小さく表示されることがあります。
これをプレーヤーサイズいっぱいに拡大することはできないでしょうか 間違えて、送ってしまいました。
ちなみにautoやcoverも試してみましたが、画像がカットされて拡大されるので駄目でした。 あ、「プレーヤーサイズいっぱいに拡大」というのは、縦横比を維持した上でということで、
左右に黒い帯が表示されることは別に構いません。
念のため。 >>774
>>548-549のこと?
まだ表示できる余裕があるように見えるのに上下に黒い余白が出ることはあるね。
https://i.imgur.com/DMxiyYK.jpg
実際には左右に黒い帯付きの 16:9 な画像なのでこうなる。
ウインドウ幅が狭いとき左右がカットされるのは構わないと妥協して、狭いときだけ cover にするとか。
.ytp-cued-thumbnail-overlay-image { background-size: contain !important; }
@media (max-width: 1080px) {
.ytp-cued-thumbnail-overlay-image { background-size: cover !important; }
} >>778
> >>548-549のこと?
そうです。
>>548も私です。
教えていただいた方法でうまく行ったようです。
https://developer.mozilla.org/ja/docs/Web/CSS/background-size
このサイトなどを参考にしながら悪戦苦闘していたのですが、
幅によってcontainとcoverを分ける方法があるとは気づきませんでした。
本当にどうもありがとうございました。 このアプリケーションメニューの行間を狭めたいのですが
https://dotup.org/uploda/dotup.org2617577.png
どのように記載すればいいでしょうか宜しくお願いします cssなんかに頼らずともUI密度をコンパクトにすればいいだけ
履歴なんかも全部縮まる
ノンサポと言っておきながらメンテナンスはされている /* メニューの間隔を調整*/ /
menupopup > menuitem, menupopup > menu {
padding-block: 0em !important;
}
:root {
--arrowpanel-menuitem-padding: 0.2em 0.4em !important;
}
ブックマークツールバーフォルダーは別のを適用して
http://egg.5ch.net/test/read.cgi/software/1631056754/746 >>781
>>782
アプリケーションメニューはUI密度をコンパクトで上手くいきました
* メニューの間隔を調整*は自分の環境では変わりませんでした
ブックマークサイドバーはUI密度をコンパクトが効かなかったので
>>782さんのブックマークツールバーフォルダーをUCCに追記して上手くいきました
ありがとうございました
https://dotup.org/uploda/dotup.org2618153.png やっと旧Firefox、というかWaterfoxから移行したわ。
旧Firefoxと違って拡張単体だと出来る事が少なすぎてuserChrome.cssで補助していかないと、まともな環境にならねぇ…。
めんどくせー(；´Д｀) 最近気づいたんだけどメニューバー表示時にウィンドウの横幅縮めたら「最小化、最大化、閉じる」が隠れる
userChrome無効にして再起動しても隠れるって事は仕様？おま環？隠れなくする方法とかありませんか？ うちもなるけど、普段メニュー非表示だからあんま気にしてない プライベートウィンドウのタブの上部の線を
アクティブタブは紫に
非アクティブタブは赤に色付けしたいのですけどできますでしょうか？ >>793
そもそも各個人の好みを受け入れる形で理解する必要はないだろう
そういう人もいるんだなと認識すればいい >>762
無事出来ました。ありがとうございました。 MouseGestures2_e10s.uc.jsで「画像を保存」を実行したとき、いちいち保存先を選択するダイアログを出さないで、
Firefox本体で設定したダウンロードフォルダに一気に保存する事って出来る？ タブバーにアイコンを幾つか表示させた時のアイコンの間隔を狭めるcssを教えてくだされ メニューバーやナビゲーションバー、ブックマークツールバーではアイコンを詰めて表示できてるけど
タブバーだとそれが効かない
全画面表示した場合、マウスを上辺に持っていくとナビゲーションバーとタブバーが飛び出してくるけど
そこにアイコン置いておきたいのだよね
タイトルバーを表示したまま全画面表示するとツールバー群は非表示でマウスホーバーで飛び出す環境になっているけど
そこはやっぱサイトの表示領域を全画面表示ですっきりしたい
間抜けと言う言葉があるけど、間が開き過ぎる開発のマヌケとかしゃれにならない >>800
全画面表示の時だけタブ幅を狭めサイトアイコンのみにしたいってこと？ アプリケーション領域を全画面表示した時の都合を考えるとタブクローズなどのアイコン群をタブバーに置いた方が都合が良い
また、ブックマークツールバーのブックマーク領域が増える
タブを右クリックして同じ機能を代替実行することは出来るけどクリック数が多くなる >>804
ここはお前のサポートセンターではない。消えな！ アプリケーション領域を全画面表示している状態でポインティングカーソルを上辺に持っていくと
ナビゲーションバーとタブバーが遂になってにゅるっと飛び出す、タブクローズ類のアイコンが右側に
並んでいると都合が良い
だけど、大間隔でならんでいると場所塞ぎになる、少しでも狭めたい
https://i.imgur.com/SuvvGve.png 因みに、Webサイト閲覧時はこんな風で、全画面表示にしなくても、ごちゃごちゃしたものは隠れています
https://i.imgur.com/UjEXxH5.png ＞間抜けと言う言葉があるけど、間が開き過ぎる開発のマヌケとかしゃれにならない
お前の好みの問題だ
嫌なら他行け 好みの問題と言いながら、違う嗜好を排斥とかマヌケな論理www >>810
だって世の中全てがお前の好みには出来てねーだろ
お前にとって都合の良い所を探すしかないじゃん
我儘過ぎなんだよ ワロタ、嗜好と言うことを理解するのなら、それを実装しろマヌケと言うしかない 自分の思う通りにならないと相手をマヌケって、どこの俺様なんだよ
お前のような輩が街のいたる場所で治安を乱す元凶 ワロタ、大金持ちは作ったが街がゴミだらけのU.S.A
武装した警備員のいるゲットーで暮らす金持ち
治安最悪の人間世界を作ることしか出来なかった連中のプロダクトwww >>814
それまさしくお前だろ？
折角無償で作ってくれたものを自由に使いながら
正しく使わず文句ばかり言って、自分の都合でしかものを言わない
大体、USAだの大金持ちだのお前の範疇にないだろ?さもしい奴だわ 11-がそうした方がいいというなら
普通の人はそうしない方がいいということになるな ワロタ、良い子の皆さんは下のようにメニューアイテム窮屈に表示してはいけないということですな
間抜けでなく、間延び間空き推奨とかwww
https://i.imgur.com/wS0zDVV.png >>818
アホな奴って文献とか学術とか書物好きを自慢し、ひけらかしたがるよな
しかし残念ながらこいつの読解力のなさは>>814で証明されてるけど 11-の方は「三ヶ月も有ればプログラミング言語を習得できる」と方々の板やスレで豪語されてる方なんで、
自分自身で問題を解決するのはたやすいみたいなんで、特にアドバイスする事は無いですね
むしろ、改善したら公開して頂きたいです ワロタ、普通に働く頭があったらあたりまえ、むしろ、トップレベルを争うプロは諦めたがよいレベル
豪語な話になるとはどんな無明の森の世界? 94.0からかな？
タブコンテキストメニューに「すべてのタブの状態を表示する」が追加された？
非表示にしたい。 >>823
そんなの出てこないぞ？
Firefox 94.0.1 64bit
Windows 10 Pro 21H1 64bit >>824
ごめん、LoadTabOnSelect3だった。 右クリ 画像を新しいタブで開く が効かないのウチだけ？ 「画像を新しいタブで開く」は問題ないね
ただ、メールで送信なんてアイテムは非表示にしていたのだけど
「画像のURLをメールで送信(G)...」が表示されるようになった
なんか、変更があったのかも 誘導されました。
検索ボックス履歴の表示領域を大きくしたいのですがご教示願います。 >>827
ウチも94から効かなくなった
>>828
ウチはスクリーンショットを撮影はcssでオフにしてるのにで出るようななってる >>827
>>830
画像を新しいタブで開くが効かなくなってたのは
viewImageInNewTab.uc.js がchrome内にあると干渉してたっぽい
削除したら問題無く動作するようになりました >>832
おぉ治った ありがとう
てかviewImageInNewTab.uc.jsていつの間に入れたのかワカンネ 履歴ボタンやホームボタンやリロードボタンの周りにあるpaddingかな？
各ボタンにマウスオーバーすると薄いグレーになる部分のサイズを小さくしたいんだけど、どこをいじればいいのでしょうか。
全てのボタンでサイズを小さくしたいです。 ブックマークとかお気に入りってカテゴリーで管理してても、その時の気分でわりとぶれぶれなカテゴライズしてるよな…
ほぼ自分が使うだけのブックマークだし、深く考えてないからだろうな。
後で見たいチュートリアルの動画とかで動画フォルダに入れてたり、チュートリアルフォルダーで管理してたり分類基準も曖昧でスタンダードが時間がたてばゆるくなったりきつくなったり。
右往左往…
と言ってもタグ付けは面倒だから、最近はもうさはじめっから複数の場所に突っ込んでる。 ageたスレにスクリプト荒らしがたかった旧2ch当時の昔ならいざしらず、
過疎化が進んでスクリプト荒らしも発生せず、
そもそも「荒らしはスルー」は間違いだと知れた今に、
sageを強要する正当な理由なんて無いわな ageるなとか言ってるのはおじいちゃんだろう。
今時上げ下げなんて何も関係ないし。 その文言そのままNG入れりゃ済まない？
せっかく見えないようにしてるのに台無しだよ すみません、スレ初心者でうまく伝わるがあやしいです
ここ https://developer.mozilla.org/ja/docs/Web/CSS/text-decoration-skip-ink
を参考にnoneの方をコピペしuserChrome.cssを
指定フォルダに入れたのですが効果がありません
この記述は今では利用できないんでしょうか
バージョンはESR 91.3 です すみません事故解決しました
スレ汚し失礼しました
自分用： userContent.css 半角＊ ｛ ｝で囲む、legacy trueにする また、cssをお願いする事態になりましたな
コンテンツ領域をフルスクリーンに切り替えると ━□× のアイコンがなくなりました
終了はハンバーガーメニュクリックして終了が選べますが、最小化はAlt+Space+Nのキーボード操作しかありません
マウスクリックで終始一貫して操作しなくてはスマートではありまんな
Alt+Space+N をゴールデンフィンガーの指さばきでやることも悪くはありませんが ナビゲーションバーの右側にフォントサイズ大と小の変更、それに最大化ボタンを置いている
Ctrl-＋、Ctrl-+、F11のキーボードの使用は、その時の操作の流れで使い分ける
F11があればいいというものじゃない こいつ>>844は>>798-822の厄介者なんで、スルー推奨 一回閉じたSidebarModokiをもう一回表示させる方法が分からないんだけど
どこから表示・非表示できるんだったっけ・・・？ ツールバーボタン クリック またはCtrl+Alt+B タブバーを下に置くcssが最近のバージョンアップて破綻する
いろいろ面白くない環境になるなあ アクティブなタブのフォントの色は以下で変更出来たけど、非アクティブの文字の色を変更する場合はどう記載すればいいかな？
/* アクティブなタブの文字変更 */
.tabbrowser-tab[selected=true] .tab-text {
font-weight: bold !important;
color: #FF0000 !important;
}
ちなみに91.4.1esr 自己解決しました
.tabbrowser-tab[selected=true] .tab-text {
を
.tabbrowser-tab:not([selected]) .tab-text {
に変更で行けました 96以降で機能するタブをツールバーの一番下に位置させるcssはどこかにないかな しばらくあげてなくていきなり95にあげたらタブバー一番下がだめで半泣きでここ来て絶望したけど
もう一度72 92とあげ直したら95.02でタブバー一番下に来てほっとした
もう96はダメなんですか？ PCブラウザで見るYouTubeの動画サイズをちょっと広く大きくしたいです
（シアターモードにせずにデフォルト表示のまま）
代わりに、右サイドバーにあるオススメ動画やチャット欄は狭くして構いません
#secondary { width: 30% !important; }
と書いたのですが、動画サイズは広がりませんでした
どのように書けば希望のようになりますか？ YouTubeてデフォルトでシアターモードで表示できないんだろうか。
いちいちボタン押して広げるのが面倒すぎる。 >>858
ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary {
width: 20% !important;
min-width: 0 !important;
}
ytd-watch-flexy:not([theater]):not([fullscreen]) #primary .html5-video-player video {
width: 100% !important;
height: auto !important;
} >>860
駄目だこれ
プレイヤーのコントロールの幅が狭いままだ
ytd-watch-flexy:not([theater]):not([fullscreen]) #primary .html5-video-player .ytp-chrome-bottom {
width: calc(100% - 12px - 12px) !important;
}
コントロール全体はこれでいいけど
プログレスバーが如何ともしがたい >>862
ありがとう。
そんなものがあったなんて。 >>860-861
ありがとうございます
今出先なので帰ったら作業します >>861
確かにプログレスバーが取り残されてます
けれどかなり見やすくなりました！ 上記のCSSを適用した状態で
下記のような縦長の動画を見るとおかしくならないですか？
https://youtu.be/zPBNj_xRBd0 >>859
前も同じような質問があったなぁと思ったら
>>550
>>552 >>858
Youtube polymer engine fixesというスクリプトを使えば、
デフォルトでもシアターモードでも任意のサイズを指定できる
https://greasyfork.org/ja/scripts/405614-youtube-polymer-engine-fixes
好みのサイズがなければ、コードの数字の部分を書き換えればいい
他にもいろいろ機能があるのであすすめ >>869
本当にありがとうございます！
とても良いですねこれ
#primary
{ margin-left:1px !important; }
も足してさらに領域の節約を試みましたが、下のコメント欄がズレてうまくいきません
https://i.imgur.com/wUaXdA2.png
赤枠の部分を切り詰めて、ビデオも右サイドバーも全部左に寄せるにはどうしたらいいのでしょうか？ YouTubeなど音を出しているときタブに
YouTubeのアイコン、タイトル、サウンドのアイコンだったのですが
今サウンドのアイコンが左にいってしまいサイトのアイコンも消えてわかりにくいため
以前のように戻したいのですが何かいい方法はありますか？ firefoxのページ内検索結果のハイライトの色を変える方法を教えていただけませんか？
tridactylというプラグインを使っているのですが、検索結果のハイライトの色が上書きされてしまっているようです。
そのため、about:configでui.textHighlightBackgroundを変更してもダメでした。 YouTubeLiveClockというChrome用のアドオンを使うと、
YouTubeの再生バーがプレイヤー下部の枠外に常に表示できるようです。
で、思ったのですが、これってCSSで同じことができませんかね？ >>872
大変遅くなりましたがありがとうございました
他の設定でかなり手間取ってまして分かる方いたら教えてください
browser.display.use_document_fonts", 0
gfx.downloadable_fonts.enabled", false
だとwebサイトの文字はオプションから設定したフォントしか表示されない
tampermonkeyやwebサイトのユニコード文字が表示されない
stylusでフォント変更のcssを設定してもwebサイトの文字は変更されない
Firefoxの文字変更もすべて効かない(色や文字サイズとかは可)
1年以上前ぐらいのFirefoxスレで似たような人がいて
layout.css.font-visibility.levelを1から3とあったけどどちらも効果なし
新規Firefox、新規chromeでもmonkeyのユニコードは表示されず
仕方なくFont Awesome 5 Regularをインストしたところchromeは効きました
ちなみにtamper諦めてgreaseを入れてみたらユニコードで表示されなかった
fonts.woff2はどちらも効果なしです
Firefoxの方を見ると
@font-face {
src:url("data:application/font-woff2;charset=utf-8
format("woff2")
}
.far {
font-family:'Font Awesome 5 Regular';
font-weight:400
}
とやはり読み込みをしています
このwebフォントの読み込みをやめて指定したフォントにするにはどうしたらいいですか？
せめてポップアップの画面だけでもと思うのですがURLがわかりません(ダッシュボード等はわかる)
皆さんはuse_document1なんですか？ webフォントをどうしても使いたくないなら広告ブロックで潰せばいいだろ
uBlockOriginなら設定にリモートフォントをブロックがあるし ツールバー群をすべて非表示にし、マウスを上辺にホーバーした時のみ表示するようなcssを用いてみた
そしたら、ブックマークツールバーのフォルダーアイコンをクリックしてプルダウンメニューを開いて
マウス操作してしばらくするとプルダウンメニューが勝手に閉じてしまう
色々試行して閉じないようにすると、今度はナビゲーションバーで検索しょうとすると
候補が下の方に伸びないジレンマに陥ってしまう
あられもない副作用が出て困惑した
検索は別のルートを使うことが多いのでブックマークツールーバーのプルダウンメニューの安定性を優先した案を採用してるけど、なんかスッキリしない こいつ>>879は>>798-822の厄介者なんで、スルー推奨 >>タブバーにアイコンを幾つか表示させた時のアイコンの間隔を狭めるcss
これについては、先日解決しました
これはタブの高さを低くすると、それにアイコンが小さくなり、結局のところ、アイコンの間隔を狭めることに繋がります
タブバーを下に位置変えするcssの中で
--tab-min-height: 22px !important; なんて記述に変更したら望みが達成されました 因みに、ツールバーの非表示については
autohide everything when not hovered anywhere on browser
https://support.mozilla.org/en-US/questions/1284841
タブバーの下配置については
firefox tabbar belowの検索語で上位に出てくる
HERE is the answer to put "TABS BELOW" which will work
with Firefox V90 using the - userChrome.css - file
https://support.mozilla.org/en-US/questions/1339095
などを利用させていただきました、ありがとうございました >>147の動作変になってると思ったら色指定の変数変わってたのね
色指定は変数でしたいけど変更されると大変だな Webサイトの太字を除く通常の太さのフォントをfont-weight:500にしたいのですが
Stylusの書式を教えて下さいお願いします >>884
特定のフォントに対してなら@font-faceでウェイトごとに使いたい太さに沿ったフォントを指定すれば出来るけど、全てのフォントを対象に太字除外で指定するのは無理じゃないかな？
例えば游ゴシックならば
@font-face { font-family:'Yu Gothic'; src:local('Yu Gothic Medium'); font-weight:100; }
以降weight:600まで指定しておきweight:700～900はsrc:local('Yu Gothic Bold')に変え指定しておく
元のfont-familyに存在しないウェイトは書かなくていいとは思うがサイト側がどのようなウェイト指定してるか分からんので念のため -moz-accent-color
とは何だろうとぐぐるとここが見つかるんだけど、
どこに定義されてるもの? >>886
accent-colorでググると出るフォーム要素に色を付けるcssのプロパティ
-moz-はベンダープレフィックスって試験的実装の段階で付けるものだから正式実装された今は抜いて書ける
ということで合ってる筈 -moz-accent-color を
accent-color にしたら動かなくなった
やっぱり要るらしい 値の-moz-accent-colorはWin10/11の場合OSの設定→個人用設定→色→アクセントカラーそのもの
アクセントカラーがないOSだとrgb(0, 120, 215)決め打ち Google検索結果の検索バーを固定する方法ありませんか？
UserStyles.orgで公開されてるけど正常に動かない。 >>891
常時上に表示させたくないって意味なら
#searchform {position: relative !important;}
とかでいいんじゃね すべてからツールまでを隠れなくするだけなら
#top_nav
top:60pxをtop:73pxに スクロールすると検索バーがdefalt(?)に変わるけど、実害ないのでtop位置だけ変更して利用してます。 97にアップデートしたら、タブとブックマークのコンテクストメニューの不要項目削除が効かなくなりました。
長くて申し訳ないですが、教えて下さい。 /* タブのコンテキストメニューから不要項目を削除 */
#context_openANewTab, /* [新しいタブ] 89+ */
#context_openANewTab + menuseparator, /* [----------------] 89+ */
#context_reloadTab, /* [タブを再読み込み] */
#context_reloadSelectedTabs, /* [タブを再読み込み] 67+ */
#context_toggleMuteTab, /* [タブをミュート] */
#context_toggleMuteSelectedTabs, /* [タブをミュート] 67+ */
#context_pinTab, /* [タブをピン留め] */
#context_unpinTab, /* [タブのピン留めを外す] */
#context_pinSelectedTabs, /* [タブをピン留め] 67+ */
#context_unpinSelectedTabs, /* [タブのピン留めを外す] 67+ */
#context_duplicateTab, /* [タブを複製] */
#context_duplicateTabs, /* [タブを複製] 67+ */
#context_duplicateTabs + menuseparator, /* [----------------] 67+ */
#context_bookmarkSelectedTabs, /* [タブをブックマーク...] */
#context_bookmarkTab, /* [タブをブックマーク] 64+ */
#context_moveTabOptions, /* [タブを移動] 64+ 67+ */
#context_moveToStart, /* [最初のタブへ移動] 67+ */
#context_moveToEnd, /* [最後のタブへ移動] 67+ */
#context_openTabInWindow, /* [新しいウィンドウへ移動] 67+ */
#context_sendTabToDevice, /* [n 個のタブを端末へ送信] n=選択タブ数 */
#tabContextMenu > .share-tab-url-item, /* [共有] 89+ 92+ */ #context_reopenInContainer, /* [新しいコンテナータブで開く] 88+ 89+ */
#context_selectAllTabs, /* [すべてのタブを選択] 64+ 88+ */
#context_selectAllTabs + menuseparator, /* [----------------] 88+ */
#context_closeTab, /* [タブを閉じる] 88+ */
/*#context_closeTabOptions, /* [複数のタブを閉じる] 78+ */
/*#context_closeTabsToTheStart, /* [左側のタブをすべて閉じる] 88+ */
/*#context_closeTabsToTheEnd, /* [右側のタブをすべて閉じる] */
/*#context_closeOtherTabs, /* [他のタブをすべて閉じる] */
#context_undoCloseTab, /* [閉じたタブを開きなおす] 88+ */
/*#context_undoCloseTab + menuseparator, /* [----------------] 88+ */
#context-dummy-dummy-dummy /* ダミー */
{
display: none !important;
} /* ブックマークツールバーのコンテキストメニューから不要項目を削除 */
#placesContext_open, /* [開く] */
/*#placesContext_openBookmarkContainer\:tabs, /* [ブックマークをすべて開く] 89+ */
/*#placesContext_openBookmarkLinks\:tabs, /* [ブックマークをすべて開く] 89+ */
#placesContext_open\:newtab, /* [新しいタブで開く] 89+ */
#placesContext_openContainer\:tabs, /* [タブですべて開く] 89+ */
#placesContext_openLinks\:tabs, /* [タブですべて開く] 89+ */
#placesContext_open\:newwindow, /* [新しいウィンドウで開く] 89+ */
#placesContext_open\:newprivatewindow, /* [新しいプライベートウィンドウで開く] 89+ */
/*#placesContext_openSeparator, /* [----------------] */
/*#placesContext_show_bookmark\:info, /* [ブックマークを編集...] 89+ */
#placesContext_show\:info, /* [編集...] 89+ */
/*#placesContext_show_folder\:info, /* [フォルダー名を変更...] 89+ */
/*#placesContext_deleteBookmark, /* [ブックマークを削除] 89+ */
/*#placesContext_deleteFolder, /* [フォルダーを削除] 89+ */
#placesContext_delete, /* [削除] 89+ */
#placesContext_delete_history, /* [ページを削除] 89+ */
#placesContext_deleteHost, /* [このサイトの履歴を消去] 89+ */
#placesContext_sortBy\:name, /* [名前順に並べ替える] 89+ */ /*#placesContext_deleteSeparator, /* [----------------] 89+ */
#placesContext_cut, /* [切り取り] 89+ */
#placesContext_copy, /* [コピー] 89+ */
#placesContext_paste_group, /* [貼り付け] 89+ */
#placesContext_editSeparator, /* [----------------] 89+ */
#placesContext_new\:bookmark, /* [ブックマークを追加...] */
/*#placesContext_new\:folder, /* [フォルダーを追加...] */
#placesContext_new\:separator, /* [区切りを追加] */
#placesContext_newSeparator, /* [----------------] */
#placesContext_paste, /* [貼り付け] 89+ */
#placesContext_pasteSeparator, /* [----------------] 89+ */
#placesContext_createBookmark, /* [ページをブックマークに追加] */
#placesContext > #toggle_PersonalToolbar, /* [ブックマークツールバー] 85+ */
/* /* [常に表示する] 85+ */
/* /* [新しいタブのみ表示する] 85+ */
/* /* [表示しない] 85+ */
#show-other-bookmarks_PersonalToolbar, /* [他のブックマークを表示] 85+ */
#placesContext_showAllBookmarks, /* [ブックマークを管理] 89+ */
#placesContext_showAllBookmarks + menuseparator, /* [----------------] 89+ */
#context-dummy-dummy-dummy /* ダミー */
{
display: none !important;
} ↑のコンテクストメニューの件、Windowsでは問題無しで、Macでは効いていない。
別の件で、MacではCSSの構文が効かないという同じような事があった。 >>903
ありがとう。
macOS Mojaveだけど、上手くcssが反映されて、コンテキストメニューの不要項目が削除できた。 Macだけchromeの中身が違うなんていくらでもあるんだから
糞マイナーの儲が切り分けもせずここで喚いても迷惑なだけなんだよ
だから巣に帰れと言われるのだ >>905
お前、友達いないだろ、可哀想な奴だな。 ブックマークポップアップ内のフォルダ右に表示される「＞」を
もう少し左にひっこめさせて他のブックマークの文字列の終端に合わせたいと思ってます。
以下で上手くいかなくて、良い方法があればお願いします。
.bookmark-item[container] .menu-right {
/* NG
position: relative !important;
left: -40px !important;
*/
/* これもNG */
margin-left: -40px !important;
} margin-inline-startを適当なマイナス値で >>909
やってみましたが margin-left: -40px !important; と同じになりました。
左に移動しないです… 言っている意味取り違えていたかも
margin-inline-end: 40px;でどうよ >>911
あぁ！いいですね、＞が左に引っ込みました。ありがとうございます。
あとは
#bookmarksMenu menupopup > menuitem, #bookmarksMenu menupopup > menu {
margin-right: -20px !important;
}
で右にできた空白をつめて…
しかしサブフォルダポップアップしたら間が開いてしまった！
#bookmarksShowAll .menu-accel-container, #menu_bookmarkThisPage .menu-accel-container
もはみ出してしまう、これは泥沼っぽい。 ヤフー知恵袋の質問答えをFirefoxでコピーすると一行ずつ空いてしまうのを
cssで開かないようにできませんか MacならFirefox関係なくキーボードショートカットやAutomatorで出来るんだけどね。
ウィンドウズでも純正機能であるんじゃない？ http://img3.imepic.jp/image/20220224/747280.png?424375ff6b6d908d0f209b17368c5ccd
PCでインスタ見てる人がいらっしゃったらご教授頂けたら幸いです
下記のようにしていたのですが動かなくなってしまいました
._1xMNo ._01UL2 .i0EQd {
width: 300px !important;
height: 500px !important;
}
._1xMNo ._01UL2 .i0EQd hr.W4P49 + div > div {
width: 300px !important;
height: 450px !important;
} >>916
これでどうだろう
._1xMNo,
._1xMNo ._01UL2 {
width: 300px !important;
height: 500px !important;
} >>917
本当にありがとうございます
微調整して上手くいきました
よい週末をお過ごしください！ /* Gray icon on inactive tabs */
tab .tab-icon, .tab-icon-image, .tab-throbber {
filter: grayscale(1);
}
#TabsToolbar .tabbrowser-tab[selected] .tab-icon,
#TabsToolbar .tabbrowser-tab[selected] .tab-icon-image,
#TabsToolbar .tabbrowser-tab[selected] .tab-throbber {
filter: grayscale(0);
}
Firefox98にしたら↑の非選択タブのファビコンをグレーにするCSSが効かなくなりました
それに慣れ切ってしまっていたようで、タブの選択状態が分かりにくくなったし、
目にうるさくなって困っています。
修正分かる方いらっしゃいましたらよろしくお願いします。 98に更新したら
/* ファビコンのないサイトのタブに地球儀アイコンを表示 */
.tab-icon-image:not([src], [pinned], [crashed], [busy]) {
display: -moz-inline-box !important;
}
これが効かなくなった
他にも.tab-icon-imageを対象に取ったcssは全滅してるっぽい >>921
おー効くようになりました
ありがとうございます。
>>920これもいいですね。いただきました #searchbar { max-width:348px !important; }
で検索バーの幅を固定すると、右に少し余白ができてしまうのですが、どうやっても右にある戻るボタンとの間隔を狭められません。
良い方法を教えていただけると助かります。
よろしくお願いいたします。
https://i.imgur.com/fP7UkNY.png #search-container {max-width: 348px !important;}
常に幅を固定するなら min-width: 348px !important; を追加 >>924
ご回答ありがとうございます。
常に幅を固定ではなく、検索バーの右の戻るボタンとの余白を狭めたいのですが、min-widthを追加したところ、さらに余白が広くなってしまいました。 >>925
>>924でいけると思うけど
伸縮自在のスペース入ってるとか >>925
うちはこれでツールバーのアイコンの幅を詰めてる
#nav-bar toolbarbutton {padding-left:0px !important;padding-right:0px !important;} 皆さんありがとうございます。
min-widthを追加すると、このようにさらに余白が広くなってしまってます。
https://i.imgur.com/mRzedRM.png
伸縮自在のスペースは入れてません。
記述してあるすべてをのせておきます。
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
/* ツリー型タブ使用のため上部タブバーを非表示にする */
#TabsToolbar > * { visibility: collapse; }
/* #tabbrowser-tabs { visibility: collapse !important; } でも同様の効果 */
/* サイドバーヘッダー部を非表示にする */
#sidebar-header { display: none; }
/* #sidebar-header { visibility: collapse; } でも同様の効果 */
/* 検索バーのサイズ */
#searchbar { max-width:348px !important; min-width:348px !important; } フルスクリーン時の、タブ上の
「ツールバーを隠す」「全画面表示モードを終了」を消したいです
あくまでも「タブ上」のみです >>929
#searchbar { max-width:348px !important; min-width:348px !important; }
にしてますので変更はしていると思います。 表示するもんねーから右端に寄ってるとかジャネーノ?
右端に伸縮自在のスペースてーの入れてみたらどーよ >>934
ありがとうございます。
昔は検索バーを短くした分アドレスバーが長くなって、余白はない、という状態だったんですよね。 >>933
#searchbarではなく
#search-container >>936
ご指摘ありがとうございました。
無事改善されました。
改めまして、>>924 さんはじめ皆さま、本当に優しく接していただきありがとうございました。 @namespaceっていままでおまじないで書いててよくわかってなかったんだがもしかしていらない？ userChrome.css では
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
@namespace html url("http://www.w3.org/1999/xhtml";);
こうしておいて, 必要に応じて html|ほげほげ としておくぐらい >>939
なるほど
>>920が俺も出たんで外したんだがよくわからんままだった・・・ サイドバーの枠の点線がいつのまにか大きめになってるんですけど
これを以前のような細かい点線にすることは可能でしょうか？
可能でしたらお教え下さい｡ ↑言葉足らずでした｡
サイドバーのブックマークをクリックした時に出る点線の事です｡
https://i.imgur.com/NxKqgfy.png
これを以前のような細かい点線にしたいです｡ >>942
.sidebar-placesTreechildren::-moz-tree-row(selected) {
outline-width: thin !important;
} >>943
神！
こんなに早くお教え頂きありがとうございます｡
無事細くなりました｡ >>943
でもこれって、ブックマークをコピーもしくは切り取ってフォルダに貼り付けると、
また太い点線が表示されるのよね (´・ω・｀) ::-moz-tree-row(current) 追加すれば? はっきりしないところがあるけど一応これでいけるかも
treechildren::-moz-tree-row(current, focus) {
border: 1px dotted #F3D982 !important;
outline: none !important;
} ブラウジングライブラリの要素ってどうやって調べるんやろか？
リモートデバッグ出来ないみたいやし >>948
サンクス
フォーカス枠がうざかったが指定箇所が分からなかったからこれで消せた Firefoxホームの灰色の部分の要素どうやって知らべるの？
ここ以外は透過できたのにこれだけ灰色で見栄えわるいです
https://i.imgur.com/rL39fET.png >>952
灰色の部分ってどこ？画像見てもわからないんだけど
てか、なにオタク絵見せつけてんだよ 画像の下半分これらの背景の灰色の部分です
Ｇｏｏｇｌｅ検索
エイプリルフール～海老蔵
eを検索：
横一列のファビコンアイコン ありがとうございました
過疎ってるようですし他スレで聞いてみることにしますね 世の中それは灰色じゃなくて白色って言ったほうが通りがいいんだ Firefox質問スレで聞いたらこちらに誘導されて来ました
FirefoxでYoutubeの通知から返信開いた時、「続きを読む」をクリックすると表示が全部されず下の横スクロールバーをクリックして少し右の端まで移動させると右端縦スクロールバーの内側にもう一つ縦スクロールバーが出て来るのでそれでようやく見れます
しかし最初から表示される様に横幅も縦幅も大きければ良いのでは無いかと思いました
Youtube cssなどと検索はしたのですが見付からず
ここの編集とか出来ないでしょうか？
よろしくお願いします
https://i.imgur.com/qSZvx6O.jpg Web版Twitterの広告を消すには
要素をどう指定すればいいのでしょうか？
DIV[data-testid="placementTracking"]
を消すようにしたら、広告は消えましたが
広告ではないツイート内の動画の再生ができなくなりました >>962
今のCSSでは難しい
綺麗に消すためには uBlock Origin を使うしかない >>960
どやろか
.menu-container.ytd-multi-page-menu-renderer { width: 680px; }
ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-comments"],
ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-notifications"] { width: auto; } >>964
ありがとうございます
通常版とナイトリーで試してみましたがどちらもうちでは機能しませんでした（通常版98.0.2、ナイトリー100.0a1 どちらも最新）
気付かないだけかと数字大きくしても変化無かったのでやっぱり変わったいないみたいでした
そちらでは変わってるんですよね？
何でだろ… ブックマークツールバーのフォルダにカーソルを合わせた時に
クリックせず開く様にcssもしくは他の方法で出来ますか？ js使うの初めてなのでなかなか大変ですがありがとうございます。 >>968
このJavaScript、どう設定するの？ コピペして Bookmark_Autopopup_3.uc.js などと保存する >>971
Bookmark_Autopopup_3.uc.js
どこにあるの？ Bookmark_Autopopup_3.uc.jsというから混同した。
新規 uc.jsで動いた。 Bookmark_Autopopup.uc.jsでロダへアップしておいた。 「などと保存する」って文字読んでも分からんかったの？ userContent.cssで以下を設定して
selectのスクロールバーを非表示にしたいのですがうまくいきません。
文字は赤色にはなっているのですが…教えて頂ければ幸いです。
@-moz-document url-prefix("https://www.nakamurayuji.com/archives/3045";) {
select {
color: red !important;
scrollbar-width: none !important;
}
} >>978
そのページに書いてある通り -moz-appearance: none; が必要 >>980
うちだと消えたよ
Stylusでも消えた >>981
ありがとうございます
どうやらuserChrome.cssのどこかの記述が競合してるみたいでした https://www.nakamurayuji.com/archives/3045
にあるselectも、何もしなくてもスクロールバーは表示されないのに、
userChrome.cssに以下があったため、スクロールバーが出てたものでした
menupopup > menuitem {
padding-block: 2px !important;
margin-right: -5px !important;
} >>983
それが無くてもスクロールバーは状況により表示される
ブラウザの上下間隔を短くしたときなど >>984
それはそう
でも上のサイトでは>>983のせいで
表示領域が十分でもselectのスクロールバーが表示されてしまって混乱してた 自分がやったことの意味は理解して忘れずに意識しておいてくれ 右上の?などを消すのが以前は機能してた物が最近は機能しなくなったのですが現在でも出来るでしょうか？
/* 最小化・最大化・閉じるボタン */
.titlebar-button { display: none !important; }
この辺の物も代わりのとかあるでしょうか？
/* Firefox52以降でFirefoxが重い症状を直す */
user_pref("network.http.spdy.enabled.http2", false);
改行多過ぎと出たので分けます もう一つ、タブの高さが凄く高くなってて低くしたいのですがこれも効かなくなってますか？
/* タブ位置・高さ */
/* #titlebar {height: 0px !important;} */
/* 最大化時 */
#main-window[sizemode="maximized"] #toolbar-menubar {
margin-bottom: 6px !important;
}
#main-window:not([sizemode="maximized"]) #toolbar-menubar {
margin-bottom: -11px !important;
}
#navigator-toolbox {
margin-top: -6px !important;
} 何度もすみません、987の？はバツです
見て思ったのですが、タイトルバーを消しているのでtitlebarの指定では効かないって事では無いのかと
タイトルバー消してる状態で最小化などのボタンを消す書き方あるでしょうか？
タブの位置・高さのもtitlebar指定だからか 最小化・最大化・閉じるボタンはこれで消してるけど、どうだろうか？
.titlebar-buttonbox-container { display: none !important; } >>987
うちではそれでボタン消せてるので、他で何か間違ってる >>990-991
回答ありがとうございます
出来てるという事で新しいプロファイルで試した所消えてくれました
という事は競合してるのがあるという事か…探してみます すいません。
YouTubeの映像まわりの色を変更したいのですが、
cssでどう書けばいいですか？
試しに
body{
background-color: blue;
}
と書いてみましたが機能しませんでした。 >>994
Enhancer for YouTube を入れてカスタムテーマにすると楽
インストールしてenhancerforyoutube@maximerf.addons.mozilla.org.xpiを解凍し
resourcesの中のvendorの中にthemesフォルダがあるから
そのcssを参考に背景色をつけれる
Enhancer for YouTubeのオプションカスタムテーマにcssを設定する 一応次スレ
https://egg.5ch.net/test/read.cgi/software/1650551086/
>>994
ガチで動画の周りだけで良いなら
html{
--yt-spec-general-background-a: blue;
} >>995
>>996
ありがとうございます。
どちらの方法でもやってみましたが、ほかのスクリプトの兼ね合いでイマイチうまく行きません。
ただ、ヒントは見えてきたので自分でもう少し頑張ってみます。 あ、できました。
スクリプト内に--yt-spec-general-background-aという箇所があり、
そこの色を書き換えたら好みの色になりました。
ありがとうございました。 このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 764日 17時間 8分 39秒 5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/
▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php レス数が1000を超えています。これ以上書き込みはできません。
