userChrome.css・userContent.cssスレ Part9

**名無しさん＠お腹いっぱい。** · 2018/12/07(金) 08:26:44.73

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

●拡張機能
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/

23 · 2018/12/13(木) 12:09:59.48

これ、わかる方教えて！

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 12:45:56.35

>>32
そのぐらい自分で調べろよ
IDからクラスに変更になってるじゃん
chrome://browser/content/browser.xul

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 13:02:00.80

.titlebar-buttonbox-container
ただし内蔵テーマでは非表示にできないし、外部テーマを使っててもボタンのあった位置のクリックが反応してしまうな

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 13:13:46.56

>>33
ダメだった。
@-moz-document url(chrome://browser/content/browser.xul) {
#titlebar-buttonbox-container {
display: none;
}
}

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 13:30:01.15

>>35
クラスだっつーのｗ
せめて#から.に変えるぐらいのことはしろよ

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 14:47:00.35

>>36
そう言われてもCSS知識ないから分からない。

**名無しさん＠お腹いっぱい。**(地震なし) · 2018/12/13(木) 15:57:58.50

>>31
macなんで「tabs_below_navigation_toolbar_fx65_macOS_fix_default_tabs.css」
使ってみたんだけどダメだな、なんでだろ？

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 16:11:03.36

>>37
がんばれ
みんな最初はわからなかったんだから

ttps://developer.mozilla.org/ja/docs/Web/CSS/Reference

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 16:11:33.24

自分で何とかできないのに65利用してるのは謎でしかない

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 17:38:52.24

やめたれw

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 17:57:53.31

>>39
いらねー
>>40
ばかか

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 18:04:52.37

馬鹿ほど他人を馬鹿というよね
自己責任のバージョンを知識のない人が使うことほど馬鹿らしいことはないぞ

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 18:09:09.40

こいつucjsスレでも65で使えねーと暴れてたガイジでしょ
自殺した方がいいよ

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 18:25:28.04

多段くらい公式でつけてくれよな
外人も結構使ってそうなのに

**名無しさん＠お腹いっぱい。** · 2018/12/13(木) 20:39:15.56

>>44
そうっぽいよな
修正版あげて貰っても礼すら言わずに消えたから放置でいいよ

**名無しさん＠お腹いっぱい。** · 2018/12/14(金) 15:07:18.03

多段なんていらない

**名無しさん＠お腹いっぱい。** · 2018/12/14(金) 20:19:25.76

ツールバー全部消して、Alt押した時だけツールバー出す方法ないですか？

**名無しさん＠お腹いっぱい。** · 2018/12/14(金) 20:48:11.12

以前はQuickToolbarsと言うアドオンがあって
任意のツールバーの組を任意に割り当てたキーボードショーカットでトグルスィッチできたんだけど
それがなくなって不自由している
現在は常時ブックマークツールバーを常時隠しておいてマウスオーバーしたときに現れるようにしている
全画面表示の時のみアプリケーション領域のみの表示にすることが出来て
自由度が減って困っている

**名無しさん＠お腹いっぱい。** · 2018/12/14(金) 21:06:46.60

サイズモードをノーマルサイズにする
アドレスバーにフォーカス
F11でフルスクリーンにする
メニューからカスタマイズモードにするツールバーが消えるのを待つ
マウスを上縁に合わせてウインドウコントロールボタンをクリックしてサイズモードをノーマルサイズにする
カスタマイズモードを終了する
アプリケーション領域のみの表示にうまー 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)

**名無しさん＠お腹いっぱい。** · 2018/12/14(金) 21:11:07.07

今アドオンを漁って見たら
New windows without toolbarと言うのが見つかった
トリガーがコンテキストメニューのアイテムのクリックしかないけど
少しは役立つ場面があるかも

**名無しさん＠お腹いっぱい。** · 2018/12/14(金) 21:49:39.91

あれ、ツールバーにもNew windows without toolbarのトリガーアイコンがあった
見落としていた

