userChrome.css・userContent.cssスレ Part10

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 10:53:04.96

●※前スレ
userChrome.css・userContent.cssスレ Part9
http://egg.5ch.net/test/read.cgi/software/1544138804/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager
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
https://greasyfork.org/scripts/35880

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
userstyles.org
https://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/

**名無しさん＠お腹いっぱい。** · 2020/01/12(日) 21:31:45.82

>>269
ググったら出てきたけどこれじゃだめなの？
p://mozilla-remix.seesaa.net/article/57915040.html

**名無しさん＠お腹いっぱい。** · 2020/01/12(日) 22:46:17.80

スレチ基地外ﾁｮﾛﾏｰスルー推奨

**名無しさん＠お腹いっぱい。** · 2020/01/13(月) 16:27:27.67

アドレスバー、検索バーのフォントサイズを変更できませんか？
プルダウン表示も含めて
ググっても72.0で動くものはなかった。

**名無しさん＠お腹いっぱい。** · 2020/01/13(月) 21:09:08.31

ブラウザーツールボックス使えばすぐわかる

**名無しさん＠お腹いっぱい。** · 2020/01/13(月) 21:16:01.26

>>273
それはわたしには無理

**名無しさん＠お腹いっぱい。** · 2020/01/14(火) 02:00:31.26

ハイ次の患者さんどうぞ

**名無しさん＠お腹いっぱい。** · 2020/01/14(火) 12:42:53.02

>>271
なんでスレチになるの？
userChrome.CSSはChromeでは旧くはStylish現在はStylusなりなんなりの
拡張機能で適用するものなんですけど？
もともとブラウザのULいじるやつのはずで、それが適用できるのはFirefoxか
Chromeの筈だけど、あんたは何に対してuserChrome.cssつかってんの？
脳内？

**名無しさん＠お腹いっぱい。** · 2020/01/14(火) 12:47:03.98

>>272
アドオン探すほうが早くね（SSL切らして死亡をまたやるかもしれんけどな）
むしろどうしてそんなに文字サイズ変更したいの？
文字をたくさん入力したいのに狭くて使いづらいんだったら広げればいいだけでは。

**名無しさん＠お腹いっぱい。** · 2020/01/14(火) 12:51:53.16

>>277
小さすぎて爺には読みずらい

**名無しさん＠お腹いっぱい。** · 2020/01/14(火) 12:54:57.38

https://i.imgur.com/YcxdSnf.png
これ右寄せ表示に出来ないかな

**名無しさん＠お腹いっぱい。** · 2020/01/14(火) 13:21:32.23

>>276
userChrome.cssやuserContent.cssはFirefox系にしかない機能でChromeでは使えない
つまりここはFirefoxを対象にしたスレなのでChromeはスレチ

お前が言っているのはuserContent.cssに準じた役割のユーザーCSS
userContent.cssは拡張じゃないのでStylus等の拡張が動かないページにも適用できる

**名無しさん＠お腹いっぱい。** · 2020/01/14(火) 13:55:19.56

>>221
これ、どなたかお願いします。

**名無しさん＠お腹いっぱい。** · 2020/01/14(火) 15:14:25.22

>>281
ブラウザーツールボックス

**名無しさん＠お腹いっぱい。** · 2020/01/14(火) 21:28:48.74

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

**名無しさん＠お腹いっぱい。** · 2020/01/15(水) 01:07:28.92

>>279
お豆腐さんのサイトにヒントがあったような

**名無しさん＠お腹いっぱい。** · 2020/01/15(水) 14:31:01.64

よろしくお願いします

スクロールバー72のFirefoxアダプティブページの背景色 - コードワールド
https://www.codetd.com/ja/article/7838709

無効にして従来通りにできますか？

>>284
横からですがありがとうございます。

**285** · 2020/01/15(水) 14:47:22.10

すみません、自己解決しました。
about:config で widget.disable-dark-scrollbar を true

**名無しさん＠お腹いっぱい。** · 2020/01/16(木) 14:23:44.59

/*
* Google検索結果のファビコンとURLをタイトルの下に表示。
* 新レイアウト(2020-01)用。
*/
@-moz-document domain("www.google.com"),
domain("www.google.co.jp") {
#search div.r > a[href] > div:first-child,
#search div.r > a[href] > div:first-child + br { display: none !important }
#search div.r > a[href] > h3 { margin-bottom: 0 !important }
#search div.r > a[href] + div { position: static !important; height: auto !important }
#search div.r > a[href] + div > div { visibility: visible !important }
}

