userChrome.css・userContent.cssスレ Part6©2ch.net

2015/08/07(金) 23:59:01.64

●前スレ
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
http://anago.2ch.net/test/read.cgi/software/1400202982/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ｷ Griever/userChromeJS ｷ GitHub
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader

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

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

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

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

**名無しさん＠お腹いっぱい。** · 2017/05/06(土) 19:14:43.63

>>721
>>715

**名無しさん＠お腹いっぱい。** · 2017/05/07(日) 01:57:24.80

>>723
自己解決しました

/* タブの文字を中央寄せ for FF53 */
.tab-label {-moz-box-flex: 1 !important; text-align: center !important;}

**名無しさん＠お腹いっぱい。** · 2017/05/10(水) 11:03:06.21

feedlyのFeedのタイトルが太字で表示されるのを通常の太さの文字にしたいのですが
userContent.cssをどう編集すれば良いでしょうか？

http://www.dotup.org/uploda/www.dotup.org1244183.png

**726** · 2017/05/10(水) 11:07:14.74

>>726の画像を一部訂正しました
http://www.dotup.org/uploda/www.dotup.org1244184.png

**名無しさん＠お腹いっぱい。** · 2017/05/10(水) 14:25:01.14

セレクタ調べてfont-weight: 400 !important

**名無しさん＠お腹いっぱい。** · 2017/05/11(木) 20:23:44.97

>>728
すいません、全くの初心者でセレクタというのがよく分からなりません
ググってみたらセレクタとはスタイルを適用する対象とのことですが、調べ方を教えていただけないでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/05/11(木) 20:58:32.80

コンテクストメニューに要素を検証ってあるだろ、そこからよ
本当の初心者が使えるかはわからんけど

ちなみに今見た感じfeedlyが太字にするのに使ってるセレクタは
.fx .entry .title

**名無しさん＠お腹いっぱい。** · 2017/05/11(木) 21:19:13.18

.fx .entry .title { font-weight: 400 !important}
で行けました
有難うございました

**名無しさん＠お腹いっぱい。** · 2017/05/12(金) 00:47:21.49