**名無しさん＠お腹いっぱい。** · 2018/12/14(金) 22:40:42.01

>>50
PopUp
https://addons.mozilla.org/ja/android/addon/popup/

**名無しさん＠お腹いっぱい。** · 2018/12/15(土) 10:33:32.70

新しいウィンドウをわざわざ開かなくてはならないとは
それに相応しい使い手はあるのだけど、ユーザーのオプションが狭められるブラウザとは、なんとも

**名無しさん＠お腹いっぱい。** · 2018/12/15(土) 11:24:04.82

64にしたら効かなくなりました、お慈悲を。

/* ブックマーク追加時のスクショ無効 */
#editBookmarkPanelImage,
*|div#editBookmarkPanelFaviconContainer {
display: none !important;
}

**名無しさん＠お腹いっぱい。** · 2018/12/15(土) 12:30:40.18

64でも効いてるよ

**名無しさん＠お腹いっぱい。** · 2018/12/15(土) 12:56:12.44

>>33
タブを検索より下にしたいけど今までブログとかみてコピーするくらいだったので
とんだ先の何をどうすればいいのかさっぱりorz　どなたかご指南くださいませ・・・(Win8.1)

**名無しさん＠お腹いっぱい。** · 2018/12/15(土) 12:59:10.60

暴言吐きまくって
よく戻ってこれるなw

**名無しさん＠お腹いっぱい。** · 2018/12/15(土) 13:01:38.32

>>31さんの方でした

55 · 2018/12/15(土) 13:57:53.92

>>56
えっ？そうですか
もうちょっと様子見ます

60 · 2018/12/16(日) 12:13:38.61

Mintのfurefox 64もダメでした

**名無しさん＠お腹いっぱい。** · 2018/12/16(日) 12:14:31.33

×　furefox
〇　firefox

**名無しさん＠お腹いっぱい。** · 2018/12/16(日) 12:41:51.19

>>61
Firefox64で>>55のをそのまま利用したけど効いてる
https://i.imgur.com/gdaxfuZ.png

**名無しさん＠お腹いっぱい。** · 2018/12/16(日) 12:42:36.41

>>61
OSはWindows8.1です

61 · 2018/12/16(日) 17:43:09.98

>>63-64
どうもありがとう
しばらく我慢しますね。

**名無しさん＠お腹いっぱい。** · 2018/12/17(月) 22:04:03.90

グーグルカレンダー定期的改悪キター

**名無しさん＠お腹いっぱい。** · 2018/12/17(月) 22:04:26.42

グーグルカレンダー定期的改悪キター

**名無しさん＠お腹いっぱい。** · 2018/12/17(月) 22:55:12.57

土日を色付けしてたけど色がズレるようになったわ
どう直せば良いかな？

/* Googleカレンダー土日表示色変更 */
.zRt28b:nth-child(1),
.W0m3G:nth-child(1) {
color: #FF6A6B !important;
}
.zRt28b:nth-child(7),
.W0m3G:nth-child(7) {
color: #6A6AFF !important;
}

.PhLhOd:nth-child(1),
.t8qpF:nth-child(1){
background: rgba(255,0,0,.1);
}
.PhLhOd:nth-child(7),
.t8qpF:nth-child(7){
background: rgba(0,128,255,.1);
}

**名無しさん＠お腹いっぱい。** · 2018/12/18(火) 00:04:46.30

1とか7の部分を変えればいいんじゃないの
実際に使ってるわけじゃないから知らんけど

**名無しさん＠お腹いっぱい。** · 2018/12/18(火) 17:58:52.91

>>57
ウチでは >>31 リンク先の"tabs_below_navigation_toolbar_fx65_v2.css"(一部改造)で出来てる(Win10 Firefox Nightly 66.0a1)
Nightly 65の時に導入した時のまま有効なんでリリース版のFirefox65でも同様に行けると思うけど保証はできないです。
https://i.imgur.com/W0aT8uv.png

