◎正当な理由による書き込みの削除について: 生島英之 とみられる方へ:userChrome.css・userContent.cssスレ Part8 YouTube動画>6本 ->画像>40枚
動画、画像抽出 ||
この掲示板へ
類似スレ
掲示板一覧 人気スレ 動画人気順
このスレへの固定リンク: http://5chb.net/r/software/1513178964/ ヒント: 5chスレのurlに http ://xxxx.5chb .net/xxxx のようにb を入れるだけでここでスレ保存、閲覧できます。
●User Style Managerについて
バージョンによって利用できない機能があります
GitHub - scrapmac/User-Style-Manager
https://github.com/scrapmac/User-Style-Manager 管理画面
×1.1.1
×1.1
○1.0
スタイル作成
○1.1.1
△1.1
×1.0
userChrome.css・userContent.cssスタイルスレ
http://2chb.net/r/software/1317830579/ Firefox userChrome.css userContent.cssスタイルスレ (実質 Part2)
http://2chb.net/r/software/1329315394/ userChrome.css・userContent.cssスレ Part3
http://2chb.net/r/software/1347629378/ userChrome.css・userContent.cssスレ Part3 (実質 Part4)
http://2chb.net/r/software/1369968883/ userChrome.css・userContent.cssスレ Part4 (実質 Part5)
http://2chb.net/r/software/1400202982/ userChrome.css・userContent.cssスレ Part6
http://2chb.net/r/software/1438959541/ userChrome.css・userContent.cssスレ Part7
http://2chb.net/r/software/1510394098/ ___ (\ ∞ ノ ヽ)_ノ └∩───∩┘ ヽ(`・ω・´)ノ <1乙 貴男にこれをあげよう・・・
前スレのおすそ分けさんのCSSにはだいぶお世話になったわ。 サンクス
>>9 line-height:12px;の後にでもmargin-right:-20px;とでもしておけばいんじゃね?
数字は適当にいじれ
>>11 ありがとうございます
15pxくらいでいい感じでいけました(*´ー`*)
アドレスバーのpocketとか☆アイコンを右クリックで非表示したら どうやって戻すの? 戻す設定無くない?
>>13 ・・・をクリックして戻したい項目を右クリック
自分はURLバーと検索バーを分けて使っており URLバーの方は以下のcss使ってるので便利なんですが 検索バーの方がちと・・・ よく入力後に気づいて二度手間になることが多々あります。 /* URLバーでIMEをOFF*/ #urlbar *|input{ ime-mode:inactive !important; } 「検索バーでIMEをON」・・・こういうのを知ってる人いますか?
検索バーは#searchbarだね んでinactiveでOFFならONにするには……
>>17 ヒントありがとうございます
出来ました。 <(_ _)>
メイン画面のコンテキストメニューから「リンクを端末へ送る」を削除したく sendLinkToDevice と指定したのですが、消えません。 指定項目名が間違っているでしょうか?
>>19 自己解決しました。
L,T,D を大文字で書いたのが間違っていました。
お騒がせしました。
前スレ220のブックマークツールバーがヌルヌル生えるやつ気に入って使ってるんだけど
-moz-box-ordinal-groupでタブバー下段でその下にブクマバーという風に配置したら
画像みたいにブクマバーが非アクティブなタブの上に重なっちゃうんだけどこれどうにか綺麗にならない?
今のところopacityの記述付け足して非ホバー時は透明にすることで対処したんだけどホバー時の表示のされ方が微妙に変わってイマイチスッキリしない
ドラッグ領域の高さを調節したり全画面にしてもドラッグ領域を表示したりすることは可能でしょうか?
>>23 #titlebar { margin-bottom: -20px !important; }
>>24 希望通りの表示にすることができました
ありがとうございます
タブ一覧のdrop-down arrow (タブ数がタブバー領域を飽和したとに出てくる▼)を 常に表示させるuserChrome.cssの書き方を教えて下さい お願いします
>>26 #alltabs-button {
visibility:visible !important;
}
>>27 本当に素早いご回答ありがとうございました
Quantom の新 UI 決して悪くないとは思うんだけど (少なくともAustrailsよりはマシ) 結局、皆様に助けて頂いて、CTR と Menu editor に頼っていた 56以前の UI に戻すことができました。 誠に皆様、有難うございました。 あと、旧アドオンで欲しいのは Rstart と Tab Replace だけ。
ロケーションバーにある、星マークのこのページをブックマークに追加しますを非表示にはできないでしょうか?
>>30 星を右クリックすればアドレスバーから削除のメニューが出る
みなさんありがとう。 ずっとカスタマイズからやろうとしてました 無事星マーク削除できました!
わいはcssで消しとるで .urlbar-history-dropmarker /* ∨ */ #pageActionButton /* … */ #star-button-box /* ☆ */ #PanelUI-button /* ≡ */
ブックマークツールバーをマウスオーバーで自動開閉するようにしてるのですが・・・ /* ブックマークツールバーをマウスオーバーで自動開閉 */ #PersonalToolbar:not([customizing="true"]) { max-height:1px !important;min-height:1px !important; } #navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) { max-height:30px !important; } その時に開いてるページもチョロチョロとブックマークツールバーと一緒に上下に動いたりするんです。 ページを動かさず、ブックマークツールバー "だけ" を自動開閉するように出来ませんか? 教えていただけたらありがたいです、ヨロシクお願いします <(_ _)>
>>37 #PersonalToolbar{
position: fixed !important;
padding: 3px 2px !important;
height: auto !important;
width: 100%;
transform: translateY(-100%);
transition: transform 0.3s ease 1s!important;
}
#PlacesToolbarItems { max-width: 1920px !important; width: 1690px !important;}
#main-window[sizemode="maximized"] #navigator-toolbox:hover #PersonalToolbar
{ transform: translateY(0); transition: transform 0.3s ease 0s!important}
こっちだ #PersonalToolbar:not([customizing="true"]) { position: fixed !important; padding: 3px 2px !important; height: auto !important; width: 100%; transform: translateY(-100%); transition: transform 0.3s ease 1s!important; } #navigator-toolbox:hover #PersonalToolbar:not([customizing="true"]){ transform: translateY(0); transition: transform 0.3s ease 0s!important; }
userstyles.orgやべえ事になってるな Recent Updateの2ページ目を開くと画面が赤くなって変な悲鳴みたいな音が大音量で響き渡る
Recently Updatedだったけどまあ通じるよな 左側のメニューのやつな
>>41-43 11月3日に管理者に通報しましたが、修正されていないようです
すでにフォーラムで脆弱性の詳細が公表されているので、アカウントを持っている方向けの乗っ取り対策を書いておきます
1. パスワードを変更する
2. ログアウトする
3. ブラウザのパスワードマネージャからuserstyles.orgのパスワードを消去する
4. Firefox Multi-Account Containersをインストールし、userstyles.org用のコンテナを作成する
5. 今後ログインを行う際は、用意したコンテナを利用し、そのコンテナではuserstyles.orgの自分のアカウント・スタイルページ以外を開かない
>>39 >>40 ご教授ありがとうございました <(_ _)>
とりあえず自分の環境に適応させては見たのですが・・・
自分がダーク系のスキンを使ってるせいなのか、各種設定のせいかはわからないのですが
通常でブックマークツールバーの文字が上のURLバーに薄く浮き上がった状態になり
ポインターをURLバーに載せると1〜2秒ほどたって降りてくる・・・そんな状態です。
※ココでの画像の貼り方がわからないので文章にしました、わかりにくくてスミマセン
基本ソースを教えてもらったので、これを元に色々と自分の環境に合わせれるようにいじってみます。
お手数おかけしてありがとうございました <(_ _)>
ContextSearch web-extをコンテキストメニューのトップに位置したい。 どう記述すれば良いの?
メニューのid調べて- moz-box-ordinal-group: 0; するんだったかな idがxxxxx_1〜9 的なランダム数字の場合xxxxx_部分で指定する方法が分からないわ その時はclass指定したけど
ロケーションバーのアイコンの間隔を詰める事ってできないですかね?
文字列選択時、コンテキストメニューのGoogleで検索:"?????"をトップへ Swift Selection Searchを二番目に表示させたいのですが、CSSで出来ませんか? なお、Swift Selection Searchをトップに位置するのは下記で出来てます。 /*** コンテキストメニューSwift Selection Searchを一番上へ ***/ #jid1-kdtticj6wxvafa_jetpack_sss { -moz-box-ordinal-group: 0 !important; }
groupの数字が優先順位なので適当に弄る 個々指定しないとダメだったはず
>>50 横からすみません。
私のばあい、これを非表示にしたいのですが、どう書けばいいのでしょう?
具体的には、DuckDuckGo で検索:"xxxxxxx"なのですが、
#contentAreaContextMenu menuitem[label="DuckDuckGo で検索:"]
では消えないのです。 ご教示頂ければ幸いです。
>>52 #context-searchselect {
display: none !important;
}
>>53 消えました!!
大変有難う御座いました。
Thank You very much !
Danke vielmals !
Merci beaucoup !
リンクを右クリックした時に検索の項目が出てきてしまいます。 リンクを右クリックした時には"XXXXXで検索:"のメニューが出てこないようにできますか?
>>55 つ
>>53 もし、
>>53 でも消えないようなら、完全におま環
>>55 /* コンテキストメニュー項目削除 */
#context-searchselect,/* xxxxxで検索 */
リンク以外で文字列選択した時には消えて欲しくはないのです
質問者のレベルが酷すぎるわ 後出しもいいとこ ID:7FSEzQZS0
>>60 #context-copylink:not([hidden]) ~
は要らんような気がするがワイの妄想か…
>>66 すみません、私に対してですよね?
で、どう記述すれば良いのか私には理解できません。
>>67 cssで出来る範囲で複数の順番を替えるには
全てのメニュー、メニューアイテムに
-moz-box-ordinal-group: で番号をつけて並び順を替えないとダメだったと思う
オイラは
-moz-box-ordinal-group:を100以降の大きな数字を使って最下段に並ぶようにした
>>61 >>63 あの〜 私は 7FSEzQZS0 さんとは別人です。
折角大感謝しているのに、誤解されては悲しいので。。
教えて頂いた直後に、まるで同じ質問が書き込まれたので驚いている次第でした。
今後とも宜しくお願いいたします。
>>68 メニュー、メニューアイテムをどう調べれば?
Googleで検索:"?????"(既定の検索エンジン)で
#jid1-kdtticj6wxvafa_jetpack_sssの部分をどう記述すれば良いのか?
一から教えないと駄目なスキルのやつはcssイジるのはやめたほうがいいよ おとなしくデフォで使えばいいのに
>>71 最初は誰もが1からのスタート。
そのような上から目線で語られるのも出来る人に教えてもらったお陰では?
それらを踏まえてそのような上から目線の言い方はしない方が良いと思う。
過去ログ読むなりググったりしてれば1から3くらいにはなってるよ
>>72 は?出来る人に教えてもらった記憶はないね
ググって調べたり自分なりに勉強したつもり
お前、教えてやれよ、手取り足取り
1からのスタートも何も 全部質問して答え待ちじゃスタートラインに立ってさえいない
>>77 教材ならそこらじゅうに転がってるじゃない
>>1 のとほほでも別窓で開いておいてあなたの良く見るページでインスペクタやスタイルエディタ開けばそれだけで学べることは多々あるでしょ
それで足りなきゃ普段見ないようなページに行ってみたりググって見たりすればいいし
そもそもここは初心者からの質問に答える質問スレじゃないし 善意で回答する人達も少々うんざりしてきている部分もあると思うので いい機会じゃないかな。 cssは思ったほど難しくはないし、テンプレに貼られているリンク先をはじめ、 自分でググって調べればそれなりに、使えるようになる。 入門的には、.jsなんかよりcssのほうが、はるかに楽だよ。 「消す」「表示させる」「色を変える」みたいなのは cssの基本中の基本なので、少し覚えさえすれば、こんなところで質問する必要もなくなる。 ちょっと、難しいのは「移動させる」などかな。 あと、なんでもかんでもcssで出来るわけではない というのは、覚えておいたほうがいい。
>>75 結構書き込んだりしてるけどな
でも、お前のような上から目線のようなやつと一緒にはされたくないからもうココには来ないよ。
俺もそんなに出来る方ではないが
偉そうな文面書いてる奴ほど実際大したことのない奴が多い。
まぁいつまでも上から目線で頑張るといいよ。w
言い方はキツイが
>>71 言ってるのは正論
サポート外の機能にして、開発者の想定外の使い方する訳だから
firefoxを不安定化させるリスク理解したうえで最低限、自分が何をしてるか把握して使用しないと
不具合が起こった時、対処のしようがないよ、本人も、質問される方も
そもそも、まとめブログが蔓延る以前はabout:configやuserChrome.cssなんて
軽量化策やアドオンにない機能を自主的に探さない限りライトユーザーが目にすることはなかったべ
すぐ上から目線、上から目線って言う奴って 外に出たことのない引き篭もりかなにかですか? 社会生活不適格者なんだろうな 可哀想に・・・
答えたくなければ答えなけりゃいいじゃあ〜りませんか。 うん、いい質問だ と思ったものだけにレスすれば? 自然と落ち着きますよ。 ただ、書き込んではいけないと仰る権限はありませぬ。
ブックマークツールバーの自動表示はありますが タブバーの自動表示はできますか? ツリー型タブを使用しているのでタブバーを非表示にしてみたものの、あると便利とたまに思えて 自動表示にできないものかと タブバーの自動表示のcssのPersonalToolbarをTabsToolbarに書き換えたりしてみたものの、表示が崩れるのみでした お願いいたします
もう質問禁止でええやろ ダブった質問の繰り返しばっかりやし
そんなこと言う必要ないだろ、知ってることがあったら教えてあげればいいし 教えたくなければ黙ってればいいそれだけ
いかにもアホな質問来たら スルーしないで徹底的に叩いたほうが本人の為かもな
前スレの優しかったお前らは一体どこへ行ってしまったのか
>>93 前スレを読みましたが
タブバーの自動表示はありませんでした
実のところは無理なのでしょうか?
>>103 >タブバーの自動表示はありませんでした
あったよ
>>103 今前スレ見たらあった
「タブバー」で検索してヒットしないからないとか言ってるんじゃないだろうな
そこらへんは工夫しないと、あるいは1から1000までしらみつぶしに全部読め
ここは ”上手なインターネット検索の仕方” スレですか?
ID:0Hdm1K2v0は検索すらせずに「前スレを読みましたが」と言ってるんだろ 検索すればすぐ見つかるんだから
みんな意地悪言ってるわけではないと思うぞ css弄るならせめて検索くらいは出来るようになってからの方が良い
最近Stylishなんか使わずにStylus使えというのをよく見るけど、Stylishは馬鹿な子に成り下がったのん
Stylishは売り払われた Stylusは元Stylishの開発チーム
最近Tab Sidebarというアドオンを見つけまして使っています
https://addons.mozilla.org/ja/firefox/addon/tab-sidebar-we/ スタイルシートの編集変更ができるためCSSの知識は皆無でしたが
このスレで得た情報やノウハウを基にし
なんとかタブバーのタブの色と同じに
ピン留めしたタブの文字を太く色も変えるまでできました
text-overflow: ellipsisもできました
あともう一つだけ変えたいのはellipsisの...ではなく
タブバーのタブと同じように文字をフェードアウトさせたいのです
ここで行き詰っていまして
ヒントだけでも与えて頂けないでしょうか
標準のCSSを見ればいいんじゃないの chrome://browser/content/tabbrowser.css ざっと見た感じ.tab-label-container[textoverflow]〜mask-image:〜があるブロックが そうだと思うが左右試すのは本人に任せるね
>>115 本当にありがとうございます
これを入れるだけでフェードアウトしました <(_ _)>
mask-image: linear-gradient(to left, transparent, black 2em);
すみません、タブの下にできる数pxの隙間はどうにかなくせないものでしょうか?
どうぞ宜しくお願いします
理想
>>117 タブツールバーの高さを調整すれば出来るのでは?
#TabsToolbar { margin-left: -38px !important; min-height: 28px !important; height: 28px !important;}
56で使ってたcssをそのまま57に使っているんだろ
ありがとうございます
.tabbrowser-tabs {
min-height: 22px;
max-height: 22px;
}
で出来ました
>>120 だいたいそんな感じです^^;
また問題が。。。
ポインターをタブに持ってくと一番上にまた数px隙間があって
選択しづらくて困ってます
このくらいで地雷認定とかどこの無菌室で生きてるんだろ? ミジメな奴がいるなw
どんなcss書いているのか カスタマイズ画面でタイトルバー、ドラッグ領域、UI密度の設定はどうなのか 情報出さないとダメだろ
https://dotup.org/uploda/dotup.org1420649.zip コピペで継ぎ接ぎがひどく余計な記述もあると思います
UI密度はコンパクトです
お手数おかけします
#titlebar-buttonbox-container #titlebar-buttonbox .titlebar-button この辺のheight,padinngを弄れば高さが変わって隙間は消せる osが7、8、10で違う場合もある ウインドサイズがnormalかmaximizedか指定する必要もあると思う
ウイルス入りのZIPファイル ばら撒くのはやめて欲しい
前スレとは打って変わって凄く雰囲気悪くなったな。 ヌシのような奴は口だけで何もしないようなので素人さんはcss絡みも別スレで聞いたほうが良いぞ。
こんなのイキってる馬鹿チョンが一匹ID転がして雰囲気壊してるだけだろ。 口調と質問に対する対応がずっと同じ。 そういう奴に限って質問への回答が一切できない。 どうせここで質問して誰も教えてくれなかったのを根に持って荒らしてるんだろ。
>>131 そういう態度や言動がここの雰囲気悪くしてるのに気づかないとはな。
哀れなやつだ
くれくれ君のおいらを満足するプロダクトは未だかなw
cssで履歴サイドバーの検索ボックスを非表示にしています
#history-panel #search-box {
display: none !important;
}
残った表示のボタンは利用したいので
スクリーンショットの赤丸の位置へ移動させられればと考えてます
どうすれば可能でしょうか
>>138 ありがとうございました
表示の上下をpadding: 0pxで細くして対処することにします
無理じゃないが、CSSだけで対応するとちょっと無理矢理で記述が汚くなるな
cssで特定のプロパティ:値を持つ要素をセレクタに指定することって可能ですか? 例えばfont-weight:boldの文字のみをいじったりしたいのですが
>>140 記述なんか汚くなっても別にいいのでここにぜひ記述してみてください。
移動できるのなら。
ブックマークツールバーをマウスオーバーで自動開閉やつを自分好みに弄ってみた /*ブックマークツールバーをマウスオーバーで開閉する*/ #navigator-toolbox:not(:-moz-lwtheme) { /* Default テーマ */ background-color : hsl(0, 0%, 78%) !important; } #navigator-toolbox:-moz-lwtheme { background-color : var(--chrome-background-color) !important; background-image : var(--lwt-header-image) !important; } #navigator-toolbox { position : relative !important; transition : all 0.3s ease 0s !important; } #PersonalToolbar:not([customizing="true"]) { margin-top : -20px !important; transition : all 0.3s ease 0s !important; opacity : 0 !important; } #navigator-toolbox:hover { margin-bottom : -20px !important; transition-delay : 0s !important; } #navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) { margin-top : 0 !important; transition-delay : 0s !important; opacity : 1 !important; }
>>142 やはり無理でしたか
結構調べましたが無理っぽいですよね
htmlで<b>してるなら(b)とかで行けると思うのですがそんなサイトはもうめったにないです
CSSでgetComputedStyleみたいなことはムリとしても そもそもfont-weight: boldになってるなら、セレクターとしてはなんかしら引っ掛けるところがあると思うが
>>140 まだでしょうか?。
無理じゃないんですよね?。
汚くてもいいので記述お願いします。
ずっとスレ荒らしてるチョンだろ やり口かえて荒らしてるだけだよ 質問者とは別人なのは文の癖で分かる
いや無理じゃないって書いてるんだから、書いて見せればいいだけ
フロートさせて重ねるとかすれば出来そうな気がするが
今少し試して見たけどサイドバーヘッダーの手前に持って来るのよくわからなくて挫折したw早っ css素人な自分では無理だた
つ、釣られたクマー(AAry ヘッダは隠せなくなるけどできたので要点だけ ・ヘッダを潰してボタンをいい感じに配置 sidebarheader#sidebar-header {min-height: 0px !important; max-height: 0px !important; position: fixed !important;} sidebarheader#sidebar-header .close-icon {position: absolute !important;} sidebarheader#sidebar-header toolbarbutton#sidebar-switcher-target {position: relative !important;} ・履歴の[表示▼]をいい感じに配置 ・ブックマークやら同期タブやらの時に上部にヘッダ分のスペースを設ける
>>154 そのcssじゃ、まるで駄目駄目だな
無理なら無理ってはっきり謝罪しろよ
無理じゃないけど、なんて思わせぶりなこと書くから、恥をかくことになる
要点だけって言ってんのにこれで全部できると思ったの? それともそう言えば全部書いてもらえると思ったの?
>>137 @-moz-document url("chrome://browser/content/browser.xul") {
#sidebar[src="chrome://browser/content/history/history-panel.xul"] {
margin-top: -46px !important;
}
#sidebar-header #sidebar-switcher-target,
#sidebar-header #sidebar-close {
position: relative !important; /* クリックに反応するようにする */
}
}
@-moz-document url("chrome://browser/content/history/history-panel.xul") {
#history-panel #sidebar-search-container #search-box {
display: none !important;
}
#history-panel #sidebar-search-container #viewButton {
margin-left: 100px !important;
margin-top: 4px !important;
}
#history-panel tree {
padding-top: 4px !important;
}
}
>>159 おおおおおおお、すっげええええええええ
あなたこそは神wwwwwwww
でもサイドバーを閉じるボタンと重なってるよ
とりあえず
>>149 >>150 >>154 >>157 が、まったく役に立たないのはよくわかった
煽るぐらいなら、
>>159 みたいな役に立つことを書いてみろよ
二人のを参考にしてやっと出来た。使う予定ないけどw まだpositionの概念がよく理解できてないからどこかで学習し直してくる #history-panel #search-box { display: none !important; } #history-panel #viewButton { margin-left: 90px !important; } #sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header { margin-bottom: -40px !important; } #sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header #sidebar-switcher-target, #sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header #sidebar-close { position: relative !important; }
>>159 >>137 です
>>154 さん
>>159 さん
作ってもらえて感謝してます
margin-left: 100px で左からの位置固定になるわけですが
サイドバーを広げたり狭めたりしたときに「表示」も
サイドバー右に沿いながら可変するにはどうすればいいでしょうか
動作例としては履歴サイドバーの検索を消す前の状態のとき
サイドバーを広げたり狭めたりしたときに「表示」も移動するのと同じようにです
回答者がトリップ付けてない質問者は完全に無視して対応しなければいい
>>163 >>159 を元に二箇所変更
#search-box の display: none を visibility: hidden にする
#viewButton の margin-left: 100px を margin-right: 25px にする (×ボタンの分)
その他の余白は環境によって適切な値が異なるだろうから、適宜調整して
とりあえず ID:yh2IS2d80が何の役にも立たない無能というのはよくわかった
教えてもらえないときは煽れば良いという習慣を付けさせてはダメだ スルーするべきだった
スルースルーって馬鹿の一つおぼえみたいに言ってるが
>>159 みたいな「教えたがり君」もいるってことを忘れるな
がははっは
>>165 遅くなりました
このように変更してみましたがうp画像のようになってしまいます
#history-panel #sidebar-search-container #search-box {
visibility: hidden !important;
}
#history-panel #sidebar-search-container #viewButton {
margin-right: 25px !important;
margin-top: 8px !important;
あちこちいじってあるためきっと環境のせいなのだと思います
ここまでできただけでも十分です
ありがとうございました(・∀・)つI
おい、俺様にも感謝しろよ 俺が煽ったから「教えたがり君」達が湧いてきたんだぜ
urlfilter.uc.js 0.0.8.3で つべの動画の始まりに割り込んでくる広告CMを http*://*.doubleclick.net/* でブロックしてたんだけど 最近効かなくなっちゃったんだがどう直せばいいかわかる猛者おるか?
>>144 このブクマにょきにょきはツールバーも合わせて2行まとめてにょきにょきさせることって出来ますか?
>>175 /*ブックマークツールバーをマウスオーバーで開閉する*/
#navigator-toolbox:not(:-moz-lwtheme) { /* Default テーマ */
background-color : hsl(0, 0%, 78%) !important; }
#navigator-toolbox:-moz-lwtheme {
background-color : var(--chrome-background-color) !important;
background-image : var(--lwt-header-image) !important; }
#navigator-toolbox {
position : relative !important;
transition : all 0.3s ease 0s !important; }
#PersonalToolbar:not([customizing="true"]) {
margin-top : -20px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important; }
#nav-bar:not([customizing="true"]) {
margin-top : -29px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important; }
#navigator-toolbox:hover {
margin-bottom : -49px !important;
transition-delay : 0s !important; }
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important; }
#navigator-toolbox:hover > #nav-bar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important; }
>>177 ありがとうございました快適にぬるぬるできてます
Thunderbirdの話なんですけど、52.5.2になってから(?) UI(メインウィンドウ)用のスタイルが動かなくなってしまいました。 ただ、 @-moz-document url("chrome://messenger/content/messenger.xul"){ } という指定を除去すると何の問題もなく機能します。 ひょっとして@-moz-documentの正しい記法か メインウィンドウのアドレスが変わったりしたんでしょうか? url指定なしでも一応弊害は出ていませんが なるべく具体的に指定できたほうが精神衛生上いいので事情をご存知の方ご教示ください。
下記でURLバーにマウスオーバーでURLバーが広がり、Searchバーが縮まります。 #urlbar,#urlbar-container{ max-width: 350px !important; min-width: 200px !important;} #urlbar:hover,#urlbar-container:hover{min-width: 580px !important;} これを逆にSearchバーへマウスオーバーで広がり、その分URLバーを縮めたい。 urlbarをsearchbarに入れ替えるだけでは、うまくいかない。 どう記述すれば良いのか?
ブックマークメニューのフォルダの上下の間隔を狭くすることは可能でしょうか?
>>181 /* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.5em !important;
border-width:1px !important;
}
教えて下さい。 デフォルトの状態からバーの高さに関係すると思われる変更を行ったこと、 @ ブックマーク・ツールバーの項目をナビバーに移動した。 A 戻る・進むボタンを Visibility collapse にした。 B タブバーおよびタブの高さを減らした。 C アドレスバーと検索バーを両方表示した。 以上の状態のままで(ナビバーの高さは変わらないようにして) アドレスバーと検索バーの高さを 2〜3 ピクセル低くすることはできるでしょうか? 単純に urlbar と searchbar の height を 26px というように指定したのでは ダメなのですか? "おめえ分かってねえなあ" と云われるのを覚悟でお聞きしたく。。
\ ⊂[J( 'ー`)し \/ (⌒マ´ (⌒ヽrヘJつ > _)、 し' \_) ヽヾ\ 丶_n.__ 過去ログ  ̄ (⌒ ⌒Y⌒
>>187 ええ、分かってゐません。
貴兄は良くお分かりのやうで、羨ましい
>>180 分かる人いたら教えてやれや!
俺も欲しい。
過去ログ読めば分かるって言われてるのに頑なに読まないから分かってないって言われるんだよ
某県警から先日通報してやった奴に関する問い合わせが来た すごいよ警察に協力できるなんて感動したわ
>>190 前スレ >158
navi-bar-customization-target → height 36px
searchbar-textbox → min-height 23px
urlbar → height 19px
で、好みのレイアウトになりました。
大変有難うございました。
Pale Moonのブラウザでタブとウィンドウを閉じたとき、右クリックで出現する 「全てのタブを復元」 「全てのウィンドウを復元」 の項目を{display:inline}で消去したいのですが、inspectで調べてもidが表示されません。 上記2つのidを教えてください。
onetabの右クリックメニューでいらないやつを消したいのですがどう書けばいいのでしょうか 消したいのはoneTabに全てのタブを送るとこのタブ以外全て〜と左側のタブ〜です
>>194 他のメニューはCSSで消去してるからアドオンをインストールする気はありません
ブックマークツールバーにブックマークフォルダを入れているだけど開くと上下の▲▼を消したいんだけど無理かな?
おいらの欲しがっているの未だ? 希望が見えないのう
>>202 200です。う〜ん中々難しいです。でもありがとう!
項目が多くて絞り切れないな〜。ブックマークフォルダを開けた時によく上下に暴走するから抑制できるアドオンでもあればいいんだけどね
.autorepeatbutton-up, .autorepeatbutton-down { display:none !important; }
>>205 200です。ありがとうございます。やってみた所うまく動いてないみたいです。なにがダメなんだろう
#BMB_bookmarksPopup これ追加でいけるかな?
WE前のアドオンのUndo Bookmarks Menuみたいに ブックマークのコンテキストメニューに元に戻す」と「やり直し」を付け加えても上手く行かない 弄れないのかな ブックマーク弄ってUndoが必要になったら すべてのブックマークを開いて管理からやり直しをするしかなくなった めんどい
200です。#personal-bookmarks 追加で無事消えました。
>>205 さん、ありがとう!これがあったから助かりました!
>>209 キーボード使うときはキー操作で済ましても
マウス使うときはマウスで完結させて持ち替えを減らしたいものだろ
特にブラウジングはマウス多用するから
Vim Vixen という拡張機能が提供する Hit-a-Hint 風の文字の大きさを サイトの拡大率を無視して固定したいです。 今現在,userContent.css に以下のように指定していますが, ページの拡大率によって文字の大きさが変動してしまいます。 .vimvixen-hint { width: 16px !important; height: 16px !important; vertical-align: middle !important; line-height: 16px !important; font-size: 90% !important; -webkit-text-size-adjust: none !important; } /* これ以外にも色々設定 (フォントとか) しているのですが恐らく 文字の大きさの変動には関係してこないので省略しました */
font-sizeを%で指定してりゃそうなるでしょ
font-size: calc(16px * 0.9) !important; にしてみましたが解決を見ませんでした。
>>215 Viewport 単位では一応固定されましたが,ウィンドウの大きさを変更するとそれに追随してしまいます。
私が望むのは Webページの拡大率・ページのフォント設定・Webブラウザの大きさに依らない大きさ文字で表示することなのです。
CSSで指定できるフォントの大きさを調べるとmm指定がちょうどいいと思ったのですが,なぜかWebページを拡大すると文字の大きさも拡大されてしまいました。
ちゃんと
font-size: 4mm !important;
としてあるにも拘らずです。
うーん,仕様なんですかねぇ……。
遅くなりましたが環境は: Firefox 57.0.4 64bit 公式ビルドです。(あんまり関係ないと思いますが……)
定規を虫眼鏡で見て1mmがズレてるとか言うようなもんだろ それで拡大されないなら同じ絶対単位のpxも拡大されないことになる 拡縮や設定、環境にかかわらず固定ってのはアクセシビリティーの都合上、CSS単独では難しいんでないの
ブックマークなどからサイトを開く時、読み込みが始まるまでの間に表示される真っ白な画面を黒くするにはどうすればよいでしょうか。
Webページの拡大って元々そういうもんじゃね? CSSその他のローカル設定・下位設定を上回る効力があるからこそ意味があるというか
>>212 メディアクエリのmin-resolutionで場合分けしてフォントサイズを指定すればいいんじゃないの
サイドバーにブックマーク表示してるんですがフォルダアイコンの色を変えるにはどの様に記述すれば良いのでしょうか?お教え下さい。
58.0にしたら /* 検索バーの右側に履歴を出すボタンを表示 */ #searchbar .autocomplete-history-dropmarker { display: -moz-box !important; -moz-binding: url("chrome://global/content/bindings/autocomplete.xml#history-dropmarker"); } これが効かなくなってしまった
Firefox 58 向け「ブラウザウィンドウの画面内に収まるタブをnつ以下に制限する」userChrome.css。 Mozilla Firefox 58.0で確認済み #tabbrowser-tabs .tabbrowser-tab:not([pinned]) { /* n = タブ数の上限 (8--12あたりがお勧め) */ --browser-tab-max_in_window: n; /* 「タブ一覧ボタン」諸々の幅; 0pxとあるのは俺が「新しいタブ」ボタンを消している影響 */ --browser-tab-extra_area: calc(0px + 32px); min-width: calc((100vw - var(--browser-tab-extra_area))/ var(--browser-tab-max_in_window)) !important; } なんか,.tabbrowser-tabs じゃなくて #tabbrowser-tabs と指定しないといけないっぽい? 出来ればCSSはクラスで指定したかったんだけど……
>>229 58.0だとクラス指定されてない
あとこれを読んでおくといい
スタイルシートの class と id の違いと使い分け
https://allabout.co.jp/gm/gc/23897/ >>230 ありがとう。勉強になった。
それを読む限りの理解だけれど,Firefox側の考えとしては,
「タブの領域は一つのブラウザの中で一つだけである。
その領域の中に個々のタブが入っている。
だからタブの領域はIDとして,個々のタブはクラスとして指定するように」
ということなのかな?
Web畑の人間じゃないのでCSS哲学はあまり分からないのだけれど,
今回の改変は良い方向だと思ったわ。
>>223 .findbar-textbox {
width: 580px !important;
}
580px とか 58em とか
ページ内検索ボックスを常時表示にしたい
58にしたら#TabsToolbarと#nav-barの間にボーダーが入っちゃたんだけど border : none !important; とかやっても消えないし どうやったら消えるんだ
>>233 自己解決
borderじゃなくてbox-shadowのラインだった
#nav-bar { box-shadow : none !important; }
ついでにタブ幅の設定が上手くいかないのも
:root { --tab-min-width : 150px !important; } /* 初期値書き換え */
で強制的に書き換えちゃった
>>233 そもそも58でそんなラインは入らない
完全におま環乙
URLボックスと検索ボックス周りのうっすらな影って消せますか?
すいません #urlbar, .searchbar-textbox{ box-shadow : none !important; } で自己解決
firefoxのUIのID名クラス名一覧ってどこ見ればわかりますか?
>>238 一覧よりもブラウザーツールボックス使った方が良いよ
疑似セレクタで挙動が変わったりもするし
バージョンアップで割と変更もあるから
すまん疑似クラスと言いたかった 自分でなんか変だと思ったんだよ
>>239 サンクス
ブラウザーにこんなツールあったんですね
browser.cssを覗けばいいのかな
#TabsToolbar .titlebar-placeholder{ display:none !important; } にしてたんだけどプライベートブラウジングとかタブ一覧(∨)のiconが右端にいくから調べてたら タブバーの最期にも同じくプレースホルダーがあったのね ってことで、クラスに[type="pre-tabs"] 追加で直ったわっしょい
userstyles.orgのスタイルの更新をRSSフィードで知れるようにはできないものかなあ あと、Dark〜とかBlack〜みたいなサイトを黒くするだけどスタイルの多さには辟易する
タブの文字列を上に3pxあげたいのですが以下で効かないのですがなんででしょう…? .tab-text {padding-bottom 3px !important; } .tab-throbber, .tab-icon-image {padding-left 3px !important; }
.tab-text {margin-bottom:3px !important; } これでいけたー 未だにmarginとpaddingの使い分けわからん
margin 外側の余白 border 境界線 padding 内側の余白 間に境界線があると考えればわかるんじゃない
Firefox Developer Edition 59.0b4、なんか時偶 userContent.css が有効にならないときがあるな。 同じページを閉じて、終了・再起動・再読み込みすると直る。 Firefox 無印、Firefox 準安定板、Firefox 最新不安定版ではそんなことはない。 userContent.css を編集したあと、ブラウザを再起動すればきちんと変更を受けている。
コンテクストメニューの ← → ↻ ☆ っていう項目の高さを他の項目に合わせて、かつアイコンを画像じゃなくて上記の文字そのものにしたい。 ヒントをください……
#contentAreaContextMenu #context-navigation .menuitem-iconic { height: 26px !important; list-style-image: none !important; } ↑これで高さはいけた (「26px」っていう固定値にしてるのが嫌だけど、Firefoxが持ってるCSS変数に--menuitem-min-heightみたいな値がないので仕方無く) けど、↓これで「戻る」メニュー項目が「←」にならない……。::before疑似要素のcontent属性に「←」を定めれば目的は達成できるんだけど、 位置ずれるし、なんか折角文字が指定できる属性が用意されてるのにできないってのも引っ掛る。 #contentAreaContextMenu #context-navigation #context-back { list-style-type: "←" !important; }
>>250 #context-navigation > .menuitem-iconic {
font-size: 16px;
}
#context-navigation > .menuitem-iconic > .menu-iconic-left {
min-width: 0 !important;
}
#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
width: 0 !important;
height: 0 !important;
margin: 0 !important;
}
#context-back:before {
content: "←";
}
#context-forward:before {
content: "→";
}
#context-reload:before {
content: "↻";
}
#context-stop:before {
content: "×";
}
#context-bookmarkpage:before {
content: "☆";
}
>>253 表記が冗長だったはずかしい
#context-navigation > .menuitem-iconic {
font-size: 16px;
}
#context-navigation > .menuitem-iconic > .menu-iconic-left {
display: none;
}
#context-back:before {
content: "←";
}
#context-forward:before {
content: "→";
}
#context-reload:before {
content: "↻";
}
#context-stop:before {
content: "×";
}
#context-bookmarkpage:before {
content: "☆";
}
質問です。 Googleの画像検索をしてると「リダイレクトの警告」というがいつも出てきます 普通の検索では出ないのに画像検索 "だけ" 出てくるのです。 ネットで調べてスパムを疑って念入りに調べたり Cookie(あるいは履歴)や一時ファイルなどをすべて削除したり いろいろ調べて手は尽くしましたがダメでした。 最終的には「Google search link fix」というアドオンを使い表示させなく出来ましたが userChromeでもこれと同じことが出来る方法を 誰か知ってるのであれば教えてほしいと思い投稿しました。 暇な時でいいのでヨロシクお願いします。 <(_ _)>
google.co.jpのクッキーをブロックしてるとリダイレクトの警告出るよ なんらかのアドオンがブロックしてるんじゃない? とりあえずセーフモードでも警告出るか試してみるとかね
リダイレクトの警告… これ入れてたら出る removeRedirect4Google
>>256 クッキーはブロックしてないのですが
セーフモードにすると問題なく画像検索できるのでアドがいたずらしてる可能性が高いかも…
もう少しあがいてみます。
ヒントありがとうございました。
>>257 removeRedirect4Googleは入れてないです。
でも、知っておけば今後何かで役に立つかもです
教えてくれてありがとうございました。
悪さしてたアドが判明 Searchonymous コイツでした (;´Д`A みなさん、いろいろいろいろお世話おかけしました。 ありがとうございました <(_ _)>
userContent.cssに、 @-moz-document domain("mevius.5ch.net"), domain("egg.5ch.net"), domain("mao.5ch.net") { .message { font-family: "IPA モナー Pゴシック", "IPAMonaPGothic", sans-serif !important; font-size: 12pt !important; line-height: 14pt !important; letter-spacing: normal !important; } } とやってAA表示が綺麗になるようCSSを書いているのですが、フォントが適用されません。サイト側の既定のフォントのままです。 about:preferenceの「Webページが指定したフォントを優先する」は関係ないようです。どなたか手助けを…… なお、上記CSS自体はcolor: red;を追記して反映されたことから文法としては正しいようです。
>>260 StylishModokiで適当なフォント名を指定して試したら効いた
なのでfont-family名の指定に問題があると思われる
フォントがインストールされてるかとか、フォント名が正しいかとか
>>261 さま、
>>262 さま、ありがとうございます。
>>261 > StylishModokiで適当なフォント名を指定して試したら効いた
そうですか……
Debian GNU/Linux を使っているのですが、
$ fc-list | grep "IPAMonaPGothic"
がきちんとパス名を返して正常終了しますし、GUIエディタ等のフォント選択画面にも
「IPA モナー Pゴシック」が表示されていて、選択するとその字形になるので
システム自体はフォントを認識していると思います。
>>262 はい、テキストエンコードはBOM無しのUTF-8です。
アドオンを無効にしたりしてみたんですが、やはりフォントの形状だけ適用されませんね……
なぜだ……
>>263 @-moz-document domain("egg.5ch.net") {
.message {font-family: "IPA モナー Pゴシック" !important;}
}
Win7だけどダウンロード、インストールしてFirefox再起動したら上で行けた
タブがアクティブになると少し高くなるのですが 高くさせない方法ありますか?
アクティブタブで思い出したが現在のタブって #tabbrowser-tabs .tabbrowser-tab[selected="true"] じゃなくて .tab-background[selected="true"], .tab-line[selected="true"] でないと指定できないんだよね。 これ、リモートデバッガ (?; S-C-A-iで開くやつ) で見ても分からなくて、 ググったら同じような質問のフォーラムがヒットしたからいいものの、 普通に詰むところだったわ。
>>269 え?#tabbrowser-tabs .tabbrowser-tab[selected="true"]でできてるけど
ラインとかはその子要素で指定されてるからその指定がいるだけで
>>263 セレクターを
.message,
.message > *
にしてみたらどうだろう
たぶん userContent.css のどこかに
* { font-family: sans-serif !important }
こういうのを書いていて、
div.message の子要素の span.escaped に一致したこっちが優先されているんじゃないかな
対象要素をコンテキストメニューの「要素を調査(Q)」で開けば
どのスタイルシート由来のどの宣言が適用されているか確認できるよ
他が優先されて効果のなくなっている宣言には、打ち消し線が付く
実際に使用されているフォントの確認は「フォント」タブ
ツリー型タブが表示されている時はタブバーを隠し、 ブックマークサイドバーが出るなどしてツリー型タブが非表示の時はタブバーを表示するというようなことは可能でしょうか?
FirefoxPortable57の時URL窓と検索窓の高さが変わるCSSを使ってたのですが FirefoxPortable58を新しく入れてそのCSSを書くと同じように高さが変わるのですが このページをブックマークに追加します、Pocketに保存、ページ操作のアイコンが小さくなってしまいます なんとかならないでしょうか もしくは他の書き方があったらお願いします #urlbar, .searchbar-textbox { font-size:13px; min-height: 19px !important; max-height: 19px !important; }
タブの右クリックメニューに「左側のタブをすべて閉じる」を追加するcssがあったら教えてください。
>>274 cssだけでは無理なので
[email protected] というuserChrome.js用スクリプトに頼るか
またはESRに移行して該当機能のあるレガシーアドオンに頼るか
>>269 .tab-content[selected="true"] {
は使えないん?
>>275 [email protected] でできました。
調べたところ,日本語表記の「左側のタブをすべて閉じる」に変更することもできました。
ありがとうございました。
>>276 紹介,ありがとうございました。
ブックマークボタン押して一番下に出てくる全てのブックマークを表示ってのを消したいんだけどどうすればいいの? 下のやつだと上に出る奴しか消せなかった・・・ #BMB_bookmarksPopup #BMB_bookmarksShowAllTop,
ツリー型タブを色々イジってマウスオーバーでサイドバーを展開するようにしているんだけど ピン留タブが拡大縮小サイズに合わせて整列する動きをするので他のタブが動いて使いづらいのでタブが追従して動がないようにしたいんだけど方法はあるのかな?
Firefox57のブックマークを元の色に戻す
https://00.bulog.jp/archives/228 win10の58では黄色になるのですがlinux mint mateの58だと
フォルダが表示されずスペースが空いてしまいます
おま環ですかね、ubuntu系の方々いかがでしょうか?
>>283 レス速っ ありがとう
後でやってみるね
>>283 やってみた。 おま環だわ、きっと。
/* 金色 */ だけはうまくいったけどあとはダメ。
下部のabout:configもダメ。
ただ...これやると他のcss設定が効かなくなる。ぱっと見で
/* サイドバーヘッダースリム化 */
/* サイドバーサーチ部スリム化 */
/* URLバー内の青色星アイコンをグレイ色に変更 */ など。
win10はフォルダの色だけちゃんと反映されたのでwinで使わせてもらいます。
あの黄色いiconよりいいね。mintはグレーで我慢します。
>>282 /***ブックマークメニューとブックマークツールバーのフォルダアイコンを以前の黄色に戻す***/
/* ブックマークメニュー */
@-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
}
}
/* ブックマークツールバー */
.bookmark-item > .toolbarbutton-icon,
menu.bookmark-item:not([query]):not([label="ブックマークツールバー"]):not([label="他のブックマーク"]) {
list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}
>>286 どーもありがとう
mintだとやっぱり消える
これもwin10だといいんだけどね
こういう表示スタイルと通常のスタイルの表示をキー打鍵(トリガーはアイコンも選択可)で切り替えが欲しいんですけど
何か方法ありますか?
CSSだけでそんなことできことはねえよ まずお前が進化しろ
____ ____(^o^)____ < 退化、トッホッホ | レ{ V }し | |\⌒⌒⌒ \ \| ⌒⌒⌒⌒|  ̄ ̄ ̄ ̄
>>296 おはよう
色付いたよぉ!
全体的にカラフルになった。
このuserChrome.cssに今までの記述を張り付けてみたけど
だいたい反映されるみたいだね。
どーもありがとう!!
>>297 >全体的にカラフルになった。
この userChrome.css の90行目付近で
/* @import url(./css/buttons/icons_colorized.css); /**/
さらに、77行目付近で
/* @import url(./css/buttons/buttons_on_navbar_classic_appearance.css); /**/
とか、340行目付近の
@import url(./css/generalui/bookmark_icons_colorized.css); /**/
この行以外を、バッサリ削除とか
>このuserChrome.cssに今までの記述を張り付けてみたけど
好きずきだけど、作者的には userChrome.css の最後で
/* Create a new file "my_userChrome.css" and add own/custom code to it. ...****/
@import url(./my_userChrome.css); /**/
を推奨している?
ウチの "my_userChrome.css"
/* タブタイトルのボカシをキャンセル */
@import url(./css/tabs/tab_titles_remove_blur.css); /**/
/* タブ内の余白を調整 */
.tab-content { padding: 0 3px 0 7px !important; }
.tab-content:not([pinned]):hover { padding: 0 9px 0 7px !important; }
.tab-icon-image:not([pinned]) { margin-inline-end: 2px !important; }
>>298 おぉ どーもありがとう。
css解らないんで助かったよぉ
三時のお茶です
つ旦
初心者な質問ですみません このスレのuserChrome.css・userContent.cssは,みなさんfirefoxをカスタマイズしているのでしょうか? 最近firefoxからChromeに乗り換えたのですが,ChromeのStylusでスレ上のcssを利用してUIをカスタマイズすることは可能でしょうか?
需要はほとんどないかもしれませんが /*** タブタイトルと同じようにアクティブタブをぼかす ***/ #TabsToolbar .tabbrowser-tab[selected="true"] .tab-background { mask-image: linear-gradient(to left, transparent, black 1em)!important; }
google他の人はこちらも検索の消し方教えてください
>>305 自分はこれでやってる
.exp-outline,.rc div[jsl]
>>306 ありがとうございます
おかげさまで邪魔なのは消えました
あと名残の薄い四角い囲み線が残ってるので
それもスッキリ消せないか試行錯誤してみます
ちょっと聞くけどuserChrome.cssとかuserContent.cssをChromeフォルダにぶっこんで使えばStylishとか使わなくても動くって事なの?
>>310 アドオン入れたほうが管理、編集効率が飛躍的に上がるけど無くてもいける
俺はXP時代の軽量化重視の癖が抜けなくて未だにアドオンなしで使ってるわ
なるほど、管理は確かに使ったほうが楽ですな 情報助かりました
ucjsDownloadsStatusModoki.uc.js 下の方で半分埋もれて見えないんだけど ウチだけかな
58.0.2を使っています。
userChrome.cssに
http://mozilla-remix.seesaa.net/article/111361523.html を記述し,検索バーの履歴をクリックで表示させる▼を表示させていましたが,いつからか表示されなくなりました。
https://babooshka-innerjourneys.blogspot.jp/2012/06/firefox_26.html に変えてみましたが,やはり▼が表示されません。
何か,仕様が変わったのでしょうか?
追記 もちろん,検索バーにフォーカスを移動し,↓を押下すれば検索履歴は表示されますし,選択もできます。 キーボードでの↓押下をマウスでのワンクリックで済ませたいのです。
>>318 58.xxあたりから出てこなくなったみたいだね
>>318 これ使いやすい
ShowHistroryByDoubleClick.uc.js
このアドオンで日時を表示するところの背景を透過したいのですが、
アドオン自体のCSSを変更しても適用されないようです。
userChrome.cssかuserContent.cssに記述しなければいけないでしょうか。
FoxClocks
https://addons.mozilla.org/ja/firefox/addon/foxclocks/ >>321 レス,ありがとうございます。
ご紹介いただいたものは,以前試してみましたが,私の環境では▼が表示されませんでした。
このたび,改めてダウンロードしてみましたが,中身も同じで,やはり▼は表示されませんでした。
userChrome.cssから,
>>318 の記述は削除してあります。
>>320 58.xxからですか。何かが変わったんですかね。
>>323 申し訳ありません。動きました。
▼が表示されるのではなく,左端の虫眼鏡をダブルクリックするんですね。
もっと調べてから書き込むべきでした。ありがとうございました。
>>323 ▼の表示じゃなく検索ボタンをダブルクリックで履歴表示
>>326 これもいいですね。直感的には▼が出るこちらの方が私には合います。
ご紹介,ありがとうございます。
>>329 バージョンアップしたようです 512 506 [] 2018/02/24(土) 19:45:27.77 ID:GpKwCtin0 [2/2] (PC) https://u6.getuploader.com/script/download/1686 DLした人こっちに変えておいて 余計な記述した結果新しく開いたウィンドウで無効になってたのを修正 ブックマークフォルダの一番下に出る 「ダブで全て開く」を非表示にする記述を教えてください
/* 「タブですべて開く」メニューを非表示 */ #compact-bk-menu menuitem#bookmarksShowAll, .openintabs-menuseparator, menuitem.openintabs-menuitem, menuseparator[builder="end"], menuseparator[builder="end"] + menuitem, .bookmarks-actions-menuseparator { display: none !important; }
右下に出る通知の時間短くしたいんだけど上手くいかない 20sから4sに @-moz-document url("chrome://global/content/alerts/alert.css") { #alertBox[animate] { animation-duration: 4s; animation-fill-mode: both; animation-name: alert-animation; } } 何処が変なのか教えてください
その記述だとchrome://global/content/alerts/alert.cssを開くときに適用することになってるが 実際に適用したいのは別のページでしょ?
>>336 すみませんテストで書き換えていたのを忘れてました
元々 chrome://global/content/alerts/alert.xul が書かれていました
どちらにせよ動かないのです( ;∀;)
以前はabout:configからalerts.totalopentimeで設定できたけど。
拡張でやろうとしてるか詳細度足りないかじゃね わかんねえけど
>>335 ていうかそんなファイルがあったんだ…。なんかFirefox自体を観れるchrome://がなかったっけ。
browser.xulみたいな。
こういうのの一覧とかないかなぁ
これCTRの古い検索スタイルoldsearch.css 58.02でも効くんだけど
https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/generalui/oldsearch.css んで以前からスクロールバーが出た方がいいなておもてて
104行目見たら display: none !important; になってたでござる
↑ ああああ すいません 以前消したの投稿してしてしまいました 内容も間違ってます 58.02では効きません
虫眼鏡が出るのがうれしかったので… つい (´・ω・`)
まっそう気にするなって… . ∧__∧ ( ´・ω・)∧∧l||l >>347 /⌒ ,つ⌒ヽ ) (___ ( _) "''"" "'゙''` '゙ ゙゚' ''' '' ''' ゚` /*タイトルバーにあるボタンの疑似消去*/
#titlebar-buttonbox { display: none;
/* タブカウンター */
#main-window { counter-reset: tabs;}
.tabbrowser-tab:not(:-moz-any([pinned],[concealed])){
counter-increment: tabs;
}
#alltabs-button {
visibility: visible!important;
@ここに↓
margin-bottom: -5px!important;
margin-left:8px;
margin-right:8px;
↑等を記入でできていました
color: black !important;
text-shadow: rgba(255, 255, 255, .5) 0 0px 8px,rgba(255, 255, 255, .7) 0 1px 1px,rgba(255, 255, 255, .2) 0 2px 8px !important;}
#alltabs-button:after { content: "Tab Counter:"counter(tabs);display: -moz-box;}
#alltabs-button > :-moz-any(label, image) { display: none;}
以前は上の書き方@で↓ができていた
58では同じ表記でもこうなってしまう↓(新規タブボタンの有無は気にしないでください)
タブカウンターなんてものも実はあまりいらないのですが、この部分に何か置かないと
最小化や最大化自体のボタンは効くのでタブが重なってしまうのでスペースうめとして書いています。
しかし58にしてから右端の部分が埋められずにビジュアルバランスとして納得できません。
上記の表記のとおり、数値に限らずmaergin-自体が作動していないように感じます。
なにか解決方法はありますでしょうか?改行制限のため見難くてすみません。
解決しました 表記の移行の際該当部分を勘違いしていました ちなみにこれ系で解決↓ #main-window[tabsintitlebar="true"] #TabsToolbar { margin-right: -18px !important; margin-left: 1px !important; }
σ < ワロタ (V) その時、使ってたヘラ浮きが残っていた || 今スキナーで撮ったwww σ < この間、天袋を覗いたとき見つけ出したwww (V) ||
>> 三 ツールバーにあるこれらを左に移す方法はありませんか?
>>354 #nav-bar > * {
-moz-box-ordinal-group: 10 !important;
}
/* ≡ */
#nav-bar > #PanelUI-button {
-moz-box-ordinal-group: 1 !important;
}
/* >> */
#nav-bar > #nav-bar-overflow-button {
-moz-box-ordinal-group: 2 !important;
transform: rotate(180deg) !important; /* ">>" の向きを反対にする */
}
うーむ どうやらみっつめの向きが逆になるのしか効かないようです...
a:visited { color:#d60031} 履歴も残してるし試しに!important;をつけても訪問済みリンクの色が反映されない ぐぐるとと57や8でも効いてるぽいのだが理由がわからない 試しにcss全消ししてこれだけ記述しても駄目だった
オプションにあるリンク色変更で試しに真っ赤に設定してグーグルの結果見てもデフォルトのうすーい赤のままになってる もちろん再起動などもした 何がいけないのだ
:visited無効化してるとかかね まあ新規プロファイルで試すのが一番早いんじゃね つーか:visitedの既定配色って紫じゃないっけ これを薄い赤と呼んでるなら悪いが
誰かcssで:visited試して見てくれ... 新規プロファイルで作ってもアドオンなしで立ち上げても変わらない...
Nightlyだから参考程度だな
理由がわかった ずっとuserchromeに書いてたがusercontentに書くのか・・・ ずっとstylish使ってたからわからんかった しかし上のbvisited liteだとサイト由来のリンクの色も変わるから悩むな・・・
stylishとか活用して ハングルが一切見えなくするようにはできませんか? ごく稀にあの気持ち悪い記号が目に入るのが凄く嫌なんです
>>365 どうしてもStylishというかCSSでやろうとするなら、font-familyのsrc指定を使って、見たくない文字コード領域が表示されるフォントをされないものに置き換える
素直なやり方としては、拡張かGreasemonkeyスクリプトで、見たくない文字を下駄なり豆腐なりに置換する
ちょうど↓のスレで、そんな話題が出てた
【Adblock】Mozilla Firefox 広告除去/追跡防止 24
http://2chb.net/r/software/1515404854/715- ただし↑でその話題を続けること自体はスレ違い、拡張かGreasemonkeyスクリプトのスレに行くべき
58にしてなにか違和感感じると思ったら タブのクローズボタン丸くしてたのが効かなくなってたわ
59にしたけどタブの角はcssで設定したままだけど?
タブのクローズボタンは #main-window #navigator-toolbox #TabsToolbar .tab-content .close-icon でいけたわ
>>144 横dです、とても便利に使わせてもらってます
けど、これタブにポインタ乗せた時には反応しなくて、
ツールバーに乗せた時だけ反応するようにしたくて
#navigator-toolbox:hover {
のトコを色々いじってはいるのだけど上手くいかないっす
タブに反応しないという設定が出来ないってことでFA?
改行入ってるだけで機能しなくなる:emptyに失望した
すいません質問なんですけど全画面状態みたいに普段はツールバー隠れてて マウスオーバーで出現させるみたいな事を通常のウィンドウでしたいのですが もし可能でしたらどなたかやり方を教えていただけませんでしょうか? よろしくお願いします
ブックマークツールバーに置いたアドオンボタンの間隔を狭めるCSS教えてください
アイコンから文字列データーを作る方法を教えてくだされ。
その文字列見ればぐぐるべきキーワードが出てるのに釣り針にしても大きすぎるわw 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|;|;i/。; ズン (^▽^)/
>>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 参照しているファイルが存在していない
これをダウンロードして userChrome.css と同じフォルダに保存
"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; } }
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
よろしくお願いします
>>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 口先”だけ”の人、あげたらダメというルールでもあるの?
一部で勝手に「ローカルルール」作るものどうかと?w
age云々はいつも書き込んでるからスルーしたほうがいいよ
ルール言ってるんじゃなくてageたからage厨って「言われた」だけ 勝手にルールだと思い込んだのは君
Firefox関連のスレを監視して、sageを記入しない奴に毎回「な、age厨だろ」のレスをするage監視君ww
そのage厨をいちいちチェックしてこんな所にレスぶっ込んでくるsage厨
俺はsageなんか入れないから巡回してその度に「な、age厨だろ」書いてろくそ野郎wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
document.evaluate('//INPUT[@class="formelem maxwidth"]',document,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE ,null).snapshotItem(1).value = "sage"; を消した
基地外sage厨はFirefox関連スレに常駐。 メール欄にsageを記入しない人を監視してます。 ぷっ。ウケるww
レス番飛びまくってクソ笑えるよっぽど悔しかったんでちゅねぇ〜ヨチヨチ
俺? 俺は「な、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厨だろ な、age厨だろ 👀 Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)
その幼稚なレスバトルに割り込んでの自分は違うアピールウザいから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;
}
質問スレでここを紹介されました。
画像の赤い所の溝を埋めたいのですが、
この設定で色々イジっても、小さくなってくれません。(大きくはなる)
何処をイジればいいんでしょうか?
タブとタブバーは大きくなるんですが、どうしても赤い所に隙間が出来てしまいます。
60.0.1 (64 ビット)です。
>>499 タブを下にしてないから分からないが、通常のタブの上にある青い部分はこれで消してる
.tab-line{ display: none !important; }
なにかのヒントにでもなれば。
>>501 青い部分は消せました
最大化じゃないとスペースは無くならないけど
これで我慢しておきます
ありがとう
ウィンドウデザインが違うせいかもしれないけど
>>499 と
#TabsToolbar {-moz-box-ordinal-group: 9 !important;}でやっても隙間の再現できないわ
ナビバーにしか隙間らしい隙間が出来ん
他の記述のせいで隙間出来てるんじゃないの
>>499 俺もプロファイルまっさらにして503の設定だけでやっても499追加しても隙間が再現できない
>>499 1、タブバーにmarginかpaddingが定義されている
2、タブバーの上方のツールバーにmarginかpaddingが定義されている
とかじゃないの?
firefox60をダウンロードして使い始めました。 cssで見た目を変更できるのをしっていろいろと試行錯誤中。 オプション画面の左下にある「Firefoxサポート」の部分を消すには どうしたら良いですか? 要素が<hbox class="help-button" pack="center">であることまでは わかったんだけど・・・ #hbox.help-button { visibility: collapse; } ってやっても消えないです。
.help-buttonでいい というかオプション画面まで弄るんだ そんなに見るもんでも無いだろうに
>>513 おお!! うまく消えた。
助かりました。ありがとうございます。
いろいろ消したり変えたりして試しているところなんです。
FoxClocksというアドオンがあるのですが、オプションでStatusbarを表示させたとき、
背景を透過できないでしょうか?
https://addons.mozilla.org/ja/firefox/addon/foxclocks/?src=search ゲェー!!開発ツールからuserChrome.css編集して保存したらコメントアウト部分がかな英数問わず全部文字化けした ちくしょう半端なバックアップしか取ってねえ 恨むぞMozilla
バックアップをよく見てみたら日本語シフトjisなんかで保存してた 氏ねあの頃の俺
開発ツールのデフォだとISO8859-1のはず それをUTF-8に変換すればいいんじゃね? と書いてたら元がshift-jisなのか
標準メモ帳使ってた頃の名残だと思われる 開発ツールでの上書き時にUTF-8で保存されたから化けたんだなぁ
「設定→検索」のワンクリック検索エンジンの縦幅を増やしたくて #engineList {height: 900px !important;} とuserContent.cssに書いて縦幅を広げたら、10個目以降が選択できない(全22個) インスペクターで調べるとrows="8"という所をrows="22"と変更すると望んだ挙動になる userContent.cssにどのように書いたら良いでしょうか?
更新あったようなので久しぶりにチェックした、rebuild_userchrome.uc.jsなんてのができたんだ。 xulとの違いなんてあるの?
userChrome.cssでタブバーを下に置いたら、ドラッグした時だけ全体が上にずりあがるんですが 直す方法ないですか?
YouTubeの再生速度変更ボタンを表示できたりしますか?
>>524 #TabsToolbar[movingtab] > #tabbrowser-tabs
や
#TabsToolbar[movingtab] + #nav-bar
あたりのmargintopやmarginbottomを0pxしたりーpx指定したりして調整してください
>>525 cssではないけどアドオンのEnhancer for YouTubeどうかな
>>527 こういうのがあるんですね
ありがとうございます
>>524 うちの場合#TabsToolbar[movingtab]のunsetを11pxで調整できた
#TabsToolbar[movingtab] {
padding-bottom: unset !important;
}
多段タブを使うとドラッグで移動できないんですが、これって修正方法ありますか?
/* サイドバーの選択されたブックマークの色を変える */ #bookmarksPanel treechildren:-moz-tree-row(selected) { background-color: #EEB0D0 !important; } 60.0からこのcss動かなくなりました改善方法ないでしょうか
firefox-treestyletab環境でサイドバーをマウスオーバーで開閉する様にしていますが 固定したタブが開閉に応じて動いてしまうのでなく開いた時に全体が現れる様に固定出来ますか? 今の記述内容は以下の通りです :root { --thin-tab-width: 32px; --wide-tab-width: 230px; } #sidebar-box:not([sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]) { min-width: var(--wide-tab-width) !important; max-width: none !important; } #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] { position: relative !important; transition: all 100ms !important; min-width: var(--thin-tab-width) !important; max-width: var(--thin-tab-width) !important; } #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover { transition: all 200ms !important; min-width: var(--wide-tab-width) !important; max-width: var(--wide-tab-width) !important; margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important; }
「その他のツール」というボタンはこれで左に移動できました #nav-bar-overflow-button { -moz-box-ordinal-group: 0 !important; } #PanelUI-menu-buttonもいちばん左に移動させるにはどうしたらいいですか?
>>536 #PanelUI-menu-button じゃなくてその親の #PanelUI-menu
#nav-bar > * {
-moz-box-ordinal-group: 99 !important;
}
#nav-bar > #PanelUI-button {
-moz-box-ordinal-group: 1 !important;
}
#nav-bar > #nav-bar-overflow-button {
-moz-box-ordinal-group: 2 !important;
}
-moz-box-ordinal-group の値は 1 以上の整数
0 でも一応動くけど厳密には不可なので、このようにしている
おまけ
/* オーバーフローボタンの矢印 >> を反転 << */
#nav-bar > #nav-bar-overflow-button > .toolbarbutton-icon {
transform: rotate(180deg) !important;
}
メニューバーを右クリックした時に出るメニュー内の区切り線の消し方が知りたいです。 ちょうど ツールバーから削除 と メニューバー の間にある区切り線です。
>>539 #toolbar-context-menu > menuseparator:not(#viewToolbarsMenuSeparator) {
visibility: collapse !important;
}
Google検索で出てくる「プライバシー診断を受けてみよう」を非表示にするcss知りたいです
>>544 ありがとうございました
それでいけました
cssでツールチップを半透明にするがツールバーなどに配置したアイコンは標準の白のままなんですけれども
ツールバーメニューバーなどのアイコン等のツールチップも変更する方法ありましたらお願いします
/* ツールチップを半透明にする */
tooltip {
-moz-border-radius: 10px !important;
-moz-opacity: 0.9 !important;
font: message-box !important;
color: #ffffff !important;
padding: 3px !important;
border-radius: 8px !important;
-moz-appearance: none !important;
background-color: transparent !important;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAAGElEQVR42mNkYGBYxkAEYGIgEowqpI5CABjxALr+NPKCAAAAAElFTkSuQmCC") !important;
border: 1px solid #666666 !important;
}
Fx 61.0b14をダークテーマで使っています。
サイドバーをダークテーマと同じ色調に変えたくて、ぐぐりました。
http://swan-match.hatenablog.com/entry/2017/11/25/020656 こちらのサイトにあるようにuserChrome.cssに記入してみたのですが、
うまくいきません。たとえばブックマークフォルダの色が隠れてしまいます。
全体的に不自然なところが散見されます。
ご教示いただければ嬉しいです。わかる方いらっしゃいましたら、よろしくお願いします。
>>547 /* ブックマークフォルダのアイコンに色を */
.bookmark-item[container],
treechildren::-moz-tree-image(container) {
fill: #FCFCFC !important;
}
色は#FCFCFCを好みで変えて
こちらのダークテーマ参考にしたらいいかも
GitHub - Izheil/Firefox-57-full-dark-theme-with-scrollbars
https://github.com/Izheil/Firefox-57-full-dark-theme-with-scrollbars >>548 ブックマークフォルダの視認性があがって識別が容易になりました。
感謝します。ありがとうございました。
Ublock Originにダークテーマ適用したいんだが
>>548 ヤツ使ってaddons.cssにTYPE-UUID-OF-UBLOCK-ORIGIN-HEREこいつを弄るみたいですが
UUIDってどこを参照すれば良いのだろうか?
どなたか馬鹿なオレに教えてください
about:debuggingでID調べろって書いてあったわ すまない
Firefox60.0.2の環境下でmouseGesture2.4.2.uc.jsでのジェスチャーで、タブの複製だけが 『TypError:aParams is null』ってエラーが出てきて出来ないんだけど、 どう直したらいいか教えてもらえないでしょうか? // タブの複製 case "Rda": openNewTabWith(gBrowser.currentURI.spec, null, null, null, false); break;
Firefox userChrome.js greasemonkeyスクリプトスレと間違えました お騒がせしました
タブの高さを変更しています
タブをドラッグしたときブラウザ自体は調整してあり動きませんが
タブバーに配置したアドオンなどのボタンが動きます
画像上側がタブをドラッグした時
下が通常時です
タブバーのボタンを動かなくする方法はないでしょうか?
>>555 細くしてるなら細くしてるCSSも貼ったほうが良いよ
#TabsToolbar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}
どう?
>>556 ありがとうございます 遅くなりました まだいくらか上方に動きます
こんな感じです
cssはこれらを利用していました
/* タブバーを細くする */
#TabsToolbar > #tabbrowser-tabs,
#TabsToolbar > #tabbrowser-tabs > arrowscrollbox {
min-height: 30px !important;
max-height: 30px !important;
}
/* remove 'dragging tab' margin/padding nonsense タブを動かしたときにブラウザが動くのを調整 */
#TabsToolbar[movingtab] {
padding-bottom: 15px !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#TabsToolbar[movingtab] + #nav-bar {
margin-top: unset !important;
}
/* toolbar order 下に置く(start) ************************************/ #print-preview-toolbar, #printedit-toolbar, #titlebar { -moz-box-ordinal-group: 0 !important; } #navigator-toolbox #toolbar-menubar { -moz-box-ordinal-group: 1 !important; } /* navigation toolbar */ #navigator-toolbox #nav-bar { -moz-box-ordinal-group: 2 !important; } /* bookmarks toolbar */ #navigator-toolbox #PersonalToolbar { -moz-box-ordinal-group: 3 !important; } /* 3rd party toolbars */ #navigator-toolbox toolbar { -moz-box-ordinal-group: 10 !important; } /* tabs toolbar */ #navigator-toolbox #TabsToolbar { -moz-box-ordinal-group: 100 !important; }
>>557 なるほどなるほど
分からん(CSS素人)
タブバーにアイコン置くことなかったから動くのに気づいたら俺も気になってきた
玄人頼む
>>559 どもです
あちこちググってみたらFirefox57向けのcssを見つけまして
これだとタブバーに配置したボタンが動かなかったのでこれでいくことにしました
どうもありがとうございました
/* タブの高さ */
.tabbrowser-tabs .tabbrowser-tab {
vertical-align: top !important;
-moz-box-sizing: border-box !important;
min-height: 25px !important;
max-height: 25px !important;
}
>>559 すいません
.tabbrowser-tabsではなく#tabbrowser-tabsでした
それからこのcssはタブの高さを変更するだけでタブバーはそのままでした
タブをタブバーより高くしたときにはタブバーも太くなりますが
それなのでタブバーを細くしたときにボタンが動くのは解決しませんでした
>>557 #TabsToolbar[movingtab] > toolbarbutton { margin-bottom: -15px !important; }
>>562 ありがとうございます
タブバーを細くするcss利用してもボタンが動かなくなるよう調整できました!!
下記が効かなくなった、61.0からかな? /*** リンク文字列のマウスオーバーでBottomにURLを表示しない ***/ @-moz-document url(chrome://browser/content/browser.xul) { statuspanel[type="overLink"] { display: none !important; } }
61.0からだと思うけど、下記でブックマークメニューで黄色にならない。 ブックマークツールバーは黄色になる。 どう修正すれば良いの? /***ブックマークメニューとブックマークツールバーのフォルダアイコンを以前の黄色に戻す***/ /* ブックマークメニュー */ @-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 } } /* ブックマークツールバー */ .bookmark-item > .toolbarbutton-icon, menu.bookmark-item:not([query]):not([label="ブックマークツールバー"]):not([label="他のブックマーク"]) { list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; -moz-image-region: rect(0px, 32px, 16px, 16px) !important; }
>>567 ブックマークサイドバーのURLが変わっている
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul") {
>>568 もしよろしければ履歴のURLも教えて頂けませんか
chrome://browser/content/history/history-panel.xul
>>569 @-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul),
下記がいつからか一番上に表示されなくなった。 どう修正すれば良いの? /*** コンテキストメニューSwift Selection Searchを一番上へ ***/ #jid1-kdtticj6wxvafa_jetpack_sss { -moz-box-ordinal-group: 0 !important; }
ちなみに62で
chrome://global/skin/icons/folder-item.png
が削除されるので
>>429 を今のうちにやっておくと後で混乱しなくていいかも
61にしたらサイドバーの背景がもとに戻ってしまった。 なにか変更になったのでしょうか?背景黒にしていたのですが。
>>575 そりゃ変更があったから背景が変わったんだろうなぁ
元々適用していたCSSすら出してないから雑談にしかならないけどな
リンク先のurlなどが表示されるステータスバーを昔のFxみたいにページ下に表示する方法を教えて下さい
>>579 これをgoogleで検索する→ Status-4-Evarもどき(Firefox57から)
.statuspanel
.statuspanel-inner
.statuspanel-label
css内の上の記述を下のに書き換える
#statuspanel
#statuspanel-inner
#statuspanel-label
>>580 横からだけど Status-4-Evarもどき を以前から使っていてFirefox61.0でうまく動かなかったのが解決しました
ありがとう!
便乗質問 Firefox61.0で Status-4-Evarもどき の メニューバーVer を使っているのですが アドオンのアイコンをステータスバーに配置すると下にずれてしまってアイコンの上半分しか表示されません (履歴や印刷のアイコンは普通に表示されます) これを解決する方法を教えてください よろしくお願いします
>>582 google検索でこれを検索→ メニューバーに置いたアイコンを右寄せにしたい
このcssを有効にするとボタンがちゃんと表示されると思う
うちの環境だけだったらごめん
長いURLだとアドレスがボタンに重なり見えないし見栄えも悪いので自分はこんな感じにしている
cssの下から11行目以下をこのように
フォントサイズは12か13で。ステータスバーもどきの高さを変更してるならborder: 3pxの値を変えればいいです
#main-window:not([inFullscreen]) #statuspanel-label {
background: transparent !important;
border: 3px solid #666666 !important;
padding: 0px !important;
font-size: 1px !important;
color: #fff !important;
margin-bottom: 0px !important;
background-color: rgba(51, 51, 51, 0.625) !important;
>>584 >>582 です
メニューバーに置いたアイコンを右寄せにしたい で上手くいきました
ありがとうございました!
>>584 cssの下から11行目以下ってStatus-4-Evarもどき メニューバーVerのcssね
>>580 その部分書き換えたら直ったよありがとうございます
もう一つ下記のやつが動作しないんだけど修正箇所分かる人居たら教えて下さい
/*** Swift Selection Searchを一番上へ ***/
#jid1-kdtticj6wxvafa_jetpack_sss {
-moz-box-ordinal-group: 0 !important;
}
ファイル名に_sss無かったから抜いてみても駄目だった
>>587 Fx60からは拡張idの後に-menuitem-が入るようになった
#jid1-kdtticj6wxvafa_jetpack-menuitem-_sss
>>588 ググってもそれらしい情報見つからなくて困ってた所助かりました
皆どっから情報仕入れてるんだろう
cssのSearch Bar Show Engine Namesとuc.jsのShowSearchBarHistroryByClick.uc.jsを組み合わせると 検索履歴が半行くらいでしか表示されなくなるの打つ手無い?
豆腐さんにあるuAutoPagerizeの区切り線など利用しています デフォの黒いバーが消えないんですが消す方法ないでしょうか .autopagerize_page_separator { display: none; }
「豆腐さんにあるuAutoPagerizeの区切り線」とは何なのか、uAutoPagerizeはuc.js版なのかアドオン版なのか 最低限の情報が足りてなさ過ぎだろ
アドオン版だという前提で言うと、そもそもデフォの黒いバーなんてない
>>594 申し訳ないですuc.js版があるのは知りませんでした アドオンのuAutoPagerizeです https://addons.mozilla.org/ja/firefox/addon/uautopagerize/?src=search 豆腐さんのuAutoPagerizeの区切り線はこのページのV2Cで分断されたURLを結合するの次にあります 貼れないのでURL分割してあります http://tofukko.blog113. fc2.com/page-1.html スクリーンショットの赤い矢印で示した黒い横線です uAutoPagerizeが動作するページはすべてこの線が出ます このページはYahoo検索です uAutoPagerizeの区切り線と元々の黒の線と二本あります !important付けてみればいいんじゃね? pageの前にあるタイルは何よ
>>597 後出しですいません!important付けないとcssが働かないので付けてました
pageの前にあるタイルというのはuAutoPagerizeの緑のアイコンのことでしょうか?
これはデフォであるものだと思いますけど
クリックするとグレーアウトしuAutoPagerizeの動作を停止させたりできるようになってます
すまん、ボケてたuの方か uAutoPagerize+stylusで黒線消えるけどなぁ
>>599 userContent.cssに記入してましたが
Stylishでやってみたら消えました
いろいろとありがとうございました
未読タブの文字に着色できなくなったのかよ。なんてこった… 裏技ありますか?
それ助かるけど既存タブをバックグラウンドでリロードしたときに反映されないのが残念
リンク先のurlなどが表示される左下のポップアップ、Status-4-Evarもどきを利用すると移動できるみたいですが、URLバーに表示させるようにはできませんか? 以前は拡張のLink Location Barを使用していて対応していたのですが、使えなくなってしまったので、もしCSSで対応できるならやりかたを教えてください
>>606 紹介どうもありがとうございます
でもこのCSSインストールできますか?
なんかインストールのボタンを押しても無反応で駄目なんです
自分だけでしょうか?
>>607 下にスクロールすると出てくるShow CSS Codeをクリックすると
ソースが表示されるからそれをコピペ
あと最新のFirefoxだと
.statuspanelを
#statuspanelに置き換えるはず
>>608 修正箇所まで教えてくれてどうもありがとう
今はちょっと試せないのであとでやってみますね
ロケーションバーcss動くのかな? 57より前のだよね
う〜ん、
>>606 をいろいろ弄ってみたのですが、
>>610 さんが言うようにfirefox61だと動かないんですかね?
>>606 も書き換えるのは
>>580 と同じだけど
一番上は.付いてないstatuspanelの間違いね
>>612 どうもありがとう修正できました!
でもこのCSSって、ロケーションバーに上書きでポップアップを表示させるんですね
URLの代わりに表示させるのは現状のfirefoxだと難しいのかな?
拡張も未対応になったみたいだし
下記でタブの高さを調整したとき、タブ名が上端に位置するのですが、中央に表示するにはどう記述すれば良いのでしょうか? .tabbrowser-tab:not([pinned]) { min-height: 30px !important; max-height: 30px !important; }
検索バーのポップアップの背景色をゼブラ表示にさせるcssなんですが、修正箇所教えてくれませんか? 以前に拾ったときはこんな感じだったのですが .autocomplete-treebody::-moz-tree-row(even) { background-color: #eeeeee ; } よろしくお願いします。
>>614 タブの高さは変わるけどタブバーの高さは変わらないcssだよね
タブのタイトルはタブの中央にちゃんと位置してると思うよ
>>615 .autocomplete-richlistitem:nth-of-type(even) {
background-color: #eee !important;
}
これだとロケーションバーのリストにも適用される
もし検索バーだけにしたければ
#PopupSearchAutoComplete .autocomplete-richlistitem:nth-of-type(even) {
background-color: #eee !important;
}
>>617 お〜これでロケーションバーも見やすくなって助かります!
どうもありがとう!!
>>616 レスありがとう。
タブの高さ=タブバーの高さと思っていた。
下記でほぼ中央に位置しました。
#TabsToolbar { margin-left: -38px !important; min-height: 33px !important; height: 33px !important;}
.tabbrowser-tab:not([pinned]) {
min-height: 38px !important;
max-height: 38px !important;
}
タブバーにツールボタンを配置してます。
ツールボタンを配置しなかったら、タブの高さ=タブバーの高さで設定すれば良いのでしょうか?
去年から火狐がHDDを100%アクセスする事態が頻発していた原因が何となく分かった。
>>621 自分もタブバーにいくつかボタン置いてるけど
どのcssを利用するかは好みなんじゃないのかな
とりあえず
タブバーの高さを変える(太く・細くする)のは
>>557 にあります
タブをドラッグしたときタブバーに置いたアイコンが動くのを調整は
>>562 >>562 さんあらためて感謝です
>>623 あまり代わり映えしないので下記にします。
#TabsToolbar { margin-left: -38px !important; min-height: 30px !important; height: 30px !important;}
.tabbrowser-tab:not([pinned]) {
min-height: 30px !important;
max-height: 30px !important;
}
52ESRでCTR使っててそろそろWEに移行を考えているんだけど、
このスレではCTRの作者が作っているCustom CSS tweaks for Firefox Quantumは使わないの?
https://github.com/Aris-t2/CustomCSSforFx >>625 半年以上前から既出、css素材として何度も出てる。
もともとCTRは「糞みたいなAustralis UIを何とかしたい!」のが主原動力だから
Quantum以降はそのまま導入する意味がほとんど無い。
ブックマークのファビコンを
>>429 のfolder-item.pngの左上みたいは白いファイルアイコンにしたいのですが、どう記述すればいいですか?
>>626 >>1 のテンプレに無かったから皆CSSをゴリゴリ書いているのかと思った
UIを変更したいだけでStylish、Stylusは不要なので、とりあえずこれをベースに色々やってみます
しかし57以降のUIはさらに酷いね…
そういやテンプレからstylishを削るときがきたのか…
win7でFirefox61.0.1 64bit版を使っています。 61にしたら、サイドバーで出てくるブックマークの行間が広くなってしまったので狭くしたいのと、 ブックマークを検索、とでる検索枠を消したいのと、その上にある★ブックマーク という文字を消したいので、 userChrome.cssに書くcssを教えていただけますでしょうか。 行間は下記を書いているのですが反映されないのです。 treechildren.sidebar-placesTreechildren::-moz-tree-row{ height:1.2em !important; border-width:1px !important;}
StylishからStylusに移行しようと思ってUser Style Extractorで変換したんだけど、なぜかインポートできないUI弄り関係のスタイルがいくつかある もうよくわからん
StylusはちょろめのフォークでUIは弄れないんじゃないの? 旧バージョンのStylishを手に入れるかCTRのカスタムCSSコードで対応かな?
>>631 /* トップのバーを外す */
#sidebar-header { visibility: collapse !important;}
/* サイドバーの検索バーを消す */
#bookmarksPanel > hbox,
#history-panel > hbox {
display: none !important;
}
>>631 /* サイドバーヘッダーのアイコンとタイトルとドロップマーカーを非表示 */
/*#sidebar-title {
display: none !important;}
#sidebar-switcher-target {
padding: 2px 0px !important;}
#sidebar-switcher-bookmarks > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
#sidebar-switcher-history > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
#sidebar-switcher-tabs > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
list-style-image: none !important;
width: 0px !important;}
#sidebar-switcher-arrow {
list-style-image: none !important;
width: 0px !important;}
>>631 のcssでブラウジングライブラリーの行間狭くなっていると思うんだけど
/* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.4em !important;
border-width:1px !important;
}
Firefox56か54ぐらいの間で止めて古いまま使ってます スタイリッシュも一度あげたんですがカラフルアイコンになってからなんか使いづらくて旧バーションを使ってます で、なんかブロックとかポリシーとか個人情報とか出てきたんですが 旧アイコンのものも情報収集されてるのでしょうか?
>>631 /* ブックマークサイドバーのブックマークの間隔を減らす */
@-moz-document url(chrome://browser/content/places/bookmarksSidebar.xul) {
treechildren::-moz-tree-row{
height: 0 !important;
border-width: 1px !important;
}
}
/* サイドバーの履歴の間隔を減らす */
@-moz-document url(chrome://browser/content/places/historySidebar.xul) {
treechildren::-moz-tree-row{
height: 0 !important;
border-width: 1px !important;
}
}
ステータスパネルの表示非表示をラグなしにする方法ないでしょうか? フェードインフェードアウトを無くすことはできたのですが表示非表示間隔を調整する方法が分かりません。 Stutas-4 everでできたようにカーソルをリンクに乗せたらステータスをパっと表示、リンクからカーソルを外したらスっと消えるようにしたいです。
Web版のTwitterのタイムラインやトップページの上にあるglobal-nav-inner部分の アイコンの並びを変えるのと付け加えるのはどうすればいいのでしょうか? リスト ホーム 通知 メッセージにしたいです モメントはli.momentsで消してます
>>633 なるほど…
みんなuserChrome.cssに直接書くようになったのかな
>>641 >>630 のスタイルエディター機能を使っている
>>641 UserCSSLoader.uc.js使ってる。
>>641 UIを弄る程度ならCTRの設定からコードを直接書き込めるようになってる
>>631 です
教えていただいたものを記述したら出来ました!!
ありがとうございました!!
なんか2行目に書いていたurlほにゃらら〜の記述が邪魔だったみたいです。
消したらうまくできました!
userChrome.cssから@importで個別のcssを読み込ませてる
お豆腐さんのところのStatus-4-Evarもどきみたいなもの他にもないのかなと探してみたら見つけました
ボタンは置けないけどけっこういい感じです
>>649 これでググってください一番目に出てきます → Penduin's Pen: How to Fix: Firefox 57+ Status Bar
statuspanelの前に#ね
>>650 お礼を言うのを忘れていました ありがとうございました
お尋ねさせてください。 以前、userstyles.orgかどこかで、AutoPagerizeで継ぎ足されたページの上部に表示されるページ番号(「Page: 2」等)を Pixivでも表示できるようにするスタイルをインストールしたことがあるのですが、先日誤って消してしまいました。 もう一度インストールし直したいのですが、検索しても見つけられません。 どなたか、スタイルのURLやコード内容をご存知の方がおられましたら教えていただけないでしょうか。
Stylishから以下の内容(chaikaのスレ一覧で一行おきに色をつけるものです)を userChrome.cssへコピペしたのですが反映されません #boardTree treechildren:-moz-tree-row(even) { background-color: WhiteSmoke !important; } #boardTree treechildren:-moz-tree-row(hover, focus) { background-color: -moz-cellhighlight !important; } #boardTree treechildren:-moz-tree-row(selected) { background-color: highlight !important; } これ以外のUI変更については反映できましたので、userChrome.cssの編集をミスってるとかではないと思います なにかStylishとuserChrome.cssとで変更すべき点があるのでしょうか? それともchaika固有の問題と思われるので そちらのスレに移動すべきでしょうか?
>>656 うまくいきました、ありがとうございます
Stylishでのnamespaceが
http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xulだったので すっかりuserChrome.cssだと信じてしまってました
>>627 自分も似たようなことをしているので以下でどうか
61では実現できてる
.bookmark-item:not([container]):not([livemark]):not([query]) > .toolbarbutton-icon,
.bookmark-item:not([container]):not([livemark]):not([query]) > .menu-iconic-left > .menu-iconic-icon,
treechildren::-moz-tree-image,
#backForwardMenu .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon
{
fill: transparent !important;
fill-opacity: 0 !important;
background-image: url("") !important;
}
background-imageはご自身で好きな画像を指定して適宜position、size、repeatで微調整
fillとfill-opacityはどちらかだけでもOKかと
>>632 Stylus の導入と設定方法(Firefox拡張機能)
https://atstudiota.exblog.jp/27113499/ これを参考にして設定を行ったよ。
サイドバーの幅を規定より小さくできるようにしたんだけど61にしたらできなくなりました。 最新の設定教えてくださいませ
>>660 @-moz-document url("chrome://browser/content/browser.xul") {
#sidebar-box,
#sidebar-box > #sidebar {
min-width: 0 !important;
max-width: 480px !important;
overflow-x: hidden !important;
}
}
>>658 わざわざ教えてくださってどうもありがとうございます
しかしCSSを指定してみたのですが、ちょっとposition、size、repeatで微調整辺りが良くわからなかったで、上手に表示ができないです
よかったら
>>429 の画像を使ったもう少し詳しい書き方教えてくれませんか?
よろしくお願いいたします
>>663 .bookmark-item:not([container]):not([livemark]):not([query]) > .toolbarbutton-icon, /* ブックマークツールバー上のもの */
.bookmark-item:not([container]):not([livemark]):not([query]) > .menu-iconic-left > .menu-iconic-icon, /* フォルダ内 */
treechildren::-moz-tree-image, /* サイドバー */
#backForwardMenu .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon /* 戻る進むボタン内 */
{
fill-opacity: 0 !important;
fill: none !important;
list-style-image: none !important;
background-image: url("chrome://global/skin/icons/folder-item.png") !important;
background-repeat: no-repeat !important;
background-size: 32px 48px !important;
background-position: 1px 0px !important;
}
バーの高さ・幅など他所の部分もcssでいじってるならそれらに応じて適宜調整が必要になるでしょう
>>665 わざわざ教えてくれて本当にありがとうございました
これで綺麗に表示が出来ました
firefox56.0.2を使用しております ページ内検索バーを常に表示するようにしたいのですが、↓のコードではできませんでした #FindToolbar{display: -moz-box !important;} どのように書き換えればよいのでしょうか? よろしくおねがいします
>>667 Firefox25からタブごとにページ内検索バーが独立したのでcssで常に表示は無理だと思います
>>669 ああ、そうなんですか
わざわざ教えていただきありがとうございます
ずっとさまよい続けるところでした
/* Url and search bars (アドレスバーとサーチバーの文字入力欄の背景色)*/
--url-and-searchbar-background-color: rgb(60, 60, 60);
--url-and-searchbar-color: #d0d0d0;
--urlbar-separator-color: #5F6670}
userChrome.cssに上の記述で両バーの内部の色を変更していました
この画像でいう薄い緑黄ピンクの部分です
v61以降この記述が無効になってしまったのですが
修正方法、もしくは別の書き方などありましたら教えて頂けませんか
>>672 やっつけなのでそう遠くない将来また無効になってしまうかも
とりあえず3カ所の色は変えられた
6行目以降は文字を選択反転したときの色を指定するもの
不要であれば削ってください
#urlbar,.searchbar-textbox {
background-color: rgb(60, 60, 60) !important;
color: #d0d0d0 !important;
--urlbar-separator-color: #5f6670 !important;
}
::-moz-selection {
background: rgb(89, 89, 89) !important;
color: #efefef !important;
}
>>673 お陰様で見事元通りに直りました
本当にありがとうございます!
ごめん潰れてなかった 間違えて古いFirefoxでアクセスしたら表示されないだけだった
それでもuserstyles.orgいつつぶれるかわからないから 必要なCSS確保しておいた方がいいかな
まだ発展途上で登録数も少ないけど、今後に期待。
https://openusercss.org/ >>681 一瞬復活したがまた消えたかw
もう駄目だなw
みんなで作った財産を企業に売り飛ばし企業がスパイウェア仕込んで終わり 何度も見たことが有るフリーソフト文化の闇
順番を並び替えると真ん中のバーだけ薄くなってしまうのですが修正する方法はありませんか?
URLバーの★ブックマークだけ残したい場合(メニューからブックマークはなしで)どうしたらいいでしょうか? サイドバーは自動開閉設定にしてるためドロップできず ・・・だけ消したいのですが・・・
FirefoxのUI(URLバーやブックマークの検索など)で ::-moz-selection 無効になったよね 62から ::selectionになったみたいだけど有効にならない
タブツールバーとURL、検索バーの高さを変えることができました が、URLバーの上下の余白をなくすことはできますか? 高さをなくした分下の余白がなく上の余白が残ったままです
縦scroll barを自動的に隠すCSSはありませんか?
>>692 #urlbar {
font-size: 13px !important;
min-height: 25px !important;
height: 25px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.searchbar-textbox {
font-size: 13px !important;
min-height: 25px !important;
height: 25px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
>>695 自動的に隠すuserChrome.jsスクリプトならあるんだけど
>>697 同じものかどうかはわかりませんが見つけて入れてみました
完全には隠れないが希望通りです
が、名前がまんまで
もともとのuserChrome.js導入over62.zipと中身を入れ替えました
これだと導入ベースのuc.jsは動かなくなるのでしょうか?000とsaveuc
>>名前がまんまで >>導入ベースのuc.js >>000とsaveuc 意味分からないです
>>699 目当てのスクロールjsの名前がuserChrome.js
xmlもuserChrome.xml
両方とも中を見てみましたが内容が全然違っているので?
中身をスクロール用に書き換えました
なので付属の000_xPref.uc.jsとsaveUCJS.uc.jsが使えないかなと
付け足そうとも考えましたがド素人なのでわからず・・・
uc.jsにリネームしてみたが動かず?
>>700 userChrome.js導入over62.zip内のuserChrome.jsとuserChrome.xmlの中を書き換えたらすべて動かなくなるよ
スクロールjsのファイル名がuserChrome.jsならスクロール.uc.jsにリネームすればいいだけ(scrollbars_win10.uc.jsとか)
もしかしてここのページ
https://pastebin.com/VxcWsaex のuserChrome.js(scrollbars_win10)を利用したのかな
そうならばスクロールバーのちらつきを改良したコードがあるので修正したらいいと思う
11行目
(function () { から
65行目
`; を
ここのページの内容と書き換える(コピペする)
https://www.reddit.com/r/firefox/comments/7f6kc4/floating_scrollbar_finally_possible_in_firefox_57/dqdbx6t/ 完全に隠すために書き換え後この部分の3pxを0pxに変更
border-left: 3px solid rgba(80, 80, 80, 0.75);\
border-top: 3px solid rgba(80, 80, 80, 0.75);\
角を丸くしたいときは
:not(select):not(hbox) > scrollbar:hover thumb {\ に
border-radius: 3px!important;\ を追加
メニューのツールにあるWindows 10 Style Scrollbarsで有効無効切り替え
>>701 ページは違えど全く同じものです
githubにあった0.04ものでしたが書き換えたらうまくいきました
完全にscroll barが出てきます(書き換え前は出たり出なかったり)
希望通りです
ありがとうございました
抱きしめてキスしたい
タブバー上の空白部分ミドルクリックで「閉じたタブを復元」に設定しているんですけど タブを6個ほど開いたらタブバー上に隙間がなくなってクリックする場所がなくなって困ってます 右端に空間を作る事って出来ませんか?
>>703 これ使ってるの?
Firefoxのタブバー上ミドルクリックで閉じたタブを元に戻すだけ.uc.js(middle-click-undo-close-tab.uc.js)
>>「新しいタブを開く」ボタンのミドルクリックでも閉じたタブを復元します。
>>704 「新しいタブを開く」ボタンでも行けました!
ありがとうございます。
タブを多段表示しても、タブの位置を自由に移動できるcssはありませんか?
ブックマークバーの行間を狭くする系のcss、入れても狭くならないんですが Firefox Dev portable版だからダメなんですかね?
>>711 /* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.5em !important;
border-width:1px !important;
}
>>712 ありがとう、でもダメだよそれ入れても狭くならないよ
タブの複数行化とかはちゃんと効いてるからファイルの名前や置き場はあってるはずだけど;;
>>713 これでどう?
treechildren::-moz-tree-row {
height: 1.5em !important;
border-width: 1px !important;
}
>>713 タブの多段表示とかの別の所に、既に入ってるんじゃない?
よく確認してみてン
他の記述と干渉している可能性 CSSはどちらも!importantなら後に記述する方が優先ね
今のFirefoxってUIは一切弄れなくなってるんじゃないの?しらんけど
>>717 アドオンではいじれないけどcssでならいじれるよ
>>713 treechildren.sidebar-placesTreechildren::-moz-tree-row {
min-height: 1.5em !important;
height: 1.5em !important;
border-width: 1px !important;
}
メニューエディター類が壊滅なのは痛い アドオンとかスクリプトで機能追加しても インターフェースが糞溜まりではどうしょうもないのう
>>715-716 そう思って試しに他の記述を全部消して
>>714 のやつだけにしてみてもブックマークペインの行間は一切変化しないんですよ…
>>719 すごい!
それだと狭くなりました!
ありがとうございます〜解決しました><
すいません誘導されてきたのですが、 <div data-test-id="xxxx" >というノードを非表示にしたいのですが、#xxxxや.xxxxの指定ではうまくいきません。 どうしたら良いのでしょうか。
div[data-test-id="xxxx"]じゃないの
ブックマークツールバーにあるブックマークを開くと上下ある▲▼を消していたんだけど62にしたら効かなくなってしまった。名称変わったのかな?それとも62じゃ無理?神様降臨して〜
ブックマークツールバーのフォルダアイコンを黄色に戻す設定も効かなくなった\(^o^)/
>>727 俺も
今気づいたがフォルダアイコンが消えてしまった
folder-item.png取ってきてurl指定して応急処置
必要あるかわからないけどfolder-item.png
/* Firefox57(Quantum)ブックマークフォルダの色を黄色に戻す */ @-moz-document url(chrome://browser/content/places/bookmarksSidebar.xul), url(chrome://browser/content/places/historySidebar.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("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/places/historySidebar.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("folder-item.png")!important; -moz-image-region: rect(0px, 32px, 16px, 16px)!important } }
ごめん /* 「履歴とブックマークの管理」も黄色に戻す */ は不要だった
chrome://browser/skin/places/unsortedBookmarks.png これ62でどこいった?
62にあげたら, userChrome.css で下記が効かなくなりました どこを修正すればよいか教えてたもれ, 賢者様! /* 未読タブのタイトル文字色を黄色に変更する */ .tabbrowser-tab[unread="true"] { color: yellow !important; }
folder-item.pngをchromeフォルダ入れろよ
>>744 期待通りの挙動です!賢者様!
ありがとうございました!!
タブをたくさん開いたとき一番右に出る>マークを消す方法をご存じでしたらご教示お願いします 名称が分からないのでググれず
左up, 右down /* タブバーのスクロールボタン非表示 */ .tabbrowser-arrowscrollbox > .scrollbutton-up, .tabbrowser-arrowscrollbox > .scrollbutton-down { display: none !important; }
>>749 おそらくautorepeatbuttonでやっていたと思うけど
.scrollbutton-up
.scrollbutton-down
に変わった
ブラウザツールボックスで一発でわかるんだから活用せよ
>>748 スクロールボタン、勉強になりました
ありがとうございます
52ESRから移行してきたがPopupInspectorが使えないの痛すぎる
>>730 >>731 >>741 横からだが自分も助かった
ありがとう
>>754 「履歴とブックマークの管理」も黄色に戻す は不要だからね
62になったら開いてるフォルダ以外を閉じるやつが効かなくなった
AutoCloseBookMarkFolder_Fx37.uc 導入で サイドバーに表示される 折畳 展開 の背景を暗くしたい(黒色) 見ずらくなるなら文字も(白色)に変更したい ご教示お願いします
ブックマークサイドバーの縦スクロールバーを非表示にできますでしょうか?
すでに同じ話題がでてて他の方は解決済みのようですが、自分の環境?じゃ治らないのでご指南願います
ブックマークのフォルダを黄色に戻す為にChrome.cssに
>>731 の内容を追加し
>>730 の先で拾ったfolder-item.pngをChromeに入れたものの
黄色になりません。あまり詳しくないので何か見落としがあるのかもしれませんorz
よろしくお願いします
userChrome.cssのフォーマットが正しくないんじゃね?
タブ位置の変更やらなんやかんや弄ってるうちにおかしな事になってんのかな(;´Д`)
これだけで .bookmark-item[container], treechildren::-moz-tree-image(title, container), treechildren::-moz-tree-image(title, open) { list-style-image: url("folder-item.png")!important; -moz-image-region: rect(0px, 32px, 16px, 16px)!important }
>>761 #bookmarksPanel scrollbar,
#history-panel scrollbar,
#treeBbsMenu scrollbar,
#sbTree scrollbar
{
max-width: 0px !important;
}
>>767 出来ました。本当に有り難う御座います。
mozillaサポートフォーラムのcssでブックマークを編集できますの「ページ縮小表示」と
「サイトアイコン」を消せるはずなんだけどサイトアイコンがなぜか消えてくれない
サイトアイコンも消せた人いたら教えてほしいです
https://support.mozilla.org/ja/questions/1232360 >>769 選ばれた解決策(Chosen solution)の(2)で消えましたよ。
Nightly 64.0a1(2018-09-09)
>>761 >>767 で確かに消せるんだけど、Macだと、スクロールでバーが表示されて、自動で消えるんだよね。
Winでも出来ないのかな?
>>773 userChrome.js用スクリプトでマウスオーバーしたとき
スクロールバーが出てくるようにはできるけれども
試してみたいならアップするよ
>>772 /* Hide Giant Thumbnail and Favicon */
#editBookmarkPanelImage,
*|div#editBookmarkPanelFaviconContainer {
display: none !important;
}
これで消えたありがとう
サイドバーの行間開きすぎなんだけど設定方法変わりました?
>>719 これってブックマークツールバーの方にも適応することって出来る?
>>778 Roomy Bookmarks Toolbar風css
ブックマークツールバーのアイコン間隔を詰めたりなどはここにあるcssがいい感じ
https://www.reddit.com/r/firefox/comments/72qkvt/any_replacement_for_roomy_bookmarks_toolbar_i/ /* --- Made by Trustadz --- */から
/* --- [/5] --- */までを利用
/* --- [5] --- */はブックマークツールバー自動開閉なんだけどFirefox環境によってうまくいかなかったりする
ESRもQuantumになったから普通に通常の最新版入れたんだけど ブックマークメニューの ・ブックマークサイドバーを表示 ・すべてのブックマークを表示 ・区切り ・ブックマークツールバー ・他のブックマーク ・区切り これらを非表示にさせる方法わかりますか? Quantumの前はUI Eraserで消してました
>>781 goo.glのURL短縮サービスの停止は予告されてたよ
スレで以前にあった、 /* 未読タブのタイトル文字色を黄色に変更する */ .tabbrowser-tab[unread]:not([pending='true']) { color: yellow !important; } が効かないのだけど、既出ですか?
>>785 だから、それが効かないんだよね。
記述何処か間違ってますか?
>>786 >>602 に方法試したの?なら、CSSに
/*はじめ*/
.tabbrowser-tab[unread="true"] .tab-text {
color: yellow !important;
}
/*おわり*/
て書いてみて。
サイドバーにブックマークを表示させた時の検索ボックスですが以前は Alt+S キーでフォーカスする事が出来たのですがバージョン57辺りから ショートカットキー(アクセラレーターキー)が廃止されてしまいました 復活させる方法を教えてください
>>788 Ctrl + I
Ctrl + B でブックマークサイドバー表示させたとき検索にフォーカスするから
ブックマークサイドバー出してるときならばCtrl押しながら Bを2回押せばフォーカスするかな
>>790 ありがとうございます
userChrome.jsというのを使ったことがなかったのですが
これから導入してみます
>>793 cssだけでは、ならないのですね。納得。
62では、unread属性が削除されたからか。
/*非アクティブタブの文字色*/ .tabbrowser-tab:not([visuallyselected=true]) { color: yellow !important; } で出来た。 おまけ /*読み込み完了時のタブが光ったような効果*/ .tab-loading-burst[bursting]::before { fill: darkorange !important; } /*非アクティブタブの背景色*/ .tab-background:not([selected=true]) { background-color: chocolate !important; }
>>795 おお、これこれ、cssだけで出来るじゃん。ありがとう。
チョコ色はちょっとね。
>>799 未読タブ→まだ見てないタブ
非アクティブタブ→見た見ないにかかわらずバックグラウンドになってるタブ
未読タブを一瞬でもアクティブにしてしまうと既読タブになってしまうから 2〜3秒間アクティブにしても未読のままにしておく方法あったらいいのにと思う
unreadTabs.uc.jsがこのタイミングでくるとは
更新したらタブをダブルクリックで再読込みができなくなった 直したいけどどうやんの?
ブックマークを追加するときに出る画面のフォルダツリーを最初から開いた状態にしたいんですが
サンクス、スタイルでちょこちょこって訳にはいかなかったのか タグの方は見つけたんだけど残念
興味なかったのでちょっと履歴のかなたに消えてた
#editBookmarkPanel #editBMPanel_tagsSelectorRow {
visibility: visible !important;
}
https://www.reddit.com/r/FirefoxCSS/comments/7kti37/how_to_make_it_so_that_show_all_tags_is_expanded/ サイドバー検索窓の背景色を変更したいです #search-box { border: 1px #ffffff solid !important; background: #444444 !important; color: #ffffff !important; } 上のだと検索窓が非アクティブの時には適用されません 非アクティブ時のIDは何ですか?
上タブが好きじゃないんでアドオンでサイドタブに 上タブを消すようにすると殺風景になるからメニューバー(タイトルバー?)を出してほぼほぼ満足なんだけど 色目を黒モードにしようとしても上のバーだけ白のまま これって黒く出来る??
>>815 IDは同じ
-moz-appearance: none !important;
が足りない
>>817 適用されました
調べたり試行錯誤をしても分からなかったので、とても助かりました
本当にありがとうございます
>>817 サイドバーの検索boxどうして変化しないと悩んでたところでした
助かりました
>>790 userChrome.jsの入手方法や使い方が全く分からず困っていましたが今日やっと使えました
てゆうか私の書き込みを見てわざわざ作ってくれたんですね
ありがとうございます
特定のサイトだけフォントサイズを大きく(または小さく)する方法を教えてもらえないでしょうか? 最低フォントサイズを14にすると楽天銀行の表示が崩れて 13にすると表示は崩れないのですが、今度はyahoo等の文字が小さく感じています userContent.cssでサイトの見た目は変えられるみたいですが可能でしょうか?
Stylusってアドオンではだめなのかな 特定サイトのみのCSSを適用できる
>>821 メニューバー → 表示 → ズーム → 文字サイズのみ変更
メニューバー → 右クリック → カスタマイズ → 拡大縮小をナビゲーションバーへドラッグ → +-ボタン → 任意のフォントサイズ
それかminFontSizePerDomain_e10s.uc.js
>>823 ありがとうございます
上の方法をやってみましたがダメでした
minFontSizePerDomain_e10s.uc.jsについて調べてみます
>>824 特定のサイトのテキストのみ大きさを変えられると思う
Zoom Page WE ? Firefox 向けアドオン
https://addons.mozilla.org/ja/firefox/addon/zoom-page-we/ cssはuserContent.cssかStylusで
ただcssだとページ内の大きな文字も小さな文字も全て同じ大きさになってしまう
/* 楽天銀行のフォントサイズを変える */
@-moz-document domain("rakuten-bank.co.jp") {
*{
font-size: 13px !important;
}
}
var minFontSizePerDomain = {
// ==config==
defaultMinSize: 14, // default min font size
// regular expression, or strings wild card * ? +
SITEINFO: [
{url: /^https?:\/\/min\.size\.(com|co\.jp)./ , size: 20}, // ex. regular expression
{url: "https?://min.size.(com|co.jp)*" , size: 20}, // ex. strings wild card: * ? +
{url: "https?://docs.google.(com|co.jp)*" , size: 0},
{url: "https?://rakuten-bank.co.jp*" , size: 13},
],
// ==/config==
minFontSizePerDomain_e10s.uc.jsdで以下のように変更してみたのですが、
楽天銀行のフォントは大きいままでしたが、どこがよくないでしょうか?
>>825 Zoom Page WE入れてみましたが、フォントがある大きさから小さくなることはありませんでした
Google検索結果にアンダーラインcomでも効かなくなったんだけどどうにかならないだろうか
>>826 だったらyahooの方を大きくすればいいんじゃないか?
>>827 うちの62.0.2では今でもこれなら効いてるよ
/* Google検索結果にアンダーライン */
@-moz-document url-prefix("
https://www.google.co.jp/" ;), url-prefix("
https://www.google.com/" ;) {
.rc .r {
text-decoration: underline !important;
font-size: 16px!important;
color: #1B6BDF !important;
}
}
>>829 無理だった
googleのcookieの問題かな
>>827 .r [href],
.r [href] h3 {
text-decoration: underline !important;
}
>>831 おかげで付きましたありがとうございます
>>826 最小フォントサイズだからねぇ
最小フォントサイズより小さければそれが最小フォントサイズになるだけで
もともとが最小フォントサイズより大きいなら何もしないわな(rem指定の先祖が引っかからない限り
ブックマーク追加時にツリーを開くだけなので810は大げさな気がしたので作ってみた (function(){ document.getElementById("editBookmarkPanel").addEventListener("popupshown", function(event){ gEditItemOverlay.toggleFolderTreeVisibility(); }, true); })();
>>834 ども
利用させてもらいます
>>835 今回だけ許して
次の2つに付いて調べているのですが、今の所見つけられていないので、教えて下さい。 @ブックマーク追加時に、入れるフォルダの一番先頭に来るようにする。 Aブックマークサイドバーの、ブックマークツールバーとブックマークメニューのフォルダを非表示にする。
スタイルで訪問済みリンクの色を変えるようにしてるんですが、 訪問済み画像リンクにも適用させることはできますか?
実画像へリンクしてるサムネ画像をどうすれば訪問済みにできるかってことなのかね
Share on Twitter
https://addons.mozilla.org/ja/firefox/addon/tweetright/ これの右クリックメニューの消し方と、どう調べるかを誰か教えて欲しい
WebExtensionsになってからIDの調べ方がいまいち分からず…
xpi内のbackground.jsでbrowser.contextMenus.createが確認でき
そこでは"id": "tweet-"+contextとなっていて、contextはpage/link/selectionの3つ
しかし#tweet-page{display:none !important;}等では表示が消えず
ucjs_copyMenuList.uc.jsなどでも表示されないので困ってます
>>847 今ってこんな方法で探せるんですねー
無事にID調べることが出来ました
ありがとうございました!
#jid1-smvuj9cq3cx13w_jetpack_tweet-page
a:visited > img{ border-color:〜 !important; border-width: 〜px !important; border-style: 〜 !important;} 辺りで
面倒だから纏めて指定しちゃうな border: 2px solid 色指定 !important; という感じで
>>831 今のcomは.r [href]からh3.rになった
>>851 ドメインは関係ないよ
.com でも .co.jp でも、クッキーを消して再読込を繰り返すと
h3.r [href] になったり
div.r [href] h3 になったり
どちらにせよ以後はクッキーを消すまでそっちで固定みたい
「最小化 最大化 閉じる」ボタンを非表示にできますか? フルスクリーン状態の時表示されるのが邪魔で。
#window-controls { display: none !important; } ツールバー隠せば気にならない気もするけど
Google Search Tools Back | Userstyles.org
https://userstyles.org/styles/95110/google-search-tools-back Search tools項目で「Keep on top」、つまり「ツール」を常時開いた状態にしているんですが、
グーグルの仕様変更以降、きちんと検索バーの真下に表示されず、右隅に表示されるようになりました。
修正お願いします。
>>859 これどうやって使うんですか?
Hide CSS Codeは何も書いてないと同じだし
Install style as userscriptをStylusに入れても変化ない
/*** Google検索結果にアンダーライン ***/ @-moz-document domain("google.co.jp"){ h3 *{ font-size:14pt !important; text-decoration: underline !important; } } 上記で検索結果の1行目にアンダーラインが引かれていたと思うけど、検索文字列のみに引かれる。 もともとそうだったのかな?
Install style as userscriptと書いてあるのにStylusに入れようとするのも大概謎だがな
>>867 >>859 がどうすれば利用できるのか知っていたら教えてください
>>860 userstyles.orgのShow CSS Codeのソース内の
/*[[〜〜]]*/の部分は[Customize Settings]で選んだ項目によってインストール時に置き換えられる
>>867 Install style as userscriptはStylish形式だけでなく
userstyles.orgがグリモンスクリプトにも自動変換してるってだけだぞ
>>869 Customize Settingsしてその右のボタンからインストールできました
Greasemonkeyは知らなかったんですが
Install style as userscriptはグリモン向けのスクリプトということですよね
ありがとうございました
Googleは仕様変更しょっちゅうだから、その都度Google様のおすすめ仕様に慣れるようにした方がいいような・・・
産経新聞のページがリニューアルですごく見にくくなったので以前のように戻したいけどめんどくさいから慣れるしかないか
タブバーの高さについて質問です #tabbrowser-tabs { margin-top: -5px; margin-bottom: -5px; min-height: 32px !important; max-height: 32px !important; } こんな感じで指定するとタブバーの高さ調整自体は上手くいくんですが タブを移動させようとした時に高さが勝手に(低く)変わってしまいます また上記の様にheightを指定しない場合はタブのオーバーフロー時に自動で逆に高くなってしまいます #TabsToolbarにheightを指定してみるも上手くいきませんでした どうしたら勝手に高さが変わるのを制御できるのでしょうか?
自己解決しました 普通に前スレ>19に解決法がありました 前スレの>19さんありがとうございました
産経サイト、読売を更に悪化させたようなのになっちゃったな。可読性極めて低下 代わりにCanvas Fingerprintingが消えた
ツールバーのコンテキストメニューの、 「ツールバーから削除」と「メニューバー」の間のセパレーターを消したいです。
#toolbar-context-menu > menuseparator:nth-child(6) でいいんじゃないの
>>885 消えませんね
その設定は以前試したことがあったんです
>>887 #toolbar-context-menu > menuseparator:nth-of-type(2)
FF関連スレは、スクリプトスレとここCSSスレが荒らされてるな。
ID次々と変化してるけど複数いるのかそれともIP変えてきてるのか
>>719 63で開いた行間もこれで治った
Thx!
複数のタブを選択した時のコンテキストメニューで、 タブをミュート、タブのミュートを解除 タブをピン留め、タブのピン留めを外す を非表示にしたいです。
🔥<wbr>機能しないFirefox!
☜ ペット
正式版の63でブックマークサイバーの間隔が元にもどりました。 狭める方法教えて下さい。
>>905 ありがとうございます。
これを書き込んだんですが、ダメでした。
アップデートする前までは使えていたのですが。
63.0サイドバーの履歴ヘッダ部分変だなと思ったら 表示(W)の▼がVに替わり幅が大きくなっていた
thunderbird 60.2.1 で、以下のようにスクロールバーの色を変更しています。 フォルダペインの右側とスレッドペインの右側に出るスクロールバーには設定した色が 反映されているのですが、メッセージペイン右側に出るスクロールバーには反映されません。 海外のサイトなども調べたのですが、この部分の色付けの方法が見つかりませんでした。 どうか詳しい方がいらっしゃいましたら、ご指導をお願いいたします。 scrollbar[orient="vertical"] { -moz-margin-start: -10px; min-width: 15px; max-width: 15px;} scrollbar thumb { -moz-appearance: none!important; border: 1px solid; border-color: #EED4A2 #B26F00 #B26F00 #EED4A2; background-color: Black; border-radius: 3px !important;} thumb:hover { background-color: grey !important;} scrollbar slider { background-color: silver;} scrollbar scrollbarbutton,scrollbar gripper { display: none;}
タブもしくはスクロールバー上で、マウスホイールで上下できるように修正してほしいです。 Firefox63になって動かなくなりました。 他の人はきちんと動いてるんですかね? #tabbrowser-tabs .tabbrowser-arrowscrollbox { -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important; }
結構前からageまくりじゃないか。しっかり監視しろよ。
firefoxのツールバーをカスタマイズのテーマで濃ゆい色に設定したいんですけど、 濃ゆいのにするとツールバーの文字が薄くなって見にくくなるんですが文字の色を変えたりすることできますか?
例えば白にしたいならuserChrome.cssに
@charset "utf-8";
@namespace url("
http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" ;);
:root {
--lwt-text-color: rgba(255, 255, 255) !important;
}
いくつかのサイトでロケーションバーに赤線で示した緑+のアイコンが出てくるんだけどCSSで消すことできないでしょうか
>>920 カスタマイズとは具体的に何をするのでしょうか
>>921 アドレスバーの中のアイコンだったのね
勘違いしていたすまん
サイドバーのブックマークや履歴のツリーを展開するボタン(逆くの字のやつ)が63から濃い色になったようなのですが、 色を変える方法は無いのでしょうか? ありましたらご教示お願い致します。
>>924 ありがとうございます右クリックはわかっていました
二度と出てこないようCSSで消したいのです
右クリで表示しない選択したらずっと非表示にならなかったっけ? サイト単位じゃなかったはずだけど
>>927 ありがとうございます
右クリックからアドレスバーに表示しないをこれまでも選択して非表示にしてきましたが
忘れたころにまた出てくるものでして
右クリックから消して様子見ることにします
一応これかな #pageAction-urlbar-_5dd73bb9-e728-4d1e-990b-c77d8e03670f_ { display: none !important; } アップデートでまた表示されるようになるかもだけど
>>929 重ね重ねすみません
CSSに入れておきます
>>917 まだどのテーマのものにするかは決めていないのですが
濃ゆい色にするとどれもブックマークのところなどに白い薄い膜みたいなのがかかってしまって見にくくなります
>>918 初心者で申し訳ないのですがどこを開いてどこに入力など書いてあるサイトなんてありますでしょうか・・・
>>931 >どこを開いてどこに入力など書いてあるサイト
userChrome.css
で検索すれば見つかる
>>933 ド素人にはとても無理な作業でした
諦めます
何でCSS使うのにuserChrome.jsのWiki参照させるんだろう
CSSはCSS以上の事は出来ないがjsはCSSも可能だからとでも思ってるのかも? いずれにしてもスレ違い テンプレも修正する必要がある
テンプレを修正するならブラウザーツールボックスのことも入れてあげて欲しい
>>934 質問スレの方に返信してしまってた。
http://2chb.net/r/software/1535505247/728 上のmozilla公式の開発テストアドオン、Test Pilot試してみては?
予め用意されてるテーマもあるし、各部の設定編集もGUIで取っつきやすい。
ブックマークサイドバーに表示されるブックマークを他のブックマークの配下だけにすることってできますか? できるのであれば、教えてください
「選択したタブを再読込み」reloadSelectedTabs 消えません、消し方を教えて下さい
いまさらながら filter: drop-shadow(); の威力に参ってしまった
Googleロゴに
filter: drop-shadow(2px 2px 2px #000); 用いたのがこれ
利用してるuserChrome.cssながめてみたら box-shadow: none !important; しかなかった
メニューバーの「ブックマーク」を押して表示される「すべてのブック マークを表示」を選択して表示される「ブラウジングライブラリー」の 背景色の変更について、ご教示ください。 サイドバーの背景色は、userChrome.cssに #bookmarks-view {background-color: #80989b !important;} と書き込んで変更することができたのですが、 ブラウジングライブラリーの背景色を変更するには、どのように書き込んだら よいのかご教示をお願いします。
63.0.3に変えたらブックマークのサイドバーの背景が白になってしまったんですが、 /* ブックマークツールバーフォルダ文字色 */ 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 } こちらを試しても変わりませんでした・・・なにかご教授を・・・
>>953 すいません自己解決しました。
#history-panel, #bookmarksPanel {
background-color: #222 !important;
color: #888 !important;
}
を追加したらできました。すいません。
すいませんこちらのサイト(
https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/blob/master/Full%20theme%20 (except%20scrollbars)/userChrome.css)
でダークテーマに変更したのですが右クリで「リンクを新しいタブで開く」等がなくなってしまいました・・・
userChromeにはちゃんとこのように
/* Open link in a new tab */
#context-openlinkintab,
/* Open link in a new window */
#context-openlink,
/* Open link in a new private window */
#context-openlinkprivate,
記述されているのですが反映されていません・・・何か邪魔しているのでしょうか?
一番下の /* Send link to device... (including it's separator)*/ #contentAreaContextMenu #context-sendlinktodevice, #contentAreaContextMenu #context-sep-sendlinktodevice {display: none !important} を消したらできました。 本当にすいません首つってきます。
新規プロファイル作ったらshow_SearchBar_Histrory_Dropmarkerが使えなくなっちゃったんですが
下の2つ以外にも何か手を加えないとだめなんでしたっけ?
サンドボックスが有効になった62以降でもuserChrome.js用スクリプトを利用する方法
https://github.com/alice0775/userChrome.js/blob/master/show_SearchBar_Histrory_Dropmarker.uc.js おっと、userChrome.jsスレッドと間違えてました。失礼
最新のバージョン(63.0.3)でブックマークフォルダに色を付けるにはどうすればいいでしょう?
Fx56_bookmark_buttons.zipでググるよろし
サイドバーの幅を小さくする方法を見つけたのですが(下に書きます) これだとサイドバーが完全に消える左端まで縮小出来てしまい サイドバーが表示できなくなってしまいます。これを回避するために 5、10ミリぐらい残るように止まるようにできるでしょうか? バージョン63.0.3です。 /* サイドバー幅の制限をなくす */ #sidebar-box { overflow-x: hidden !important; } #sidebar { min-width: 0px !important; max-width: none !important; overflow-x: hidden !important; } }
>>969 min-widthが0pxだからだろう
残したい幅だけ指定せい
>>970 そこは数字を変えても意味なかったです。
>>971 /* サイドバー幅の制限をなくす */
#sidebar-box {
min-width: 5px !important;
overflow-x: hidden !important;
}
#sidebar {
max-width: none !important;
overflow-x: hidden !important;
}
こんな感じで自分の環境だとこれでいけたけど どうです?
>>972 ありがとうございます。理想の形になりました。
#search-box{background-color:red !important;} サイドバーのサーチボックス色が変わらないのですが、どう指定したらいいのでしょうか(´;ω;`)
https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme このサイトのダークテーマを利用しちゃうと
タブの×ボタン消したりとかのコード入れても一切無効にされちゃうんだけどなんでかな?
中身読まないで /* TAB CLOSE BUTTON ALWAYS VISIBLE */ の部分もそのままにしてるからじゃないの
新しいurlを読み込んだときに一瞬、白い画面になりますが、これはuserchromeで対処できるでしょうか?ダークテーマつかってもだめですね
>>979 こういうことか?
userChrome.cssに
#tabbrowser-tabpanels {
background-color: red !important
}
↑なにも変化ないですね、、、 リンクをクリックして新しいページが新しいタブで開く場合、一瞬白くなるやつです
remove_white_flash.cssで検索すると幸せになれるかも
>>982 で変化ないなんておかしいが
それ以上にマルチポストも本体スレで質問するのもおかしいから
あっちにちゃんと謝って締め切っておけよ
Firefox63使用中で .tab-background[selected=true]は効くんですが .tab-background:not([selected=true])が駄目でどう治したら良いんでしょうか。
コンテキストメニューの変更について
#contentAreaContextMenu{background-color:red !important;}}
.popup-internal-box{background-color:red !important;}
#contentAreaContextMenuのほうが効かないのですが、どこがだめでしょうか
>>985 了解です
次スレ
userChrome.css・userContent.cssスレ Part9
http://2chb.net/r/software/1544138804/ コンテキストメニューの背景色はこれだとだめですか #contentAreaContextMenu{background-color:red !important;} また、コンテキストのホバー時のカラーもどうやって調べるかわかりません、ポップアップをロックしているのですが、ホバーまでロックされないです また、グレーアウトしている部分の色の変更も教えてください
UIの見た目を弄る場合基本的に
>>817 ただし崩れる可能性もあるからよく確認すること
どうも internal-boxもuiだとは思いますが、こちらは-mozがなくても有効かされるのはなぜでしょうか また、別の質問になりますが、userchromeで動画にフィルターをかけたり、明るさを調整することはできますか アドオンでもいいんですが
usercontentについてですが、背景画像にフィルターをかけたい場合どうしたらいいんでしょうか 背景画像が設定されている要素はサイトによって違いますし、background-imageに対して書き換えることはできますか?
このスレッドは1000を超えました。 新しいスレッドを立ててください。 life time: 358日 17時間 45分 1秒
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/ ▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php
read.cgi ver 07.7.23 2024/12/25 Walang Kapalit ★ | Donguri System Team 5ちゃんねる
lud20250307035010caこのスレへの固定リンク: http://5chb.net/r/software/1513178964/ ヒント: 5chスレのurlに http ://xxxx.5chb .net/xxxx のようにb を入れるだけでここでスレ保存、閲覧できます。TOPへ TOPへ
全掲示板一覧 この掲示板へ 人気スレ |
>50
>100
>200
>300
>500
>1000枚
新着画像 ↓「userChrome.css・userContent.cssスレ Part8 YouTube動画>6本 ->画像>40枚 」 を見た人も見ています:・userChrome.css・userContent.cssスレ Part14 ・userChrome.css・userContent.cssスレ Part12 ・userChrome.css・userContent.cssスレ Part13 ・CentBrowser Part1 [Chromium派生ブラウザ] ・CentBrowser Part1【Chromium派生ブラウザ】 ・CentBrowser Part8 【Chromium派生ブラウザ】 ・CentBrowser Part5 【Chromium派生ブラウザ】 ・CentBrowser Part5 【Chromium派生ブラウザ】 ・CentBrowser Part7 【Chromium派生ブラウザ】 ・Firefox userChrome.js greasemonkeyスクリプトスレ38 ・Firefox userChrome.js greasemonkeyスクリプトスレ35 ・Chromium派生ブラウザ Coowon Browser part1 ・Firefox userChrome.js greasemonkeyスクリプトスレ13 ・Firefox userChrome.js greasemonkeyスクリプトスレ42 ・Firefox userChrome.js greasemonkeyスクリプトスレ43 ・Firefox userChrome.js greasemonkeyスクリプトスレ42 ・Firefox userChrome.js greasemonkeyスクリプトスレ41 ・Firefox userChrome.js greasemonkeyスクリプトスレ41 ・Firefox userChrome.js greasemonkeyスクリプトスレ43 ・【OBS】Open Broadcaster Software Part.8 ・【OBS】Open Broadcaster Software Part.8 ・Vivaldi Part11 【Chromium/Opera12】 ・Chromium派生ブラウザ 「SRWare Iron」 Part19 ・Chromium派生ブラウザ 「SRWare Iron」 Part18 ・Twitterクライアント「Tween」総合 Part.5 ・Google Chrome Extensions(拡張機能) Part10 ・Vivaldi Part7 【Chromium、Opera12】 ・Chromium派生ブラウザ Superbird Part1 ・bbs2chreader/chaikaスキンスレッド part8 ・Comodo Dragon Part6 【Chromium派生ブラウザ】 ・Comodo Dragon Part7 【Chromium派生ブラウザ】 ・Comodo Dragon Part8 【Chromium派生ブラウザ】 (415) ・PeerCast総合スレ Part31 ・PeerCast総合スレ Part30 ・PeerCast総合スレ Part31 ・Chromium派生ブラウザ総合 Part5 ・Brave Part1【Chromium/Mozilla】 ・Twitterクライアント「Tween」総合 Part.7 ・Twitterクライアント「Tween」総合 Part.6 ・Twitterクライアント「Tween」総合 Part.9 ・【OBS】Open Broadcaster Software Part.11.1 ・COMODO Internet Security 16 ・OmegaChartスレ ver.10 ・OmegaChartスレ ver.11 ・bbs2chreader/chaika Part52 ・bbs2chreader/chaika Part53 ・bbs2chreader/chaika Part50 ・【軽量】 qBittorrent Part8 【BT/μTorrent】 ・【Rainmeter】RainySoft Part12【Rainlendar】 ・Avant Browser ( IE Firefox Chrome ) ・Music Center for PC 6 ・PeerCast総合スレ Part36 ・PeerCast総合スレ Part34 ・PeerCast総合スレ Part35 ・◇◇◆Music Center for PC 4◆◇◇ ・◇◇◆Music Center for PC 3◆◇◇ ・◇◇◆Music Center for PC 6◆◇◇ ・JRiver 総合スレ part1 ・Tablacus Explorer [ 誑 ] Part2 ・Tablacus Explorer [ 誑 ] Part5 ・JustSystems ATOK総合スレ Part94 ・JustSystems ATOK総合スレ Part96 ・JustSystems ATOK総合スレ Part97
03:56:34 up 57 days, 4:00, 0 users, load average: 17.25, 11.92, 9.80
in 0.1656608581543 sec
@0.1656608581543@0b7 on 031116