＿＿＿
(＼ ∞ ﾉ
ヽ)＿ﾉ
└∩───∩┘
ヽ(`･ω･´)ﾉ <１乙 貴男にこれをあげよう・・・
前スレのおすそ分けさんの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
/* コンテキストメニュー項目削除 */
#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
結構書き込んだりしてるけどな
でも、お前のような上から目線のようなやつと一緒にはされたくないからもうココには来ないよ。
俺もそんなに出来る方ではないが
偉そうな文面書いてる奴ほど実際大したことのない奴が多い。
まぁいつまでも上から目線で頑張るといいよ。ｗ 言い方はキツイが>>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隙間があって
選択しづらくて困ってます
このくらいで地雷認定とかどこの無菌室で生きてるんだろ？
ミジメな奴がいるなｗ
どんなcss書いているのか
カスタマイズ画面でタイトルバー、ドラッグ領域、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
まだでしょうか？。
無理じゃないんですよね？。
汚くてもいいので記述お願いします。 ずっとスレ荒らしてるチョンだろ
やり口かえて荒らしてるだけだよ
質問者とは別人なのは文の癖で分かる
いや無理じゃないって書いてるんだから、書いて見せればいいだけ
フロートさせて重ねるとかすれば出来そうな気がするが
今少し試して見たけどサイドバーヘッダーの手前に持って来るのよくわからなくて挫折したｗ早っ
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
おおおおおおお、すっげええええええええ
あなたこそは神ｗｗｗｗｗｗｗｗ
でもサイドバーを閉じるボタンと重なってるよ 二人のを参考にしてやっと出来た。使う予定ないけどｗ
まだ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
遅くなりました
このように変更してみましたがうｐ画像のようになってしまいます
#history-panel #sidebar-search-container #search-box {
visibility: hidden !important;
}
#history-panel #sidebar-search-container #viewButton {
margin-right: 25px !important;
margin-top: 8px !important;
あちこちいじってあるためきっと環境のせいなのだと思います
ここまでできただけでも十分です
ありがとうございました（・∀・)つ⑩ おい、俺様にも感謝しろよ
俺が煽ったから「教えたがり君」達が湧いてきたんだぜ
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;
} 教えて下さい。
デフォルトの状態からバーの高さに関係すると思われる変更を行ったこと、
① ブックマーク・ツールバーの項目をナビバーに移動した。
② 戻る・進むボタンを Visibility collapse にした。
③ タブバーおよびタブの高さを減らした。
④ アドレスバーと検索バーを両方表示した。
以上の状態のままで(ナビバーの高さは変わらないようにして)
アドレスバーと検索バーの高さを 2～3 ピクセル低くすることはできるでしょうか？
単純に urlbar と searchbar の height を 26px というように指定したのでは
ダメなのですか？ "おめえ分かってねえなあ" と云われるのを覚悟でお聞きしたく。。
＼ ⊂[J( 'ｰ`)し
＼/ (⌒ﾏ´
（⌒ヽrヘJつ
＞ _）、
し' ＼_） ヽヾ＼
丶_ｎ.＿_
過去ログ
￣ （⌒
⌒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はクラスで指定したかったんだけど……
>>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があったら教えてください。
>>269
.tab-content[selected="true"] {
は使えないん？ ブックマークボタン押して一番下に出てくる全てのブックマークを表示ってのを消したいんだけどどうすればいいの？
下のやつだと上に出る奴しか消せなかった・・・
#BMB_bookmarksPopup #BMB_bookmarksShowAllTop,
ツリー型タブを色々イジってマウスオーバーでサイドバーを展開するようにしているんだけど
ピン留タブが拡大縮小サイズに合わせて整列する動きをするので他のタブが動いて使いづらいのでタブが追従して動がないようにしたいんだけど方法はあるのかな？
>>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 下の方で半分埋もれて見えないんだけど ウチだけかな
追記
もちろん，検索バーにフォーカスを移動し，↓を押下すれば検索履歴は表示されますし，選択もできます。
キーボードでの↓押下をマウスでのワンクリックで済ませたいのです。
>>318
58.ｘｘあたりから出てこなくなったみたいだね >>318
これ使いやすい
ShowHistroryByDoubleClick.uc.js >>321
レス，ありがとうございます。
ご紹介いただいたものは，以前試してみましたが，私の環境では▼が表示されませんでした。
このたび，改めてダウンロードしてみましたが，中身も同じで，やはり▼は表示されませんでした。
userChrome.cssから，>>318の記述は削除してあります。 >>320
58.xxからですか。何かが変わったんですかね。 >>323
申し訳ありません。動きました。
▼が表示されるのではなく，左端の虫眼鏡をダブルクリックするんですね。
もっと調べてから書き込むべきでした。ありがとうございました。 >>323
▼の表示じゃなく検索ボタンをダブルクリックで履歴表示 >>326
これもいいですね。直感的には▼が出るこちらの方が私には合います。
ご紹介，ありがとうございます。 ブックマークフォルダの一番下に出る
「ダブで全て開く」を非表示にする記述を教えてください
/* 「タブですべて開く」メニューを非表示 */
#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みたいな。
こういうのの一覧とかないかなぁ ↑ ああああ すいません 以前消したの投稿してしてしまいました
内容も間違ってます 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
横㌧です、とても便利に使わせてもらってます
けど、これタブにポインタ乗せた時には反応しなくて、
ツールバーに乗せた時だけ反応するようにしたくて
#navigator-toolbox:hover {
のトコを色々いじってはいるのだけど上手くいかないっす
タブに反応しないという設定が出来ないってことでFA？ 改行入ってるだけで機能しなくなる:emptyに失望した
すいません質問なんですけど全画面状態みたいに普段はツールバー隠れてて
マウスオーバーで出現させるみたいな事を通常のウィンドウでしたいのですが
もし可能でしたらどなたかやり方を教えていただけませんでしょうか？
よろしくお願いします
ブックマークツールバーに置いたアドオンボタンの間隔を狭めるCSS教えてください
アイコンから文字列データーを作る方法を教えてくだされ。
その文字列見ればぐぐるべきキーワードが出てるのに釣り針にしても大きすぎるわｗ
CSSエアプかな？
>>381
firefoxで画像を表示
画像を右クリック(コンテキストメニュー)
「要素を調査(Q)」
インスペクターで選択された画像要素のタグ <img …> を右クリック
「コピー」メニュー
「画像のデータ URI」 「アイコンから文字列データを作る」ってどういうことよ？
スキームのことかなあ
faviconのBase64変換とかじゃないの
検索系のアドオンだとよく要求されるし
こんなお手軽な方法でエンコードできたんだ
知らなんだ
nightly 61 昨日、今日とぶれるな
昨日は少し戻った感じがしたが、今日は、更に、状況が悪くなった
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
参照しているファイルが存在していない
これをダウンロードして 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
口先”だけ”の人、あげたらダメというルールでもあるの？
一部で勝手に「ローカルルール」作るものどうかと？ｗ age云々はいつも書き込んでるからスルーしたほうがいいよ
ルール言ってるんじゃなくてageたからage厨って「言われた」だけ
勝手にルールだと思い込んだのは君
Firefox関連のスレを監視して、sageを記入しない奴に毎回「な、age厨だろ」のレスをするage監視君ｗｗ
そのage厨をいちいちチェックしてこんな所にレスぶっ込んでくるsage厨
俺はsageなんか入れないから巡回してその度に「な、age厨だろ」書いてろくそ野郎ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
document.evaluate('//INPUT[@class="formelem maxwidth"]',document,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE ,null).snapshotItem(1).value = "sage";
を消した
基地外sage厨はFirefox関連スレに常駐。
メール欄にsageを記入しない人を監視してます。
ぷっ。ウケるｗｗ
レス番飛びまくってクソ笑えるよっぽど悔しかったんでちゅねぇ～ヨチヨチ
俺？
俺は「な、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
おお！！ うまく消えた。
助かりました。ありがとうございます。
いろいろ消したり変えたりして試しているところなんです。 ゲェー！！開発ツールから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;
} >>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版なのかアドオン版なのか
最低限の情報が足りてなさ過ぎだろ
アドオン版だという前提で言うと、そもそもデフォの黒いバーなんてない
!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;
} >>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
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固有の問題と思われるので
そちらのスレに移動すべきでしょうか?
>>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かと サイドバーの幅を規定より小さくできるようにしたんだけど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
やっつけなのでそう遠くない将来また無効になってしまうかも
とりあえず３カ所の色は変えられた
６行目以降は文字を選択反転したときの色を指定するもの
不要であれば削ってください
#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確保しておいた方がいいかな
>>681
一瞬復活したがまた消えたかｗ
もう駄目だなｗ みんなで作った財産を企業に売り飛ばし企業がスパイウェア仕込んで終わり
何度も見たことが有るフリーソフト文化の闇
順番を並び替えると真ん中のバーだけ薄くなってしまうのですが修正する方法はありませんか？ URLバーの★ブックマークだけ残したい場合(メニューからブックマークはなしで)どうしたらいいでしょうか？
サイドバーは自動開閉設定にしてるためドロップできず
･･･だけ消したいのですが･･･
FirefoxのUI(URＬバーやブックマークの検索など）で
::-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が使えないの痛すぎる
>>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
出来ました。本当に有り難う御座います。 >>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
これってブックマークツールバーの方にも適応することって出来る？ 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を２回押せばフォーカスするかな >>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
未読タブ→まだ見てないタブ
非アクティブタブ→見た見ないにかかわらずバックグラウンドになってるタブ 未読タブを一瞬でもアクティブにしてしまうと既読タブになってしまうから
２～３秒間アクティブにしても未読のままにしておく方法あったらいいのにと思う
unreadTabs.uc.jsがこのタイミングでくるとは
更新したらタブをダブルクリックで再読込みができなくなった
直したいけどどうやんの？
ブックマークを追加するときに出る画面のフォルダツリーを最初から開いた状態にしたいんですが
サンクス、スタイルでちょこちょこって訳にはいかなかったのか
タグの方は見つけたんだけど残念
サイドバー検索窓の背景色を変更したいです
#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について調べてみます 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の方を大きくすればいいんじゃないか？ >>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);
})();
次の2つに付いて調べているのですが、今の所見つけられていないので、教えて下さい。
①ブックマーク追加時に、入れるフォルダの一番先頭に来るようにする。
②ブックマークサイドバーの、ブックマークツールバーとブックマークメニューのフォルダを非表示にする。
スタイルで訪問済みリンクの色を変えるようにしてるんですが、
訪問済み画像リンクにも適用させることはできますか?
実画像へリンクしてるサムネ画像をどうすれば訪問済みにできるかってことなのかね
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; }
ツールバー隠せば気にならない気もするけど
>>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に入れようとするのも大概謎だがな
>>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) ＦＦ関連スレは、スクリプトスレとここCSSスレが荒らされてるな。
ID次々と変化してるけど複数いるのかそれともIP変えてきてるのか
>>719
63で開いた行間もこれで治った
Thx! 複数のタブを選択した時のコンテキストメニューで、
タブをミュート、タブのミュートを解除
タブをピン留め、タブのピン留めを外す
を非表示にしたいです。
🔥<wbr>機能しないFirefox！ 
☜ ﾍﾟｯﾄ 正式版の63でブックマークサイバーの間隔が元にもどりました。
狭める方法教えて下さい。
>>905
ありがとうございます。
これを書き込んだんですが、ダメでした。
アップデートする前までは使えていたのですが。 63.0サイドバーの履歴ヘッダ部分変だなと思ったら
表示（Ｗ）の▼がＶに替わり幅が大きくなっていた
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のツールバーをカスタマイズのテーマで濃ゆい色に設定したいんですけど、
濃ゆいのにするとツールバーの文字が薄くなって見にくくなるんですが文字の色を変えたりすることできますか？
いくつかのサイトでロケーションバーに赤線で示した緑＋のアイコンが出てくるんだけど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以上の事は出来ないがｊｓはCSSも可能だからとでも思ってるのかも？
いずれにしてもスレ違い
テンプレも修正する必要がある
テンプレを修正するならブラウザーツールボックスのことも入れてあげて欲しい
ブックマークサイドバーに表示されるブックマークを他のブックマークの配下だけにすることってできますか？
できるのであれば、教えてください
「選択したタブを再読込み」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;
}
を追加したらできました。すいません。 一番下の
/* Send link to device... (including it's separator)*/
#contentAreaContextMenu #context-sendlinktodevice,
#contentAreaContextMenu #context-sep-sendlinktodevice
{display: none !important}
を消したらできました。
本当にすいません首つってきます。
おっと、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;}
サイドバーのサーチボックス色が変わらないのですが、どう指定したらいいのでしょうか(´;ω;｀)
中身読まないで
/* 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
了解です コンテキストメニューの背景色はこれだとだめですか
#contentAreaContextMenu{background-color:red !important;}
また、コンテキストのホバー時のカラーもどうやって調べるかわかりません、ポップアップをロックしているのですが、ホバーまでロックされないです
また、グレーアウトしている部分の色の変更も教えてください
UIの見た目を弄る場合基本的に>>817
ただし崩れる可能性もあるからよく確認すること どうも
internal-boxもuiだとは思いますが、こちらは-mozがなくても有効かされるのはなぜでしょうか
また、別の質問になりますが、userchromeで動画にフィルターをかけたり、明るさを調整することはできますか
アドオンでもいいんですが
usercontentについてですが、背景画像にフィルターをかけたい場合どうしたらいいんでしょうか
背景画像が設定されている要素はサイトによって違いますし、background-imageに対して書き換えることはできますか？
lud20230202204427ca
このスレへの固定リンク： http://5chb.net/r/software/1513178964/ヒント：5chスレのurlに
http://xxxx.5ch
b.net/xxxx のように
bを入れるだけでここでスレ保存、閲覧できます。
TOPへ TOPへ
全掲示板一覧 この掲示板へ 人気スレ |
>50
>100
>200
>300
>500
>1000枚
新着画像
↓「userChrome.css・userContent.cssスレ Part8 YouTube動画>6本 ->画像>39枚 」を見た人も見ています：
・userChrome.css・userContent.cssスレ Part10
・userChrome.css・userContent.cssスレ Part9
・userChrome.css・userContent.cssスレ Part7
・userChrome.css・userContent.cssスレ Part6
・userChrome.css・userContent.cssスレ Part14
・userChrome.css・userContent.cssスレ Part13
・userChrome.css・userContent.cssスレ Part12
・userChrome.css・userContent.cssスレ Part11
・CentBrowser Part8 【Chromium派生ブラウザ】
・CentBrowser Part1 [Chromium派生ブラウザ]
・CentBrowser Part1【Chromium派生ブラウザ】
・CentBrowser Part5 【Chromium派生ブラウザ】
・CentBrowser Part4 【Chromium派生ブラウザ】
・CentBrowser Part5 【Chromium派生ブラウザ】
・Google Chrome Extensions（拡張機能） Part20
・CentBrowser Part3 【Chromium派生ブラウザ】
・Google Chrome Extensions（拡張機能） Part22
・Google Chrome Extensions（拡張機能） Part22
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ38
・【最速】Sushi Browser part.1【chromium】
・CentBrowser Part2 【Chromium派生ブラウザ】
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ35
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ36
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ40
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ39
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ34
・CentBrowser Part6 【Chromium派生ブラウザ】
・Google Chrome Extensions（拡張機能） Part10
・Chromium派生ブラウザ Coowon Browser part1
・Tampermonkey ( Greasemonkey ) Google Chrome Extensions
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ32
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ24
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ13
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ44
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ43
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ42
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ33
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ41
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ42
・Firefox userChrome.js greasemonkeyスクリプトｽﾚ41
・Chromebook 雑談スレ Part7
・Counter-Strike: Global Offensive 質問スレ Part3
・Chromium派生ブラウザ 「SRWare Iron」 Part18
・Comodo Dragon Part8 【Chromium派生ブラウザ】
・Chromium派生ブラウザ 「SRWare Iron」 Part19
・【HONEY】ハニーセレクト SSスレ Part8【SELECT】 [無断転載禁止]©bbspink.com
・情弱「Chrome」 情強「Opera」 一般人「Sleipnir」 馬鹿「Internet Explorer」 害児「Firefox] なぜなのか？
・Internet Explorer VS Firefox VS Google Chrome VS Opera VS Safari VS Edge VS Sleipnir
・【KOF】THE KING OF FIGHTERS 98 ULTIMATE MATCH Online 無課金・微課金スレ Part30
・【Nintendo Switch】総合スレ part2
・Acronis Cyber Protect Home Office Part73
・Chromium派生ブラウザ 「SRWare Iron」 Part18
・Nintendo Switch ケース・保護フィルム他アクセサリ・周辺機器スレ part2
・【Steam VR】VRchatスレ part8
・【OBS】Open Broadcaster Software Part.8
・【HONEY】ハニーセレクト SSスレ Part11【SELECT】 [無断転載禁止]©bbspink.com
・【HONEY】ハニーセレクト SSスレ Part6【SELECT】 [無断転載禁止]©bbspink.com
・【HONEY】ハニーセレクト SSスレ Part15【SELECT】 [無断転載禁止]©bbspink.com
・【HONEY】ハニーセレクト SSスレ Part16【SELECT】 [無断転載禁止]©bbspink.com
・【CSO2】Counter-Strike:Online 2 part3【正式サービス開始】 [無断転載禁止]
・【TESO】The Elder Scrolls Online 質問スレ Part27
06:30:15 up 9 days, 16:54, 0 users, load average: 7.58, 7.25, 7.69
in 0.09332013130188 sec
@0.09332013130188@0b7 on 122120
|
