userChrome.css・userContent.cssスレ Part7

http://egg.5ch.net/test/read.cgi/software/1510776194/400
上記のスレの方法でuserChrome.cssに記述しても動かないのですが、もしかして
aboutconfigの何かの値のせいとかありますでしょうか？できている方がいるようなので…
custom_css_for_fx_v1.3.5というもの入れてみたのですが、やはり上のままでした。
後他のスレで出来ないと書いてしまい謝ります。すみませんでした

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:02:56.91

>>306
アドレスバーはuserchrome.jsで強制移動じゃないと無理だよ
一応、そのレイアウトになるスクリプト貼っとくわ

//*** userChrome.js用 ***//
// カスタマイズでレイアウトを初期設定に戻した後
// アドレスバーの隣に検索バーを配置してから適用してください
var menubar = document.getElementById("toolbar-menubar");
menubar.appendChild(document.getElementById("urlbar-container"));
document.getElementById("urlbar-container").flex = "2";
menubar.appendChild(document.getElementById("urlbar-search-splitter"));
menubar.appendChild(document.getElementById("search-container"));
document.getElementById("search-container").flex = "1";
document.getElementById("navigator-toolbox").appendChild(document.getElementById("TabsToolbar"));

/*** userChrome.css用 ***/
//メニューバー非表示時、ナビゲーションツールバーの右端にタイトルバーボタンボックス表示用余白追加
#toolbar-menubar[autohide="true"][inactive="true"] + #nav-bar { padding-right: 138px !important; }

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:10:52.33

>>351
それの改善案出した者だけど
コピペして無理なら、ペースとした位置より上にあるCSSの記述ミスでエラーが出てCSSが反映されてないのかも

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:25:22.46

>>353
失礼、それは上記の記述に何か抜けがあるという意味ですか？それともこちらの
他の記述の間違いがある、ということでしょうか？一応何も記述していないcssも
用意して試したのですが…

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:26:16.38

>>352
質問前にググッたりこのスレを確認したりしたのですが自力で見つける事ができず難儀しておりました。
先ずuserChrome.jsの導入からやってみたいと思います。
助かりました、本当にありがとうございました。

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:30:55.94

>>354
他の人は使えてるからそのCSSは問題ないと思う。
他に設定したCSSは反映されてる？
追加した部分だけ反映されないならコメント/**/の中以外で全角スペース使われてないかとか確認してみて

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:50:57.12

>>356
他の記述は動いています
#content-deck{
margin-bottom: 30px !important;
}
この部分ですが
#content-deck　{
margin-bottom: 30px !important;
}
こうじゃないかと思ったくらいで、駄目ですね…

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:59:40.37

>>357
その下の訂正したやつ、もろに全角スペースだから動かないよ

前書いた時にスペース入れ忘れたけど、無くてもあっても動くよ半角スペースならね
#content-deck {
margin-bottom: 30px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:01:58.72

>>357
そのスペースは関係ないと思う

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:02:54.19

ああー半角に見えていたけれども全角なのか

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:04:27.58

前半部分の記述見たら!importantないからそれが原因だ
これそのままコピペして無理だったらうちには分からない

#TabsToolbar {
position: fixed !important;
left: 0px !important;
bottom: 0px !important;
width: 100% !important;
}
#content-deck {
margin-bottom: 30px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:08:36.19

>>357です
今まで上ばかり見ていて気がつきませんでしたが、空白のバーが下に出現していました
一応動いてはいたみたいなのですが、想定どうりの動作はしていないみたいです。

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:16:10.20

>>362です>>361の記述で動きました！ありがとうございます!

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:24:20.71

57でコンテキストメニューの編集が上手くいかない
IDで指定してる箇所は消えてるんだけど

menuitem[label="ページを Pocket に保存"]
menu[label="ページを端末へ送信"]

こういうlabel指定してる部分がどれも非表示にならない
labelは使えなくなったのかな

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:25:52.95

>>363
よかった、これを機によくあるミスを覚えて活用してくだされ
・!importantを付け忘れ
・ID、クラス名が間違っている
・marginなどのプロパティ名の綴ミス
・10px、1emなどの単位を忘れている
・「:」「;」「{」「}」コロン、セミコロン、中括弧が抜けている
・/**/コメント以外に全角スペースを使っている

