userChrome.css・userContent.cssスレ Part7
■ このスレッドは過去ログ倉庫に格納されています
>>755
@-moz-document domain("google.com"), domain("google.co.jp") {
#res h3.r{font-size: 30px !important;}
} >>757
迅速なご対応をありがとうございます
ページの指定も欲しかったので助かりました >>756
これで使う気なくしたわ
一応直せたんだな、ゴミだけど ＩＭＥのON、OFFで入力欄の色を変える方法またはアドオンあるでしょうか。
５７にアップデートして「IME Area」が使用できなくて困っています。 サイドバーの閉じるボタン（×印）を非表示にさせたいのですが、
>>70-71 の方法ですと、当たり前ですがヘッダー部が丸ごと非表示になってしまいます。
そうではなく、閉じるボタンのみを非表示にさせたいのですが可能でしょうか？
と言いますのも、現在 Firefox ESR52 で Autoclose Bookmark&History Folders というアドオンを使っており、
これのアイコンは表示させておきたいのです。
よろしくお願いいたします。 >>762
#sidebar-header { visibility: collapse !important;}
これ以外の方法はありません。ご理解の程をよろしくお願いいたします >>762
可能です
要素名はブラウザツールボックスとか使って自分で調べて サイドバー ブックマークの★を消すか少し小さく出来ますか
なんか目立つんです、こいつ。
https://i.imgur.com/0LpQqIO.png >>767
どーもありがとうございます。
見落としてました すみません m(__)m >>762
#sidebar-header > .close-icon {
display:none !important;
} >>769
閉じるボタンのみ表示されなくなったのを確認いたしました。
どうもありがとうございました。 >>774
wiki@nothingなどにあるIMEの色変わるやつ動かないのばかりで
外部ソフトakinosign紹介してしまいましたが
自分もスクリプトあればと思ってたんだけど横からいただきました
ありがとん タブの右クリックメニューを、
「右側のタブすべてを閉じる」
「左側のタブすべてを閉じる」
「他のタブをすべて閉じる」
だけにしたいです。
どの様に書けば良いでしょうか？ #TabsToolbar
{
margin-right:70px !important;
height:22px !important;
font-size:13px !important;
}
firefoxのタブ高さを変えたいのですが、以上だと反映されません
試しに高さを300にしてみると反映されます
これは何を設定すれば狭められるでしょうか >>776
>>676
尚、「左側のタブすべてを閉じる」 はデフォでは存在しない >>777
Firefox57でタブの高さを低くしたいってこと？
とりあえず簡単に書いてみたけど、24pxぐらいまでがタブの収まり的に限界かな。
:root{
--height:24px ;
--tab-min-height:0 !important;
}
.tabbrowser-tab {
min-height: var(--height) !important;
max-height: var(--height) !important;
}
.tabs-newtab-button {
height: var(--height) !important;
} 横だけどタブのバックグラウンドの高さはどうやって変えるの？ >>780
タブのバックグラウンドの高さ？
バックグラウンドで開かれたタブの高さということ？
それともタブ自体の高さは変えずにタブバーの高さを変えるということ？ >>777
>>782
/* タブの高さ調整 */
#TabsToolbar {
margin-top: -7px !important;
height: 37px !important;
}
.tabbrowser-tab:not([pinned]) {
font-size:12px !important;
min-height: 25px !important;
max-height: 27px !important;
}
横からですが
自分が使っているやつですが数字は好みで変えてみて下さい
TabsToolbar タブの高さ
tabbrowser-tab バックグラウンドの高さ 質問です
ツールバーにある「進む戻る」ボタンがマウスのボタン操作のため不要なので
隠そうとして以下のを「chrome.css」に加えた所・・・
何もしてない時やページを開いた直後は消えてるのですが
ページ内のリンクをクリックすると"戻る"のボタンが出てきます
(そのページを閉じるとボタンも消えます)
どこをどういじれば良いのかわからなくなったので知ってる方がいればご享受していただきたいです。
ヨロシクお願いします。
/* ツールバーの進む戻るボタンを隠す */
#back-button[disabled="true"] { display: none;
}
#forward-button[disabled="true"] { display: none;
} >>784
書き忘れてました、補足です。
ページ内でリンク開いても「進む戻る」ボタンが出現しないようにしたいのです。
ヨロシクお願いします <(＿ ＿)> >>784
#back-button, #forward-button { display: none !important; }
では駄目な理由が解らん >>784
余計な記述をするからそうなる
以下に差し替えればok
/* ツールバーの進む戻るボタンを隠す */
#back-button,
#forward-button {
display: none !important;
} >>788
あ（笑）、せやな
ついついcssで記述してまうわ（笑） >>786
>>787
ご指摘ありがとうございました。
>>787 さんのを貼り付けて思い通りに出来るようになりました。
御礼申します <(＿ ＿)> >>782
バージョンとスキンを
デフォルトだと濃い灰色の部分なんて見当たらん
>>792
57.0.1だと普通にカスタマイズでも移動できるんだが……
56.0.2だとカスタマイズじゃ動かせないし >>783
ありがとう 出来たんだけどタブの後ろの部分弄るとタブ移動がおかしくなるんですね
>>793
57.0.1です タブ移動時に膨らむのなら対策されたのがcustom_css_for_fxの中にあったような >>795
詳しく
custom_css_for_fxでググレカスしても出てこない どっかでもらったこれがあると移動の時膨らむのは分かった
/* 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;
} >>798
/* remove 'dragging tab' margin/padding nonsense */
#TabsToolbar[movingtab] {
padding-bottom: unset !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#TabsToolbar[movingtab] + #nav-bar {
margin-top: unset !important;
}
自分はこれで膨らみ対策になってるけど
どっかでもらったそれに一緒に付いてなかった？ >>799
すげぇ〜！おなった！じゃなくて治った！
付属品は無かったです。
早朝サンガツでしたぁ。 >>799
自分も設定したかったので凄く助かりました <(＿ ＿)>
ただ・・・自分はメニューバーを隠してるので
どうしても右上角の最小化や閉じるなどの3つのボタンがハンバーガと被ってしまいます
これをどうにかする方法(透明化やポップアップ等)を誰か知ってたら教えてもらえませんか？？ >>797
これで使用率低かったら廃止されたりすんのかなあ… >>802
いずれXUL自体が廃止されるのは確実なので
使用率に関係なくuserChrome.cssはXUL廃止の進行具合でどこかで使えなくなる
その前に使われ方を見てWebExtensionsやテーマのAPIをどうするかの材料にしたいんじゃないかな
そのためにはCSSの中身まで調べる必要があるけどまず第一段階として使ってるかどうかだけを調べると >>802
使用率だけでなく色々と問題があるから廃止されるのは時間の問題
もちろん俺は使ってないけどね。このまま廃止されても痛くも痒くもない
750 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ff0e-qmOZ)[sage] 投稿日：2017/12/08(金) 12:51:42.42 ID:rkQdesfP0 [3/4]
挙動がおかしいと言い張るならとりあえずわけわからんuc.jsの類は外して検証しないとな
751 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f70-qmOZ)[sage] 投稿日：2017/12/08(金) 12:54:53.69 ID:mTvuuRAB0 [3/4]
ダブルクリック更新もきかなくなってる
更新のたびにやり直さないけない？
752 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b75b-qmOZ)[sage] 投稿日：2017/12/08(金) 12:56:02.87 ID:G4d28HlY0
折角シンプルになったのに弄くり倒すかそうなる
753 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ff0e-qmOZ)[sage] 投稿日：2017/12/08(金) 13:00:59.45 ID:rkQdesfP0 [4/4]
userchrome関係は完全にMozillaサポートの外側で勝手にユーザーがやってることだからこんなとこで質問してる時点でもうね xul廃止で使えなくなるのはその通りだが
userChrome.jsとuserChrome.cssは出自が全く別なのに
userChromeとひとくくりに呼ぶにわかさんの言うことはあんまり参考にならない >>797
個人的には勝手に通信されるのは好かないのでオプトアウトするだろうな そしてCSSを使っている人が極少数とみなされてめでたく廃止！
レポート送信の重要性を知らないからそうなる
廃止してほしくないなら勝手に通信されるのを許容してしまうしかあるまい。身勝手が一番よくない >廃止してほしくないなら勝手に通信されるのを許容してしまうしかあるまい。
通信されるのを許容したら廃止はしないって約束してくれるならいいけどな 人数関係なくXUL実装が削除されていって維持する意味がなくなったら廃止されるだけ
テレメトリを送るかどうかの選択はユーザーの権利だから好きにしていいと思う https://bugzilla.mozilla.org/
ざっとてきとーに見たけど新しいAPIを実装しましょう！という前向きな人が皆無なのね
むしろ、このままでよい、斬新的なものだとAPI廃止に契合している人が目立つ
これがFirefoxの未来の姿なのだと想像してみたら希望が持てるじゃない userChrome.jsとuserChrome.cssが廃止になったら火狐使う理由がなくなる 印刷できないレイアウトがバグるFirefoxなんかゴミ まぁな、確かにFirefoxは印刷関連が弱いとは感じるけど
それよりなんでuserChrome.cssだけ情報吸い上げようとするのかな？
userChrome.jsも一緒に情報得ようと思えば出来るはずなのに 他と併用しながら元の感じに戻してるけど、何だよ無駄足になるのかｗ >>801
このスレ内を「クローズボタン」でレス検索または
「ウィンドウのクローズボタンよけ」でGoogle検索 >>818
ありがとうございます
既に書かれてたんですね・・・見つけれませんでした
以後気をつけます。
ありがとうございました <(＿ ＿)> 公式サポートじゃないuserChrome.jsを調べる意味ってなに FF57にしたらuserChrome.css効かなくなったんだけど、そんなことある？
about:supportから開いたフォルダのchromeにあるuserChrome.cssに書き込んでるのに効かないんだが そうだった悪い焦ってた
/* タブバーを消す*/
#TabsToolbar {
visibility: collapse;
}
/* サイドバーのヘッダーを消す*/
#sidebar-header { display: none;
}
これですよろしくお願いします あ〜マジでuserstyle.org前のに戻して来んねーかな
未だに慣れねーわこの糞デザイン
スクショ追加しても1枚しか表示されねーしゴミ過ぎだろ ツールバー自動開閉作者の人ありがとう
タブーを同じように開閉しようと思ったけど無理でした >>826
拾い物ですが
/* Auto hide tab bar */
:root:not([customizing]) #navigator-toolbox:not(:hover):not(:focus-within) #TabsToolbar {
visibility: collapse;
} なんで皆んなツールバー関連マウス開閉させたがるんやろうな、
マウスが通過する度にピョコピョコ開いて気持ち悪くないのか >>828
彼らはピョコピョコ開くのが楽しい精神年齢が幼稚園児だから仕方がない
俺は自動開閉など要らない。Mozillaはこの機能を無効・廃止していいよ。もちろんサイドバーも廃止ね >>828
2ペインブックマークが死んでブックマークサイドバーが使いにくくなったから代わりにブックマークツールバーを自動開閉して使ってるよ
ツリー型タブも使ってないからサイドバーが完全にいらない子になってしまった
cssでブックマークサイドバー2ペイン化できないかと要素覗いてみたら一部の隙もない単要素で笑うわ 2ペイン化はもはや不可能。忘却の彼方へ消えていったと思いましょう
慣れすぎるといざというときにあたふたしてしまうので使わないことを強く推奨する
>>830さんもいつの日か「ああ、2ペインなんてのがあったね。もう20・30年も前のことだからすっかり忘れていた」と思うだろう Firefox57で、userChrome.cssに
/* 検索バーの右側に履歴を出すボタンを表示 */
#searchbar .autocomplete-history-dropmarker {
display: -moz-box !important;
-moz-binding: url("chrome://global/content/bindings
autocomplete.xml#history-dropmarker");
}
と、記述してるのですが、いざ検索バー横の▼ボタンを
押しても検索履歴が出てきません
スペースバーを押せば検索履歴が出てくるのですが、
▼ボタンを押すだけで検索履歴を表示するには
どのように記述すればいいでしょうか？ >>832
/*** 検索バーに履歴ボタンを表示 ***/
#searchbar .autocomplete-history-dropmarker {
display: -moz-box !important;
-moz-binding: url("chrome://global/content/bindings/autocomplete.xml#history-dropmarker");
} >>827
助かります
今までツリー型タブって使ったこと無くて初めて使ってみたら思いのほかタブグループが使いやすかったんで
タブバー使わなくてもいいかなって気がして消してみようかなと思いました
ほんとはGomitaさんのマウスジェスチャｊｓにタブバー開閉を登録したいんだけど
分からないので奮闘中 >>832
自分はhttps://babooshka-innerjourneys.blogspot.jp/2012/06/firefox_26.htmlにある記述をコピペした
なんでこんなに大量の記述なのかは自分にはわからない
また、このやり方だと▼ボタンは表示されず（以前のバージョンのFirefoxでは表示された）、
マウスポインターを持っていくとうっすらと丸いボタンが表示される >>835
即レスありがとうございます！
クリックして検索履歴が表示されればいいので、
物凄く助かりました！
本当にありがとう！ >>836
>>833にもっと簡単な記述のやつも紹介されてるよ >>837
うお！
気づきませんでした！
>>833さん、ありがとうございます！
今まで通り、▼ボタンで無事に表示されました！！
これまた本当にありがとう！！！ サイドバーの折畳、展開をCSSで隠したい。
どう書けば良いの？ #acBookMarkTreeFolder-toolbar {
display: none !important;
} >>828
ブックマークツールバーはCSSで2行表示にしてアドオンのボタンもいくつか置いてるが
常時表示しておくとその分だけ狭くなるのが嫌だってだけさ
表示するのが楽しいとも気持ち悪いとも考えたことなかったよ >>842
でもツールバーの開閉に伴ってページ領域もピョコピョコ動くじゃん？
アレが俺的に無理
視線もそのたんびに変わるしな >>843
横だけどそれは分かる
サイドバーもそれが嫌でCSSにした >>843
それはわかる
Firefoxではツールバーに「ブックマークを表示します」の☆アイコンを入れてる。これだけで十分。サイドバーなんていらない サイドバー自動開閉は２つもらって片方はページの上に乗っかる形でページは動かない
/* サイドバー自動開閉左用 */
/* 右用はleft→right margin-right→margin-left */
:root {
--hover-width: 37px; /* サイドバー縮小時幅 最小5px */
--visible-width: 240px; /* サイドバー全体幅 */
}
#sidebar-box {
position: relative !important;
left: var(--hover-width) !important;
overflow-x: hidden !important;
min-width: var(--hover-width) !important;
max-width: var(--hover-width) !important;
z-index: 100 !important;
}
#sidebar-box:hover {
min-width: var(--visible-width) !important;
max-width: var(--visible-width) !important;
left: var(--visible-width) !important;
margin-right: calc(calc(var(--visible-width) - var(--hover-width)) * -1) !important; >>843
いや、ページが下に動かずにページにそのまま重なるようにポップアップさせてるんよ
ページ動くのは嫌なので昔からサイドバー使わなかったけど
今は右サイドバーだとページが動かずに表示できるのがいいよね どっちにしても自動開閉はいらね
わずかなページ領域を稼いでも仕方ないわ そんなんどーだっていいから冬のせいにして暖め合おう σ ＜ フルスクリーン表示モード時に
(V) ポィンティングカーソルを上辺に持っていくとナビゲーションバーとタブバーがヌルヌルと出てくるけど
|| 普通のウィンドウ表示の状態でもそんな風に動作して貰いたい
トグルスィッチでモード切替が出来て欲しい
まだですかー ステータスバー(ステータスパネル)をタイトルバー上に表示できたー
正確には本来のタイトルバーの上には別の要素は置けない(下に隠れる)っぽいので非表示にして
タブバーと重なってる偽のタイトルバーを上に引っ張り上げてそれを本物っぽい見た目にした
タイトルバーもステータスバーも自分は欲しい情報なので一行にまとまってうれしい ここは自慢するスレじゃないよ
どう書いたのかCSSを晒すスレなのだ >>854
90行あるから自重したけど許可が出たと思って晒す
/* Fake titlebar with statuspanel */
/* 各種バーの並び順(タイトルバーが最上段と明示) */
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
-moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
-moz-box-ordinal-group: 1 !important;
}
#navigator-toolbox #TabsToolbar {
-moz-box-ordinal-group: 2 !important;
}
#navigator-toolbox #nav-bar {
-moz-box-ordinal-group: 3 !important;
}
#navigator-toolbox #PersonalToolbar {
-moz-box-ordinal-group: 4 !important;
}
#navigator-toolbox toolbar {
-moz-box-ordinal-group: 5;
}
/* タブバー左右端の隙間を詰める(閉じるボタンなどがあった場所に発生する) */
#main-window[tabsintitlebar] #TabsToolbar {
-moz-margin-end: 0 !important;
}
#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder {
visibility: collapse !important;
} >>855 の続き
/* 偽タイトルバーの配置 */
#main-window[tabsintitlebar] #titlebar {
margin-bottom: 0 !important;
height: 20px !important;
}
#main-window[tabsintitlebar] #titlebar-buttonbox {
height: 20px !important;
}
#main-window[tabsintitlebar] #titlebar-min,
#main-window[tabsintitlebar] #titlebar-max,
#main-window[tabsintitlebar] #titlebar-close {
padding: 0 16px !important;
}
/* 偽タイトルバー領域にページタイトルを表示 */
#main-window[tabsintitlebar]::before {
position: absolute;
margin: -22px 0 0 0;
padding: 0 130px 2px 2px;
width: 100%;
height: 20px;
font-size: 12px;
overflow: hidden;
content: url("chrome://branding/content/icon16.png") " " attr(title);
} >>856 の続き
/* 偽タイトルバー領域にステータスパネルを表示 */
statuspanel {
position: fixed !important;
z-index: 1 !important;
top: 0 !important;
right: 0 !important;
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
height: auto !important;
transition: none !important;
}
#main-window[tabsintitlebar]:not([inFullscreen]) statuspanel {
padding-left: 20px !important;
padding-right: 120px !important;
}
#main-window:not([tabsintitlebar]):not([inFullscreen]) statuspanel {
margin-top: 62px !important; /* 本物のタイトルバーの時にはコンテンツ領域の上端に */
}
statuspanel .statuspanel-inner {
height: auto !important;
}
statuspanel .statuspanel-label {
border: 1px solid #666666 !important;
padding: 1px !important;
font-size: 14px !important;
color: #fff !important;
background-color: rgba(51, 51, 51, 0.625) !important;
}
以上 ■ このスレッドは過去ログ倉庫に格納されています
