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/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のオプションみえなくね？焦った

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

>>473
セレクタが.tab-lineだけだからクラス名がかぶっただけで適用されてしまう
FoxyGesturesは使ってないが
#tabbrowser-tabs .tab-line {
display: none;
}
でどう？

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

>>474
なるほどかぶってたわけか
オッケーっす

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 00:36:34.73

ツールバーボタンのバッジに角丸を適用したいのですがうまく効いてくれません
なぜだかわかる方いたら教えてください
https://i.imgur.com/20pWQX6.png

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 01:20:37.15

>>476
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon
{ border: 2px solid red; border-radius:10px !important;}

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 01:22:54.03

GitHub - Aris-t2/CustomCSSforFx: Custom CSS tweaks for Firefox 57+
https://github.com/Aris-t2/CustomCSSforFx

buttons_on_navbar_classic_appearance.css
を参考にしてみな

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 02:04:49.83

>>478
すみません意図が正しく伝わっていなかったようです
私がやりたいのはツールバーボタン全体(.toolbarbutton-1)の角丸化ではなく
数字が表示されているバッジの部分(.toolbarbutton-badge)の角丸化です

chrome://global/skin/toolbarbutton.cssの137行目をみるとバッジ部分には
デフォルトでborder-radius: 2pxが指定されていますが機能していないようです

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 05:54:18.57

ブラウザツールボックスの４つの四角からポップアップを表示したままにできますか、これを無効にすることは出来ませんか
有効にされてままになっているせいか、ブザウ座ツールボックスが表示されなくなりました

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 06:16:36.42

57対応
検索バーやURLバー、サイドバーの
「検索」「URL または検索語句を入力します」「ブックマークを検索」「履歴を検索」
を非表示にするコードをようやく見つけたので、
皆さんに、おすそ分けします。

/* 検索バー・URLバー・サイドバーのグレイテキストを非表示 Firefox57 */
/* 「検索」「URL または検索語句を入力します」「ブックマークを検索」「履歴を検索」 */
#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
#sidebar-search-container *|input::placeholder
{
color: transparent !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 06:19:40.78

>>480
いじくり回す前にプロファイルをバックアップしてなかったんですか？
今からでもひどくなる前にプロファイルをバックアップ
バックアップしたら元のプロファイルからprefs.jsをどこかに退避して起動

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 06:26:06.41

>>482
いじったのはcssだけです
cssで動作に影響を及ぼすことなどあるんでしょうか

ポップアップを表示しておく機能が、ブラウザツールボックスを閉じた後も有効になったままですが、これを切ればいいと思うのですが、
ブラウザツールボックス自体が開きません

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 06:29:27.61

>>483
じゃあ、いつまでもそうしていればいいと思うよ

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 07:48:52.53

cssをいじるとFirefox本体が前提としている表示要素が
その場所になかったり表示されてなかったりするわけで
動きがおかしくなる可能性は常にある
userChromeはそういうことを覚悟の上で自力解決できる人向けのもの

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 07:56:24.77

userchrome削除しても変化なしなのですが

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 08:08:03.99

新しいプロファイルは試してみたの？

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 08:08:39.40

Firefox57でツールバーの高さを27pxにしたいのですが、
どのように記述したら良いでしょうか？
以下だとツールバーの下部がページの上端に隠れてしまいます。

#nav-bar {
min-height: 27px !important;
max-height: 27px !important;
}

※　>>19さんを参考に、タブの高さも変えています。

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 08:45:56.77

#nav-barの高さを指定しても中身の部品のサイズは元のままだから
ボタンやアドレスバー等のheigh margin paddinng を指定して
中身の部品も高さを替える
バーの大きさは中身のパーツのサイズに影響されてる

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 09:54:15.78

>>488
奇遇だな
自分も27pxにしたくてちょうど昨日いじってた
#nav-bar #urlbar-container
にも同様にmax-height min-height指定すると出来たよ

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 12:26:42.23

>>481
ガイジ向け文字列が消え去ったthx!

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 13:07:04.42

>>488
>>158

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 14:13:57.10

>>487
新しいプロファイルでは起動出来ました
起動できなくなる理由ってなんでしょうか

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 15:23:06.78

>>481
CTRL+Fからの検索は？

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 17:32:13.61

>>481
ありがてぇ

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 17:52:06.60

>>481
こんなものを非表示にしたがる精神障害者っているんだな

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 17:53:41.55

>>490さん
>>492さん

>>488です。ありがとうございます！　変更できました。

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 18:22:46.15

精神障害者向けのチュートリアル消せてうれしい
>>481さんありがとう

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 18:29:34.52

