userChrome.css・userContent.cssスレ Part8
■ このスレッドは過去ログ倉庫に格納されています
59にしたけどタブの角はcssで設定したままだけど？ タブのクローズボタンは
#main-window #navigator-toolbox #TabsToolbar .tab-content .close-icon
でいけたわ >>144
横㌧です、とても便利に使わせてもらってます
けど、これタブにポインタ乗せた時には反応しなくて、
ツールバーに乗せた時だけ反応するようにしたくて
#navigator-toolbox:hover {
のトコを色々いじってはいるのだけど上手くいかないっす
タブに反応しないという設定が出来ないってことでFA？ 改行入ってるだけで機能しなくなる:emptyに失望した すいません質問なんですけど全画面状態みたいに普段はツールバー隠れてて
マウスオーバーで出現させるみたいな事を通常のウィンドウでしたいのですが
もし可能でしたらどなたかやり方を教えていただけませんでしょうか？
よろしくお願いします ブックマークツールバーに置いたアドオンボタンの間隔を狭めるCSS教えてください アイコンから文字列データーを作る方法を教えてくだされ。 その文字列見ればぐぐるべきキーワードが出てるのに釣り針にしても大きすぎるわｗ
CSSエアプかな？ >>381
firefoxで画像を表示
画像を右クリック(コンテキストメニュー)
「要素を調査(Q)」
インスペクターで選択された画像要素のタグ <img …> を右クリック
「コピー」メニュー
「画像のデータ URI」 「アイコンから文字列データを作る」ってどういうことよ？
スキームのことかなあ faviconのBase64変換とかじゃないの
検索系のアドオンだとよく要求されるし こんなお手軽な方法でエンコードできたんだ
知らなんだ nightly 61 昨日、今日とぶれるな
昨日は少し戻った感じがしたが、今日は、更に、状況が悪くなった >>383 に加え ローカルに保存した画像から文字列データを作るのに
Base64エンコーダー (画像を簡単に変換)
https://lab.syncer.jp/Tool/Base64-encode/
も利用してる。pngとかアニメーションGIFも変換できて便利。
(※注意：変換済みコードのコピー時に激しく不要な幼女動物ぽいダイアログ絵が出たりする) Base64すら調べないで文字列データーとか適当用語
馬鹿の脳味噌ってすげえ 前はCopyImgDataURI.uc.jsが使えて便利だった
代替えとしてTampermonkeyで同じものを作っているが
Cross-Domainで思うようにできない サイドバーのカスタマイズ(主にツリー型タブ用css) スレチだけど
img.crossOrigin = "Anonymous";
でCopyImgDataURI.uc.jsもどきが
できた！！
書く場所が関係あんのかよ 過去ログ参考にCSS勉強して大体思い通りの事ができました
過去にコード乗せてくれた人ありがとうございました 多段タブにする場合、現状userChrome.cssを追加するのが一般的のようですが
これはアドオンがまだ存在しないだけなのか、
今後も含めアドオンでの対応が難しいということなのか、
どちらなのでしょう？
userChrome.cssでやってしまうとその事を忘れてしまう可能性が高いのでアドオンを待ってるのですが、
ニーズが高いにも関わらずアドオンがでないということは、
やっぱりアドオンでの対応が難しいんですかね？ >>397
難しいじゃなくて実現不可能だからだよ
今の拡張は出来ることに制約がある 59では非表示になるけど、61では効かない。
/*** リンクにマウスオーバーしたときURL非表示 ***/
statuspanel{display:none!important} あとこれは59でも同じだがその記述だとステータス表示すべて非表示で
マウスオーバー関係ないだろ
[type="overLink"]にしないと userChrome.cssでブックマークのツールボタンをワンクリックでサイドバーに表示できるにできませんか？ cssでブックマークバーの特定のフォルダの色を変える事ってできますかね？
こんな感じでやってるんだけど変わらないっす…
.bookmark-item[label="他"]{
color:red;
} 返信ありがとうございます
結局変わらないのでラベルの指定が間違ってるっぽいっすね >>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の指定先であるフォルダ名を半角英数に変えて""で指定したら成功した
指定方法が悪いのかもしれない、正解が分からない 日本語効かないのはuserChrome.cssの文字コードがUTF-8になってない予感 一行目に
@charset "utf-8";
つけてUTF-8で保存 いまどき UTF-8 without BOM 使わない人ってなんなの 仕事で返信遅れて申し訳ないっす（汗
で、解決できましたよ！原因はUTF-8で保存してなかったからでした
返信くれた方々本当にありがとうございました(^▽^)/ l|i
. |i（ ）(´・ω・｀)
| | ；
.ﾟ;･li|；|;ｉ/。； ｽﾞﾝ
(^▽^)/ >>417
cssの編集は自動的にそうなるように設定しておくと楽だよね ダイアログのボタンの文字色を変更できないですか？
マウスオーバーすると文字が白くなって見えにくいのですが 右上の検索バーから検索した結果をキーボードのTabボタンで選択できるようにはできませんか？ 全角英数を半角英数に置き換える事って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,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;
}
} 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%にしてるのですが、その部分は小さくて良いんですけど大きくなっているので変えたいんです
わかる方どうかよろしくお願いします >>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で右クリックしてのタブスクロール出来ますか？
いろいろ調べたのですが見つからなくて・・・
知ってる方いたら教えてほしいです、お願いします。 Youtubeのコントロールバーの常時表示と動画外表示って可能ですか？
https://userstyles.org/
で探してみたのですが探し方が悪いのか見付かりませんでした
Firefox 60
Stylish 3.0.5
よろしくお願いします ■ このスレッドは過去ログ倉庫に格納されています
