userChrome.css・userContent.cssスレ Part8

●前スレ
userChrome.css・userContent.cssスレ Part7
http://egg.5ch.net/test/read.cgi/software/1510394098/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
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
UserCSSManager
https://greasyfork.org/scripts/35880

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

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

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

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

>>700
userChrome.js導入over62.zip内のuserChrome.jsとuserChrome.xmlの中を書き換えたらすべて動かなくなるよ
スクロールjsのファイル名がuserChrome.jsならスクロール.uc.jsにリネームすればいいだけ（scrollbars_win10.uc.jsとか）

もしかしてここのページ　https://pastebin.com/VxcWsaex　のuserChrome.js（scrollbars_win10）を利用したのかな
そうならばスクロールバーのちらつきを改良したコードがあるので修正したらいいと思う

11行目
(function () {　から
65行目　
`;　を
ここのページの内容と書き換える（コピペする）
https://www.reddit.com/r/firefox/comments/7f6kc4/floating_scrollbar_finally_possible_in_firefox_57/dqdbx6t/

完全に隠すために書き換え後この部分の3pxを0pxに変更
border-left: 3px solid rgba(80, 80, 80, 0.75);\
border-top: 3px solid rgba(80, 80, 80, 0.75);\

角を丸くしたいときは
:not(select):not(hbox) > scrollbar:hover thumb {\ に
border-radius: 3px!important;\　を追加

メニューのツールにあるWindows 10 Style Scrollbarsで有効無効切り替え

>>701
ページは違えど全く同じものです
githubにあった0.04ものでしたが書き換えたらうまくいきました
完全にscroll barが出てきます(書き換え前は出たり出なかったり)
希望通りです
ありがとうございました
抱きしめてキスしたい

タブバー上の空白部分ミドルクリックで「閉じたタブを復元」に設定しているんですけど
タブを6個ほど開いたらタブバー上に隙間がなくなってクリックする場所がなくなって困ってます
右端に空間を作る事って出来ませんか？

>>703
これ使ってるの？
Firefoxのタブバー上ミドルクリックで閉じたタブを元に戻すだけ.uc.js（middle-click-undo-close-tab.uc.js）
>>「新しいタブを開く」ボタンのミドルクリックでも閉じたタブを復元します。

>>704
「新しいタブを開く」ボタンでも行けました！
ありがとうございます。

タブを多段表示しても、タブの位置を自由に移動できるcssはありませんか？

cssでは無理

>>707
uc.jsなら出来るって事？

な、age厨だろ

よっしゃ

ブックマークバーの行間を狭くする系のcss、入れても狭くならないんですが
Firefox Dev portable版だからダメなんですかね？

>>711
/* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.5em !important;
border-width:1px !important;
}

>>712
ありがとう、でもダメだよそれ入れても狭くならないよ
タブの複数行化とかはちゃんと効いてるからファイルの名前や置き場はあってるはずだけど；；

>>713
これでどう？
treechildren::-moz-tree-row {
height: 1.5em !important;
border-width: 1px !important;
}

>>713
タブの多段表示とかの別の所に、既に入ってるんじゃない？
よく確認してみてﾝ

他の記述と干渉している可能性
CSSはどちらも!importantなら後に記述する方が優先ね

今のFirefoxってUIは一切弄れなくなってるんじゃないの？しらんけど

>>717
アドオンではいじれないけどcssでならいじれるよ

>>713
treechildren.sidebar-placesTreechildren::-moz-tree-row {
min-height: 1.5em !important;
height: 1.5em !important;
border-width: 1px !important;
}

メニューエディター類が壊滅なのは痛い
アドオンとかスクリプトで機能追加しても
インターフェースが糞溜まりではどうしょうもないのう

>>715-716
そう思って試しに他の記述を全部消して>>714のやつだけにしてみてもブックマークペインの行間は一切変化しないんですよ…

>>719
すごい！
それだと狭くなりました！
ありがとうございます〜解決しました＞＜

すいません誘導されてきたのですが、
<div data-test-id="xxxx" >というノードを非表示にしたいのですが、#xxxxや.xxxxの指定ではうまくいきません。
どうしたら良いのでしょうか。

div[data-test-id="xxxx"]じゃないの

うまく効いてくれません

!importantは？

ブックマークツールバーにあるブックマークを開くと上下ある▲▼を消していたんだけど62にしたら効かなくなってしまった。名称変わったのかな？それとも62じゃ無理？神様降臨して〜

ブックマークツールバーのフォルダアイコンを黄色に戻す設定も効かなくなった＼(^o^)／

>>726
俺も
>>727
CSSでは効いてる

>>727
俺も
今気づいたがフォルダアイコンが消えてしまった

folder-item.png取ってきてurl指定して応急処置
必要あるかわからないけどfolder-item.png
https://dotup.org/uploda/dotup.org1635346.png.html

/* Firefox57（Quantum）ブックマークフォルダの色を黄色に戻す */
@-moz-document url(chrome://browser/content/places/bookmarksSidebar.xul),
url(chrome://browser/content/places/historySidebar.xul),
url(chrome://browser/content/browser.xul),
url(chrome://browser/content/places/places.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open),
.bookmark-item[container] {
list-style-image: url("folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
}
/* 「履歴とブックマークの管理」も黄色に戻す */
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul),
url(chrome://browser/content/places/historySidebar.xul),
url(chrome://browser/content/browser.xul),
url(chrome://browser/content/places/places.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open),
.bookmark-item[container] {
list-style-image: url("folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
}

出来たよ
ありがとう

ごめん

/* 「履歴とブックマークの管理」も黄色に戻す */ は不要だった

>@-moz-document 対応が空の url-prefix() を除いて打ち切られました
>https://www.fxsitecompat.com/ja/docs/2018/moz-document-support-has-been-dropped-except-for-empty-url-prefix/

>ほとんどの非標準 CSS display 値が廃止されました
>https://www.fxsitecompat.com/ja/docs/2018/most-of-non-standard-css-display-values-have-been-dropped/

chrome://browser/skin/places/unsortedBookmarks.png
これ62でどこいった？

ブックマーク追加のプレビュー邪魔だな

ブックマークツールバー表示させといて↓使ってるわ
Bookmark Tab Here
https://addons.mozilla.org/ja/firefox/addon/bookmark-tab-here/
編集・移動は後回しー

Fx63で ::-moz-tree も廃止っすね

62にあげたら, userChrome.css で下記が効かなくなりました
どこを修正すればよいか教えてたもれ, 賢者様！

/* 未読タブのタイトル文字色を黄色に変更する */
.tabbrowser-tab[unread="true"] {
color: yellow !important;
}

>>731
これやっても戻りません

folder-item.pngをchromeフォルダ入れろよ

>>741
でけたサンキュー

tab周りのcssになんか変更あったのかな

>>739
>>601-602これでどうですかね

>>744
後でちょっと試してみます

>>744
期待通りの挙動です！賢者様！
ありがとうございました！！

タブをたくさん開いたとき一番右に出る>マークを消す方法をご存じでしたらご教示お願いします
名称が分からないのでググれず

左up, 右down
/* タブバーのスクロールボタン非表示 */
.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
display: none !important;
}

>>726
これ、分かる方いませんか？

>>749
おそらくautorepeatbuttonでやっていたと思うけど
.scrollbutton-up
.scrollbutton-down
に変わった
ブラウザツールボックスで一発でわかるんだから活用せよ

>>748
スクロールボタン、勉強になりました
ありがとうございます

>>750
無事反映されました。ありがとう！

52ESRから移行してきたがPopupInspectorが使えないの痛すぎる

>>730
>>731
>>741
横からだが自分も助かった
ありがとう

フォルダの色は、こういうのもあるみたいよ。
こっちは好き嫌いありそうだけど。
https://egg.5ch.net/test/read.cgi/software/1535505247/103

>>754
「履歴とブックマークの管理」も黄色に戻す は不要だからね

62になったら開いてるフォルダ以外を閉じるやつが効かなくなった

AutoCloseBookMarkFolder_Fx37.uc 導入で
サイドバーに表示される
折畳 展開 の背景を暗くしたい(黒色)
見ずらくなるなら文字も(白色)に変更したい
ご教示お願いします

な、age厨だろ

釣り乙

ブックマークサイドバーの縦スクロールバーを非表示にできますでしょうか？

>>759
言われてムカついたからって

すでに同じ話題がでてて他の方は解決済みのようですが、自分の環境？じゃ治らないのでご指南願います

ブックマークのフォルダを黄色に戻す為にChrome.cssに
>>731の内容を追加し>>730の先で拾ったfolder-item.pngをChromeに入れたものの
黄色になりません。あまり詳しくないので何か見落としがあるのかもしれませんorz
よろしくお願いします

userChrome.cssのフォーマットが正しくないんじゃね？

タブ位置の変更やらなんやかんや弄ってるうちにおかしな事になってんのかな(；´Д｀)

これだけで
.bookmark-item[container],
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
list-style-image: url("folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}

>>761
#bookmarksPanel scrollbar,
#history-panel scrollbar,
#treeBbsMenu scrollbar,
#sbTree scrollbar
{
max-width: 0px !important;
}

>>767
出来ました。本当に有り難う御座います。

mozillaサポートフォーラムのcssでブックマークを編集できますの「ページ縮小表示」と
「サイトアイコン」を消せるはずなんだけどサイトアイコンがなぜか消えてくれない
サイトアイコンも消せた人いたら教えてほしいです
https://support.mozilla.org/ja/questions/1232360

https://i.imgur.com/oY1z9MK.png

>>769
https://i.imgur.com/76zgE0q.png
選ばれた解決策(Chosen solution)の(2)で消えましたよ。
Nightly 64.0a1(2018-09-09)

62だけどこっちも消えてない

https://support.mozilla.org/ja/questions/1232360#answer-1152038
これで消えた

>>761
>>767で確かに消せるんだけど、Macだと、スクロールでバーが表示されて、自動で消えるんだよね。
Winでも出来ないのかな？

>>773
userChrome.js用スクリプトでマウスオーバーしたとき
スクロールバーが出てくるようにはできるけれども
試してみたいならアップするよ

>>772
/* Hide Giant Thumbnail and Favicon */
#editBookmarkPanelImage,
*|div#editBookmarkPanelFaviconContainer {
display: none !important;
}
これで消えたありがとう

サイドバーの行間開きすぎなんだけど設定方法変わりました？

>>776
>>712
>>714
>>719
あたり

>>719
これってブックマークツールバーの方にも適応することって出来る？

>>778
Roomy Bookmarks Toolbar風css
ブックマークツールバーのアイコン間隔を詰めたりなどはここにあるcssがいい感じ
https://www.reddit.com/r/firefox/comments/72qkvt/any_replacement_for_roomy_bookmarks_toolbar_i/

/* --- Made by Trustadz --- */から
/* --- [/5] --- */までを利用

/* --- [5] --- */はブックマークツールバー自動開閉なんだけどFirefox環境によってうまくいかなかったりする

ESRもQuantumになったから普通に通常の最新版入れたんだけど
ブックマークメニューの
・ブックマークサイドバーを表示
・すべてのブックマークを表示
・区切り
・ブックマークツールバー
・他のブックマーク
・区切り
これらを非表示にさせる方法わかりますか？
Quantumの前はUI Eraserで消してました

これって、あれ
https://goo.gl/SL2bmU.info

>>781
goo.glのURL短縮サービスの停止は予告されてたよ

スレで以前にあった、
/* 未読タブのタイトル文字色を黄色に変更する */
.tabbrowser-tab[unread]:not([pending='true']) {
color: yellow !important;
}
が効かないのだけど、既出ですか？

（ ＾ω＾）･･･

>>783
スレを一週間くらい溯ってみてください

>>785
だから、それが効かないんだよね。
記述何処か間違ってますか？

>>786
>>602に方法試したの？なら、CSSに

/*はじめ*/
.tabbrowser-tab[unread="true"] .tab-text {
color: yellow !important;
}
/*おわり*/
て書いてみて。

サイドバーにブックマークを表示させた時の検索ボックスですが以前は
Alt+S キーでフォーカスする事が出来たのですがバージョン57辺りから
ショートカットキー(アクセラレーターキー)が廃止されてしまいました
復活させる方法を教えてください

>>788
Ctrl + I
Ctrl + B でブックマークサイドバー表示させたとき検索にフォーカスするから
ブックマークサイドバー出してるときならばCtrl押しながら Bを２回押せばフォーカスするかな

>>788
alice0775さんのaccesskey.uc.jsでAlt+S復活してた
https://github.com/alice0775/userChrome.js/blob/master/accesskey.uc.js

>>790
ありがとうございます
userChrome.jsというのを使ったことがなかったのですが
これから導入してみます

>>787
未読のタブ、黄色にならないね。

uc.jsでunread属性付加してる？

>>793
cssだけでは、ならないのですね。納得。
62では、unread属性が削除されたからか。

/*非アクティブタブの文字色*/
.tabbrowser-tab:not([visuallyselected=true]) {
color: yellow !important;
}
で出来た。

おまけ
/*読み込み完了時のタブが光ったような効果*/
.tab-loading-burst[bursting]::before {
fill: darkorange !important;
}
/*非アクティブタブの背景色*/
.tab-background:not([selected=true]) {
background-color: chocolate !important;
}

>>795
おお、これこれ、cssだけで出来るじゃん。ありがとう。
チョコ色はちょっとね。

でも未読タブではないんじゃね？

せやな

>>797
未読タブと非アクティブタブの違って？

>>799
Yonde Ji no touri

>>799
未読タブ→まだ見てないタブ
非アクティブタブ→見た見ないにかかわらずバックグラウンドになってるタブ