userChrome.css・userContent.cssスレ Part9

**名無しさん＠お腹いっぱい。** · 2018/12/07(金) 08:26:44.73

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

●拡張機能
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/

**名無しさん＠お腹いっぱい。** · 2019/09/04(水) 19:05:21.97

>>830
自分もそれで動作した

**名無しさん＠お腹いっぱい。** · 2019/09/04(水) 21:10:57.16

>>830 ありがとうできた

**名無しさん＠お腹いっぱい。** · 2019/09/04(水) 21:52:26.74

>>829
>>830
参考にさせてもらったらフォルダーが透明になってしまったw

**名無しさん＠お腹いっぱい。** · 2019/09/04(水) 23:01:35.22

>>833
folder-item.pngを置いていないんじゃ？

**名無しさん＠お腹いっぱい。** · 2019/09/05(木) 18:46:28.40

タブをダブルクリックで更新
69で動かないお願いします

(function(){gBrowser.tabContainer.addEventListener("dblclick", function(e){if(e.target.localName=="tab")BrowserReload()},false)})()

**名無しさん＠お腹いっぱい。** · 2019/09/05(木) 19:48:29.56

69.0にアップしてURLバー、検索バーがズレて下のスキ間がなくなった。
https://photos.google.com/search/_tra_
下記CSSのどこを修正すれば、中央に位置できるのでしょうか？
#urlbar,
.searchbar-textbox {
font-size: 12pt !important;
min-height: 24px !important;
margin: 0 !important;
}
#nav-bar,
#nav-bar-customization-target {
height: 32px !important;
}
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}

**名無しさん＠お腹いっぱい。** · 2019/09/05(木) 22:05:50.69

69になって今までのやり方がだめになった。やり方を教えて下さい。

・ロケーションバーと検索バーの角を丸くする。
・ロケーションバーのドロップマーカー▼を消す。

**名無しさん＠お腹いっぱい。** · 2019/09/05(木) 22:23:53.84

これから更に厳しくなってくるから自分でどうにか出来ない奴は
ストレス溜まっていく一方だからそろそろ諦めたほうが良いぞ

**名無しさん＠お腹いっぱい。** · 2019/09/06(金) 08:46:08.74

最近というか69にうｐしてからか、userstyles.orgがクルクルのまま内容が表示されないんだけど
おま環ですかね
Chromeだと見れるんですけど

**名無しさん＠お腹いっぱい。** · 2019/09/06(金) 11:04:59.34

67でずっと保留状態

**名無しさん＠お腹いっぱい。** · 2019/09/06(金) 13:47:04.59

>>837
/*** Rounded Searchbar&Urlbar ***/
#searchbar {
/*.searchbar-textbox {*/
border-radius: 6px !important;
}
#urlbar {
border-radius: 6px !important;
}
ロケーションバーのドロップマーカーの消し方俺も欲しい。

**836** · 2019/09/06(金) 13:49:42.89

height: 32px !important;で35にしたら、綺麗になった。

**名無しさん＠お腹いっぱい。** · 2019/09/06(金) 13:59:58.48

ドロップマーカーがどれかわからんがこれ？
.chromeclass-toolbar-additional{
list-style-image:none!important;
}

**名無しさん＠お腹いっぱい。** · 2019/09/06(金) 14:03:54.09

あぁ、コピペする方間違えた。こっちだ
.urlbar-history-dropmarker{
list-style-image:none!important;
}

**名無しさん＠お腹いっぱい。** · 2019/09/06(金) 14:10:23.59

>>843
非表示になるだけで、領域はとられてドロップも機能してるね。
URLバーの領域が狭くなるのが困る。

以前は下記で消えた？
.autocomplete-history-dropmarker {
display: none;
}

**名無しさん＠お腹いっぱい。** · 2019/09/06(金) 14:24:34.10

機能まで殺したいならdisplay: none!important;とかだね

**名無しさん＠お腹いっぱい。** · 2019/09/06(金) 15:13:31.84

>>846
ありがとう。

**名無しさん＠お腹いっぱい。** · 2019/09/06(金) 17:33:23.76

