探検


userChrome.css・userContent.cssスレ Part8

レス数が950を超えています。1000を超えると書き込みができなくなります。
2017/12/14(木) 00:29:24.23ID:XdBerJGV0
●前スレ
userChrome.css・userContent.cssスレ Part7
http://egg.5ch.net/test/read.cgi/software/1510394098/

●拡張機能
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/10/21(日) 15:08:52.82ID:plKeJ5iF0
更新があると思ったら誤爆か
2018/10/21(日) 18:21:07.54ID:vAqmUbD30
マルチコピペだよ
2018/10/22(月) 14:18:33.96ID:zx5U+wSw0
FF関連スレは、スクリプトスレとここCSSスレが荒らされてるな。
2018/10/22(月) 14:26:54.38ID:zT3oTp4j0
ID次々と変化してるけど複数いるのかそれともIP変えてきてるのか
2018/10/24(水) 10:00:34.54ID:0H/NRAUm0
>>719
63で開いた行間もこれで治った
Thx!
902名無しさん@お腹いっぱい。
垢版 |
2018/10/24(水) 14:16:45.72ID:bMEXqpyj0
複数のタブを選択した時のコンテキストメニューで、
タブをミュート、タブのミュートを解除
タブをピン留め、タブのピン留めを外す
を非表示にしたいです。
903名無しさん@お腹いっぱい。
垢版 |
2018/10/24(水) 17:09:12.47ID:hdY8EePt0
🔥<wbr>機能しないFirefox! http://img.5ch.net/ico/iyahoo.gif ☜ ペット
904名無しさん@お腹いっぱい。
垢版 |
2018/10/24(水) 18:23:34.20ID:vJdKVF3M0
正式版の63でブックマークサイバーの間隔が元にもどりました。
狭める方法教えて下さい。
2018/10/24(水) 18:39:29.40ID:Bhb0h8iy0
>>904
ブックマークサイドバーの間隔を減らす方法 Firefox 63に対応
https://hyperts.net/20180708/firefox62-bookmark-userchrome/
906名無しさん@お腹いっぱい。
垢版 |
2018/10/24(水) 19:23:15.13ID:vJdKVF3M0
>>905
ありがとうございます。
これを書き込んだんですが、ダメでした。
アップデートする前までは使えていたのですが。
2018/10/24(水) 19:49:58.94ID:hYnqih0C0
>>906
>>719
2018/10/24(水) 21:02:08.03ID:wGhCvI4O0
63.0サイドバーの履歴ヘッダ部分変だなと思ったら
表示(W)の▼がVに替わり幅が大きくなっていた
2018/10/25(木) 07:50:25.89ID:2NwiTZi90
thunderbird 60.2.1 で、以下のようにスクロールバーの色を変更しています。
フォルダペインの右側とスレッドペインの右側に出るスクロールバーには設定した色が
反映されているのですが、メッセージペイン右側に出るスクロールバーには反映されません。
海外のサイトなども調べたのですが、この部分の色付けの方法が見つかりませんでした。
どうか詳しい方がいらっしゃいましたら、ご指導をお願いいたします。

scrollbar[orient="vertical"] {
-moz-margin-start: -10px;
min-width: 15px; max-width: 15px;}

scrollbar thumb {
-moz-appearance: none!important;
border: 1px solid;
border-color: #EED4A2 #B26F00 #B26F00 #EED4A2;
background-color: Black;
border-radius: 3px !important;}

thumb:hover {
background-color: grey !important;}

scrollbar slider {
background-color: silver;}

scrollbar scrollbarbutton,scrollbar gripper {
display: none;}
910名無しさん@お腹いっぱい。
垢版 |
2018/10/25(木) 12:23:11.28ID:UVGPCCrI0
https://youtu.be/LVUAQGAQf6A
911名無しさん@お腹いっぱい。
垢版 |
2018/10/25(木) 20:28:49.46ID:tGcFaM5d0
タブもしくはスクロールバー上で、マウスホイールで上下できるように修正してほしいです。
Firefox63になって動かなくなりました。
他の人はきちんと動いてるんですかね?