全角スペースを見つけるならテキストエディタに貼り付けて置換機能で全角スペースを削除するなど

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:34:55.86

>>364
menu[label="ページを端末へ送信"] {

}
こう書いてるとか？

#menu[label="ページを端末へ送信”]や
.menu[label="ページを端末へ送信”]みたいに
label属性がどのIDやクラスのものに付いてるか分かるように指定しないとダメ

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:52:53.24

>>329
これツリー型タブに適用出来ませんか？

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 02:35:28.89

>>366
labelだけで行けるのかと思っていたんだけど
とりあえず開発ツールで調べてID指定で消した
ありがとう

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 02:43:32.99

>>329
レス見落としてた
これはいいおすそ分け
ありがとうありがとう

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 05:30:11.64

ファビコンの背景色だけ変更は出来ますか？

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 05:46:14.89

MouseGestures.uc.jsでジェスチャが被ってうまく動きません
被らなくする方法はありませんか？　それともおま環なのかな

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 06:37:41.56

>>371
userChrome.jsはスレ違い

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 06:42:23.62

失礼しました

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 11:27:27.66

firefox57で以下のCSSでブックマークツールバーの自動消去をすると、
画像のように一番左のブックマーク以外見えない状態になります
マウスポインタを空白部分にあてるとブックマーク自体は見えないだけど存在しているようで、
クリックや右クリックには反応するといった状態です

改善方法はないでしょうか？

https://dotup.org/uploda/dotup.org1395079.png

**374** · 2017/11/23(木) 11:30:27.87

/*ブックマークツールバーをマウスオーバーで開閉する*/
#PersonalToolbar {
visibility: collapse !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
}

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

ページ上コンテキストメニューに出てくる
ページをpocketに保存をけすことできませんか

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:18:58.16

>>376
pocketアイコン右クリック　→　削除

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:21:06.14

それはアドレスバーからアイコン消えるだけじゃね

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:31:39.05

>>377
アドレスバーのは消せたんですが
ページ上の右クリックに入ってるものです

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:35:12.91

>>374
/*ブックマークツールバーをマウスオーバーでポップアップ*/
#PersonalToolbar:not([customizing="true"]) {
transform: translateY(-500px);
transition: transform 0s ease 1000ms !important;
position: absolute !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
transform: translateY(0px);
transition: transform 0s !important;
}

俺が使ってるのを最小限の記述にしたやつだけどどうぞ
これに影をつけたりhoverの範囲を広げたりすると使いやすくなるよ

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:40:22.28

ブラウザ全体からPocketの存在自体が消えていいなら
extensions.pocket.enabled;false

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:41:40.62

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

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:45:54.56

>>380
ありがとうございます、無事ブックマークが表示されたまま自動開閉できるようになりました

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 14:31:01.00

コンテキストメニューを整理したいのですが、どこかに最新の一覧はないですか？
なんかどの項目かわからない、区切り線があるのですが、調べきれません
調べ方を含め、わかるかた教えてください。

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 14:45:56.10

>>384
ブラウザツールボックス

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 14:50:49.97

https://addons.mozilla.org/ja/firefox/addon/fxui-editor/
おかしい部分がちらほらあるけど便利なんでもっと知られてもいい

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 14:53:09.09

>>378
ご指摘ありがとう

>>379
早とちりで申し訳ない
解決されたようでなにより

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 14:55:00.02

>>384
https://sites.google.com/site/mymemomemo/freesoft/firefox
サンプルはこちら
https://u6.getuploader.com/script/download/1606

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 15:02:19.53

>>385
ありがとう
調べ方が分かったので消せました!

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 15:04:41.94

>>388
どうもありがとう
こちらを入れてあとは自分で調べて消してみます

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 16:05:00.75

最小化、最大化、閉じるボタンを非表示っていうの拝借して入れたんだけど効かないな
56だと効くけど消えてるとこ押すと機能しちゃう

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 16:20:00.89

'非表示'が効いているから消えている

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 16:25:51.33

>>391
/*** 最小化、最大化、閉じるボタンを非表示 ***/
#titlebar-buttonbox-container {
display: none;
}

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 16:53:41.88

ツールバーのハンバーガー消せませんかね

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 16:58:29.09

>>394
>>36
聞く前に検索よろ

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 17:04:08.01