>>494
おっと、そこもありましたね
以下を追加してください

.findbar-textbox *|input::placeholder

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 19:04:16.97

userchromeで3本線のアイコンの色を変更することは出来ないですかね

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 19:08:43.75

>>499
そこもありがてぇ

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 19:19:19.11

>>500
Firefox 55以降

#PanelUI-menu-button {
fill: red !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/28(火) 23:08:33.89

>>418
すみません、これ多段に出来ませんか？

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 00:12:31.32

>>499
すみません、これどこに追加するんですか？
色々試してますが全然消えません

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 01:16:08.09

>>504
アンカーを辿るくらいしようよ
若しくは","(カンマ)を忘れていないかチェック

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 01:26:29.09

>>505
それやっても動かないんですが…

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 01:27:43.56

>>506
/* 検索バー・URLバー・サイドバーのグレイテキストを非表示 Firefox57 */
/* 「検索」「URL または検索語句を入力します」「ブックマークを検索」「履歴を検索」 */
#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
#sidebar-search-container *|input::placeholder,
.findbar-textbox *|input::placeholder
{
color: transparent !important;
}

つまりこういうこと
どこが違うかよーーーーーく見ような、この無能野郎が！！！！うんこを漏らしながら感謝せよ！！！

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 01:28:26.34