68 · 2018/12/18(火) 19:43:47.11

.PhLhOd:nth-childの数字を１増やしたらズレがなくなりました
恐らく下の部分で機能してた土日のフォントの色が変更できません

.zRt28b:nth-child(1),
.W0m3G:nth-child(1) {
color: #FF6A6B !important;
}
.zRt28b:nth-child(6),
.W0m3G:nth-child(6) {
color: #6A6AFF !important;
}

ここはどう直せばフォントに色が付くようになりますかね？

**名無しさん＠お腹いっぱい。** · 2018/12/18(火) 21:01:25.71

>>70
入れてみたらメニューバーとタブが重なったんだが･･･w
どこを改造してるんですか?

**名無しさん＠お腹いっぱい。** · 2018/12/18(火) 23:11:19.76

スクロールバーの色を変えたいです
スクリプトスレにあった方法は64になって効かなくなりました
できる方教えてください

https://egg.5ch.net/test/read.cgi/software/1538578878/478

userChrome.cssとuserContent.css両方に追記

/* アクティブなウィンドウのスクロールバーの色 */
:root {
scrollbar-face-color: red !important;
scrollbar-track-color: orange !important;
}
/* 非アクティブなウィンドウのスクロールバーの色 */
:root:-moz-window-inactive {
scrollbar-face-color: teal !important;
scrollbar-track-color: hotpink !important;
}

**名無しさん＠お腹いっぱい。** · 2018/12/18(火) 23:57:23.10

うぜえ

**名無しさん＠お腹いっぱい。** · 2018/12/19(水) 00:20:18.53

/* アクティブなウィンドウのスクロールバーの色 */
:root {
scrollbar-color: red orange !important;
}
/* Inactive window colors 非アクティブなウィンドウのスクロールバーの色 */
:root:-moz-window-inactive {
scrollbar-color: teal hotpink !important;
}

**名無しさん＠お腹いっぱい。** · 2018/12/19(水) 00:31:49.68

こだわりって人それぞれだよなぁ

**名無しさん＠お腹いっぱい。** · 2018/12/19(水) 01:05:02.88

>>75
ありがとうございます
見にくかったスクロールバーが見やすくなりました

**名無しさん＠お腹いっぱい。** · 2018/12/19(水) 10:48:48.30

resetSearchbar.uc.js
検索履歴消すんですけど64で動かなくなりました。
修正、代替えあります？

**名無しさん＠お腹いっぱい。** · 2018/12/19(水) 13:33:52.22

64でタブを複数選択したときにタブの上部が青くなりますが、この色を変えるには
どうすれば良いんでしょうか？

**名無しさん＠お腹いっぱい。** · 2018/12/19(水) 15:52:56.65

>>79
.tab-line[selected=true] {
background-color:red !important;
}

**名無しさん＠お腹いっぱい。** · 2018/12/19(水) 22:46:05.11

タブバー右クリで出るメニューの「Bookmark Selected Tabs」を消す表記って
#toolbar-context-bookmarkSelectedTabs,{
display: none !important;
}
じゃ駄目だったんだけど正解教えてください

**名無しさん＠お腹いっぱい。** · 2018/12/19(水) 22:50:12.21

すみません、タブとタブの間の仕切り線の消し方教えてください

**名無しさん＠お腹いっぱい。** · 2018/12/19(水) 22:59:38.70