.tabbrowser-tab:not([pinned]) {
かなり長いことこれ使ってタブの幅と高さ変えてきたんだけど
この状態でbrowser.tabs.animateをtrueにすると変な競合おきるね
こっちもずっとfalseだったから最近気づいた
アニメーション起こらず閉じたタブの場所に空白が残る

**名無しさん＠お腹いっぱい。** · 2017/05/12(金) 07:18:40.98

>>732
.tabbrowser-tab[fadein]:not([pinned])

**名無しさん＠お腹いっぱい。** · 2017/05/15(月) 02:36:17.48

>>730
XULそのものを調べるには?

**名無しさん＠お腹いっぱい。** · 2017/05/15(月) 08:44:09.79

>>734
Element Inspector を DOM Inspector と共に使えばおｋ。

**名無しさん＠お腹いっぱい。** · 2017/05/20(土) 23:03:34.83

userstyles.org、とうとう新着styleのRSSも受け取れなくなってしまった・・・
みんなはどうやってstyleの新着とか更新をチェックしてるの？

**名無しさん＠お腹いっぱい。** · 2017/05/20(土) 23:13:22.50

ヒリシです・・・

**名無しさん＠お腹いっぱい。** · 2017/05/20(土) 23:20:35.45

>>736
いつの間にかRecently Updatedが追加されてるからそこ見ればわかる
Github Darkみたいな設定項目のあるスタイルも、弄れるように復活してた

**名無しさん＠お腹いっぱい。** · 2017/05/22(月) 01:00:56.43

>>738
ホントだ、気付かなかった
どうもありがとう

**名無しさん＠お腹いっぱい。** · 2017/05/24(水) 16:16:24.25

右クリックのコンテキストメニューのEvernote web clipperという項目を非表示にしたいのですが、ラベル？というのでしょうか？教えていただけませんか？
よろしくお願いします

**名無しさん＠お腹いっぱい。** · 2017/05/25(木) 07:06:43.06

>>740
>>735

**名無しさん＠お腹いっぱい。** · 2017/05/25(木) 19:14:45.26

>>741
DOM Inspector とElement Inspector入れてみたのですが、firefoxの外観の要素を調べるのはなんとなく理解できたのですが、コンテキストメニューの調べ方はどうやればいいのでしょうか？
分からなかったのでmenumanipulatorを入れてみたのですがnoscriptなどの項目は調べられたのですがEvernoteの項目が見当たらなくてお手上げです。

すみません、もう少し教えていただけないでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/05/26(金) 00:57:35.51

>>742
恐らくはjavascriptで挿入されてる可能性
xpi展開してもそれらしき項目は確認できない

**名無しさん＠お腹いっぱい。** · 2017/05/26(金) 02:00:07.59

メニュー内項目をshift＋右クリで普通にDOM出ないか？

**名無しさん＠お腹いっぱい。** · 2017/05/26(金) 14:54:20.52

>>743
調べてくれてどうもありがとうございます
javascriptだと非表示にはできないんですね
ボタンからしか使わないのでコンテキストメニューのは邪魔で消したかったのですが、諦めるしかないですね

>>744
DOM Inspector の下ウィンドにfirefoxの外観を表示させてshift＋右クリで調べるのは分かったのですが、コンテキストメニューを表示させる方法がわかりませんでした
他のメニューなどはクリックで開けるので調べられたのですが、右クリックからコンテキストメニューを表示させるにはどうすればいいんですかね？

**名無しさん＠お腹いっぱい。** · 2017/05/26(金) 16:04:53.45

コンテキストメニューをshift+右クリじゃないの

**名無しさん＠お腹いっぱい。** · 2017/05/26(金) 17:54:22.29

>>745
CSSじゃなくても何としてでも非表示にしたいならスレチだけど Menu Wizard で出来るけど

**名無しさん＠お腹いっぱい。** · 2017/05/26(金) 22:18:48.24

>>746
やっとおっしゃってる意味がわかりました
DOM Inspectorを起動して調べなくても、firefox本体から調べられるんですね
勉強になりました、どうもありがとうございます

>>747
教えてくれてどうもありがとうございます
しかし試してみましたが、Evernoteの項目が弄れなくて非表示に出来ないみたいです

javascriptで挿入されているものは拡張じたいを弄らないと非表示にはできないみたいですね

**名無しさん＠お腹いっぱい。** · 2017/05/26(金) 23:46:08.45

動的に挿入されてようが非表示とは無関係
ただそういうのって調べられないわけでもないけど
DOM Inspectorと相性よくないってのはあるかもな

**名無しさん＠お腹いっぱい。** · 2017/05/27(土) 01:08:06.80

右クリックで出るメニューは基本的にpopupsetかmenupopupなどにまとめられてる
上手く探せないならそれらをつぶさに見ていけばいい

**名無しさん＠お腹いっぱい。** · 2017/05/27(土) 02:02:06.81

>>749,750
アドバイスどうもありがとうございます
もう少し頑張って弄ってみます
レスどうもです！

**名無しさん＠お腹いっぱい。** · 2017/05/27(土) 14:40:16.93

747だけど
一応試して非表示になったからレスしたんだけど環境が違うのか
お互い言ってる項目が違うのか分からんけどダメならしょうがないね
http://i.imgur.com/HX59ExZ.png

**名無しさん＠お腹いっぱい。** · 2017/05/27(土) 16:27:36.77

>>752

自分の環境だとこのようにチェックボックスが弄れないようになっていて無理でした
もしかしてMenu Wizardの使い方間違っているんでしょうか？
わざわざ画像まで上げてくれてどうもありがとうございます

http://i.imgur.com/PULbeT5.jpg

**名無しさん＠お腹いっぱい。** · 2017/05/29(月) 06:46:59.89

Evernote Web ClipperとMenu Wizard入れて確かめてみたけど
Menu Wizardのこの設定有効にすればできるんじゃね
- Set ID for a menu if this menu does not have a unique ID

**名無しさん＠お腹いっぱい。** · 2017/05/29(月) 20:56:59.91

>>754
どうもありがとう
やっと表示に出来ました

皆さん長々付き合ってくれてどうもありがとうございました

**名無しさん＠お腹いっぱい。** · 2017/05/30(火) 21:30:53.36

ううむ

**名無しさん＠お腹いっぱい。** · 2017/06/16(金) 21:53:07.42

アドオンCompact Menu 2を入れると下記CSSでタイトルバーを非表示に出来なくなる。
Compact Menu 2がないときは、問題なし。

#TabsToolbar {
margin-top: 0px !important;
}