>>841、843
無事動きました
ありがとう

**名無しさん＠お腹いっぱい。** · 2019/09/06(金) 19:13:43.45

ドロップマーカー消しありがてえ

**名無しさん＠お腹いっぱい。** · 2019/09/06(金) 22:12:45.80

めんどくさいからしばらく動きたくねぇ
機能的に大アップデートあったらやるかな

**名無しさん＠お腹いっぱい。** · 2019/09/07(土) 02:01:32.54

>>829
>>833
俺も以前黄色にしたんだけど
何も弄ってないのにバージョンアップしたら？グレーに戻った
folder-item.pngも置いてあるのに
解決策希望

**名無しさん＠お腹いっぱい。** · 2019/09/07(土) 02:11:30.85

Firefox62.0でブックマークのフォルダアイコンが初期化された-グレーのアイコンを黄色に戻す
https://www.favrev.net/firefox_bookmark_foldericons/

これやったら色戻った

**名無しさん＠お腹いっぱい。** · 2019/09/07(土) 03:11:28.52

>>852
バージョンup前にこれで黄色にしたんだけど戻っちゃって
改めて@import url(userChrome_Fx56_bookmark_icons.css);
だけuserChrome.cssに追加したら
ちゃんと黄色になってくれた。ありがとう

**名無しさん＠お腹いっぱい。** · 2019/09/07(土) 04:49:12.13

fill: #fd0 !important;
で黄色くしてるわ

**名無しさん＠お腹いっぱい。** · 2019/09/07(土) 23:08:03.00

おへぇ

**名無しさん＠お腹いっぱい。** · 2019/09/08(日) 13:23:53.83

http://mhometheater.com/
このサイトで文字をコピペできるようにするcssを教えて下さい。
cssで無理そうならjsでもかまいません。

**名無しさん＠お腹いっぱい。** · 2019/09/08(日) 13:25:53.81

↑jsをオフにする以外でお願いします。
毎回jsをon/off切り替えて動画リンクを有効にするとかが面倒でして・・

**名無しさん＠お腹いっぱい。** · 2019/09/08(日) 13:39:24.40

明らかにCSSの範疇じゃない
「かまいません」じゃねーよ他所行け

**名無しさん＠お腹いっぱい。** · 2019/09/08(日) 13:43:28.02

普通にコピペできるけど

**名無しさん＠お腹いっぱい。** · 2019/09/08(日) 14:00:25.33

新規プロファイルですらコピペ出来るからな
相談は他所でやってね

**名無しさん＠お腹いっぱい。** · 2019/09/08(日) 14:22:48.40

こちらでは新規プロファイルでも現象出ました。
新しいバージョンだとその制限が効かなくなってるようです。
最新版に振り回されるのがいやで任意アップデートしてたのでそれが原因のようです。
他当たります。

**名無しさん＠お腹いっぱい。** · 2019/09/08(日) 14:24:02.30

>>856
たかだか数千円払って公式の見放題動画も見られない人種はこの世から消え去れよ割れカスが

**名無しさん＠お腹いっぱい。** · 2019/09/09(月) 03:42:34.51

69にアップしたところ，タブの右クリックのコンテキストメニューが横長に表示されるようになってしまいました。
これまで通常

あ
い
う

と縦に並んでいたものが，

あいう

と並んでしまっています。
解決方法がありましたら教えてください。

**名無しさん＠お腹いっぱい。** · 2019/09/09(月) 10:30:42.69

>>863
〇〇.uc.jsが原因だと思う
うちはNoStyle.uc.jsってのを更新したら治った

**名無しさん＠お腹いっぱい。** · 2019/09/09(月) 16:12:16.30

ブックマークツールバーを下に表示しているのですが、これを表示する
エリアを確保するために使っていた#content-deckが69で機能せず、
ブックマークツールバーの裏にウェブ表示がめり込んでしまうようになりました。

以下の何処を修正すれば正しくエリアを確保する(ウェブ表示がめり込まない)ように出来ますか?