>>81
{ の前の , は必要ないのでは？

**名無しさん＠お腹いっぱい。** · 2018/12/22(土) 15:51:44.22

>>81
Tabs,{ → Tab {

**名無しさん＠お腹いっぱい。** · 2018/12/22(土) 17:51:48.11

な、age厨だろ

**名無しさん＠お腹いっぱい。** · 2018/12/22(土) 18:14:19.92

Mozilla Firefox質問スレッド Part181
388 ：名無しさん＠お腹いっぱい。[sage]：2018/12/22(土) 00:13:22.46 ID:TmwLqWaw0
age厨に構うなよ
基地外が感染るぞ

Mozilla Firefox Part346
277 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d5ec-pJxC)[sage]：2018/12/22(土) 17:47:31.03 ID:TmwLqWaw0
>>269
これなー、AP非対応なんだよな話にならん

Mozilla Firefox 拡張機能スレッド Part115
501 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d5ec-pJxC)[sage]：2018/12/22(土) 17:50:52.29 ID:TmwLqWaw0
ダーク厨定期的に湧いてくるけどなんなんコイツらw
ダークな俺カッケーw的な中二？

Firefox userChrome.js greasemonkeyスクリプトｽﾚ38
656 ：名無しさん＠お腹いっぱい。[sage]：2018/12/22(土) 17:51:21.19 ID:TmwLqWaw0
な、age厨だろ

userChrome.css・userContent.cssスレ Part9
85 ：名無しさん＠お腹いっぱい。[sage]：2018/12/22(土) 17:51:48.11 ID:TmwLqWaw0
な、age厨だろ

**名無しさん＠お腹いっぱい。** · 2018/12/25(火) 11:07:21.89

「タブバー」にアイコン（アドオン）を置いて、そのアイコンだけ右詰め（右寄り）にできませんか？

◆タブバー：「タブ」「タブ」「タブ」　スペース　～　スペース　「アイコン」「アイコン」「アイコン」（右詰め→）

みたいに

Quantum以前のFirefoxだと出来てたんですが…

**名無しさん＠お腹いっぱい。** · 2018/12/25(火) 11:30:25.74

タブバーの右側に置けば右寄せされるけど？
むしろuserChrome.cssで余計なことしてるんじゃない？

**名無しさん＠お腹いっぱい。** · 2018/12/28(金) 07:19:38.23

/* アクティブなウィンドウのスクロールバーの色 */
:root {
scrollbar-face-color: red !important;
scrollbar-track-color: orange !important;
}
/* 非アクティブなウィンドウのスクロールバーの色 */
:root:-moz-window-inactive {
scrollbar-face-color: teal !important;
scrollbar-track-color: hotpink !important;
}

スクロールバーの色が効かなくなってるのですが、どこがだめなんでしょうか
以前は効いていたのに

**名無しさん＠お腹いっぱい。** · 2018/12/28(金) 08:22:08.64

>75はだめなん？

**名無しさん＠お腹いっぱい。** · 2018/12/28(金) 15:27:20.86

いけたです
変わったんですね

**名無しさん＠お腹いっぱい。** · 2018/12/30(日) 20:19:40.01

firefox65にしたらタブバーが検索バーの上になってしまったが
>>31と>>70を参考にしたらタブバーを1番下にできた。ありがとう>31,>70

http://img2.imepic.jp/image/20181230/726590.jpg?24dec94a37abe0a48c3fe70fd5ffcbf6

**名無しさん＠お腹いっぱい。** · 2018/12/30(日) 20:33:00.72

見るに堪えない…
さすがage厨w

**名無しさん＠お腹いっぱい。** · 2018/12/30(日) 23:05:01.94

>>92
俺にも教えてー

**名無しさん＠お腹いっぱい。** · 2018/12/30(日) 23:46:21.40

10年以上前のセンスだな

**名無しさん＠お腹いっぱい。** · 2018/12/30(日) 23:59:15.55

10年以上前でもこれは糞ダサいだろw

**名無しさん＠お腹いっぱい。** · 2018/12/31(月) 06:19:07.93

ブックマークツールバーの文字読み辛くね？

**名無しさん＠お腹いっぱい。** · 2018/12/31(月) 10:04:02.59

自分は他の人のカスタマイズしたFirefox見るの好き
cssでFirefoxいじる参考になったりするから楽しいよ
早速真似して5chレス囲みとヘッダ部分に影付け左スペース開けて
ついでに角丸くした
https://i.imgur.com/FkA1CDC.png

**名無しさん＠お腹いっぱい。** · 2018/12/31(月) 10:27:43.85

>>98
おおこれいい！公開してくれｗ
こういうすっきりしたのがセンスいいんだよ

**名無しさん＠お腹いっぱい。** · 2018/12/31(月) 11:34:49.77

@-moz-document domain("5ch.net"), domain("bbspink.com") {
.post {
margin-left: 170px !important;
　border: 1px double black !important;
border-style: solid !important;
border-radius: 5px !important;
filter: drop-shadow(2px 2px 2px #0000008a) !important;
}

.search-header, .searchbar {
/*border: none !important;*/
/*border: 1px #b9b9b9 solid !important;*/
margin-top: 0px !important;
margin-left: 50px !important;
margin-right: 50px !important;
background: #eee !important;
border-radius: 45px !important;
filter: drop-shadow(3px 3px 3px #0000008a) !important;
}
}

おかしいところあるっぽいけど好みに調整してください
ベースにしたcss
https://userstyles.org/styles/149788/5ch-floralwhite

**名無しさん＠お腹いっぱい。** · 2018/12/31(月) 11:53:37.95

>>100
とん！

**名無しさん＠お腹いっぱい。** · 2018/12/31(月) 12:41:01.28

通常はブックマークツールバーは隠れているけど、マウスオーバーで表示される
トグルスイッチで全部のツールバーを隠したいのう

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

**名無しさん＠お腹いっぱい。** · 2018/12/31(月) 21:14:53.88

>>102
toggleNavigationToolbar.uc.jsというスクリプトがあるから下の方をこのように書き換える
window.toggle = function() {
var navbar = document.getElementById("nav-bar");
var menubar = document.getElementById("toolbar-menubar");
var PersonalToolbar = document.getElementById("PersonalToolbar");
if (!navbar) return;
navbar.style.visibility = (navbar.style.visibility == "") ? "collapse" : "";
navbar.style.overflow = (navbar.style.height == "") ? "" : "hidden";
if (!menubar) return;
menubar.style.visibility = (menubar.style.visibility == "") ? "collapse" : "";
menubar.style.overflow = (menubar.style.height == "") ? "" : "hidden";
if (!PersonalToolbar) return;
PersonalToolbar.style.visibility = (PersonalToolbar.style.visibility == "") ? "collapse" : "";
PersonalToolbar.style.overflow = (PersonalToolbar.style.height == "") ? "" : "hidden";
};

**名無しさん＠お腹いっぱい。** · 2018/12/31(月) 23:04:08.26

QuickToolbarsと言うのがあって
一括でツールバー群を非表示に出来た
トリガーはアイコンまたはショートカットキーを使えた
非表示にしたときはタイトルバーのみ表示していたから
タイトルバーにはトグルのアイコンは置けないので、ショートカットキーで再表示することになる
アイコンでトグルスイッチを実現するにはタイトルバーかアプリケーション領域にアイコンをおく必要がある
当然、ツールバーにアイコンを置けば限定的な使い勝手になる

**名無しさん＠お腹いっぱい。** · 2019/01/01(火) 00:23:36.78

いつの時代のアドオンだよ

**名無しさん＠お腹いっぱい。** · 2019/01/01(火) 01:50:40.71

When is it the era of the add-on?

**名無しさん＠お腹いっぱい。** · 2019/01/01(火) 01:57:37.23

うぇ～ん

**名無しさん＠お腹いっぱい。** · 2019/01/03(木) 18:15:48.86

誘導されてきました
Bookmarkをサイドバーに常時表示させて使っています
選択したBookmarkの背景色が薄くて見づらいので、少し濃い色にしたいと思います
userChrome.cssの書き方を教えてください

**名無しさん＠お腹いっぱい。** · 2019/01/03(木) 19:18:02.32

選択した項目↓の背景色を指定する
.sidebar-placesTreechildren::-moz-tree-row(selected)

**名無しさん＠お腹いっぱい。** · 2019/01/03(木) 19:34:03.36

>>109
できました
ありがとうございます

**名無しさん＠お腹いっぱい。** · 2019/01/05(土) 13:41:08.76

Firefox 64でアドレスバーに入力時にアドレスバーの枠が青く強調表示される効果を切る方法を教えてください。

**名無しさん＠お腹いっぱい。** · 2019/01/05(土) 15:53:22.30

つかされないが

**名無しさん＠お腹いっぱい。** · 2019/01/05(土) 15:55:25.93

うちはされるなあ
なんかいじったつもりはないけどアドオンのせいか？

**111** · 2019/01/05(土) 16:37:34.36

Windows 10+Firefox 64(デフォルトプロファイル)の組み合わせで付属の3テーマすべて青く強調されるようです。

**111** · 2019/01/05(土) 16:47:22.26

こんな感じです
https://i.imgur.com/26Dr4fF.jpg

**名無しさん＠お腹いっぱい。** · 2019/01/05(土) 17:15:38.45

OS標準なので、変更したいならユーザースタイルシートかレジストリの編集で

**名無しさん＠お腹いっぱい。** · 2019/01/05(土) 17:28:55.96

枠って言ってんだからこれのことじゃないの？

/* URLバーと検索バーのアクティブ時の強調を無効化 */
#urlbar,
.searchbar-textbox {
border-color: var(--chrome-nav-bar-controls-border-color) !important;
}

**111** · 2019/01/05(土) 17:47:59.77

>>116
>>117
レスありがとうございます。
青色は解消されましたが強調表示の方はまだされています。
https://i.imgur.com/gFxahVT.jpg

**111** · 2019/01/05(土) 17:51:41.03

>>118の画像は上がサイト閲覧時で下がアドレスバー内をクリックした時です。

**名無しさん＠お腹いっぱい。** · 2019/01/05(土) 22:35:59.18

border-color: #c1c1c1 !important;

**名無しさん＠お腹いっぱい。** · 2019/01/07(月) 17:52:27.67

usercontent cssで背景全部黒にしたいんですが、htmlの小要素全部という指定は出来ますか？
htmlに内包されている全てです

**名無しさん＠お腹いっぱい。** · 2019/01/07(月) 18:52:19.47

>>121
html * {background:black !important}

**名無しさん＠お腹いっぱい。** · 2019/01/07(月) 19:16:14.56

ありがとぅございまぅ

**名無しさん＠お腹いっぱい。** · 2019/01/12(土) 20:26:39.21

下記、64.0では正常なんだけど、65.0では効かない。なんで？
/*** 最小化、最大化、閉じるボタンを非表示 ***/
#titlebar-min,
#titlebar-max,
#titlebar-close
{display:none !important;}

**名無しさん＠お腹いっぱい。** · 2019/01/12(土) 21:21:33.77

態度改めて出直せクズ

**111** · 2019/01/12(土) 21:22:50.44

>>120
遅くなりました。
強調表示も青くなることもなくなりました。
どもです。

**名無しさん＠お腹いっぱい。** · 2019/01/13(日) 10:39:02.81

タブを表示領域にドラッグ&ドロップすると新しいウインドウで開きますが
これを無効にできませか？何かの拍子になってしまい不便なので・・・

**名無しさん＠お腹いっぱい。** · 2019/01/13(日) 12:26:17.20

>>127
aliceさんのuserChrome.js用スクリプト patchForBug487263_489729.uc.js を使うと阻止できる

**名無しさん＠お腹いっぱい。** · 2019/01/13(日) 12:53:01.62

>>128
ありがとうございます、試してみます

**名無しさん＠お腹いっぱい。** · 2019/01/16(水) 16:01:10.08

検索ボックスの長さ変更のcssを教えてくださいm(_ _)m

**名無しさん＠お腹いっぱい。** · 2019/01/16(水) 16:23:02.01

な、age厨だろ