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/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件ほどに出来ませんか？

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

>>862
自分は>>835の方法でやっていて14個表示される（その記述のどこでそうなっているのかは俺にはわからない）
試しに>>835の記述を消してみたら10個表示になった
5個表示になってるのは何か入れているせいなのかもしれない

**863** · 2017/12/10(日) 08:40:02.50

>>862
>>833の方法でも14個だったよ

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

質問です <(＿＿)>

選択されてないタブの色
リンクで開いたけどまだ見てないタブの色

これらを設定する方法を知ってる方いますか？
いたら教えてほしいです。

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

>>864
自分も試してみた所、10個でした。
確かにどこかの設定かも知れませんね

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

>>863
レス、ありがとう。
Search Bar Show Engine NamesというCSSでエンジン名を表示しているためでした。
数値を5から15にしたらOKでした。

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

>>865
こういうことのできるcssはありました

未読タブのタイトル文字色を変更する
タブ復元時にまだ読み込まれていないタブを半透明化する
http://obakaz.com/2015/01/firefox-tab-css/

色はデフォで赤ですがcolor: red のredを変えれば好きな色に変更できます
タブの半透明化も　opacity: .7;　の数字変更で変えれます
色名はここのサイトなんかわかりやすくていいですよ
https://www.color-sample.com/

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

userChrome.cssの使用率調べるようになったらしいから使ってるやつはテレメトリ無効にするのやめとけよ
userChromeまで使えなくなったら終わるわ

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

オプションの技術的な対話レポートだっけか

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

入れ込むユーザーがいて、その周りにユーザー層が広がる
そんな核となるだろうユーザー面々の興味をそいだら、周りのユーザー層まで去る
統計なんて話で括れる現象ではない

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

使用率によって廃止するかどうか決めようという話では無い
XUL廃止は確定事項でどんなに使用率が高くてもXULが廃止されたら使えなくなるんだから

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

俺様押しの仕様で沈没する訳ですねwww

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

自分的にはFirefox57はuserChromeで楽しむものと化してる。
userChromeまで使えなくなったらVivaldiに行くわ。

サーチバーを昔のやつにする方法ある？

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

Firefoxが技術的な対話データを～ってやつにチェック入れとけばいいん？

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

>>875
その横の詳細情報ちゃんと読んだ？

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

>>816
userChrome.jsは標準機能じゃないだろ。
userChrome.jsを使う上で前提になるgeneral.config.filenameのテレメトリはもう取ってる
https://bugzilla.mozilla.org/show_bug.cgi?id=1226616

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

>>868

ありがとうございます、助かります。
半透明と言うか・・・すべて開いた後の複数のタブで
開いてないその他のタブの色は上手く出来ないのですが

開く前のタブの色(赤色)はまさにそれをしようと思ってたのでホントありがたいです。
御礼申し上げます <(＿＿)>

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

豆腐さんの多段タブを使ってる時に、新規タブが一切開けなくなる現象は自分だけですかね？
ブラウザ起動から30分以上経過、ポップアップをブロックしてる　がトリガーになってる気がしないでも無い・・・
タブ絡みで関係ありそうなのはOpenNewTab.uc.jsと拡張の「新しいタブでリンクを開く」をfx57.0.2で導入しています
再起動で直るけど不便なのでよろしくお願いします

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

>>879
多分OpenNewTab.uc.jsの方
先日試したらお気に入りの新規タブが開かなくなったり、ページ移動が強制的にカレントタブになるバグあったと思う

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

>>878
半透明になるのは起動時に複数タブ開いててアクティブになってないタブ
ブラウザが読み込みを保留(pending)している
リンクとかで開いたものはブラウザが読み込みにいってるので半透明にはならない

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

>>881
たしかにそういう設定してます・・・納得できました
ご指摘ありがとうございました <(＿＿)>

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

>>855
このCSSはFrefox45にぴったりだわ、少し数字弄る必要あったけど
タイトルバーを非表示にしないと、たとえば５ｃｈの速報headlineがクリックしてウィンドウが最大化して
開かないバグがあるから
タブは使わずCRTで旧来通りのウィンドウ使いなんで

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

ｱﾁｬｰﾁｬｸﾞﾘﾙだっけ

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

>>855
ありがたいけど不満を言えばFirefoxアイコンとタイトルバーとバーの青色の上下位置の
バランスが思うようにならんところかな

**885** · 2017/12/10(日) 23:01:27.11

タイトルバー　→　タイトル文字　に訂正

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

>>883
カソード・レイ・チューブ？どうやってPCと接続してんの、D端子とか付いてるやつかな？
と訊こうとしたけどCTRの事か；

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 00:28:27.70

>>885-886
アイコンを背景画像にしたら文字とそれぞれ個別に位置指定できた
うちの環境ではとりあえずウィンドウ最大化状態なら
カスタマイズの画面でタイトルバーのチェックをオンオフしても全く同じ座標にできた

/* 偽タイトルバー領域にページタイトルを表示 */
#main-window[tabsintitlebar]::before {
position: absolute;
margin: -20px 0 0 0;
padding: 2px 130px 0 23px;
width: 100%;
height: 18px;
font-size: 12px;
overflow: hidden;
content: attr(title);
background: url("chrome://branding/content/icon16.png") no-repeat fixed 2px 5px;
display: inline-block;
vertical-align: baseline;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 03:46:29.41