/* ブックマークツールバーを下に表示する */
#navigator-toolbox > #PersonalToolbar {
position: fixed; left: 0px; bottom: 0px; width: 100%;
}
#content-deck{
margin-bottom: 22px !important;
}

**名無しさん＠お腹いっぱい。** · 2019/09/09(月) 16:32:03.14

>>865
#browser

**名無しさん＠お腹いっぱい。** · 2019/09/09(月) 16:45:06.20

>>866
ありがとうございます
#content-deckを#browserに書き換える事で正しくエリアを確保出来るようになりました。

**名無しさん＠お腹いっぱい。** · 2019/09/09(月) 18:32:51.19

>>864
ありがとうございました。
〇〇.uc.jsを一つひとつOFFにして切り分けをおこなたっところ，
CopyTabURL.uc.js
をOFFにすることで現象は改善されました。
単機能ですがよく使うものだったので残念ですが，背に腹はかえられません。

**864** · 2019/09/09(月) 18:58:04.27

>>868
>一応69.0a以降用メモ
>■userChrome.xml/userChrome.js他を最新版に更新
>■chrome://browser/content/browser.xulをchrome://browser/content/browser.xhtmlに置換
>■それでも駄目ならcreateElementをcreateXULElementに置換

createXULElementやってみた？

**名無しさん＠お腹いっぱい。** · 2019/09/09(月) 19:26:12.44

>>869
>createElementをcreateXULElementに置換
を行ったところ，CopyTabURL.uc.js をONにしても大丈夫になりました。
ありがとうございました。

**名無しさん＠お腹いっぱい。** · 2019/09/09(月) 20:58:00.28

いい加減あれこれ維持るのもマンドクセ

**名無しさん＠お腹いっぱい。** · 2019/09/09(月) 22:08:21.26

昔からオタク向けと言われ続けていたFirefoxだが最近はほんとに付いていく気概のあるオタクしか生き残れなくなったよね

**名無しさん＠お腹いっぱい。** · 2019/09/10(火) 07:12:20.62

むしろ一般化したんじゃない？
いろんなとこいじりまくっても次のバージョンで無駄にされる（されやすい）とことか
Windows10とかに近づいてる感じする

**名無しさん＠お腹いっぱい。** · 2019/09/10(火) 10:25:08.21

推測でしかないけど
userChrome.css利用してる人の割合はFirefoxユーザーの10％程度だろうか
userChrome.jsに至っては3％とかだったりしてね

**名無しさん＠お腹いっぱい。** · 2019/09/10(火) 16:21:58.14

0.001%以下だと思うぜ

**名無しさん＠お腹いっぱい。** · 2019/09/11(水) 00:56:04.46

利子かよ

**名無しさん＠お腹いっぱい。** · 2019/09/11(水) 08:08:17.63

>>874
66%がアドオンすらひとつも入れてないんやぞ
https://data.firefox.com/dashboard/usage-behavior

**名無しさん＠お腹いっぱい。** · 2019/09/11(水) 08:41:16.08

>>877
以外だな
アドオンやcss、js使わないならChromeでいいだろと

**名無しさん＠お腹いっぱい。** · 2019/09/11(水) 09:53:48.90

MozillaはuserChrome.css利用者のFirefoxがパフォーマンスの低下
○○ができなくなった、UIがおかしくなったなどの報告を受けていて
それがFirefoxの評判を悪くしてると思い込んでるんじゃないかと思う

**名無しさん＠お腹いっぱい。** · 2019/09/11(水) 11:44:39.47

↓意訳はこれで合ってる？

Mozillaは、Firefoxの評判を悪くしてるのはuserChrome.cssの利用者だと思い込んでるんじゃないか。

Firefoxのパフォーマンスが低下しただの、○○ができなくなった、UIがおかしくなったなど、
userChrome.cssの利用者がネット上でFirefoxの悪評を振りまいているのは確かだろうけど、
それでも、Firefoxが抱える問題の深淵は、そこじゃないと思うんだよなぁ。

**名無しさん＠お腹いっぱい。** · 2019/09/11(水) 18:01:43.49

