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/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は薄毛が悪化しながらも頑張ってみてほしい

**592** · 2017/12/01(金) 12:26:28.17

でけたかな？
#tabbrowser-tabs .tab-throbber {
color: red !important;
}
#tabbrowser-tabs .tab-throbber[progress]::before {
fill: currentColor !important;
}
一時的に属性がプラスされるようだbusy="true" progress="true"

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

>>598
なんで薄毛と知っているのw

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 13:21:32.50

>>アイコンまでこだわるときりがないっすよ

でも、気にしたんだろう、矢印も少しはましになっているwww
こんな誰にでも分かりやすい事項が一番議論を呼ぶことになる
その程度のことを事前に対処できなくて勝負になるか

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

アイコンはテーマの邪魔にならないように細く目立たなくて
存在を主張しないデザインにしてるんだろ

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 14:18:44.07

URLバー内、
青色の★アイコン（ブックマーク済みの場合）を灰色に変更したので、おすそ分けします。

/* URLバー内の青色星アイコンをグレイ色に変更 */
#star-button,
#editBookmarkPanelStarIcon {
filter: grayscale(100%);
}

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 14:34:55.82

検索バーの横のアイコンなんですが、アイコンサイズ自体は替えられたのですが
このアイコンにオンマウスしたときのヒント（ポップアップノーティフィケーション）の
フォントを大きくしようと
tooltip　{
-moz-appearance: none !important;
font-size: 22px !important;
}
などとしたりしているんですがうまくいきません。
やってることはかなり外してますかねえ。

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

>>604
横というのは右側のツールバー部分のということです

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 17:23:46.28

>>603
ありがと
デザインの統一感が上がるね

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 17:32:20.89

多段タブにしたけどドラッグでタブの入れ替えができない・・・

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

失礼しました。
ツリー型タブのほうで出来ました。

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

多段タブも色々出てるけど、どれが主流なんだろう
豆腐さんのやつかね

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

>>603
これいいね、サンクス

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

アドレスバー左右にドラッグ時に使用使用するスペースが欲しい
伸縮自在のスペースじゃなく固定幅のスペースがあればいいのですが
cssでアイコン1つ分くらいの固定幅のスペースを作る方法ないですか？

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

firefox57になってアドオンのDOMインスペクターが使えなくなったのが痛い
どうやってブラウザ部品(homeボタンとか更新ボタンとか右クリックメニューとか)の要素属性調べたらええのん？

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 21:42:20.48

>>612
つ>>9

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 21:47:03.84

https://greasyfork.org/scripts/35880
Stylish3以降でWebページにコードを直接埋め込むようになっていたので、Stylishの代替としてuserChromeES用スクリプトを書きました
良かったらどうぞ

https://greasyfork.org/system/screenshots/screenshots/000/009/189/original/popup.png

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

>>613
ありがとう！
ブラウザーツールボックスのおかげですごい捗るよ
ほんとにありがとう

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

>>611
:not(toolbarspring) + #urlbar-container #urlbar {
margin-inline-start: 28px !important;
margin-inline-end: 28px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 22:29:13.76

57にしてstylishやstylusあきらめてcss直接いじってるけど意外と不自由ないな
確認するたび再起動するのがめんどいけど

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 22:34:31.95

たまにチェックしたり外したりしてたやつはもっとめんどいよぉ

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

再起動ボタンのある about:profiles ページをよく開くようになったね
もうここをスタートページにしちゃうか？
いやそれじゃカスタマイズ自体がブラウザの使用目的みたいだ

**名無しさん＠お腹いっぱい。** · 2017/12/01(金) 23:22:26.52

ブラウザツールボックスのスタイルエディタでcss弄ればすぐに反映されるから一々再起動しなくてもよくなるよ

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

>>508に加えてブラウジングライブラリの「ブックマークの検索」の消し方お願いします

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

>>620
スタイルエディタはそういう用途なのか
慣れたテキストエディタ以外での編集を敬遠してたけど
テキストエディタで編集して、スタイルエディタにコピペすればいいのか

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 00:25:18.05

ツールバーでアイコン仕舞えるフォルダ？みたいなその他のツール「>>」の
カスタマイズって出来るのかな？幅とか諸々

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 00:33:34.33

>>623
/* オーバーフローメニュー (#widget-overflow) */

/* 幅を広げる */
#widget-overflow-mainView,
#widget-overflow-fixed-list > toolbarbutton {
min-width: 480px !important;
max-width: 480px !important;
}

480ってのはUser-Agent Switcherという拡張のパネルが
収まる数値がこうだったので、用途に合わせて適当に変えて

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 00:42:26.40

ありがとうございます！

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 01:00:40.51

誰かロケーションバーと検索バーの選択時の囲み線の非表示プリーズ
ダークテーマだけやたら目立つやつ

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 01:06:51.89

>>626
#urlbar, .searchbar-textbox {
border-color: var(--chrome-nav-bar-controls-border-color) !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 01:17:22.00

>>627
あっさりとすげー、これだこれ
神さんありがと

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 02:10:21.34

オーバーフローメニューって枠からカーソルはずれたら閉まる様に出来ない？

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 06:13:32.08

>>621
#searchFilter *|input::placeholder

を適切な場所に追加する
でわかるよね？初心者でなければ

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 10:51:49.09

おいおい、いじめてやるなよ
>>621さん頑張ってね～笑

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 12:34:15.13

QuickToolbarsの代わりになるものはなにかあるかな。

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 14:25:04.78

>>631

つ>>522

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 14:30:15.32

いや、>>621では無いんだが？　頑張るのは>>621であって私ではない

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 15:22:11.51

>>634
読解力のねー、馬鹿だな

お前がいじめるなとか茶々入れするから
>>522をリンクしたまで

>>634アホすぎ
つうか爺は引っ込んでな

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 15:22:50.65

ボタン、ボタン、スペース、ブックマーク、ブックマーク、…　というふうに
ボタンとブックマークの間にスペースを入れたいのですが
カスタマイズの伸縮自在のスペースでは広すぎるのでcssでもっと狭いスペースは出来ないでしょうか？
>>616を参考にurlbarをbookmarks toolbarに置き換えてみたり色々いじっていますが上手くいかないです

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

ID:0siSYn2q0
自慰しかできない能無しが

>>621はこれを貼れば良い。ID:0siSYn2q0は真昼間からパンツ脱いでチンポを上下にしごいている能無しだから捨て置くように
/* 検索バー・URLバー・サイドバーのグレイテキストを非表示 Firefox57 */
/* 「検索」「URL または検索語句を入力します」「ブックマークを検索」「履歴を検索」 */
#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
#sidebar-search-container *|input::placeholder,
.findbar-textbox *|input::placeholder,
#searchFilter *|input::placeholder
{
color: transparent !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/02(土) 15:35:57.15

>>637
はいはい
俺が貼ったIDを
まるで、私が書きました！！！！

みたいに追加しただけね

氏ねや
じじい
ID:Hpmy/7bl0