**名無しさん＠お腹いっぱい。** · 2020/01/16(木) 16:50:06.26

>>287
どもです。
ただこれすると。URLが下にも表示されずに消えてしまった。
Firefox のバージョンが56.0.2と古いけど、それが悪いのかな。

**名無しさん＠お腹いっぱい。** · 2020/01/16(木) 20:03:54.54

試してみたらURLがタイトルの上に表示されとる
firefox72.01

**名無しさん＠お腹いっぱい。** · 2020/01/16(木) 20:46:24.26

Google検索はWebブラウザを問わずそうなってるな、Windows 7 だけど

**名無しさん＠お腹いっぱい。** · 2020/01/16(木) 20:49:57.24

Linuxでも同じだ

**名無しさん＠お腹いっぱい。** · 2020/01/16(木) 21:08:28.10

つまり、Google検索の結果をレスポンススタイルをGoogleが変えたのだ

**名無しさん＠お腹いっぱい。** · 2020/01/16(木) 21:56:09.77

>>288
73の俺環でもURL消えたけど干渉してたuserscript無効にしたらちゃんと下に表示された
でも結局もっといじりたくて作り直した

**名無しさん＠お腹いっぱい。** · 2020/01/16(木) 22:11:05.14

ファビコンはタイトルの前に、URLはその下にっていう
ファビコン付与スクリプトを使った元の環境の表示に戻したいが
とりあえず、>>287さん助かりました。

**名無しさん＠お腹いっぱい。** · 2020/01/16(木) 22:25:58.48

>>293
Google Hit Hider無効にしたらURLが下に表示されたわ
でもこれじゃ困るんだよなぁ・・・

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 02:24:59.83

CSSって親要素や前方の兄弟要素を指定する方法無いよな？
userChrome.jsでUI弄ってたのをuserChrome.cssだけでどこまで再現できるか試してるんだけど、なかなかキツイな…

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 13:26:23.97

>>238
これだったありがとうございます
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
を消せば*|*なしの元のままでも動いたけどそれでも必要なんだろうか
浅い知識ではおまじないとしか把握してないのでわかんねえ

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 13:49:02.58

>>295
俺も影響してたのそれだったけどそっちはいじりたくなかったんで
タイトルとURLはpositionで入れ替えることにしたわ
どうせまたすぐソース改変されるんだろうけど！！

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 13:55:09.15

>>297
@namespace userChrome url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
として名前空間に接頭辞付けるだけでもよかった
調べてもなぜこうなるのかよく分からないが動くからええか

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 17:31:07.19

72になり72用にして出来る様にはなったんだけど出来無くなった物もあるのでその辺教えて頂けませんか？
スレの最初から見たんですけど話題になっていなかったので
/* コンテキストメニューから各種不要要素を消す　*/
#context-savepage,
#context-sendpagetodevice,
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-viewbgimage,
#context-openlinkprivate,
#context-sep-open,
#context-bookmarklink,
#context-sendlinktodevice,
#context-sep-sendlinktodevice,
#context-sendimage,
#context-setDesktopBackground,

/* タブコンテキストメニューから各種不要要素を消す　*/
#context_reloadTab,
#context_toggleMuteTab,
#context_tabViewMenu,
#context_openTabInWindow,
#context_reloadAllTabs,
#context_closeTabsToTheEnd,
#context_closeOtherTabs,
#context_sendTabToDevice,
#context_selectAllTabs,
#context_moveTabOptions,
#context_bookmarkTab,
#tabContextMenu > menuseparator{display: none !important;}

/* 最小化・最大化・閉じるボタンを非表示 */
.titlebar-button { display: none !important; }

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 17:47:36.95

そういうのはめんどくせーから誰も答えないのよ
ブラウザーツールボックス使えってこと

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 17:58:33.70

>>300
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets",true);

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 18:57:05.12

>>300
ブラウザツールボックス

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 19:17:08.62

>>300
https://u6.getuploader.com/script/download/1912

