userChrome.css・userContent.cssスレ Part7

**名無しさん＠お腹いっぱい。** · 2017/11/11(土) 18:54:58.08

●前スレ
userChrome.css・userContent.cssスレ Part6
http://egg.2ch.net/test/read.cgi/software/1438959541/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ｷ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
userstyles.org
http://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 15:33:51.88

サイドバーの閉じるボタン（×印）を非表示にさせたいのですが、
>>70-71 の方法ですと、当たり前ですがヘッダー部が丸ごと非表示になってしまいます。
そうではなく、閉じるボタンのみを非表示にさせたいのですが可能でしょうか？

と言いますのも、現在 Firefox ESR52 で Autoclose Bookmark&History Folders というアドオンを使っており、
これのアイコンは表示させておきたいのです。

よろしくお願いいたします。

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 15:47:23.15

>>762
#sidebar-header { visibility: collapse !important;}

これ以外の方法はありません。ご理解の程をよろしくお願いいたします

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 16:01:30.76

>>762
可能です
要素名はブラウザツールボックスとか使って自分で調べて

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 16:07:28.74

初心者完全お断りなのがいいね

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 16:15:07.41

サイドバーブックマークの★を消すか少し小さく出来ますか
なんか目立つんです、こいつ。
https://i.imgur.com/0LpQqIO.png

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 17:12:32.64

>>766
つ>>591

**766** · 2017/12/06(水) 17:21:05.50

>>767
どーもありがとうございます。
見落としてました　すみません　m(__)m

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 19:31:27.53

>>762

#sidebar-header > .close-icon {
display:none !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 20:04:49.48

>>769
横からいただきました
ども

**762** · 2017/12/06(水) 20:20:50.23

>>769
閉じるボタンのみ表示されなくなったのを確認いたしました。
どうもありがとうございました。

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 20:55:36.05

>>768
>>770
>>771

どういたしまして

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 21:41:07.33

>>754
ありがとう

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 22:36:15.18

>>760
userchrome.jsでいいなら
https://github.com/Griever/userChromeJS/blob/master/IME-Colors.uc.js
これがまだ動く

**名無しさん＠お腹いっぱい。** · 2017/12/06(水) 23:33:09.55

>>774
wiki@nothingなどにあるIMEの色変わるやつ動かないのばかりで
外部ソフトakinosign紹介してしまいましたが

自分もスクリプトあればと思ってたんだけど横からいただきました
ありがとん

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 03:07:02.55

タブの右クリックメニューを、
「右側のタブすべてを閉じる」
「左側のタブすべてを閉じる」
「他のタブをすべて閉じる」
だけにしたいです。

どの様に書けば良いでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 04:02:00.96

#TabsToolbar
{
margin-right:70px !important;
height:22px !important;
font-size:13px !important;

}
firefoxのタブ高さを変えたいのですが、以上だと反映されません
試しに高さを300にしてみると反映されます
これは何を設定すれば狭められるでしょうか

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 08:46:06.12

>>776
>>676

尚、「左側のタブすべてを閉じる」はデフォでは存在しない

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 13:44:12.33

>>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;
}

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 13:51:19.83

横だけどタブのバックグラウンドの高さはどうやって変えるの？

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 14:44:54.43

>>780
タブのバックグラウンドの高さ？
バックグラウンドで開かれたタブの高さということ？
それともタブ自体の高さは変えずにタブバーの高さを変えるということ？

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 15:22:25.72

タブ自体じゃなくて後ろの濃い灰色の部分です

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 18:49:00.37

>>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　バックグラウンドの高さ

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 19:55:59.22

質問です
ツールバーにある「進む戻る」ボタンがマウスのボタン操作のため不要なので
隠そうとして以下のを「chrome.css」に加えた所・・・

何もしてない時やページを開いた直後は消えてるのですが
ページ内のリンクをクリックすると"戻る"のボタンが出てきます
(そのページを閉じるとボタンも消えます)
どこをどういじれば良いのかわからなくなったので知ってる方がいればご享受していただきたいです。

ヨロシクお願いします。

/* ツールバーの進む戻るボタンを隠す　*/
#back-button[disabled="true"] { display: none;
}
#forward-button[disabled="true"] { display: none;
}

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 20:00:46.81

>>784

書き忘れてました、補足です。
ページ内でリンク開いても「進む戻る」ボタンが出現しないようにしたいのです。
ヨロシクお願いします <(＿＿)>

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 20:05:22.79

>>784
#back-button, #forward-button { display: none !important; }
では駄目な理由が解らん

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 20:06:12.43

