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/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

いやこれ関係ないな

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

57になってほとんど表面的なとのしかいじれなくなったなぁ

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

フルスクリーン時の右上のミニ閉じるボタンみたいなやつって消せますか？

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

>>559
これでメニューバー内全部
#main-menubar label {
font-size: large !important;
}

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

>>563
window[inFullscreen] #close-button {
display: none !important;
}

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

>>565
お手数かけますが、残りの2つのボタンもお願いできますでしょうか・・・
3つ1セットだと思いこんでました、すいません

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

>>566
window[inFullscreen] #window-controls {
display: none !important;
}

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

>>567
ありがとうございます！

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

メニューバーの項目間の隙間を狭く出来ませんか？
ブックマークだけでもOKです。

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

about:addons にCSSを適用させるにはどうすればいいでしょうか？
userContent.css userChrome.css どちらも試してみましたが駄目でした

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

>>570
>>304

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

>>569
‮0e51bd9y#ssc.emorhcresu?php.xedni/xoferif/p/pj.en.arukas.vedokceg//:ptth‬

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

>>571
ありがとうございます
出来なかったのは↓を書いてたのが原因でした
@namespace url(ht tp://www.w3.org/1999/xhtml);

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

　ヽ(･ω･)/　ｽﾞｺｰ
　＼(＼ノ
､ﾊ,,､￣
￣″

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

無能は、少ない脳みそをフルに使う良い機会だね
徹夜してでも頑張ろう

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

Firefox 57　で最初から日本語で入力できるようにするには
どうすれば良いでしょうか。
今はこんな感じにしてますが、効かないようです。

#searchbar *|input,#urlbar *|input,input,textarea {
ime-mode: active !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 02:38:00.49

>>564
ありがとうございます
調べていて以下のやり方で履歴・ブックマーク個別で変更できました
.menu-iconic-text{
font-size: 22px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 04:26:16.05

57にしてからDOM Inspectorがなくなってしまったので、仕方がなくxulを表示させてインスペクターを使っているけれども使い辛い……
お前らはどうやってるの？

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 05:50:48.61

>>578
つ>>9

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 07:19:15.88

>>572
すみません、これはどうすれば良いんでしょうか？
cssではない？

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 07:33:23.70

C-S-A-i 同時押し

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 07:43:22.34

>>572
firefoxでスレ見てるけど見た目普通のURLなのにリンクになってねーなと思ってコピペしたら逆順になるんだがどうなってんの？

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 07:54:11.46

>>582
＆#8238;と＆#8236;ではさむと逆になるらしい

‮0e51bd9y#ssc.emorhcresu?php.xedni/xoferif/p/pj.en.arukas.vedokceg//:ptth‬

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 07:55:59.12

>>580
NGワードにひっかかてる

Firefoxまとめサイト
userchrome.css
ポップアップメニューの項目の縦の間隔を詰める

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 08:30:19.66

>>584
下記ですよね、変わらない。

ポップアップメニューの項目の縦の間隔を詰める †
menu label, menuitem label, menupopup label{
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top:1px !important;
padding-bottom:1px !important;}
menu hbox, menuitem hbox, menupopup hbox,
menu image, menuitem image, menupopup image,
menuseparator{
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top:0px !important;
padding-bottom:0px !important;}

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 08:38:30.46

>>583
なるほどサンクス

**585** · 2017/12/01(金) 08:38:51.56

1pxを0pxにして僅かに詰まった。

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 08:43:54.81

これでどう

/*
* メニューアイテムの間隔を狭める
*/
menupopup label, /* ポップアップメニュー (メニューバー, コンテキストメニュー, 等) */
panelview .subviewbutton /* ツールバーボタンパネル (≡ボタン, 本棚ボタン, 等) */
{
margin-block-start: -2px !important;
margin-block-end: -2px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 08:58:27.91

>>588
うーん、変わらない。

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 09:20:06.45

>>579
おお、そんなところに
ざっと読んだけれども良さそうだね
帰ったら早速触ってみる
どうもありがとう

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 10:51:07.80

Firefox57対応のサイドバーとサイドバーサーチ部分を総合的にカスタマイズしたので、おすそ分けします。
よくわからない人は全てコピペしてね。

/* Firefox57 サイドバーヘッダーとサイドバーサーチ部を総合カスタマイズ */
/* サイドバーヘッダースリム化 */
.sidebar-header,
#sidebar-header {
font-size: 1em !important;
padding: 0px 4px !important;}
/* サイドバーサーチ部スリム化 */
#sidebar-search-container {
padding: 4px !important;
border-bottom: 1px solid ThreeDLightShadow; /* サイドバーサーチ部下線追加 */}
/* サイドバーヘッダーのアイコンとドロップマーカーを非表示 */
#sidebar-title {
padding-inline-start: 4px !important;}
#sidebar-switcher-target {
padding: 2px 0px !important;}
#sidebar-switcher-bookmarks > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
#sidebar-switcher-history > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
#sidebar-switcher-tabs > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
list-style-image: none !important;
width: 0px !important;}
#sidebar-switcher-arrow {
list-style-image: none !important;
width: 0px !important;}

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 11:15:59.75

タブローディング中のやつ消さずに色変えようとしたけど
これだけだと途中から色が戻ってしまう
#tabbrowser-tabs .tab-throbber {
color: red !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 11:36:04.18

>>592
CTRで以前のアニメーションに変更したぜ

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 11:40:01.43

>>593
57でCTRは使えるの？

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 11:41:17.83

Firefox57のコンパクト、進むとURL移動と検索決定のボタンが同じって手抜きなのこれ
やたらダサい矢印だし、いい感じにできないっすかね・・・

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 11:48:04.07

コンパクトに出来るだけでも万々歳
アイコンまでこだわるときりがないっすよ

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 11:51:03.91

>>594
https://github.com/Aris-t2/CustomCSSforFx

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 11:55:55.48

初心者お断りな感じがイイっすね
>>594は薄毛が悪化しながらも頑張ってみてほしい