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/

>>693
運営は聞く耳持たないようです
あきらめた方がいいでしょう
Stylishからフォークしたアドオンとスタイル登録サイト作る人出てこないかな

>>694-695
Autopagerizeの替わりにXHRでHTMLだけ何ページ分も取得すれば、
ぐりもんでソートまで持って行ける。

XHRでHTMLだけ何ページ分も取得する部分は過去に作ったことある。
https://gist.github.com/knoajp/8e0f82e21731b8ed38d408e2cb50e97c

負荷の問題はあるけど、オメーが悪いんだよって流れになればいいのかな。

> 負荷の問題はあるけど、オメーが悪いんだよって流れになればいいのかな。

それはいい！
ぜひ、みんなでやるべきだね

userstyles.org「一部のユーザがクソだからもっと色々制限かけまぁす！」

やめろと止めたいが心情としては理解できるから困る

>>699
そうしたら、運営が本性を現して
「会員制にしてアカウントログインしないと使えなくしました」
「有料にします」
とかになって誰も来なくなって無事死亡
だといいな

URLが連番っぽいからグリモンでどうにかするよりは
連番でソートしてついでにタグ付けもしたミラーサイトを作った方が早い気もする

連番でソートって、それただの新着順じゃん
しかしあのクソ運営、日付もまともに数えられないのか？　4/30の次が5/30になってるんだが

natalieg

Since it's a big project, the design will be broken down to 2 stages.
Stage 1 includes:
New design for the home page, results pages (popular styles, website styles, etc.), and style pages.
No features, terminology or functionality changes will be included at this stage
(we'll update about these when we're closer to stage 2).

I understand that some of you prefer a list view.
I like CodyMKW's suggestion of a button that allows choosing between grid and list view.
I'll add it to our pipeline and we'll work on it in stage 2.

We actually didn't think the description is substantial, especially since many styles don't bother too much with it.
However, since several of you raised it, what we can consider is adding the description to the 'list' mode when will add the option to choose between grid and list.

For now we're not adding new features, but I'll add to the pipeline your suggestion for extra information points in the search results.

We're planning to add 'Bookmarks' in stage 2. Maybe in stage 3 people will be able to share their favorite lists.

運営くん頭悪そう

この運営はuserstyles.orgを使ったことなさそうだよな
声のデカいユーザーの懐古趣味ぐらいにしか思ってないだろこれ

新しい機能ではなく、今までできたことができる、というのがまず出発点だと思うのだが
それができていない時点では新サイトスタイルを公開すべきではなかった

海外のエロ動画サイトと同じ作りを目指しているようだな
重視するのは評価だけ

つまり、Stylish はエロだと？

freestyler.ws（海賊サイト）
https://freestyler.ws/

完璧すぎてわろた
情弱やったわ

>>710
これは！と思ったけどStylishじゃインストールできないのかぁ・・・

FreeStyler :: Add-ons for Firefox
https://addons.mozilla.org/ja/firefox/addon/freestyler/
これか

使いやすそう？

>>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なしじゃ目標の要素が特定できん…
ソースとかわからんし…