パシリに検索させるほうが楽だからな

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 19:02:36.22

>>392
うん、効く＝消える以外に捉えようないと思うけどそれが何

>>393
うん、それだけど何でコピペしたの

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 19:18:38.09

行儀の悪いやつらが湧いてると思ったら
今日は祝日だったな

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 23:30:45.20

お祝いと何の関係があるんや

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 23:37:16.27

お狐様に労働を捧げられることを感謝する日やで

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 00:51:08.39

狐につかれた人たちの集会場か

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 01:35:59.66

タブバーを1番下にすることはできたのですが、左端にある空白が気になるので
空白の幅をサイドバーの幅に合わせて
サイドバーを上に詰めて空白を無くすことはできないでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 06:50:31.36

自分が記述したコードも一切書かないで質問する人ってなんなん？

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 14:14:14.57

ファビコンがないサイトのファビコンを以前の破線のやつに変更することってできないかな

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 14:45:38.17

>>404
タブのはできる
ttps://github.com/Aris-t2/CustomCSSforFx/tree/master/classic/css/tabs

ブックマークサイドバーのデフォルトファビコンの変え方を知りたい

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 15:06:41.28

>>405
どもっす。サイドバーのも変えたいけど無理そうなのかな。とりあえずタブだけでも変えておきます。

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 15:16:01.74

ブックマークの空favicon変更はcssではできなくなってる
ttp://blog.goo.ne.jp/atlanto/e/acb5ab29847bea63b2f004de0f48df44

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 15:19:13.84

>>158
遅まきながら失礼します
小躍りしてその記述をまんまコピペ拝借したところ
urlbarの『←』(前ページに戻る)ボタンが『+』表記に
なってしまうのです
機能的には前に戻れるのですが
原因おわかりになりますか

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 15:37:39.43

>>408
コピペミスか他に記述があるならそこが関係してるんじゃね
もう一度>>158"だけ"のcss作って試してみな

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 17:32:07.05

>>407
どもです

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 21:39:04.34

>>409
ご返答ありがとうございます
確かに>>158単独だと大丈夫ですね

他のどの部分が悪さしてるのか色々と試してみます

**名無しさん＠お腹いっぱい。** · 2017/11/24(金) 22:23:13.64

>>402
/*userchrome.js*/
document.getElementById("appcontent").insertBefore(document.getElementById("TabsToolbar"), document.getElementById("high-priority-global-notificationbox"));

/*userchrome.css*/
.titlebar-placeholder[type="pre-tabs"] {display: none !important;}
#toolbar-menubar[autohide="true"][inactive="true"] + #nav-bar {padding-right: 138px !important;}

**545** · 2017/11/25(土) 00:22:45.24

なんかいじりすぎておかしくなっておま環なのかもしれないんですが、
#PopupAutoCompleteRichResultの幅を#nav-barの幅に合わせるにはどう書けばよいのでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 00:22:48.14

57をaustralisのタブ
https://github.com/wilfredwee/photon-australis/blob/master/assets/images/default-theme.png
https://github.com/wilfredwee/photon-australis/

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 07:36:29.33

サイドバーの横のスクロールバー出せますか？

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 08:11:54.98

>>332
書き込んだの忘れてて亀だけど超ありがとうほんとありがとう
試してみる

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 08:35:16.27

>>380のCSSでブックマークツールバーをマウスオーバーで自動開閉しているのですが
以下の画像のようにバーを表示させた時に、表示しているページの上の部分が隠れてしまいます

隠れないようにすることって出来ないでしょうか？

https://dotup.org/uploda/dotup.org1396651.png

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

#PersonalToolbar:not([customizing="true"]) {
max-height:1px !important;min-height:1px !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
max-height:30px !important;
} 👀
Rock54: Caution(BBR-MD5:0be15ced7fbdb9fdb4d0ce1929c1b82f)

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 09:33:07.58

>>418
ありがとうございます
ただポインタをツールバーから移動するとすぐに隠れるようになってしまいました
５秒くらい表示したままにしたいのですが、どう編集すれば良いでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 09:49:47.42

/* ブックマーク一覧の奇数行に色をつける */
#bookmarksPanel treechildren:-moz-tree-row(even) {
background-color: #DCDCDC !important;
}
これどこを直したらまた効くようになるでしょうか

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 10:57:58.93