CSSの修正で対応出来ないでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/06/16(金) 23:54:05.11

1. 拡張設定のtabsintitlebarを有効にしていじれるほうのタイトルバーに戻す
2. #TabsToolbarにかかってるmargin-topを上書きする（このIDだけだと詳細度不足）

**名無しさん＠お腹いっぱい。** · 2017/06/17(土) 07:26:13.51

>>758
もう少し分かりやすくレスして欲しい。
どうすれば良いか分かりません。

**757** · 2017/06/17(土) 18:08:57.26

Compact Menu 2は止めて、ジェスチャーでメニューの表示／非表示することとした。

**名無しさん＠お腹いっぱい。** · 2017/06/17(土) 19:20:46.86

Compact Menu 2入れるならPersonal Menuの方が最善

**名無しさん＠お腹いっぱい。** · 2017/07/06(木) 06:25:54.79

stylusで*{font-family:"","" !important}としてるんだけど、https://music.amazon.co.jp/*を除外したい場合どうすればいいのん？
webフォントが文字化けするから

**名無しさん＠お腹いっぱい。** · 2017/07/07(金) 22:07:05.83

な、age厨だろ

**名無しさん＠お腹いっぱい。** · 2017/07/07(金) 23:48:11.60

その下にmusic.amazon.co.jp用のコード書いて!importantで上書き

**名無しさん＠お腹いっぱい。** · 2017/07/08(土) 22:06:47.76

>>762
@-moz-document regexp("https?://(?!music\\.amazon\\.co\\.jp/).*") { *{font-family:"","" !important} }

**名無しさん＠お腹いっぱい。** · 2017/07/14(金) 11:08:24.30

Twitterの「○○さんがいいねしました」を消すcssを教えて下さい

**766** · 2017/07/14(金) 11:16:31.01

そのままググったらあったので取り消します

**名無しさん＠お腹いっぱい。** · 2017/07/22(土) 19:36:59.54

Feedlyを使い始めました。
Magazine ViewやCards Viewで表示したとき、タイトル下部の文字色がグレイで見にくいです。
タイトルもグレイのようですが、少し濃くみえるので問題ないと思います。
userstyles.orgで探したのですが見つけられませんでした。
良い方法ありませんか？

**名無しさん＠お腹いっぱい。** · 2017/07/22(土) 19:56:16.07

文字色を変えればいいんじゃね？

**名無しさん＠お腹いっぱい。** · 2017/07/22(土) 20:15:19.63

>>769
その変え方が分からなくて質問しました。
userstyles.orgでベースになろものありますか？

**名無しさん＠お腹いっぱい。** · 2017/07/22(土) 20:46:36.76

なろもの

**名無しさん＠お腹いっぱい。** · 2017/08/01(火) 20:55:31.66

userstyles.orgに繋がらん

**名無しさん＠お腹いっぱい。** · 2017/08/02(水) 22:11:16.14

>>772
https://forum.userstyles.org/discussion/57758/more-analytics

**名無しさん＠お腹いっぱい。** · 2017/08/02(水) 23:26:52.04

>>773
今日になってから何も表示されなくなったと思ったらこういう事か
adblock系オフにしないとダメとかアホかよ

**名無しさん＠お腹いっぱい。** · 2017/08/03(木) 07:00:45.61

それな

**名無しさん＠お腹いっぱい。** · 2017/08/03(木) 14:46:40.41

userstyle.orgどんどん使いにくくなってて笑えん

**名無しさん＠お腹いっぱい。** · 2017/08/03(木) 21:30:01.88

運営変わってからホント改悪しかしてない

**名無しさん＠お腹いっぱい。** · 2017/08/04(金) 01:31:57.32

今の運営になってからせっかく投稿されたスタイルシートを見れないように見れないようにしてるよな

**名無しさん＠お腹いっぱい。** · 2017/08/12(土) 09:29:15.08

スタイルシートの内容なら見えてるが？
http://imgur.com/a/v6gAg

**名無しさん＠お腹いっぱい。** · 2017/08/12(土) 15:39:16.37