aliceさんのこの3つを入れてます

tabLock_mod2.uc.js
tabProtect_mod2.uc.js
zzzz-tabContextMenu_combining_tabProtect_and_tabLock.uc.js

HIDEINDIVIDUALMENU : true, //個々のメニューを隠すかどうか
69だとtrueにしても消えません

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

userChrome.js、userChrome.xml、userChrome.css は最新版です
おま環でしょうか？

**881** · 2019/09/11(水) 20:54:05.76

aliceさん
zzzz-tabContextMenu_combining_tabProtect_and_tabLock.uc.js
更新ありがとうございます、消えました。

**名無しさん＠お腹いっぱい。** · 2019/09/11(水) 23:33:11.71

69にしてから
000-reuseBlankTabIfCcurrentTab.uc.js
が動作していません。解決方法がわかる方，教えてください。

**名無しさん＠お腹いっぱい。** · 2019/09/11(水) 23:49:49.54

CSSスレに迷惑をかけるな

**名無しさん＠お腹いっぱい。** · 2019/09/12(木) 02:45:17.67

69になってからsearchbarとfindbarの入力欄でCSSの[focused="true"]が効かなくなってもた
68とツールボックスで見比べてもよくわかんない
eventにfocuseあるし…
urlbarだけは効いてる
教えろください
#searchbar > *[focused="true"] { hoge
.findbar-textbox[focused="true"] { hige

**名無しさん＠お腹いっぱい。** · 2019/09/12(木) 07:59:57.20

>>885
ツールボックス使って実際にフォーカスしてみればわかるけど、68がどうだったかは知らんが69だとそんなパラメータ付与されてないからその機能無くなったんじゃね？

ちなみに#searchbarの方は実際に.searchbar-textboxにfocused="true"っていうパラメータが付与されてる
findbarの方は上の方の階層も見てみたけどそんなパラーメータ付与されない感じだからCSSじゃ無理かもな

**名無しさん＠お腹いっぱい。** · 2019/09/12(木) 11:47:19.56

>>885
擬似クラスの:focusか:focus-withinを使えばいい

.findbar-textboxはxul:textboxからhtml:inputに変わってるので
*|*.findbar-textbox:focus
のように指定する

**名無しさん＠お腹いっぱい。** · 2019/09/12(木) 23:36:04.75

>>886-887
はえ～すっごい
イケたはthx

**名無しさん＠お腹いっぱい。** · 2019/09/13(金) 03:05:56.13

なんで開発はUIの要素名クラス名をころころ変えてくるんだろ？

**名無しさん＠お腹いっぱい。** · 2019/09/13(金) 06:33:01.75

多分セキュリティの問題

**名無しさん＠お腹いっぱい。** · 2019/09/13(金) 06:40:53.22

セキュリティの問題でクラス名を変える？？？？？
クラス名を決め打ちしたなんらかの攻撃に対してイタチごっこを仕掛けて対抗してるってこと？？？？？

**名無しさん＠お腹いっぱい。** · 2019/09/13(金) 10:00:31.52

firefoxがバージョンアップするたびに
みずからの魅力を潰していって何がしたいのかさっぱりわからん
自殺願望でもあるんだろうか
もう俺も次のバージョンアップあたりでギブアップしそうや・・・

**名無しさん＠お腹いっぱい。** · 2019/09/13(金) 11:55:01.02

userChrome.cssクレクレ厨を排除していくためだと思う

**名無しさん＠お腹いっぱい。** · 2019/09/13(金) 16:59:20.45

グーグルからの刺客がFirefoxに送り込まれて内部崩壊させられたのさ

**名無しさん＠お腹いっぱい。** · 2019/09/13(金) 21:41:28.07

"Chrome" ってのが気に入らないんだろうな
きっと

**名無しさん＠お腹いっぱい。** · 2019/09/13(金) 22:29:15.60

>>884
書き込むスレを間違えてしまい，失礼しました。

**名無しさん＠お腹いっぱい。** · 2019/09/14(土) 18:44:39.04

お世話になります
前に教えていただいたものですが
Linux Mint の firefox69 では反映されなくなりました。
(Win10 の firefox69 では反映されます)

修正箇所を教えてください

/* サイドバーサーチ部スリム化 */
#sidebar-search-container {
padding: 4px !important;
height: 28px !important;

よろしくお願いします

**名無しさん＠お腹いっぱい。** · 2019/09/15(日) 03:00:53.02

スレチにも程がある

**名無しさん＠お腹いっぱい。** · 2019/09/17(火) 00:22:24.52

ブックマークボタンの一番下にある
すべてのブックマーク表示の項目を消すにはどうすればいいでしょうか？
上の方にあるブックマーク整理等はググって調べて消したんですが
一番下にあるのはわかりませんでした

**名無しさん＠お腹いっぱい。** · 2019/09/17(火) 00:29:00.66

900

**名無しさん＠お腹いっぱい。** · 2019/09/17(火) 10:21:53.75

vbox#sidebar-box
サイドバー変更したいんですが、上の指定だと有効にならないです
vboxというタグはだめなんでしょうか
ちなペールムーンです

**名無しさん＠お腹いっぱい。** · 2019/09/17(火) 21:32:22.47

#sidebar-boxだけでなら効くなら何か間違ってるんだろ

**名無しさん＠お腹いっぱい。** · 2019/09/17(火) 22:41:19.32

Pale Moonでスタイルエディタにvbox#sidebar-box{display: none;}打ったら普通に効いた
そもそもスタイルエディタで「vbox#」って打つと候補の中に「vbox#sidebar-box」出てくる

**名無しさん＠お腹いっぱい。** · 2019/09/18(水) 04:35:09.00

palemoonのスタイルエディタってなんですか？
教えて下さ

**名無しさん＠お腹いっぱい。** · 2019/09/18(水) 06:47:08.45

インナーにも指定すればいいみたいです
ありがとぅ

**名無しさん＠お腹いっぱい。** · 2019/09/18(水) 10:24:46.36

hbox.tree-bodybox :hover{
background-color:red !important;
}
サイドバーをホバーしたときの背景はどのようにして指定するのでしょうか。

**名無しさん＠お腹いっぱい。** · 2019/09/19(木) 17:36:24.30

userChrome.cssデビューをしようと思うんだけど
https://で始まるサイトを表示している時はURLバーの背景色を変えたい
(左側に出る緑の錠前マークだけじゃ分かりづらい)
userChrome.cssでurl-prefixやurlbarを使って設定すればいいんだよね？
そもそもできないよ～って目的・要望だったりする？

**名無しさん＠お腹いっぱい。** · 2019/09/19(木) 22:06:56.74

>>907
userChrome.cssでのurlは表示されてるwebページではなくchrome urlだし
ロケーションバーの親側の要素のどこかにアクティブなurlが設定されてるわけでもないので残念ながらcssだけではできないです

**名無しさん＠お腹いっぱい。** · 2019/09/19(木) 22:35:38.12

できるみたいだ
https://i.imgur.com/ibWSw9C.png

https://forums.mozfr.org/viewtopic.php?t=140259
24 dec. 2018, 14:03 のコード

**名無しさん＠お腹いっぱい。** · 2019/09/19(木) 22:40:54.57

こんなんでもできたよ

#identity-box.verifiedDomain ~ .urlbar-input-box{
background-color:lightcyan!important;
}

