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/

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

●User Style Managerについて

バージョンによって利用できない機能があります。

GitHub - scrapmac/User-Style-Manager
https://github.com/scrapmac/User-Style-Manager

管理画面
×1.1.1
×1.1
○1.0

スタイル作成
○1.1.1
△1.1
×1.0

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

userChrome.css・userContent.cssスタイルスレ
http://anago.5ch.net/test/read.cgi/software/1317830579/
Firefox userChrome.css userContent.cssスタイルｽﾚ (実質 Part2)
http://anago.5ch.net/test/read.cgi/software/1329315394/
userChrome.css・userContent.cssスレ Part3
http://anago.5ch.net/test/read.cgi/software/1347629378/
userChrome.css・userContent.cssスレ Part3 (実質 Part4)
http://anago.5ch.net/test/read.cgi/software/1369968883/
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
http://anago.5ch.net/test/read.cgi/software/1400202982/
userChrome.css・userContent.cssスレ Part6
http://egg.5ch.net/test/read.cgi/software/1438959541/
userChrome.css・userContent.cssスレ Part7
http://egg.5ch.net/test/read.cgi/software/1510394098/
userChrome.css・userContent.cssスレ Part8
http://egg.5ch.net/test/read.cgi/software/1513178964/

**名無しさん＠お腹いっぱい。** · 2018/12/07(金) 09:59:26.05

●ブラウザーツールボックス
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox

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

前スレのhttp://egg.5ch.net/test/read.cgi/software/1513178964/992
.popup-internal-boxはデフォルトで-moz-appearance: none;だから
-moz-appearanceの状態を事前に確認しよう

**名無しさん＠お腹いっぱい。** · 2018/12/07(金) 20:21:16.19

↑回答どうも、いけました
そういう機能があることも初めて知りました

**名無しさん＠お腹いっぱい。** · 2018/12/07(金) 20:25:30.94

コンテキストメニューの中でグレーアウトしている部分の色の変更なんですが、どのCSSをいじればいいんでしょうか
内容を見たんですが、よくわからないです

グレーアウトしているというのは、利用できないコンテキストメニューですね
-moz-menuhover なんとかという項目はみつけたんですが、そこから先がわからないです

**名無しさん＠お腹いっぱい。** · 2018/12/07(金) 20:53:02.68

>>7
属性値を見る
cssでは属性値に応じてスタイルを変化させるのはよく見られる
今回の場合disabled="true"が設定されているからこれを利用する
menuitem[disabled="true"]{○○}

**名無しさん＠お腹いっぱい。** · 2018/12/08(土) 06:09:29.58

↑ありがとう、みつかりました

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

すべてのタブをブックマーク＞フォルダを選択
というメニューで、フォルダの一覧が出てきますが、このポップアップを固定してもピック出来ません
ピックする方法を教えてくだされ

**名無しさん＠お腹いっぱい。** · 2018/12/08(土) 12:53:05.44

ブックマークライブラリの背景なんですが、#placeViewに背景を設定しても変わりないのですが、どこが悪いんでしょうか？
#placeView{background-color:red !important;}

**名無しさん＠お腹いっぱい。** · 2018/12/09(日) 22:24:55.35

多段タブ.zipの01とても良い感じなんだけど
何故か--multirowtab-heightがきかない

**名無しさん＠お腹いっぱい。** · 2018/12/10(月) 21:56:06.22

前スレの>>977さんありがとう。
おかげで×ボタン消せました。

**名無しさん＠お腹いっぱい。** · 2018/12/11(火) 09:54:12.34

アドレスバーで点滅してるキャレットの場所を起点に右側だけを選択
ってショートカットキーでなんかできない？
長すぎるURLでマウスでガーッと囲むのめんどくさいんだけど。

**名無しさん＠お腹いっぱい。** · 2018/12/11(火) 10:41:09.15

>>14
Shift＋End

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

>>15
できた。ありがとう！
ebayのURL長すぎるの貼るのがかなり便利になった。最高。

**名無しさん＠お腹いっぱい。** · 2018/12/11(火) 17:33:48.16

おお

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

FirefoxのClassic Theme Restorerでテーマがよくめるように設定してました。

(PNG 画像, 1283x1116 px)　https://i.imgur.com/bPYPafy.png
画像の赤枠をuserChrome.css・userContent.cssで追加したいです。
方法を教えて下さい。

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

>>18
向こうのスレに移動宣言出してから来いよ

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

>>19
誘導されて来てるんだから基本的に移動宣言は不要なんだぞ
尤も誘導へのお礼ぐらいはあってもよかったけど

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

Firefox 64.0 に更新したらタブを右クリックした時に
Select All Tabs(S)
Bookmark Tab(B)
Move Tab(V)
の3つが出るようになりました。
これらを非表示にするにはuserChrome.cssにどう記述すればいいでしょうか？

**名無しさん＠お腹いっぱい。** · 2018/12/12(水) 07:27:22.26

>>21

>>4を使えばすぐわかるから是非使ってください
#context_selectAllTabs,
#context_bookmarkSelectedTabs,
#context_bookmarkTab,
#context_moveTabOptions
{display: none !important;}

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

下記、64ではOK、65では効かない。どう修正すれば良いの？
/*** 最小化、最大化、閉じるボタンを非表示 ***/
#titlebar-buttonbox-container {
display: none;
}

**名無しさん＠お腹いっぱい。** · 2018/12/12(水) 12:18:15.89

>>21
せっかく64で新機能を付けてくれたのに、すぐ非表示にしちゃうの？
なんちゃって、余計なお世話ですが私も必要最小限なメニュー四つ以外は
すべて非表示にしています。(左側のタブをすべて閉じるをアドオンで追加)

/* タブコンテキストメニューから不要項目を削除 */
#context_sendTabToDevice,
#context_duplicateTab,
#context_pinTab,
#context_unpinTab,
#context_reloadTab,
#context_tabViewMenu,
#context_openTabInWindow,
#context_bookmarkAllTabs,
#context_toggleMuteTab,
#context_closeTab,
#context_selectAllTabs,
#context_bookmarkSelectedTabs,
#context_bookmarkTab,
#context_moveTabOptions,
#tabContextMenu > menuseparator{
visibility:collapse !important;
}

**名無しさん＠お腹いっぱい。** · 2018/12/12(水) 12:43:10.88

18の補足。Classic Theme Restorerで「追加のツールバー」と呼ばれています。

**名無しさん＠お腹いっぱい。** · 2018/12/12(水) 12:47:06.20

>>22 >>24
ありがとうございました！

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

65b3でもタブ位置を検索バーの下にするにはどうすればよいのでしょうか
お願いします

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

>>18
スペース作りたいだけなら
#navigator-toolbox {
min-height: 200px!important
}
とかでいいんじゃねえの？
タブバーだかURLバーだかは自分で移動

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

自分も65にしたらタブが一番上に行ってしまった

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

>>28
ありがとう。後でやってみます。
今は「追加のツールバー」を２つ重ねて、タテのあの高さになっています。
「追加のツールバー」を２つ重ねる書き方がわかると一番ありがたいです。

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

>>27
https://github.com/Aris-t2/CustomCSSforFx/tree/master/classic/css/tabs/
「tabs_below_navigation_toolbar…」とついてる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;
}
じゃ駄目だったんだけど正解教えてください