>>777
にしても代替というか対抗サイトが現れないんだよな

**名無しさん＠お腹いっぱい。** · 2017/08/13(日) 13:22:12.45

https://github.com/openstyles/stylus/issues/32

**名無しさん＠お腹いっぱい。** · 2017/08/13(日) 18:14:56.98

Firefox55でブックマークサイドバーのファビコンを持たないサイトの前に表示されるデフォルトアイコンを消す方法はないでしょうか？
（ttp://i.imgur.com/gy5jyt7.jpg ←こういうアイコンです）
Firefox54までは以下の記述で消せていたのですが。

#bookmarks-view treechildren::-moz-tree-image(leaf),
#history-panel treechildren::-moz-tree-image(leaf)
{ list-style-image: none !important; }

**名無しさん＠お腹いっぱい。** · 2017/08/14(月) 16:21:27.62

【朗報】userstyle.orgに繋がる

以前の状態に戻ったのか？やったぜ！

**名無しさん＠お腹いっぱい。** · 2017/08/15(火) 15:26:53.59

userstyle.orgって何？
userstyles.orgなら知ってる

**名無しさん＠お腹いっぱい。** · 2017/08/15(火) 17:27:44.66

こまけーこたぁいいんだよハゲ

**名無しさん＠お腹いっぱい。** · 2017/08/15(火) 17:29:36.83

フィッシングサイト

**名無しさん＠お腹いっぱい。** · 2017/08/16(水) 23:18:47.83

どなたか>>782をご存じの方はおられませんか？

「list-style-image: none !important;」の代わりに「visibility: hidden !important;」や「display: none !important;」も試してみましたが
デフォルトのファビコンは消せませんでした。
一方、「width: 0 !imporatnt;」と「opacity: 0 !important;」では、独自のファビコンを持つサイトも持たないサイトも両方アイコンが消えてしまいました。

**名無しさん＠お腹いっぱい。** · 2017/08/20(日) 10:42:26.32

Fx57以降ってもしかしてブラウザ本体のスタイルはいじれなくなるの？

**名無しさん＠お腹いっぱい。** · 2017/08/20(日) 14:10:15.84

べつに

**名無しさん＠お腹いっぱい。** · 2017/08/20(日) 23:42:35.96

いじれる？

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 00:03:21.77

いじっちゃいや

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 00:04:40.24

現時点のNightly/57でuserChrome.cssは使える
ただし、今後どうなるかは不明
将来的なサポートを保証されてるわけでもないし
廃止すると明言されてるわけでもない

使えなくなるっていう話はbugzillaにあるコメントの拡大解釈か
WebExtensionsやuserChrome.jsあたりの情報とごっちゃになってるかだろう

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 00:17:15.53

自分はまだStylish使ってるからこれは使ってないんだけど

https://addons.mozilla.org/ja/firefox/addon/styl-us/
> ただし残念ながら、WebExtensionsプラットフォームのセキュリティ上の制約のため、ブラウザのUIや内部ページへのスタイルの適用は禁止されています。

userChrome.cssなら動くけどスタイル管理アドオンからは触る方法がないってことなのかな？

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 00:30:29.01

そういうこと

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 03:24:37.86

そもそもDOM Inspectorなしじゃ目標の要素が特定できん…
ソースとかわからんし…

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 04:08:52.69

ほんとだ...
DOM InspectorのWebExtension版なんて無理だよなぁ...

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 06:47:44.94

秋からどうすれば。

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 06:55:37.67

それこそ、UIで気にくわない点をbugzillaに上げればいいよ
可能性は低いが、直してくれるかもな

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 10:55:37.35

DOM Inspector無理だよな
きついなこれ
修正できるところがいいところだったのに・・・

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 11:21:20.68

ごめんageてたすまない

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 11:43:43.82

DOMi の代わりには Browser Toolbox を使えばいいんだよ

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 12:23:24.00

他のスレで反応がないのでこちらで質問し直しますが
54.0.1まで正常だったけど、
55.0.2にしたらブックマークツールバーフォルダアイコンをuserChrome.cssで非表示にすると
フォルダ名の右のドロップダウンマーカーが消えてしまってフォルダの間隔が詰まってしまいます。

