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/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 も存在していない

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

>>441
仰る通りその設定になっていました

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 09:17:31.28

browser.tabs.drawInTitlebarは
カスタマイズの「タイトルバー」にチェックが入っていないとtrue
Windowsでのデフォルトは「タイトルバー」にチェックは入っていない
わざわざ変更していなければ左に空きスペースは必ずある
タイトルバーを表示しない場合つかむ場所がせまくてウィンドウが移動しづらいため
ここにスペースが設けられているらしい

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 09:22:00.49

いや、
browser.tabs.drawInTitlebarがtrueでもfalseでも
まったく空きスペースなんて出ないな
なんかおかしなとこいじってるんだろ

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 09:48:38.15

いじってるのはお前じゃねえの

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 09:53:06.86

触るな危険

**436** · 2017/11/26(日) 09:56:18.73

>>437
どもです。時間ができたら試してみます。

>>444
タブバーの左端にスペース
https://forest.watch.impress.co.jp/img/wf/docs/1083/038/image1.jpg

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 09:59:34.66

>>436

.titlebar-placeholder {
width: 2px !important;
}

これだと最大化してもおｋ。
>>437だとタブが増えたとき右端がおかしくなる

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

タブバーの自動開閉はできますか？
ブックマークツールバーの自動開閉があったので、タブバーでもできないものかと

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

>>448
それを使わせていただきます

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 13:14:42.96

多段タブ段数指定と段数無制限の二種類入ってます。
57以降タイトルバーボタン(右上の3つのボタン)が縦長になって
ツールバーに被ってボタンが押せない時があるのに対処した物と
段数指定でタブにスクロールバーが出ても、動かせなかったのに対処した物をネットで見つけて、
それをデフォルトのタブ幅に合わせたりいろいろ調整した多段タブです。
タブの背景色は適当にいじったので変なので自分でいじってください。
あとはタブが移動できるようになると完璧！だれか・・・ｗ
https://u6.getuploader.com/script/download/1618

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 13:17:36.10

イラネ

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

人が書いたやつを適当に弄ってさも自分の手柄のようにアップするの楽しそうだね

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

>>367
今更なんだけどextensionの中身漁ってたらsidebar\stylesの中にthrobber.cssがあったからこれで指定してるんじゃないかなって思った
正直詳しくないからどうやったらいじれるかはわからん

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 17:55:55.21

>>453
君も楽しそうだな

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 21:19:35.49

<div class=～</div>で囲まれた特定の文字列を消すにはどうしたら良いのか教えて下さい
用途はメルカリのいいねだけを消したいです

**名無しさん＠お腹いっぱい。** · 2017/11/26(日) 23:44:57.40

>>456
div.～ {display: none;}

**名無しさん＠お腹いっぱい。** · 2017/11/27(月) 00:47:54.37

今拾ったやつでポインタをタブに乗せるとタブ幅が広がるようになってるんだけど

#TabsToolbar .tabbrowser-tab:not([pinned]) {
max-width: 20px !important;
min-width: 0 !important;
}
#TabsToolbar .tabbrowser-tab:not([pinned]):hover {
max-width: 100px !important;
}

52.5.0esrに移植したら
https://dotup.org/uploda/dotup.org1398454.jpg
何かの拍子にこんな風に間が空いてタブが飛んじゃうんだけど何が悪いんでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/27(月) 00:55:06.28

検索バーに矢印の代わりに、検索サイト名を表示出来ませんか？

**名無しさん＠お腹いっぱい。** · 2017/11/27(月) 02:54:23.18

すみません
ナビゲーションバーとブックマークバーの左に少し余白を入れたいのですが
#PersonalToolbar{
margin-left: 10px !important;
}
#nav-bar{
margin-left: 10px !important;
}

これだとずらしたところの背景色が変わってしまいますが何か対策、もしくは他の方法ってあります？

**名無しさん＠お腹いっぱい。** · 2017/11/27(月) 03:06:46.32

toolbar[overflowable] > .customization-target{ margin-left: 30px !important;}
#PersonalToolbar { padding-left: 30px !important; ;}

**名無しさん＠お腹いっぱい。** · 2017/11/27(月) 03:52:18.68

ありがとうございます。希望通りの表示ができました。

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

ブックマークのuserchromeを取得したいのですが、どのようにして要素を見ればいいでしょうか
こういったポップアップメニューは左上のボタンを教えても消えてしまうのです
https://i.imgur.com/hq2JNNz.jpg

**名無しさん＠お腹いっぱい。** · 2017/11/27(月) 06:20:34.15

>>463
[Firefox]userChrome.cssを使ってコンテキストメニューの項目を非表示にする手順|ササビーのブログ
http://ssbsblg.blogspot.jp/2017/11/20.html
ここが参考になるんじゃないかな

**名無しさん＠お腹いっぱい。** · 2017/11/27(月) 06:38:47.97

>>463

四角が4んこ固まったボタンをクリックするとポップアップのオートハイドがオフになるから
後は目的のポップアップを開いてインスペクトボタンから調べればいい

**名無しさん＠お腹いっぱい。** · 2017/11/27(月) 07:17:19.37

↑thanksです

**名無しさん＠お腹いっぱい。** · 2017/11/27(月) 07:38:50.50

↑contet-arrowcontainerというクラスだったのですが、文字色が変わりません
どうしてでしょうか

**名無しさん＠お腹いっぱい。** · 2017/11/27(月) 07:42:34.20

あれ、ブラウザツールボックスが開かなくなったのですが、どうしたらいいでしょうか
連投すみません

**名無しさん＠お腹いっぱい。** · 2017/11/27(月) 07:57:20.66

誰だよ教えて君を調子づかせたのは

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

永井てんてーにuserChrome.cssの存在を教えたいのですが、どうやってアピールすればいいですか？

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

無理

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

>>470
オレが教えとくから悩まなくていいよ

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

>>225
/* 青ライン(を含む四角形のイメージだが) */
.tab-line {display: none;}

これ入れるとFoxyGesturesのオプションみえなくね？焦った