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

●前スレ
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/

使いやすそう？

>>713
Nice but with one major problem for me
投稿者: RedDwarf - January 23, 2017 · 固定リンク

It works and I hope that it does not have the the unwanted "extras" that Stylish extension
now seems to have but there is one thing which lets it down for me. When pages load,
the CSS seems to take ages before it takes effect. This means that white pages, which
the web seems littered with, are present for far longer than I would like. I do not remember
this being a problem for stylish or styleRRR. StyleRRR is less feature rich and more trouble
to use but does seem to setup the CSS much more quickly.

freestylerって独自ライセンスかー
stylishはGPLv3だけどソースコード見たり弄ったりする能力ない自分にはあんま意味ないけど
独自ライセンスのアドオンっていうのもある日豹変しそうで怖いイメージ

css使うのにアドオンのインスコなんて必要ないだろ
コード丸出しなのに

ttp://uwagakisimasuka.blog.fc2.com/blog-entry-5405.html
個人のブログなので本当かどうか分からないから参考程度に

FreeStyler はより強い権限を要求してたりするので注意です
と書かれてある　

入れてるスタイルのほとんどが自作だからカンケーねーよヽ(`Д´)ノ

現状Firefox版はStylishはXUL、FreeStylerがAddonSDKなので権限の概念は無いが
FreeStylerはPrivacy policy見ると匿名の利用統計取ってるかも
アイコンクリックするとスタイル候補表示されるあたりむしろChrome版Stylishの方がパクったのかな
スタイル適用がワンテンポ遅れるのが気になる

>>720
> スタイル適用がワンテンポ遅れるのが気になる
それは気になってしまうな
非表示にしてるはずの要素が一瞬だけ見えちゃうような感じ？

head要素にstyle要素ぶっ込む系なのか

Firefox53にしたら52まで効いてたタブの文字を中央寄せにするスタイルが
効かなくなったんだけど、直し方がわかる人いない？
タブ系のアドオンはTab Mix Plus 0.5.0.3pre.170421a1を入れてる

.tabbrowser-tab .tab-text { text-align: center !important; }

>>721
>>715

>>723
自己解決しました

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ヒリシです・・・

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

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

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

>>740
>>735

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

>>752

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

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

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

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

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

ううむ

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

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

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

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

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

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

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

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

な、age厨だろ

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

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

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

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

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

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

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

なろもの

userstyles.orgに繋がらん

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

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

それな

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

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

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

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

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

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

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; }

【朗報】userstyle.orgに繋がる

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

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

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

フィッシングサイト

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

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

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

べつに

いじれる？

いじっちゃいや

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

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

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

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

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

そういうこと

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

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

秋からどうすれば。

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

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

ごめんageてたすまない

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

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

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

userChrome.css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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