**907** · 2019/09/19(木) 23:46:27.37

>>908
userChrome.cssの体系的な基礎が身についていないので
2行の各単語が有機的に繋げられませんでした
このレスがさっと理解できるレベルを目標に頑張ります

>>909,910
参考リンクや書き方の例まで
アプローチの違いが面白いな～
何事もまず出来そうな事からやってみます

お三方ともありがとうございました

**名無しさん＠お腹いっぱい。** · 2019/09/20(金) 04:39:15.26

69にしたら多段タブじゃなくなったんだけど
それはもう解決済でした？

**名無しさん＠お腹いっぱい。** · 2019/09/20(金) 05:46:16.82

69だけど多段タブ使えているよ

**名無しさん＠お腹いっぱい。** · 2019/09/20(金) 09:24:20.08

>>913
そうなんだ　もう一回やり直してみる
ありがとう

**名無しさん＠お腹いっぱい。** · 2019/09/20(金) 09:24:36.02

記述を更新してないんだろ

**名無しさん＠お腹いっぱい。** · 2019/09/20(金) 10:22:26.04

ここで紹介してたからちょっとやってみるよ
ttp://seibunji.blog.jp/archives/52272180.html

**名無しさん＠お腹いっぱい。** · 2019/09/20(金) 10:27:07.60