>>784
余計な記述をするからそうなる
以下に差し替えればok

/* ツールバーの進む戻るボタンを隠す　*/
#back-button,
#forward-button {
display: none !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 20:06:41.39

カスタマイズから消せないの。

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 20:10:43.96

>>788
あ（笑）、せやな
ついついcssで記述してまうわ（笑）

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 20:43:40.96

>>786
>>787

ご指摘ありがとうございました。
>>787 さんのを貼り付けて思い通りに出来るようになりました。
御礼申します <(＿＿)>

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 22:23:30.93

>>788
できんよ

**名無しさん＠お腹いっぱい。** · 2017/12/07(木) 22:26:07.41

← → 動かせるけど元の場所に戻っちゃうんだ

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 01:22:49.64

>>782
バージョンとスキンを
デフォルトだと濃い灰色の部分なんて見当たらん

>>792
57.0.1だと普通にカスタマイズでも移動できるんだが……
56.0.2だとカスタマイズじゃ動かせないし

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 01:45:22.87

>>783
ありがとう　出来たんだけどタブの後ろの部分弄るとタブ移動がおかしくなるんですね

>>793
57.0.1です

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 02:20:03.45

タブ移動時に膨らむのなら対策されたのがcustom_css_for_fxの中にあったような

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 03:36:15.72

>>795
詳しく
custom_css_for_fxでググレカスしても出てこない

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 03:45:14.70

https://bugzilla.mozilla.org/show_bug.cgi?id=1416044
userChrome.cssを使っているかMozillaに自動的に報告されるようになるらしい

**796** · 2017/12/08(金) 03:54:51.17

どっかでもらったこれがあると移動の時膨らむのは分かった

/* 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;
}

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 04:15:50.50

>>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;
}

自分はこれで膨らみ対策になってるけど
どっかでもらったそれに一緒に付いてなかった？

**798** · 2017/12/08(金) 04:49:17.43

>>799
すげぇ～！おなった！じゃなくて治った！
付属品は無かったです。
早朝サンガツでしたぁ。

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 09:37:56.16

>>799
自分も設定したかったので凄く助かりました <(＿＿)>

ただ・・・自分はメニューバーを隠してるので
どうしても右上角の最小化や閉じるなどの3つのボタンがハンバーガと被ってしまいます
これをどうにかする方法(透明化やポップアップ等)を誰か知ってたら教えてもらえませんか？？

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 14:12:11.81

>>797
これで使用率低かったら廃止されたりすんのかなあ…

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 14:40:51.34

>>802
いずれXUL自体が廃止されるのは確実なので
使用率に関係なくuserChrome.cssはXUL廃止の進行具合でどこかで使えなくなる
その前に使われ方を見てWebExtensionsやテーマのAPIをどうするかの材料にしたいんじゃないかな
そのためにはCSSの中身まで調べる必要があるけどまず第一段階として使ってるかどうかだけを調べると

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 14:41:37.32

>>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サポートの外側で勝手にユーザーがやってることだからこんなとこで質問してる時点でもうね

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 15:09:09.87

XUL廃止とともにこのスレも終了か

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 15:13:46.66

なんで急にjsの話すんねん

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 15:25:46.75

xul廃止で使えなくなるのはその通りだが
userChrome.jsとuserChrome.cssは出自が全く別なのに
userChromeとひとくくりに呼ぶにわかさんの言うことはあんまり参考にならない

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 15:57:17.33

>>797
個人的には勝手に通信されるのは好かないのでオプトアウトするだろうな

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 16:23:21.55

そしてCSSを使っている人が極少数とみなされてめでたく廃止！
レポート送信の重要性を知らないからそうなる
廃止してほしくないなら勝手に通信されるのを許容してしまうしかあるまい。身勝手が一番よくない

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 16:29:36.82

>廃止してほしくないなら勝手に通信されるのを許容してしまうしかあるまい。

通信されるのを許容したら廃止はしないって約束してくれるならいいけどな

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 16:41:30.75

人数関係なくXUL実装が削除されていって維持する意味がなくなったら廃止されるだけ
テレメトリを送るかどうかの選択はユーザーの権利だから好きにしていいと思う

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 16:42:40.92

メルマガ登録しないと駄目みたいなキモさだな

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 16:50:50.12

https://bugzilla.mozilla.org/

ざっとてきとーに見たけど新しいAPIを実装しましょう！という前向きな人が皆無なのね
むしろ、このままでよい、斬新的なものだとAPI廃止に契合している人が目立つ
これがFirefoxの未来の姿なのだと想像してみたら希望が持てるじゃない

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 17:56:01.56

userChrome.jsとuserChrome.cssが廃止になったら火狐使う理由がなくなる

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 18:07:34.46

印刷できないレイアウトがバグるFirefoxなんかゴミ

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 18:20:17.68

まぁな、確かにFirefoxは印刷関連が弱いとは感じるけど

それよりなんでuserChrome.cssだけ情報吸い上げようとするのかな？
userChrome.jsも一緒に情報得ようと思えば出来るはずなのに

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 18:24:56.73

他と併用しながら元の感じに戻してるけど、何だよ無駄足になるのかｗ

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 18:41:49.77

>>801
このスレ内を「クローズボタン」でレス検索または
「ウィンドウのクローズボタンよけ」でGoogle検索

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 19:19:43.11

>>818

ありがとうございます
既に書かれてたんですね・・・見つけれませんでした
以後気をつけます。
ありがとうございました <(＿＿)>

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 20:22:27.78

公式サポートじゃないuserChrome.jsを調べる意味ってなに

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 22:34:43.26

FF57にしたらuserChrome.css効かなくなったんだけど、そんなことある？
about:supportから開いたフォルダのchromeにあるuserChrome.cssに書き込んでるのに効かないんだが

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 22:59:43.06

何を書き込んだかくらい書こうぜ

**名無しさん＠お腹いっぱい。** · 2017/12/08(金) 23:22:44.50

そうだった悪い焦ってた

/* タブバーを消す*/
#TabsToolbar {
visibility: collapse;
}

