userChrome.css・userContent.cssスレ Part11
レス数が950を超えています。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 >>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っていままでおまじないで書いててよくわかってなかったんだがもしかしていらない? >>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
灰色の部分ってどこ?画像見てもわからないんだけど
てか、なにオタク絵見せつけてんだよ 画像の下半分これらの背景の灰色の部分です
Google検索
エイプリルフール〜海老蔵
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);
改行多過ぎと出たので分けます レス数が950を超えています。1000を超えると書き込みができなくなります。