多段タブ色々ある中から自分用に必要な部分だけ不具合出ないようにつぎはぎしてみた
段数制限しないでタブバーにタブ以外表示させないなら結構短くなるね

/* 多段タブ */
:root {
--multirowtab-height: 24px; /* タブの高さ */
--multirowtab-width: 113px; /* タブの横幅 */
}
.tabbrowser-arrowscrollbox scrollbox,
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
overflow: visible !important;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow: auto !important;
}
.tabbrowser-tab {
vertical-align: top !important;
height: var(--multirowtab-height) !important;
}
.tabbrowser-tab:not([pinned]) {
width: var(--multirowtab-width) !important;
}
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--multirowtab-height) !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:00:12.50

マルチｽﾏｿ

検索バーをタブバーと同じ段に移動させたとき検索バーの幅が長くなりすぎるのを調節するのって

#nav-bar,
#nav-bar-customization-target {
ma-width: 300px !important;
}

これではダメだったから助言頼む

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:22:45.97

ma-width?

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:23:48.75

最新版は検索バーからショートカットキー検索が使えなくなってしまったので
検索バーは消してロケーションバー一本にしようか試行錯誤しています
ロケーションバーに検索履歴を見られるようにする↓ボタンをつける事は難しいのでしょうか

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:41:56.10

>>891
ｽﾏｿ max-wtdthだった

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:42:19.11

max-widthだった

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:44:01.66

>>892

.urlbar-history-dropmarker {
visibility:visible !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:50:52.41

>>892
すみません、>>895は不完全でした。
以下のコードに訂正。

.urlbar-history-dropmarker {
visibility:visible !important;
}

#nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > .urlbar-textbox-container > .urlbar-history-dropmarker {
opacity:1 !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:55:17.90

.searchbar-textbox {
min-width: 380px !important;
max-width: 380px !important;

にしたらタブが一番右にいってしまいました
何が足りないでしょうか？

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

>>897

#searchbar {
min-width: 380px !important;
max-width: 380px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:21:44.85

>>896
横からだけどボタンは表示されません。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:26:14.28

現在このような状態です
http://uproda.2ch-library.com/982245izs/lib982245.jpg
赤枠のところがすっぽり空いてしまっています。ちなみに左のホームボタンもこちらに移動できません。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:28:09.65

現在のCSSの設定

/* 多段タブ設定 */
#titlebar-buttonbox {
vertical-align: top !important;
display: block !important;
}
.tabbrowser-arrowscrollbox scrollbox {
overflow: visible !important;
}
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
}
/* タイトルバーの縦幅・高さ */
toolbarbutton.titlebar-button {
min-height: 31px !important;
}
/* タブバーの横幅・長さ */
.tabbrowser-tabs {
margin-right: -41px !important;
}
/* タブの幅・高さ */
.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;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:29:06.45

/* 新しいタブボタン */
.tabs-newtab-button {
vertical-align: bottom !important;
height: 30px !important;
}
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
border-top-width: 0 !important;
}

#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}

#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
}
/* 検索バーの幅変更 */
#searchbar{
min-width: 380px !important;
max-width: 380px !important;
}

としています。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:30:12.16

>>899
Firefox57で検証済み。
おマカンでしょう。

>>900
余計なコードを記述しすぎておかしくなっている可能性大。
>>897だけ記述して、余計なコードは全て削除。
それで駄目なら、自分が書いた全てのコードをここに書き出さないと検証不可能。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:40:38.02

下のような形で使っている
ブックマークツールバーは隠してマウスオーバーで表示される

これでも、サイトの表示領域が縦が低くのは否めない
全画面で表示ではまずい場面があるので
全画面表示と同じように、アプリケーションウィンドウを同じようでありたい
キー打鍵のトグルスィッチとアイコンがあると助かる

全画面モードの時の様にツールバーがヌルヌルと降りてこなくても良いけど
降りてくると、もっとよい

なかなか出てこないなぁ

1) https://i.imgur.com/puj5xOX.png
2) https://i.imgur.com/BgdQRqo.png

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:41:59.64

>>904
初心者みたいなUIでひどい

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:43:52.83

>>904はhttps://pbs.twimg.com/media/CrwNNp5UAAA7m6x.jpgを思い出す。面白いね！(^○^)

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:44:33.94

Firefox57からサイドバーの背景色が白色になったけど。
これを56以前のようにブックマークツールバーと同じ色に戻したので、おすそ分けします。
尚、Firefox57でテーマをデフォルトで使用している人向けです。

/* Firefox57　サイドバーの背景色をブックマークツールバーと同色にする*/
#sidebar-box {
background-color: var(--toolbar-bgcolor) !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:45:28.83

>>903
#searchbar{
min-width: 380px !important;
max-width: 380px !important;
}

これだけ記述しても特に変わりはなかった。
ただタブがアドレスバーの上にいっただけだった。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:46:40.90

お願いしますだ

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 12:28:21.41

>>907
ありがとうございます