これを55.0.2で54.0.1までのようなスタイルにする方法はないのでしょうか？

userChrome.css

toolbarbutton.bookmark-item > .toolbarbutton-icon {
display: none;
}

を追加してフォルダアイコンを消しています。

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 13:15:21.58

>>802
toolbarbutton.bookmark-item[container] > .toolbarbutton-menu-dropmarker {
display: -moz-box !important;
}

**名無しさん＠お腹いっぱい。** · 2017/08/21(月) 14:15:01.73

>>803
おお！早速どうも。
みごと表示できました。ついでに左右もマージンを追加して前のバージョンと揃えておきました。

ありがとうございます。助かりました。

**名無しさん＠お腹いっぱい。** · 2017/08/22(火) 00:18:12.12

>>801
こんな機能あったんか！サンクス！

**名無しさん＠お腹いっぱい。** · 2017/08/24(木) 23:13:58.96

list-style-imageプロパティっていつの間にか効かなくなってない？

>>801
それって開発ツールのインスペクターのことかな

**名無しさん＠お腹いっぱい。** · 2017/08/24(木) 23:23:48.54

>>806
ttps://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox

**名無しさん＠お腹いっぱい。** · 2017/09/01(金) 23:56:25.98

YouTubeの改悪が来たね・・・
とりあえずバカでかいフォントを何とかしてほしいわ・・・

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 10:48:58.87

別に改悪では無かったと思うけど
あなたが変更に対応できてないだけでは

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

#ff0000は目が痛いから直した

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 16:20:03.80

>>808
旧版に戻せば大丈夫。右上の３っつの丸から治せる

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 16:29:18.90

>>808
毎回変わるたびに悪化するよな

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 17:57:24.33

ニコニコ動画とかUI変わるたびに叩かれるが俺としちゃYoutubeの方がよっぽど改悪多い

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 18:23:55.03

nicoはもう見てないからどうでもいい

**名無しさん＠お腹いっぱい。** · 2017/09/02(土) 23:05:24.82

>>811
ありがとうありがとう
めちゃくちゃ助かった

**名無しさん＠お腹いっぱい。** · 2017/09/03(日) 01:18:18.58

そんな機能が

**名無しさん＠お腹いっぱい。** · 2017/09/03(日) 16:18:37.98

>>815
元に戻ってよかったね

userstyles.orgには早速、旧ロゴに戻すＣＳＳが続々。どんだけ不評なんだ新スタイル

Old YT-Red
https://userstyles.org/styles/147347/old-yt-red
YouTube - Return old logo + embeds
https://userstyles.org/styles/147314/youtube-return-old-logo-embeds
Restore old Youtube logo
https://userstyles.org/styles/147298/restore-old-youtube-logo
Old YouTube logo
https://userstyles.org/styles/147293/old-youtube-logo
Old YouTube logo (For YouTube's New Dark Theme)
https://userstyles.org/styles/147377/old-youtube-logo-for-youtube-s-new-dark-theme
YouTube Old Colors
https://userstyles.org/styles/147374/youtube-old-colors

**名無しさん＠お腹いっぱい。** · 2017/09/03(日) 23:26:26.32

ロゴが変わってるなんてよく気付いたな
大して変わってなくて全然気付かなかったわ

**名無しさん＠お腹いっぱい。** · 2017/09/04(月) 00:08:26.41

ほんと、どうでもいいこと気にしすぎだろ

**名無しさん＠お腹いっぱい。** · 2017/09/04(月) 07:57:56.50

Ublock (Firefox edge style)
https://userstyles.org/styles/147211/ublock-firefox-edge-style

uBlock Origin Restyled Popup
https://userstyles.org/styles/132075/ublock-origin-restyled-popup

どっちも効かなくなってる

**名無しさん＠お腹いっぱい。** · 2017/09/04(月) 13:17:19.97

>>820
最新版だと効かない1.13.8に戻すか
ＣＳＳが更新されるまで待て

**名無しさん＠お腹いっぱい。** · 2017/09/04(月) 23:59:32.44

明るい話題がないな

**名無しさん＠お腹いっぱい。** · 2017/09/05(火) 13:08:51.18

stylishも改悪
youtubeも改悪
firefoxも改悪

何一つ良くないな