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

**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 ページをよく開くようになったね
もうここをスタートページにしちゃうか？
いやそれじゃカスタマイズ自体がブラウザの使用目的みたいだ