ほい。
どこかで見て、自分用に整理したやつあげる。72でも効いてるよ
非表示にするから、逆に/*付けるとそれが表示されることになる

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 19:18:19.51

↑あ、メンドイから自分のまんまなんで全部見直してみてね

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 23:08:14.16

Dark Reader けっこぷいいよ。
建前はダークモードになるCSSをそのサイトのCSSと変えたり。
自分でCSSをつくるのもいい。
4種類までSave出来るから自作したCSSを登録してもいい。
なぜか、フォトレンダリングでアンチエイリアス機能やフォントのStloke Weightも調整でき
フォントの種類もいろいろ変えれる。
フォントとか変えてもな…と思ったらX印つけてそれはやらない設定が可能。

https://i.imgur.com/Cobwhh8.png

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 23:10:01.79

Dark Leader

**名無しさん＠お腹いっぱい。** · 2020/01/17(金) 23:35:19.09

>>301、>>303
他へのレスでそれ見ましたけど、うちの場合にも出来る物なんですね
一応今開く所までは出来たのでこれから詳しく見て行こうと思います
>>302
それは全く出来てない時のじゃないですっけ？
>>304
ありがとうございます
全部はまだ確認出来てないんですが、参考にさせて頂きます

皆様ありがとうございました

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 03:02:00.57

すみません。質問させてください…。
こんな使い方自分しかいないと思うんですが、サイドバーの横にタブバーを置きたいです。
ググって出てきたものが

(function(){
var tabbox = document.createElement("toolbox");
document.getElementById("appcontent").insertBefore(tabbox,document.getElementById("content"));
tabbox.appendChild(document.getElementById("TabsToolbar"));
})();

ググって出てきたのがこちらのコードなのですが、古すぎて使えませんでした…。
(もしかしてuserchrome.jsのコード…？スレチでしたらすみません。)
どうかご教示ください。よろしくおねがいします。

https://i.imgur.com/ey0F9O4.jpg

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 05:51:45.38

完全に自分用だけど折角なので
urlバー短い運用してたらどんどん狭くなってた
/* urlバーのズームの％表示を無くしコンパクトに */
#urlbar-zoom-button > .toolbarbutton-text { display: none !important;}
#urlbar-zoom-button::after { content: "🔎︎" !important;}
#urlbar-zoom-button {
margin-left: 0px!important;
margin-right: 0px!important;
border: none!important;
border-radius: 0!important;
padding: 0px!important;
width: 24px !important;
height: 24px !important;}

/* urlバー左の|区切り消去 */
#identity-box{
border-inline-end: 0px !important;}

/* urlバーの保護アイコン,サイトの名前,コンテナの名前,右の|区切り消去 */
#tracking-protection-icon-container,#identity-icon-labels,#userContext-label,#pageActionSeparator
{display: none !important;}

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 12:18:03.34

>>287
さらに、URLの内容を従来通りに戻すことはできませんか？
> より / の方が見やすいし、ドメイン以降の文字列も表示してほしいです。

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 12:58:31.64

>>309
userChrome.jsの質問は↓
Firefox userChrome.js greasemonkeyスクリプトｽﾚ41
https://egg.5ch.net/test/read.cgi/software/1579175685/

スレチだけど、今あっち荒らされてるから答えるわ

(()=>{
let tabsToolbar = document.getElementById("TabsToolbar");
document.getElementById("appcontent").insertBefore(tabsToolbar, document.getElementById("tabbrowser-tabbox"));
tabsToolbar.setAttribute("style", "max-height: 30px;");
tabsToolbar = null;
})();

これで行けると思うけど自分で調整して
userChrome.jsで強制的にUIのレイアウト弄ると正常に機能しなくなったりするから
できるだけuserChrome.cssでやった方が良いぞ

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 13:01:39.57

>>287
72.0.1で効かない。
新レイアウト(2020-01)って何？

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 13:26:28.78

>>311
出来ました～！
ありがとうございます！
やっぱりuserChrome.cssでやった方がいいですよね…
でも教えてくださったこちらのコードを使います
ありがとうございました！

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 13:26:55.34

すみません
>>312さん宛でした…

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 14:19:53.95

Firefox本体の検索窓の「貼り付けて検索」を、コンテキストメニューの一番上に表示できますか?
できたらロケーションバーの方も。

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 16:09:57.72

>>316
貼り付けて検索？

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 16:46:08.02

>>316
オムニバー（ロケーションバー）の場合は「貼り付けて移動」では？
一応両方ともに可能

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 17:59:46.51

>>313
新レイアウトがわからん人には全くもって不要だから効かなくても気にするな
煽りとかじゃなくて

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 18:00:54.63

>>311
出来ないこともないけど、クリックするとリダイレクトURLに変わってしまうだとか、
選択してコピーできない(これは>>287も同じか)だとかで、あまり嬉しくない。
やるならユーザースクリプトか拡張機能。

だけど一応書いてみた。
https://pastebin.com/G6sXUatA
https://i.imgur.com/biglXub.png

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 18:01:47.45

>>313
2020年1月にリリースされたGoogle検索結果ページの新デザインのこと。

旧 https://i.imgur.com/gCvogxD.png
新 https://i.imgur.com/epNPP8R.png
>>287 https://i.imgur.com/eQcRxj8.png

