X



userChrome.css・userContent.cssスレ Part8
■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん@お腹いっぱい。
垢版 |
2017/12/14(木) 00:29:24.23ID:XdBerJGV0
●前スレ
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/
0688名無しさん@お腹いっぱい。
垢版 |
2018/08/13(月) 19:35:16.67ID:JIhrcRtw0
URLバーの★ブックマークだけ残したい場合(メニューからブックマークはなしで)どうしたらいいでしょうか?
サイドバーは自動開閉設定にしてるためドロップできず
・・・だけ消したいのですが・・・
0690名無しさん@お腹いっぱい。
垢版 |
2018/08/14(火) 17:59:50.48ID:ibvzrW4r0
FirefoxのUI(URLバーやブックマークの検索など)で
::-moz-selection 無効になったよね
62から ::selectionになったみたいだけど有効にならない
0692名無しさん@お腹いっぱい。
垢版 |
2018/08/17(金) 21:03:21.07ID:puRkjuct0
タブツールバーとURL、検索バーの高さを変えることができました
が、URLバーの上下の余白をなくすことはできますか?
高さをなくした分下の余白がなく上の余白が残ったままです
0696名無しさん@お腹いっぱい。
垢版 |
2018/08/18(土) 17:14:20.77ID:3x+kOfDx0
>>692
#urlbar {
font-size: 13px !important;
min-height: 25px !important;
height: 25px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.searchbar-textbox {
font-size: 13px !important;
min-height: 25px !important;
height: 25px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
0698名無しさん@お腹いっぱい。
垢版 |
2018/08/19(日) 13:32:39.92ID:M7Y5sL/u0
>>697
同じものかどうかはわかりませんが見つけて入れてみました
完全には隠れないが希望通りです

が、名前がまんまで
もともとのuserChrome.js導入over62.zipと中身を入れ替えました
これだと導入ベースのuc.jsは動かなくなるのでしょうか?000とsaveuc
0700名無しさん@お腹いっぱい。
垢版 |
2018/08/19(日) 16:42:37.58ID:M7Y5sL/u0
>>699
目当てのスクロールjsの名前がuserChrome.js
xmlもuserChrome.xml
両方とも中を見てみましたが内容が全然違っているので?
中身をスクロール用に書き換えました
なので付属の000_xPref.uc.jsとsaveUCJS.uc.jsが使えないかなと

付け足そうとも考えましたがド素人なのでわからず・・・
uc.jsにリネームしてみたが動かず?
0701名無しさん@お腹いっぱい。
垢版 |
2018/08/19(日) 18:31:52.97ID:qoEj+1qS0
>>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で有効無効切り替え
0702名無しさん@お腹いっぱい。
垢版 |
2018/08/19(日) 21:06:00.63ID:M7Y5sL/u0
>>701
ページは違えど全く同じものです
githubにあった0.04ものでしたが書き換えたらうまくいきました
完全にscroll barが出てきます(書き換え前は出たり出なかったり)
希望通りです
ありがとうございました
抱きしめてキスしたい
0703名無しさん@お腹いっぱい。
垢版 |
2018/08/26(日) 05:19:32.52ID:xnBnV25d0
タブバー上の空白部分ミドルクリックで「閉じたタブを復元」に設定しているんですけど
タブを6個ほど開いたらタブバー上に隙間がなくなってクリックする場所がなくなって困ってます
右端に空間を作る事って出来ませんか?
0704名無しさん@お腹いっぱい。
垢版 |
2018/08/26(日) 10:37:35.18ID:ZX2LN6nb0
>>703
これ使ってるの?
Firefoxのタブバー上ミドルクリックで閉じたタブを元に戻すだけ.uc.js(middle-click-undo-close-tab.uc.js)
>>「新しいタブを開く」ボタンのミドルクリックでも閉じたタブを復元します。
0706名無しさん@お腹いっぱい。
垢版 |
2018/08/29(水) 13:03:00.36ID:ZDo/hLLo0
タブを多段表示しても、タブの位置を自由に移動できるcssはありませんか?
0708名無しさん@お腹いっぱい。
垢版 |
2018/08/30(木) 00:43:42.42ID:Vn5xQqZY0
>>707
uc.jsなら出来るって事?
0710名無しさん@お腹いっぱい。
垢版 |
2018/08/31(金) 05:02:40.48ID:1iKmg29W0
よっしゃ
0711名無しさん@お腹いっぱい。
垢版 |
2018/08/31(金) 10:40:16.01ID:q7QisTr00
ブックマークバーの行間を狭くする系のcss、入れても狭くならないんですが
Firefox Dev portable版だからダメなんですかね?
0712名無しさん@お腹いっぱい。
垢版 |
2018/08/31(金) 11:17:26.53ID:4lIqi+ha0
>>711
/* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.5em !important;
border-width:1px !important;
}
0713名無しさん@お腹いっぱい。
垢版 |
2018/08/31(金) 12:38:37.46ID:q7QisTr00
>>712
ありがとう、でもダメだよそれ入れても狭くならないよ
タブの複数行化とかはちゃんと効いてるからファイルの名前や置き場はあってるはずだけど;;
0720名無しさん@お腹いっぱい。
垢版 |
2018/08/31(金) 22:44:25.60ID:fPabPCqW0
メニューエディター類が壊滅なのは痛い
アドオンとかスクリプトで機能追加しても
インターフェースが糞溜まりではどうしょうもないのう
0721名無しさん@お腹いっぱい。
垢版 |
2018/08/31(金) 23:51:55.70ID:q7QisTr00
>>715-716
そう思って試しに他の記述を全部消して>>714のやつだけにしてみてもブックマークペインの行間は一切変化しないんですよ…

>>719
すごい!
それだと狭くなりました!
ありがとうございます〜解決しました><
0722名無しさん@お腹いっぱい。
垢版 |
2018/09/03(月) 16:47:15.99ID:u5CdCEFp0
すいません誘導されてきたのですが、
<div data-test-id="xxxx" >というノードを非表示にしたいのですが、#xxxxや.xxxxの指定ではうまくいきません。
どうしたら良いのでしょうか。
0726名無しさん@お腹いっぱい。
垢版 |
2018/09/06(木) 05:14:32.77ID:qbp2iiRv0
ブックマークツールバーにあるブックマークを開くと上下ある▲▼を消していたんだけど62にしたら効かなくなってしまった。名称変わったのかな?それとも62じゃ無理?神様降臨して〜
0731名無しさん@お腹いっぱい。
垢版 |
2018/09/06(木) 10:09:31.59ID:DZlb072T0
/* 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
}
}
0739名無しさん@お腹いっぱい。
垢版 |
2018/09/06(木) 15:50:20.32ID:sqTGfR770
62にあげたら, userChrome.css で下記が効かなくなりました
どこを修正すればよいか教えてたもれ, 賢者様!

/* 未読タブのタイトル文字色を黄色に変更する */
.tabbrowser-tab[unread="true"] {
color: yellow !important;
}
0747名無しさん@お腹いっぱい。
垢版 |
2018/09/07(金) 03:26:17.27ID:roJEW7dN0
タブをたくさん開いたとき一番右に出る>マークを消す方法をご存じでしたらご教示お願いします
名称が分からないのでググれず
0748名無しさん@お腹いっぱい。
垢版 |
2018/09/07(金) 04:20:41.82ID:4dmz6Vbv0
左up, 右down
/* タブバーのスクロールボタン非表示 */
.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
display: none !important;
}
0750名無しさん@お腹いっぱい。
垢版 |
2018/09/07(金) 08:25:09.34ID:FiIlvZfv0
>>749
おそらくautorepeatbuttonでやっていたと思うけど
.scrollbutton-up
.scrollbutton-down
に変わった
ブラウザツールボックスで一発でわかるんだから活用せよ
0758名無しさん@お腹いっぱい。
垢版 |
2018/09/08(土) 18:13:38.74ID:SGPL+qfv0
AutoCloseBookMarkFolder_Fx37.uc 導入で
サイドバーに表示される
折畳 展開 の背景を暗くしたい(黒色)
見ずらくなるなら文字も(白色)に変更したい
ご教示お願いします
0760名無しさん@お腹いっぱい。
垢版 |
2018/09/09(日) 01:05:56.27ID:gg5l76fo0
釣り乙
0763名無しさん@お腹いっぱい。
垢版 |
2018/09/09(日) 11:51:44.00ID:pqbR+iFv0
すでに同じ話題がでてて他の方は解決済みのようですが、自分の環境?じゃ治らないのでご指南願います

