userChrome.css・userContent.cssスレ Part8

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

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

>>407
!important 付けてないからじゃない?
この場合画像の親(.bookmark-item)ではなく画像の要素に直接設定すれば important 無しでも効くけどね
ユーザースタイルシートでは常に !important を付けた方が簡単

.bookmark-item[label="他"] > image {
fill: red !important;
}

すいません変わらないっす…

>>405
colorの代わりにbackground

>>409
もしFirefox 52(現ESR版)を使っているなら画像がSVGじゃないのでfillでは無理

.bookmark-item { fill: red !important }
が効くなら
　cssファイルの文字エンコーディングは間違っていないか(UTF-8で保存すること)
　フォルダ名の方に空白などが混じっていないか
を確認

あとは初歩的なことになるけど
　cssファイルは所定のフォルダにあるか
　userChrome.css に書いているか (userContent.css ではない)
とか

すべて問題ないのに効かないならごめん、お手上げ

>>407
>>408
labelの指定に2バイト文字が使えなかった気がする
少なくとも自分は""で括って上手くいかなかったからlabelの指定先であるフォルダ名を半角英数に変えて""で指定したら成功した
指定方法が悪いのかもしれない、正解が分からない

あれ2バイト文字でいいのか…？とりあえず日本語名

日本語効かないのはuserChrome.cssの文字コードがUTF-8になってない予感

一行目に
@charset "utf-8";
つけてUTF-8で保存

あーそれが411なのか失礼したありがとう

いまどき UTF-8 without BOM 使わない人ってなんなの

仕事で返信遅れて申し訳ないっす（汗
で、解決できましたよ！原因はUTF-8で保存してなかったからでした
返信くれた方々本当にありがとうございました(^▽^)/

>>417
cssの編集は自動的にそうなるように設定しておくと楽だよね

ダイアログのボタンの文字色を変更できないですか？
マウスオーバーすると文字が白くなって見えにくいのですが

右上の検索バーから検索した結果をキーボードのTabボタンで選択できるようにはできませんか？

意味不明だしおそらくCSSの範疇じゃない

全角英数を半角英数に置き換える事ってCSSで可能ですか？
やってる方いらしたら教えて下さい

逆ならできる
ただし厳密な意味での置き換えはCSSでは一切不可能

>>425
厳密な意味と言うのがよく分かりませんが全→半は不可能と言うですか。
今はブックマークレットで毎回クリックしていまして自動化出来ればと思ったんですが残念です。

CSSは見た目だけってことなんだけど説明はめんどい
というか自動化だけが目的ならユーザースクリプトでやればいいんじゃねえの

MacにFirefoxを入れてるのですが、下のCSSを使うとフォルダアイコンが消えてしまいます。
どのように記述すればよいのでしょうか？

/*ブックマークフォルダの色を黄色に戻す*/
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
}