/* サイドバーのヘッダーを消す*/
#sidebar-header { display: none;
}

これですよろしくお願いします

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 01:31:50.81

!importantが無いからじゃないの

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 05:05:25.40

あ～マジでuserstyle.org前のに戻して来んねーかな
未だに慣れねーわこの糞デザイン
スクショ追加しても1枚しか表示されねーしゴミ過ぎだろ

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 05:56:26.62

ツールバー自動開閉作者の人ありがとう

タブーを同じように開閉しようと思ったけど無理でした

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 10:25:07.18

>>826
拾い物ですが

/* Auto hide tab bar */
:root:not([customizing]) #navigator-toolbox:not(:hover):not(:focus-within) #TabsToolbar {
visibility: collapse;
}

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 10:34:24.63

なんで皆んなツールバー関連マウス開閉させたがるんやろうな、
マウスが通過する度にピョコピョコ開いて気持ち悪くないのか

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 10:46:31.61

>>828
彼らはピョコピョコ開くのが楽しい精神年齢が幼稚園児だから仕方がない
俺は自動開閉など要らない。Mozillaはこの機能を無効・廃止していいよ。もちろんサイドバーも廃止ね

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 10:53:45.99

>>828
2ペインブックマークが死んでブックマークサイドバーが使いにくくなったから代わりにブックマークツールバーを自動開閉して使ってるよ
ツリー型タブも使ってないからサイドバーが完全にいらない子になってしまった

cssでブックマークサイドバー2ペイン化できないかと要素覗いてみたら一部の隙もない単要素で笑うわ

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 11:01:55.37

2ペイン化はもはや不可能。忘却の彼方へ消えていったと思いましょう
慣れすぎるといざというときにあたふたしてしまうので使わないことを強く推奨する
>>830さんもいつの日か「ああ、2ペインなんてのがあったね。もう20・30年も前のことだからすっかり忘れていた」と思うだろう

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 12:17:39.04

Firefox57で、userChrome.cssに

/*　検索バーの右側に履歴を出すボタンを表示　*/
#searchbar .autocomplete-history-dropmarker {
display: -moz-box !important;
-moz-binding: url("chrome://global/content/bindings
autocomplete.xml#history-dropmarker");
}

と、記述してるのですが、いざ検索バー横の▼ボタンを
押しても検索履歴が出てきません
スペースバーを押せば検索履歴が出てくるのですが、
▼ボタンを押すだけで検索履歴を表示するには
どのように記述すればいいでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 12:28:38.89

>>832

/*** 検索バーに履歴ボタンを表示 ***/
#searchbar .autocomplete-history-dropmarker {
display: -moz-box !important;
-moz-binding: url("chrome://global/content/bindings/autocomplete.xml#history-dropmarker");
}

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 12:47:39.03

>>827
助かります

今までツリー型タブって使ったこと無くて初めて使ってみたら思いのほかタブグループが使いやすかったんで
タブバー使わなくてもいいかなって気がして消してみようかなと思いました
ほんとはGomitaさんのマウスジェスチャｊｓにタブバー開閉を登録したいんだけど
分からないので奮闘中

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 12:59:16.91