ブックマークのフォルダを黄色に戻す為にChrome.cssに
>>731の内容を追加し>>730の先で拾ったfolder-item.pngをChromeに入れたものの
黄色になりません。あまり詳しくないので何か見落としがあるのかもしれませんorz
よろしくお願いします
0766名無しさん@お腹いっぱい。
垢版 |
2018/09/09(日) 13:34:51.47ID:K7Qf0IV70
これだけで
.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
}
0774名無しさん@お腹いっぱい。
垢版 |
2018/09/10(月) 14:50:09.03ID:CDWCltqZ0
>>773
userChrome.js用スクリプトでマウスオーバーしたとき
スクロールバーが出てくるようにはできるけれども
試してみたいならアップするよ
0775名無しさん@お腹いっぱい。
垢版 |
2018/09/10(月) 15:10:40.76ID:IcUAgOw60
>>772
/* Hide Giant Thumbnail and Favicon */
#editBookmarkPanelImage,
*|div#editBookmarkPanelFaviconContainer {
display: none !important;
}
これで消えたありがとう
0779名無しさん@お腹いっぱい。
垢版 |
2018/09/11(火) 11:54:32.39ID:iAdky2DT0
>>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環境によってうまくいかなかったりする
0780名無しさん@お腹いっぱい。
垢版 |
2018/09/11(火) 21:54:06.42ID:IGYEPT5o0
ESRもQuantumになったから普通に通常の最新版入れたんだけど
ブックマークメニューの
・ブックマークサイドバーを表示
・すべてのブックマークを表示
・区切り
・ブックマークツールバー
・他のブックマーク
・区切り
これらを非表示にさせる方法わかりますか?
Quantumの前はUI Eraserで消してました
0783名無しさん@お腹いっぱい。
垢版 |
2018/09/12(水) 23:20:53.49ID:I+2wombI0
スレで以前にあった、
/* 未読タブのタイトル文字色を黄色に変更する */
.tabbrowser-tab[unread]:not([pending='true']) {
color: yellow !important;
}
が効かないのだけど、既出ですか?
■ このスレッドは過去ログ倉庫に格納されています