#tabbrowser-tabs .tabbrowser-arrowscrollbox {
-moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important;
}
2018/10/26(金) 02:04:29.92ID:P5rlyKbY0
な、age厨だろ
2018/10/26(金) 02:15:08.31ID:E0XmhlRf0
結構前からageまくりじゃないか。しっかり監視しろよ。
2018/10/26(金) 06:55:10.81ID:rf9cfdlz0
スルーしろよ
2018/10/26(金) 11:15:32.03ID:WrBghJBW0
スルースルーする
2018/10/27(土) 03:51:03.88ID:2Uv1NJ9F0
firefoxのツールバーをカスタマイズのテーマで濃ゆい色に設定したいんですけど、
濃ゆいのにするとツールバーの文字が薄くなって見にくくなるんですが文字の色を変えたりすることできますか?
2018/10/27(土) 04:37:41.49ID:pIpydC530
>>916
可能
どのテーマを使っているんだい?
2018/10/27(土) 05:14:43.45ID:xVh+BUv80
例えば白にしたいならuserChrome.cssに


@charset "utf-8";

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);

:root {
--lwt-text-color: rgba(255, 255, 255) !important;
}
2018/10/27(土) 10:41:11.68ID:79tP4i+m0
いくつかのサイトでロケーションバーに赤線で示した緑+のアイコンが出てくるんだけどCSSで消すことできないでしょうか
https://i.imgur.com/bJ7fhiT.jpg
2018/10/27(土) 11:34:02.55ID:3P1gCA8f0
>>919
カスタマイズで非表示にはできないの
2018/10/27(土) 11:39:03.71ID:79tP4i+m0
>>920
カスタマイズとは具体的に何をするのでしょうか
2018/10/27(土) 11:42:20.33ID:3P1gCA8f0
>>921
アドレスバーの中のアイコンだったのね
勘違いしていたすまん
2018/10/27(土) 12:37:35.60ID:OPca62bD0
サイドバーのブックマークや履歴のツリーを展開するボタン(逆くの字のやつ)が63から濃い色になったようなのですが、
色を変える方法は無いのでしょうか?
ありましたらご教示お願い致します。
2018/10/27(土) 12:50:23.10ID:QwyMHvv50
>>919
そのボタンを右クリック
2018/10/27(土) 13:12:43.17ID:79tP4i+m0
>>924
ありがとうございます右クリックはわかっていました
二度と出てこないようCSSで消したいのです
2018/10/27(土) 14:44:58.13ID:OPca62bD0
>>923は自己解決しました
2018/10/27(土) 15:15:08.64ID:Q8nu9dD10
右クリで表示しない選択したらずっと非表示にならなかったっけ?
サイト単位じゃなかったはずだけど
2018/10/27(土) 15:20:15.61ID:79tP4i+m0
>>927
ありがとうございます
右クリックからアドレスバーに表示しないをこれまでも選択して非表示にしてきましたが
忘れたころにまた出てくるものでして
右クリックから消して様子見ることにします
2018/10/27(土) 15:21:29.07ID:Q8nu9dD10
一応これかな
#pageAction-urlbar-_5dd73bb9-e728-4d1e-990b-c77d8e03670f_
{ display: none !important; }

アップデートでまた表示されるようになるかもだけど
2018/10/27(土) 15:32:24.28ID:79tP4i+m0
>>929
重ね重ねすみません
CSSに入れておきます
2018/10/27(土) 21:00:51.52ID:2Uv1NJ9F0
>>917
まだどのテーマのものにするかは決めていないのですが
濃ゆい色にするとどれもブックマークのところなどに白い薄い膜みたいなのがかかってしまって見にくくなります

>>918
初心者で申し訳ないのですがどこを開いてどこに入力など書いてあるサイトなんてありますでしょうか・・・
2018/10/27(土) 21:34:23.06ID:awRVgxsJ0
ハイ次の患者さんどうぞ
2018/10/28(日) 00:43:37.56ID:ieq765yr0
>>931
>どこを開いてどこに入力など書いてあるサイト

userChrome.css
で検索すれば見つかる
2018/10/28(日) 05:10:19.09ID:WnqX824n0
>>933
ド素人にはとても無理な作業でした
諦めます
2018/10/28(日) 05:14:40.55ID:uEad5mjE0
>>931
まずこれを行い作成したuserChrome.cssに追記すればいいです