>>420
treechildren {background-color:#f0f0f0 ;}
treechildren::-moz-tree-row(odd) {background-color:#f0f0f0 !important;}
treechildren::-moz-tree-row(even) {background-color:#f9f9f9 !important;}

treechildren::-moz-tree-row(selected) {background-color: #777; background-image:linear-gradient(#777,#777);}
treechildren::-moz-tree-row(selected, focus) {background-color: #09f; background-image:linear-gradient(#07f,#07f);}

treechildren::-moz-tree-row(hover){background-color:#bdf; background-image:linear-gradient(#bdf,#bdf);}
treechildren::-moz-tree-row(selected,hover),
treechildren::-moz-tree-row(selected,focus,hover) {background-color: #5af; background-image:linear-gradient(#5af,#5af);}

treechildren::-moz-tree-cell-text(selected),
treechildren::-moz-tree-cell-text(selected, focus)
{color:#fff !important;}

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 11:38:05.95

>>419
#PersonalToolbar:not([customizing="true"]) {max-height:1px !important;min-height:1px !important;transition: max-height 0s ease 5s !important;}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {max-height:30px !important;transition: max-height 0s !important;}

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 11:42:06.72

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

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

サイドバーのスクロールバー出す方法教えてください
overflow-x:visible;
では効かなかったです

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

>>413
自己解決

#PopupAutoCompleteRichResult {
max-width: 1000px !important;
margin-left: 0 !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon {
margin-left: -90px !important;
}

max-widthは任意

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 16:09:31.44

ロケーションバーに表示されるページ操作とこのページをブックマークに登録しますのアイコンを非表示にはできませんか？

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 16:38:46.19

ページ操作はこのスレを…で検索
ブックマークは右クリから消せる

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 17:22:35.33

しかし>>426をカスタマイズで非表示にできない仕様にした理由は何だろうな
特に「…」なんて必要としない人の方が多いように思うが

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 17:28:57.26

ここで聞いても誰も答えられんわ
モジラに聞けよ

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 17:31:07.96

おそらくアドレスバーから削除した☆やPageActionのボタンを戻すためでしょ

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 17:42:58.21

逆に望まれてることをできるようにしたことがないのがモジラだろ

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

>>427
ありがとうございます
消せました！

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

質問者はまず過去レスを検索してから質問しろって
ことだな
質問が堂々巡りしてるし

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 20:06:08.11

>>403
すみません、スレの最初の方に出ていたやつです

/* タブバーを一番下にして上の隙間を削る */
#TabsToolbar {
-moz-box-ordinal-group: 9 !important;
margin-top: 0 !important;
}

>>412
レスありがとうございます
js,cssやってみましたがどちらも上手くいきませんでした

/*** タブバーの左端スペース調整 ***/
#TabsToolbar {
margin-left: 145px !important;
}

これでタブを右にずらしたところで妥協します

**名無しさん＠お腹いっぱい。** · 2017/11/25(土) 23:27:10.67

Custom CSS tweaks for Firefox 57+を入れているのですがブックマークバーの高さが狭いので広げたいのですがお力をお貸しください

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 07:18:46.77

#TabsToolbar {margin-left: -40px !important;}
これでタブバーの左端のスペースを無くしたんですが、フルスクリーンにすると左端のスペースは元々ないので指定した値の分タブが左にずれてしまいます。
これを回避する方法ありますか？

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 07:29:36.61

タブの左のスペースはこれで消している。
どこかのコピペなので詳しいことはわかりません

/* #tabbrowser-tabs (前後) Drag space非表示 */
.titlebar-placeholder[type="pre-tabs"],
.titlebar-placeholder[type="post-tabs"] {
display: none !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 08:28:08.71

そもそも57では
タブの左側にスペースなんてないけどな
他のCSSが悪さしてるんじゃねーの？

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 08:39:12.59

うちの環境ではメニューバー非表示にしたらタブの左にスペースが出現
最大化するとスペースは消えてタブが左端になった

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 08:47:34.49

まったく無問題
メニューバー非表示にしてもタブの左に空きスペースなんて無い

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 08:51:40.59

タブバーに空白が出現し得るのは browser.tabs.drawInTitlebar が true の場合
ただしlinux版ではこの設定は無効で .titlebar-placeholder も存在していない