/*「履歴とブックマークの管理」も黄色に戻す*/
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul),
url(chrome://browser/content/history/history-panel.xul),
url(chrome://browser/content/browser.xul),
url(chrome://browser/content/places/places.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open),
.bookmark-item[container] {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
}

>>428
参照しているファイルが存在していない

これをダウンロードして userChrome.css と同じフォルダに保存
https://hg.mozilla.org/releases/mozilla-esr52/raw-file/3464dfac2da7b85444ef1af5081cf003140244e4/toolkit/themes/windows/global/icons/folder-item.png

"chrome://global/skin/icons/folder-item.png"
を
"folder-item.png"
に書き換え

>>428,429
mintでも黄色いフォルダになりました　(^-^)

>>177 のブックマークツールバーのマウスオーバー開閉機能を導入して大変便利で助かっています
ただ検索やURL入力時にタブからマウスポインタがずれたら閉まってしまうので
入力時はツールバーが収納されてしまうのを抑制する方法はあるのでしょうか？

あとブックマークツールバーでまとめたフォルダを開いた時のテキスト色と背景色はどのパラメーターを
指定するように記述するにはどのようにしたらよいのでしょうか？

ブックマークサイドバーはテキスト色も背景色も変更出来たので統一してみたいのです
何卒よろしくお願いいたします

>>429
同所にあるfolder-item-XP.pngにするとフォルダの向きが変わる

>>432
ｷﾀﾖｷﾀﾖヽ(ﾟ∀ﾟ=ﾟ∀ﾟ)ﾉｷﾁｬｯﾀﾖ-!!!!!!

なんか全然話題になってないけど、しばらく前からuserstyles.orgでアップデートできなくなってるな
新規インストールは出来るけど

また改悪かよクソが！

おまえの都合のいいように作ってるわけじゃないんでね

退化

>>436
>>434の件について言ってるんだとしたら、アップデート不可にするのは誰にとってどう都合がいいの？
大多数のユーザーにとっては不都合な事しかないと思うけど？

userstyles.orgどんどん改悪されてる……
今度はAndroid版Stylishの変なポップアップが出る上に、既にStylishインストールしててもStylishのインストールを求められて、
スクリプトの新規インストールもアップデートも出来ない

なんだそりゃ…

自動インストールできないけど自分で公開してるの消してgithubに移そうかな
アカウントとパスだけの最初の登録だけでメアド登録しなくて良かった…

リンク文字列にマウスオーバーでボトムに表示されるURLを消せませんか？

スレ内検索ができる人なら消せる

@-moz-document url(chrome://browser/content/browser.xul) {
statuspanel[type="overLink"] {
display: none !important;
}
}

>>444
ありがとう、スッキリしました。

ふむ

userChrome.js導入over61.zip
ttps://u6.getuploader.com/script/download/1708

ありがとうごぜぇました。

dev61にしたら.tabbrowser-tab[unread]が効かなくなっちゃった

多段タブcss使ってると60でタブの並び替えが出来なくなってるな

それ前からじゃね

v60になってuserchrome.cssの以下の記述が無効になってしまいました

/* ロード中のページが真っ白になるのを黒に変更 */　（ダーク系のテーマを使っているため）
browser[type="content-primary"], tabbrowser tabpanels, #appcontent > #content
{background-color: #050505 !important}

一部変更、代替手段など何か再び使えるようにする方法ってあるでしょうか？

>>451
単に browser だけで良いんじゃない

browser {background-color: #050505 !important}

>>452
おおお、一発で戻りました。ありがとうございます！

backgroundガッキーに変えたらロードの度にガッキー見れて幸せ(≧∇≦)b

452のやり方だとAutoPagerizeとかSkip Redirectのドロップダウンメニューまで黒くなっちゃうね

>>455
#tabbrowser-tabpanels

>>456
うわ　不具合がでちゃうんじゃ諦めようかと思ってたところだったんだ
ありがとう！

YouTubeの画面、一番上の「三」とか「検索」とかある部分を細くする事出来るでしょうか？
画面全体を170%にしてるのですが、その部分は小さくて良いんですけど大きくなっているので変えたいんです
わかる方どうかよろしくお願いします

>>458
https://pastebin.com/YCZm0msz

classで区別できたが同じidが複数ある(;´･ω･)

>>459
ありがとうございます
んー、同じidが複数って事は違う所にも効くって事ですかね？
一応やってみましたが変わりませんでした
この辺ですかねえ…？
https://www.fxsitecompat.com/ja/docs/2018/moz-document-support-has-been-dropped-except-for-empty-url-prefix/
違うのかな

RESOLVED INVALID

>>460
あーあーあーそれがあったか忘れていたわ
@-moz-document domain("youtube.com"){}を削除してもきちんと動作したけれども、
@document domain("youtube.com"){}では動作しないね
idについては問題ないよ、classで区別できたから

ウェブサイト上のcssに書いた場合の@-moz-documentが一部除いて廃止されただけでuserContent.cssでは効くし
stylishやstylusでは直接編集画面に張り付けずにMozilla Formatでインポートすればいいだけだと思うが

>>431
ダークカラー系にしたいなら

/* ブックマークツールバーフォルダ文字色 */
menu, menuitem {
color: #ddd !important;
-moz-appearance: none !important;
}

/* ブックマークツールバーの背景色 */
menupopup .scrollbox-innerbox {
background-color: #111 !important;
}

/* メニューの境界線の色と幅 */
menupopup {
-moz-appearance: none !important;
border: 1px solid #111 !important
}

よろしくお願い致します。
Firefox 60でスクロールバーとその背景（端の三角部分も含めて）の色を変えたいのですが、
どのように記述したら良いでしょうか。
それと、userChrome.cssとuserContent.cssの両方に書く必要があるでしょうか。
ご存じの方、教えてください。

質問です！
userChrome.cssで右クリックしてのタブスクロール出来ますか？
いろいろ調べたのですが見つからなくて・・・
知ってる方いたら教えてほしいです、お願いします。

な、age厨だろ

Youtubeのコントロールバーの常時表示と動画外表示って可能ですか？
https://userstyles.org/
で探してみたのですが探し方が悪いのか見付かりませんでした
Firefox 60
Stylish 3.0.5
よろしくお願いします

よし！！！頑張ってageるぞー

もう一回ｗ

>>468
.ytp-autohide .ytp-chrome-bottom{opacity: 1 !important;}

ゴメン、動画外という部分を忘れていた

.ytp-autohide .ytp-chrome-bottom{opacity: 1 !important;}
#player.ytd-watch{height: calc(var(--flex640-mode-player-height) + 36px + 3px) !important;}
.ytp-autohide{cursor: auto !important;}

>>466
他の場所で聞いたら出来たので報告！

>>467
口先”だけ”の人、あげたらダメというルールでもあるの？
一部で勝手に「ローカルルール」作るものどうかと？ｗ

age云々はいつも書き込んでるからスルーしたほうがいいよ

ルール言ってるんじゃなくてageたからage厨って「言われた」だけ
勝手にルールだと思い込んだのは君

よし！！！頑張ってageるぞー

な、age厨だろ

>>477
sage厨がいる！ｗ

Firefox関連のスレを監視して、sageを記入しない奴に毎回「な、age厨だろ」のレスをするage監視君ｗｗ

そのage厨をいちいちチェックしてこんな所にレスぶっ込んでくるsage厨

自宅警備しっかりやれ

基地外age厨 「自宅警備しっかりやれ(間抜け面

俺はsageなんか入れないから巡回してその度に「な、age厨だろ」書いてろくそ野郎ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

あ。消すの忘れた

document.evaluate('//INPUT[@class="formelem maxwidth"]',document,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE ,null).snapshotItem(1).value = "sage";
を消した

基地外age厨 「

基地外sage厨 「

基地外sage厨はFirefox関連スレに常駐。
メール欄にsageを記入しない人を監視してます。
ぷっ。ウケるｗｗ

バカの一つ覚え…

言わばガイジｗｗ

レス番飛びまくってクソ笑えるよっぽど悔しかったんでちゅねぇ〜ヨチヨチ

俺？
俺は「な、age厨だろ」野郎を成敗しているだけだよ

俺は>473じゃないよ

な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ
な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ
な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)

本当に幼稚な奴が増えたよな、ため息。。

その幼稚なレスバトルに割り込んでの自分は違うアピールウザいからw
スルーせずレスした時点で同類ですからぁ〜〜
ため息。。　キモッw自分に酔いしれちゃってんのw

ここはいつからキチガイの巣窟になったんだ？

はい幼稚な人が一人増えましたぁ〜〜w

.tabbrowser-tab:not([pinned]) {
min-height: 32px !important;
max-height: 32px !important;
}
.tabbrowser-tabs .tabbrowser-tab {
vertical-align: top !important;
-moz-box-sizing: border-box !important;
min-height: 32px !important;
max-height: 32px !important;
width:50px !important;
min-width:50px !important;
}


https://i.imgur.com/PPdb4JY.jpg
質問スレでここを紹介されました。
画像の赤い所の溝を埋めたいのですが、
この設定で色々イジっても、小さくなってくれません。(大きくはなる)
何処をイジればいいんでしょうか？
タブとタブバーは大きくなるんですが、どうしても赤い所に隙間が出来てしまいます。
60.0.1 (64 ビット)です。

500

>>499
タブを下にしてないから分からないが、通常のタブの上にある青い部分はこれで消してる

.tab-line{ display: none !important; }

なにかのヒントにでもなれば。

>>501
青い部分は消せました
最大化じゃないとスペースは無くならないけど
これで我慢しておきます

ありがとう

ウィンドウデザインが違うせいかもしれないけど>>499と
#TabsToolbar {-moz-box-ordinal-group: 9 !important;}でやっても隙間の再現できないわ
ナビバーにしか隙間らしい隙間が出来ん
他の記述のせいで隙間出来てるんじゃないの

ageぇｗ

>>499
俺もプロファイルまっさらにして503の設定だけでやっても499追加しても隙間が再現できない

>>499
1、タブバーにmarginかpaddingが定義されている
2、タブバーの上方のツールバーにmarginかpaddingが定義されている
とかじゃないの？

Googleニュース表示崩れ対応ｵﾈｼｬｽ

な、age厨だろ