「サンドボックスが有効になった62以降でもuserChrome.js用スクリプトを利用する方法」
http://wiki.nothing.sh/page?userChrome.js%CD%D1%A5%B9%A5%AF%A5%EA%A5%D7%A5%C8#m5c944e2
2018/10/28(日) 07:03:52.22ID:wDqbAGOw0
この先の事考えたら無理に薦めるもんでもないし
2018/10/28(日) 12:10:42.58ID:lQn8096V0
何でCSS使うのにuserChrome.jsのWiki参照させるんだろう
2018/10/28(日) 17:38:51.31ID:D6X6mlAj0
CSSはCSS以上の事は出来ないがjsはCSSも可能だからとでも思ってるのかも?
いずれにしてもスレ違い
テンプレも修正する必要がある
2018/10/28(日) 21:40:44.75ID:kv0kEoTE0
テンプレを修正するならブラウザーツールボックスのことも入れてあげて欲しい
2018/10/28(日) 23:26:07.78ID:dfPnd7YE0
>>934
質問スレの方に返信してしまってた。
http://itest.5ch.net/test/read.cgi/software/1535505247/728
上のmozilla公式の開発テストアドオン、Test Pilot試してみては?
予め用意されてるテーマもあるし、各部の設定編集もGUIで取っつきやすい。
2018/10/29(月) 00:24:25.10ID:VaKNCHa30
ブックマークサイドバーに表示されるブックマークを他のブックマークの配下だけにすることってできますか?
できるのであれば、教えてください
942名無しさん@お腹いっぱい。
垢版 |
2018/10/29(月) 17:36:56.71ID:77o9+SvO0
「選択したタブを再読込み」reloadSelectedTabs
消えません、消し方を教えて下さい
2018/10/29(月) 21:38:59.57ID:HWg5kSBv0
な、age厨だろ
2018/11/01(木) 02:24:25.68ID:B58ChTqk0
age
2018/11/02(金) 03:37:58.27ID:rX1XzLiQ0
hage
2018/11/02(金) 09:34:51.87ID:yzLos3Nz0
age
2018/11/04(日) 21:52:54.03ID:iAI4nsEc0
いまさらながら filter: drop-shadow(); の威力に参ってしまった
Googleロゴに
https://www.google.co.jp/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png
filter: drop-shadow(2px 2px 2px #000); 用いたのがこれ
https://i.imgur.com/Mf9uwme.png
2018/11/09(金) 01:40:50.41ID:XFEqFHVq0
box-shadowとか使い道少ないもんな
2018/11/09(金) 21:34:10.83ID:vp8LFwbG0
利用してるuserChrome.cssながめてみたら
box-shadow: none !important; しかなかった
2018/11/13(火) 12:09:12.30ID:4w4Le5Mg0
CustomizeMyBird
https://addons.thunderbird.net/ja/thunderbird/addon/customizemybird/
2018/11/13(火) 12:09:49.45ID:4w4Le5Mg0
誤爆すみませn
2018/11/15(木) 00:28:03.06ID:YGIANV1b0
メニューバーの「ブックマーク」を押して表示される「すべてのブック
マークを表示」を選択して表示される「ブラウジングライブラリー」の
背景色の変更について、ご教示ください。

サイドバーの背景色は、userChrome.cssに
#bookmarks-view {background-color: #80989b !important;}
と書き込んで変更することができたのですが、
ブラウジングライブラリーの背景色を変更するには、どのように書き込んだら
よいのかご教示をお願いします。
953名無しさん@お腹いっぱい。
垢版 |
2018/11/21(水) 19:05:13.02ID:2ZDqDYQO0
63.0.3に変えたらブックマークのサイドバーの背景が白になってしまったんですが、
/* ブックマークツールバーフォルダ文字色 */
menu, menuitem {
color: #ddd !important;
-moz-appearance: none !important;
}

/* ブックマークツールバーの背景色 */
menupopup .scrollbox-innerbox {
background-color: #111 !important;
}

/* メニューの境界線の色と幅 */
menupopup {
-moz-appearance: none !important;
border: 1px solid #111 !important
}


こちらを試しても変わりませんでした・・・なにかご教授を・・・
954名無しさん@お腹いっぱい。
垢版 |
2018/11/21(水) 19:12:08.24ID:2ZDqDYQO0
>>953
すいません自己解決しました。
#history-panel, #bookmarksPanel {
background-color: #222 !important;
color: #888 !important;
}
を追加したらできました。すいません。
955sage
垢版 |
2018/11/21(水) 22:55:43.97ID:2ZDqDYQO0
すいませんこちらのサイト(https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/blob/master/Full%20theme%20(except%20scrollbars)/userChrome.css)
でダークテーマに変更したのですが右クリで「リンクを新しいタブで開く」等がなくなってしまいました・・・