>>832
自分はhttps://babooshka-innerjourneys.blogspot.jp/2012/06/firefox_26.htmlにある記述をコピペした
なんでこんなに大量の記述なのかは自分にはわからない
また、このやり方だと▼ボタンは表示されず（以前のバージョンのFirefoxでは表示された）、
マウスポインターを持っていくとうっすらと丸いボタンが表示される

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 13:08:41.76

>>835
即レスありがとうございます！
クリックして検索履歴が表示されればいいので、
物凄く助かりました！
本当にありがとう！

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 13:12:53.85

>>836
>>833にもっと簡単な記述のやつも紹介されてるよ

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 13:18:55.75

>>837
うお！
気づきませんでした！

>>833さん、ありがとうございます！
今まで通り、▼ボタンで無事に表示されました！！
これまた本当にありがとう！！！

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 16:46:30.85

サイドバーの折畳、展開をCSSで隠したい。
どう書けば良いの？

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 16:51:44.93

#acBookMarkTreeFolder-toolbar {
display: none !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 16:56:20.13

>>840
早々のレス、ありがとう。

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 17:14:12.48

>>828
ブックマークツールバーはCSSで2行表示にしてアドオンのボタンもいくつか置いてるが
常時表示しておくとその分だけ狭くなるのが嫌だってだけさ
表示するのが楽しいとも気持ち悪いとも考えたことなかったよ

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 18:08:55.33

>>842
でもツールバーの開閉に伴ってページ領域もピョコピョコ動くじゃん？
アレが俺的に無理
視線もそのたんびに変わるしな

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 18:25:13.02

>>843
横だけどそれは分かる
サイドバーもそれが嫌でCSSにした

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 18:43:42.86

>>843
それはわかる
Firefoxではツールバーに「ブックマークを表示します」の☆アイコンを入れてる。これだけで十分。サイドバーなんていらない

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 21:19:23.78

サイドバー自動開閉は２つもらって片方はページの上に乗っかる形でページは動かない

/* サイドバー自動開閉左用 */
/* 右用は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;

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 21:36:57.63

>>843
いや、ページが下に動かずにページにそのまま重なるようにポップアップさせてるんよ
ページ動くのは嫌なので昔からサイドバー使わなかったけど
今は右サイドバーだとページが動かずに表示できるのがいいよね

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 21:42:06.10

どっちにしても自動開閉はいらね

わずかなページ領域を稼いでも仕方ないわ

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 23:37:45.93

なんだこれ
誰も得しない問答だな

**名無しさん＠お腹いっぱい。** · 2017/12/09(土) 23:47:01.58

好みの問題で終わりだよなあ

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 00:03:52.91

そんなんどーだっていいから冬のせいにして暖め合おう

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 00:45:41.94

　 σ ＜　フルスクリーン表示モード時に
　(V)　　　　ポィンティングカーソルを上辺に持っていくとナビゲーションバーとタブバーがヌルヌルと出てくるけど
　 ||　　　　　普通のウィンドウ表示の状態でもそんな風に動作して貰いたい
　　　　　　　トグルスィッチでモード切替が出来て欲しい

　　　　　　　まだですかー

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 02:12:09.25

ステータスバー(ステータスパネル)をタイトルバー上に表示できたー
正確には本来のタイトルバーの上には別の要素は置けない(下に隠れる)っぽいので非表示にして
タブバーと重なってる偽のタイトルバーを上に引っ張り上げてそれを本物っぽい見た目にした
タイトルバーもステータスバーも自分は欲しい情報なので一行にまとまってうれしい

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 02:33:05.81

ここは自慢するスレじゃないよ
どう書いたのかCSSを晒すスレなのだ

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 04:51:41.33

>>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;
}

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 04:52:16.12

>>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);
}

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 04:53:24.47

>>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;
}

以上

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 05:33:05.25

そもそもタイトルバー自体非表示だから
それ、いらない

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 05:56:15.23

晒せと言われて晒したら
いらないと言われてかわいそうw

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 06:05:46.51

いらないと思うなら黙っていればいい
誰かがCSSを貼るたびに「俺はそれいらない」と言っててもしかたない

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 06:27:25.49

ツールバー開閉を否定してる人も多いが
解像度の低いノートpcを使ってる人は重宝する
全画面表示の時だけ動作するように
#main-window[sizemode="maximized"]
を追加して使っている

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 08:17:27.90

Firefox 57.0.2
検索バーの履歴が5件しか表示されなく、スクロールが面倒なので10件ほどに出来ませんか？