/* 検索バー・URLバー・サイドバーのグレイテキストを非表示 Firefox57 */
/* 「検索」「URL または検索語句を入力します」「ブックマークを検索」「履歴を検索」 */
#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
#sidebar-search-container *|input::placeholder,
.findbar-textbox *|input::placeholder
{
color: transparent !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 01:33:12.18

>>507
>>508
そこかよ！最初からそう書いてくれれば良かったのに

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 01:34:24.29

>>509
無能が何言い訳してるんだよ？
君はこの先不便を強いられて生きていくのだろう
我々はそんな君のことを笑いながら全力で拳で殴って楽しむのさ

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 01:35:44.88

うちだとこうじゃないとグレイテキスト消えなかった

#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
.findbar-textbox *|input::placeholder,
#sidebar-search-container *|input::placeholder
{
color: transparent !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 01:35:52.24

>>510
たかだかその程度で無能とか、ヲタはこれだからなぁ…

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 01:41:09.48

正直キミはcssとか以前にテキストエディタすら触ったことのないような人間に見える
そんな人間がわざわざfirefoxを選んで使うのは茨の道だと思うよ

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 01:43:40.71

>>511

○○○○,
●●●●,
△△△△　← ここ
{

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 01:44:33.64

>>513
昔はアセンブラとかやってた口ですが…
手汗とか地味なことやってましたわ、Z80とか8086とかですよ

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 02:13:19.74

結局役に立ってないってことだね
過去のことなんか関係ない今出来なきゃ意味ない

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 02:39:52.01

>>512
君は>>505の説明でわからなかった無能だろ
私は事実を述べたまで。君が相当悔しがってるのはわかるけど（笑）

ちなみに↓では動かない。何が違うのかよーーーーく見てみようね。無能にはわからないと思うけど、>>505はちゃんと教えてくれてたのだよ

/* 検索バー・URLバー・サイドバーのグレイテキストを非表示 Firefox57 */
/* 「検索」「URL または検索語句を入力します」「ブックマークを検索」「履歴を検索」 */
#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
#sidebar-search-container *|input::placeholder
.findbar-textbox *|input::placeholder
{
color: transparent !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 02:42:49.05

>>515
z80とか、俺より年上のおじいさんなんだ。いい年して無能とか笑っちゃうね
過去の経験など無意味だから、新しい要素として吸収していきなされ。初志貫徹という言葉は君のような人間のためにある

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 04:45:46.37

動かないとか言ってるの、cssの一番上に持っていったらどうよ

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 06:24:59.83

>>270辺りに出てた話題を繰り返している時点でね

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 06:59:50.33

>>481と>>499の者です。

まさかコードを再度全て記述しないとわからない人が
このスレに居るとは思いもしなかったので。
これからはコード全て書くように気をつけますね。
失礼しました。

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 07:57:00.32

その程度もわからない人はここを見ていろいろいじるべきではない

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 09:50:30.92

57ってUI密度をコンパクトにしても、間隔を減らす等を適用したCTR使用時より明らかに大きいですけど
どなたか同様に戻す決定版に誘導してもらえますか

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 10:09:52.03

>>523
57でCTRを使ってもツールバーのアイコンの横幅が広いな
メニューバーの高さもそのまま

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 10:31:58.37

http://iup.2ch-library.com/i/i1871436-1511919022.jpg

タブのこの影を消す方法ってない？

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 11:23:46.39

そんなとこまでこだわるのか

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 11:23:50.60

カンマ抜けてるから

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 12:29:39.62

ツールバーの高さもアイコン間隔もここで既出ネタだしなあ

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 12:42:21.25

大画面高解像度のモニターに替えよう
細かいとこが気にならなくなるぞ

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 12:53:45.09

>>525
ある

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 12:56:14.68

>>529
24インチで1920x1200

狭すぎワロタｗ

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 13:17:22.95

普通でしょ

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 13:17:40.79

AbemaTV見る時に毎回出る推奨外だから糞ブラウザ使うなっていうメッセージの消し方おしえて

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 13:18:22.23

4K(3840×2160)
倍近くに広がって捗るぞ。27インチでも買ったら良い

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 13:22:56.70

>>533
uBlock Originのマイフィルタに下記を書くと消えます
abema.tv##:xpath(//p[contains(text(), "お使いのブラウザは推奨環境")]/parent::div/parent::div)

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 13:41:47.97

>>535
できた！あざっす
userContentでやるのかなと勝手におもってた

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 13:43:09.53

>>534
DELLの4Kで５万か、まだ高いな

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 13:46:21.10

グレイテキスト指摘させるまで全く気にならなかったのに
一度気になりだしたらめっちゃ消したくなってワロタ

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 16:31:06.18

>>538
同じくw二日掛けて忘れたけど忘れたけど

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 17:07:20.69

昨日は追加後のコードを全て書かなかったばっかりに、
皆さんを混乱させてしまったようで
ホント申し訳ないです。

>>525
以下で良ければおすそ分けします。

.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
background-image: none !important;
}

**525** · 2017/11/29(水) 17:15:06.00

>>540
ｽｰﾊﾟｰﾊｶｰｷﾀ━━━━━━(ﾟ∀ﾟ)━━━━━━ !!

ありがとう！

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 17:17:52.74

>>540
ありがてぇ

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 17:42:10.65

数年ぶりにuc.jsを出し入れしてるんですが、jsの設定はprefs.jsに一切残らず汚れないという認識で合っていますよね？

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 17:42:29.71

すいませんスレ間違いました

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 18:00:53.82

>>535
横だけどめっちゃありがと

**名無しさん＠お腹いっぱい。** · 2017/11/29(水) 19:36:46.81

>>541
その病的なこだわりは捨てた方がいい
デスクトップアイコンやブックマークアイコン等々全部消してまっさらにするんだぞ

**503** · 2017/11/30(木) 02:35:47.25

できたー

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 02:36:06.52

病的というほどでもないと思う
誰に迷惑を掛けているわけでもないのだから否定する必要もなかろう
価値観の押し付けはいかんよ

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 03:29:10.54

影を消したいという要望の押し付けはいかんよ

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 07:49:57.82

いかんよという押しつけはいかんよ

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 08:44:37.07

レス乞食はスルー

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 13:02:43.61

オンマウスで非アクティブタブに閉じるボタン表示してクリックて閉じたい
（Tab Mix Plusでできてた）
これってcssにどう書いたらいいのかな
このサイト見ろって誘導もありがたいです

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 13:11:19.59

>>552
/* タブにマウスを載せた時に閉じるボタンを表示 */
.tabbrowser-tab:not(:hover)
.tab-close-button{
display:none !important;
}
.tabbrowser-tab:not([pinned]):hover
.tab-close-button{
display:block !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 13:19:32.96

>>553
どうもありがとうございます。
あっという間にできてビックリです

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 14:16:52.15

それタブ選択仕様としたときに
クローズボタン誤爆するな

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 14:41:51.77

どゆこと？

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 14:43:46.26

自分は以下のを使ってました
tab .tab-close-button { display: none !important; }
tab:hover .tab-close-button { display: -moz-box !important; }
ピンタブでもホバーでピョコって現れますし不都合は経験ないですね

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 15:58:08.43

なれているのでほとんど誤爆はしないですね
両方試してみます

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 16:19:11.81

ところでメニューバーのフォントを変えようとして調べて
メインメニューは　menubar > menu {
サブメニューは　.menu-text {
はうまくいったのですが
サブメニュー下のブックマークと履歴のフォントが小さいままなんですよね
これ、どなたかご存じないですか
.bookmark-textとか.bookmarks-textとかやっても玉砕しました

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 18:06:06.44

menu-popup(だっけ？)はどうよ

**名無しさん＠お腹いっぱい。** · 2017/11/30(木) 18:06:37.29

いやこれ関係ないな