userChromeにはちゃんとこのように
/* Open link in a new tab */
#context-openlinkintab,
/* Open link in a new window */
#context-openlink,
/* Open link in a new private window */
#context-openlinkprivate,

記述されているのですが反映されていません・・・何か邪魔しているのでしょうか?
2018/11/21(水) 22:58:43.49ID:2ZDqDYQO0
一番下の
/* Send link to device... (including it's separator)*/
#contentAreaContextMenu #context-sendlinktodevice,
#contentAreaContextMenu #context-sep-sendlinktodevice
{display: none !important}
を消したらできました。
本当にすいません首つってきます。
2018/11/22(木) 01:31:49.44ID:TB3952r00
吊らんでええよw
2018/11/22(木) 02:38:22.82ID:xfLDW+XK0
遂にこのスレから死者を出してしまったか…
2018/11/22(木) 17:09:20.70ID:37sOduKV0
代わりに凍み豆腐でも吊って来い
2018/11/22(木) 17:33:38.97ID:PtMlw1D30
柿でもいいぞ
2018/11/22(木) 18:44:17.83ID:xCRq1pJk0
鮟鱇
2018/11/25(日) 00:02:27.98ID:deILdx6E0
新規プロファイル作ったらshow_SearchBar_Histrory_Dropmarkerが使えなくなっちゃったんですが
下の2つ以外にも何か手を加えないとだめなんでしたっけ?

サンドボックスが有効になった62以降でもuserChrome.js用スクリプトを利用する方法
https://github.com/alice0775/userChrome.js/blob/master/show_SearchBar_Histrory_Dropmarker.uc.js
2018/11/25(日) 15:41:26.89ID:/RGYAHhR0
思いっきりスレ違い
2018/11/25(日) 21:36:42.02ID:deILdx6E0
おっと、userChrome.jsスレッドと間違えてました。失礼
2018/12/01(土) 01:47:30.82ID:9Sl5ZKrj0
こりゃまた
966名無しさん@お腹いっぱい。
垢版 |
2018/12/02(日) 00:27:50.40ID:meVLgMEd0
最新のバージョン(63.0.3)でブックマークフォルダに色を付けるにはどうすればいいでしょう?
2018/12/02(日) 00:31:50.35ID:7WUNe/Zv0
Fx56_bookmark_buttons.zipでググるよろし
2018/12/02(日) 00:39:56.13ID:meVLgMEd0
>>967
できました。ありがとうございます!
969名無しさん@お腹いっぱい。
垢版 |
2018/12/04(火) 20:42:36.53ID:8w2yf1sn0
サイドバーの幅を小さくする方法を見つけたのですが(下に書きます)
これだとサイドバーが完全に消える左端まで縮小出来てしまい
サイドバーが表示できなくなってしまいます。これを回避するために
5、10ミリぐらい残るように止まるようにできるでしょうか?
バージョン63.0.3です。

/* サイドバー幅の制限をなくす */
#sidebar-box {
overflow-x: hidden !important;
}
#sidebar {
min-width: 0px !important;
max-width: none !important;
overflow-x: hidden !important;
}
}
2018/12/04(火) 21:21:05.17ID:ro5IWWlb0
>>969
min-widthが0pxだからだろう
残したい幅だけ指定せい
971名無しさん@お腹いっぱい。
垢版 |
2018/12/04(火) 21:36:15.14ID:8w2yf1sn0
>>970
そこは数字を変えても意味なかったです。
2018/12/04(火) 21:56:48.93ID:pPAVyLUI0
>>971
/* サイドバー幅の制限をなくす */
#sidebar-box {
min-width: 5px !important;
overflow-x: hidden !important;
}
#sidebar {
max-width: none !important;
overflow-x: hidden !important;
}