>>909
これって全部に塗られてると流石にちょっと気になり過ぎるんで
ロケーションバーの枠に合わせてちょっと太く四角く色が付くだけとかできますかね
またはURLが始まるhttp前の情報アイコン表示部の背景だけ変わるとかでもいいんだけど
width変更してもアイコンの数が一定じゃないから美しくない

**名無しさん＠お腹いっぱい。** · 2019/09/20(金) 20:41:17.07

>>909の
https://forums.mozfr.org/viewtopic.php?t=140259
opacity: 0.2;
0.2を0.1や0.05にすると色が薄くなる

>>ロケーションバーの枠に合わせてちょっと太く四角く色が付くだけ
こんな感じに
https://i.imgur.com/ylruYQy.png

色はそのまま background を box-shadow に変更

#urlbar[pageproxystate='valid'] #identity-box.verifiedDomain:after{
background: #3bdc2a; /* Firefox Green 60 */
}

#urlbar[pageproxystate='valid'] #identity-box.verifiedDomain:after{
box-shadow: 0 0 1px 2px #3bdc2a inset !important; /* Firefox Green 60 */
}

錠アイコン部分のみ色を変えるのはこちら
https://www.reddit.com/r/FirefoxCSS/comments/9h98ti/add_vertical_separator_after_identity_icon_in_url/

**名無しさん＠お腹いっぱい。** · 2019/09/20(金) 22:34:55.18

これはおしゃれだ

**名無しさん＠お腹いっぱい。** · 2019/09/21(土) 09:43:06.62

>>918
917です。枠のみいただきました
スゴイですまさに理想でした

**名無しさん＠お腹いっぱい。** · 2019/09/24(火) 06:45:38.88

>>908はなんでウソついたの

**名無しさん＠お腹いっぱい。** · 2019/09/24(火) 06:58:10.24

嘘付いたのではなく発想が足りなかったんだろう

**名無しさん＠お腹いっぱい。** · 2019/09/24(火) 08:48:38.74

普通に考えてuserChrome.cssでこれをできると思いつかないよ

**名無しさん＠お腹いっぱい。** · 2019/09/24(火) 10:43:57.11

>>909,918の画像が今の69なら
ロケーションバー内に現在のファビコンを表示してるやつを教えて欲しい

**名無しさん＠お腹いっぱい。** · 2019/09/24(火) 13:08:17.22

>>921
>>908はロケーションバーにタイしてURLをCSS属性セレクタにできないと言っているから正しい

**名無しさん＠お腹いっぱい。** · 2019/09/24(火) 17:59:05.26

>>924
68.0.2だけどこれ
https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/favicon_in_urlbar.uc.js

**名無しさん＠お腹いっぱい。** · 2019/09/24(火) 20:45:26.79

>>926
ありがとうーまさに求めていたモノです
ググってずっと探してたんだけど見付けきれなかった
ていうかこれデフォルトでいいのに・・

**名無しさん＠お腹いっぱい。** · 2019/09/26(木) 09:38:40.23

ファビコンは詐欺サイトとかで偽装されやすいから廃止になったんだよ

**名無しさん＠お腹いっぱい。** · 2019/09/26(木) 20:15:16.95

ファビコン表示されなくなったのってFirefox14からなんだな

**名無しさん＠お腹いっぱい。** · 2019/09/26(木) 21:15:52.19

まじかよ
14っていつだかわからん