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/

:visited無効化してるとかかね
まあ新規プロファイルで試すのが一番早いんじゃね

つーか:visitedの既定配色って紫じゃないっけ
これを薄い赤と呼んでるなら悪いが

https://addons.mozilla.org/ja/firefox/addon/visited/
が死んだので↓使えと言われたので使ってる
Visited Lite
https://greasyfork.org/en/scripts/15173-visited-lite

誰かcssで:visited試して見てくれ...
新規プロファイルで作ってもアドオンなしで立ち上げても変わらない...

https://i.imgur.com/T6T4fLU.png
Nightlyだから参考程度だな

理由がわかった
ずっとuserchromeに書いてたがusercontentに書くのか･･･
ずっとstylish使ってたからわからんかった
しかし上のbvisited liteだとサイト由来のリンクの色も変わるから悩むな･･･

stylishとか活用して
ハングルが一切見えなくするようにはできませんか？
ごく稀にあの気持ち悪い記号が目に入るのが凄く嫌なんです

気にしすぎ

>>365
どうしてもStylishというかCSSでやろうとするなら、font-familyのsrc指定を使って、見たくない文字コード領域が表示されるフォントをされないものに置き換える
素直なやり方としては、拡張かGreasemonkeyスクリプトで、見たくない文字を下駄なり豆腐なりに置換する
ちょうど↓のスレで、そんな話題が出てた

【Adblock】Mozilla Firefox 広告除去/追跡防止 24
https://egg.5ch.net/test/read.cgi/software/1515404854/715-

ただし↑でその話題を続けること自体はスレ違い、拡張かGreasemonkeyスクリプトのスレに行くべき

58にしてなにか違和感感じると思ったら
タブのクローズボタン丸くしてたのが効かなくなってたわ

タブの角の丸みも効かなくなった。

58じゃなく59にしてからだった

59にしたけどタブの角はcssで設定したままだけど？

>>371
丸く出来てるなら、具体的い教えて！

タブのクローズボタンは
#main-window #navigator-toolbox #TabsToolbar .tab-content .close-icon
でいけたわ

>>144
横�dです、とても便利に使わせてもらってます
けど、これタブにポインタ乗せた時には反応しなくて、
ツールバーに乗せた時だけ反応するようにしたくて
#navigator-toolbox:hover {
のトコを色々いじってはいるのだけど上手くいかないっす
タブに反応しないという設定が出来ないってことでFA？

改行入ってるだけで機能しなくなる:emptyに失望した

emptyじゃないのにempty言われたら困る

すいません質問なんですけど全画面状態みたいに普段はツールバー隠れてて
マウスオーバーで出現させるみたいな事を通常のウィンドウでしたいのですが
もし可能でしたらどなたかやり方を教えていただけませんでしょうか？
よろしくお願いします

11月以降のスレ見返せばどこかにある

ブックマークツールバーに置いたアドオンボタンの間隔を狭めるCSS教えてください

ハイ次の患者さんどうぞ

アイコンから文字列データーを作る方法を教えてくだされ。

その文字列見ればぐぐるべきキーワードが出てるのに釣り針にしても大きすぎるわｗ
CSSエアプかな？

>>381
firefoxで画像を表示
画像を右クリック(コンテキストメニュー)
「要素を調査(Q)」
インスペクターで選択された画像要素のタグ <img …> を右クリック
「コピー」メニュー
「画像のデータ URI」

なるへそ、ツールはあるんだな。

>>383
エスパーすごすぎ

「アイコンから文字列データを作る」ってどういうことよ？
スキームのことかなあ

faviconのBase64変換とかじゃないの
検索系のアドオンだとよく要求されるし

こんなお手軽な方法でエンコードできたんだ
知らなんだ

nightly 61　昨日、今日とぶれるな
昨日は少し戻った感じがしたが、今日は、更に、状況が悪くなった

>>383 に加え ローカルに保存した画像から文字列データを作るのに
Base64エンコーダー (画像を簡単に変換)
https://lab.syncer.jp/Tool/Base64-encode/
も利用してる。pngとかアニメーションGIFも変換できて便利。
(※注意：変換済みコードのコピー時に激しく不要な幼女動物ぽいダイアログ絵が出たりする)

Base64すら調べないで文字列データーとか適当用語
馬鹿の脳味噌ってすげえ

前はCopyImgDataURI.uc.jsが使えて便利だった
代替えとしてTampermonkeyで同じものを作っているが
Cross-Domainで思うようにできない

そんな頻繁にbase64エンコードして何に使うの

サイドバーのカスタマイズ(主にツリー型タブ用css)

スレチだけど
img.crossOrigin = "Anonymous";
でCopyImgDataURI.uc.jsもどきが
できた！！
書く場所が関係あんのかよ

過去ログ参考にCSS勉強して大体思い通りの事ができました
過去にコード乗せてくれた人ありがとうございました

多段タブにする場合、現状userChrome.cssを追加するのが一般的のようですが
これはアドオンがまだ存在しないだけなのか、
今後も含めアドオンでの対応が難しいということなのか、
どちらなのでしょう？

userChrome.cssでやってしまうとその事を忘れてしまう可能性が高いのでアドオンを待ってるのですが、
ニーズが高いにも関わらずアドオンがでないということは、
やっぱりアドオンでの対応が難しいんですかね？

>>397
難しいじゃなくて実現不可能だからだよ
今の拡張は出来ることに制約がある

59では非表示になるけど、61では効かない。

/*** リンクにマウスオーバーしたときURL非表示 ***/
statuspanel{display:none!important}

61は#statuspanel

あとこれは59でも同じだがその記述だとステータス表示すべて非表示で
マウスオーバー関係ないだろ
[type="overLink"]にしないと

>>400
ありがとう。

userChrome.cssでブックマークのツールボタンをワンクリックでサイドバーに表示できるにできませんか？

CSSは動的処理を行うものではないのでムリです

cssでブックマークバーの特定のフォルダの色を変える事ってできますかね？
こんな感じでやってるんだけど変わらないっす…

.bookmark-item[label="他"]{
color:red;
}

>>405
colorは文字の色
SVG画像の「背景色」はfill

https://developer.mozilla.org/ja/docs/Web/SVG/Tutorial/Fills_and_Strokes

返信ありがとうございます
結局変わらないのでラベルの指定が間違ってるっぽいっすね

>>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/
違うのかな