こんな感じで自分の環境だとこれでいけたけど どうです?
973名無しさん@お腹いっぱい。
垢版 |
2018/12/04(火) 22:04:54.11ID:8w2yf1sn0
>>972
ありがとうございます。理想の形になりました。
2018/12/04(火) 23:01:54.47ID:pu9AOH050
な、age厨だろ
2018/12/05(水) 19:22:40.20ID:/wyuwxMX0
#search-box{background-color:red !important;}
サイドバーのサーチボックス色が変わらないのですが、どう指定したらいいのでしょうか(´;ω;`)
2018/12/06(木) 01:26:07.56ID:C1bShmdr0
https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme
このサイトのダークテーマを利用しちゃうと
タブの×ボタン消したりとかのコード入れても一切無効にされちゃうんだけどなんでかな?
2018/12/06(木) 01:54:13.13ID:q2GKZnNp0
中身読まないで
/* TAB CLOSE BUTTON ALWAYS VISIBLE */
の部分もそのままにしてるからじゃないの
2018/12/06(木) 08:55:26.30ID:pwNnNsFy0
>>975 誘導されたでしょ
>>815>>817
2018/12/06(木) 18:56:45.43ID:c/YwH0Ib0
新しいurlを読み込んだときに一瞬、白い画面になりますが、これはuserchromeで対処できるでしょうか?ダークテーマつかってもだめですね
2018/12/06(木) 18:56:56.80ID:c/YwH0Ib0
>>978
どうも
2018/12/06(木) 19:52:36.12ID:c/YwH0Ib0
コンテキストメニューの色って設定可能でしょうか
2018/12/06(木) 20:10:14.91ID:nVqxeU8t0
>>979
こういうことか?
userChrome.cssに

#tabbrowser-tabpanels {
background-color: red !important
}
2018/12/06(木) 20:23:03.53ID:c/YwH0Ib0
↑なにも変化ないですね、、、
リンクをクリックして新しいページが新しいタブで開く場合、一瞬白くなるやつです
2018/12/06(木) 20:37:30.81ID:3U0KCFF+0
remove_white_flash.cssで検索すると幸せになれるかも
2018/12/06(木) 20:45:53.36ID:n9sIBCkX0
>>982で変化ないなんておかしいが
それ以上にマルチポストも本体スレで質問するのもおかしいから
あっちにちゃんと謝って締め切っておけよ
2018/12/06(木) 23:33:07.69ID:iTIPUwOJ0
Firefox63使用中で
.tab-background[selected=true]は効くんですが
.tab-background:not([selected=true])が駄目でどう治したら良いんでしょうか。
2018/12/07(金) 05:58:20.83ID:ooF8LcDB0
コンテキストメニューの変更について

#contentAreaContextMenu{background-color:red !important;}}
.popup-internal-box{background-color:red !important;}
#contentAreaContextMenuのほうが効かないのですが、どこがだめでしょうか


>>985
了解です
2018/12/07(金) 08:28:58.95ID:oj22yDj40
次スレ
userChrome.css・userContent.cssスレ Part9
http://egg.5ch.net/test/read.cgi/software/1544138804/
2018/12/07(金) 11:57:21.29ID:ooF8LcDB0
コンテキストメニューの背景色はこれだとだめですか
#contentAreaContextMenu{background-color:red !important;}
また、コンテキストのホバー時のカラーもどうやって調べるかわかりません、ポップアップをロックしているのですが、ホバーまでロックされないです

また、グレーアウトしている部分の色の変更も教えてください
2018/12/07(金) 12:18:40.63ID:HKHNSyrp0
UIの見た目を弄る場合基本的に>>817
ただし崩れる可能性もあるからよく確認すること
2018/12/07(金) 16:22:17.35ID:UnaME6PB0
こわE
2018/12/07(金) 17:00:15.48ID:ooF8LcDB0
どうも
internal-boxもuiだとは思いますが、こちらは-mozがなくても有効かされるのはなぜでしょうか

また、別の質問になりますが、userchromeで動画にフィルターをかけたり、明るさを調整することはできますか
アドオンでもいいんですが
2018/12/07(金) 17:06:18.50ID:ooF8LcDB0
usercontentについてですが、背景画像にフィルターをかけたい場合どうしたらいいんでしょうか
背景画像が設定されている要素はサイトによって違いますし、background-imageに対して書き換えることはできますか?
2018/12/07(金) 18:10:36.63ID:2Tyb+Zv50
埋め
2018/12/07(金) 18:11:33.76ID:2Tyb+Zv50
埋め
2018/12/07(金) 18:12:18.95ID:2Tyb+Zv50
埋め
レス数が950を超えています。1000を超えると書き込みができなくなります。

ニューススポーツなんでも実況