効かないのは再現しないんで分かりません。
他のユーザースタイルシートやユーザースクリプトとの併用は想定していないよ。

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 18:39:01.42

>>321
サンクス
>>320やってみたけど変わらず、Stylusでかぶってるかも、
新デザインでも良いや

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 19:11:20.72

>>321
userContent.cssにこれだけ記したらできました(従来のを消しました)
ありがとうございます。

Google Hit Hider by Domain (Search Filter / Block Sites)とも併用できました。

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 20:03:57.75

>>320
https://pastebin.com/G6sXUatAをuserChrome.cssに追記したけど反応せず。
新規プロファイルでで試すと旧スタイルで表示された。
オプションのFirefox終了時に履歴を消去するでログイン情報以外をすべて削除して再起動しても旧スタイルにならず。
他になにを試せば良いでしょうか？

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 20:14:29.40

>>324
横からだけど userChrome.css じゃなくて userContent.css に記述したよ俺は >>323 を見て

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 20:32:56.31

>>325
>>323のこれだけって何のこと？https://pastebin.com/G6sXUatAのこと？

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 20:37:28.83

>>326
それは >>323 さんに聞かないと分からない

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 20:40:05.38

>>325
ごめん、userContent.cssで出来ました

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 22:28:49.88

>>320
どうもです。
大分マシになりました

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 22:54:05.05

このスレで乞食行為は禁止です

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 22:55:38.03

乞食はマナー違反です

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 22:59:14.14

クレクレ君に気を付けてください

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 23:05:12.61

乞食は業界の癌

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 23:12:56.62

乞食はやめロッテ

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 23:16:00.06

こじるの禁止

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 23:19:59.12

ダメ絶対

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 23:25:36.10

やめてくれよな頼むよ

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 23:30:30.86

乞食は寄生虫です
在日です

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 23:35:44.10

乞食=在日

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 23:42:00.14

放射脳の乞食が書き込まないでください

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 23:50:45.69

乞食はどこにでもいる
在日かな？

**名無しさん＠お腹いっぱい。** · 2020/01/18(土) 23:57:16.07

絶対アカン

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 00:02:37.95

恥だな

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 18:25:34.43

コンテキストメニューの順序を変更することは出来ますか？
日本語用コンテキスト検索というアドオンを一番上に持っていきたいです

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 19:45:15.81

>>344
該当する要素を調べた上で記述すれば可能

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 20:39:10.97

>>344
おっ乞食か？

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 20:43:24.04

>>344
んっ！これは乞食！w

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 20:47:07.26

>>344
乞食は禁止やでー

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 20:53:48.49

こいつ乞食やで

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 20:55:20.53

乞食がいないと与えるものも居なくなる

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 20:56:50.41

>>344！アウトー！

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 21:12:28.87

乞食っちおつかれー

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 21:17:46.30

>>344の国籍は？

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 21:20:54.25

パスポート見せて

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 21:22:51.79

以前はコンテキストメニューを編集のためのアドオンがあったけど
今では、出来ることと言えば、何とか表示を抑制する程度だからね

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 21:26:41.74

本当に日本人？

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 21:28:25.34

https://i.imgur.com/AHMIH3g.jpg　乞食と聞いて即参上！
ウリのトンスルを物乞いしてるのは誰ニダ！？

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 21:31:57.17

半島の人でしょ

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 21:36:55.91

色々問題あったらしいけどSナントカのMenu Wizardって便利だったもんな
あれはUIに優れていた

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 21:38:18.13

乞食=朝鮮人

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 21:51:23.03

早く教えろニダ

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 21:56:44.35

図々しいやつら

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 22:03:40.72

このスレでくれくれは禁止です

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 22:09:33.28

簡単にくれることが出来れば、ドヤ顔するのだろうけど
もう、ドヤ顔のネタがつきているからな
貧しては、ない袖は振れぬわな

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 22:09:59.00

マナーは守って

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 22:10:27.97

変

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 22:12:01.68

ちょんこじきさん

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 22:12:13.25

https://i.imgur.com/AHMIH3g.jpg　はあ・・・パトロールに忙しいニダ
userChromeでググったら必ずこの偉大なる太極旗がヒットするようにしなければならないニダ

**名無しさん＠お腹いっぱい。** · 2020/01/19(日) 22:13:38.14

WaterfoxでMenu Wizard編集して設定保存からcssをFirefoxに導入する方法使ってるけど
順番を入れ替えられないしFirefox独自のメニューは消せないからなぁ