[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part12 (631ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
1: (ﾜｯﾁｮｲ eb6e-X/6k) 2022/04/21(木)23:24 ID:h1cG3tIy0(1) AAS
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●※前スレ
userChrome.css・userContent.cssスレ Part11
2chｽﾚ:software
●拡張機能
Stylish
省19
2: (ﾜｯﾁｮｲ f398-VGk1) 2022/04/23(土)08:45 ID:dkgKxmiT0(1) AAS
AA省
3: (ﾜｯﾁｮｲ 0eb0-Qi8t) 2022/04/25(月)04:59 ID:3ewLvZd70(1) AAS
使えそうなやつ
要素名を調べる
外部ﾘﾝｸ:developer.mozilla.org
ブラウザーUIの要素名を調べる
外部ﾘﾝｸ:developer.mozilla.org
前スレにあったコンテキストメニューの要素名集
外部ﾘﾝｸ:u6.getuploader.com
省2
4(2): (ﾜｯﾁｮｲW 2458-pW+F) 2022/04/25(月)09:40 ID:YJpVPlv80(1/2) AAS
Firefox99に更新したら ー □ ×が隠れてしまいます 分かる方お願いします
外部ﾘﾝｸ:imgur.com
/*タブをメニューバーの下*/
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: 外部ﾘﾝｸ:github.com ************************************/
/****************************************************************************************/
@import "./tabs_below_navigation_toolbar.css";
省4
5: (ﾜｯﾁｮｲW 2458-pW+F) 2022/04/25(月)09:41 ID:YJpVPlv80(2/2) AAS
つづき
/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
visibility: visible !important;
display: block !important;
省7
6: (ﾜｯﾁｮｲW ac76-oc0T) 2022/04/25(月)10:00 ID:vHfVWPPk0(1) AAS
こっちか
7: (ﾜｯﾁｮｲW 6776-pEG8) 2022/05/01(日)18:48 ID:+nFSrOLe0(1) AAS
いちおつ
8(1): (ﾜｯﾁｮｲ c773-Nh0L) 2022/05/04(水)22:50 ID:QlBJYDEu0(1) AAS
100にしたらメニューバーを出した時に青くなるのだけど
99の時のような感じに戻すことはできませんか？
9(1): (ﾜｯﾁｮｲ df76-dUGE) 2022/05/05(木)00:06 ID:CWOLVBCp0(1) AAS
>>8
/* メニュー背景の青い色を元のグレーに戻す */
#main-menubar > menu[_moz-menuactive="true"] {
background-color: hsla(0,0%,0%,.12) !important;
}
10(1): 8 (ｺｰﾄﾞﾓ c773-Nh0L) 2022/05/05(木)05:33 ID:geFQXWVq00505(1) AAS
>>9
ありがとうございます
希望通りの色に戻すことができました
11: (ｺｰﾄﾞﾓ 67af-aSZx) 2022/05/05(木)15:29 ID:k8U3DNpY00505(1) AAS
>>4の /*タブをメニューバーの下*/
タブバーにアイコンを置くとタブの高さがそのアイコンのサイズに引っ張られて大変なことになる、凄まじいね
12: (ｺｰﾄﾞﾓ 0758-eGwh) 2022/05/05(木)16:12 ID:c2N3mFeD00505(1) AAS
>>10
よくこういう時に「戻った」「直った」という人いるけど
実際には修正ではなくて、カスタマイズなんだという意識はちゃんと持っておくべき
そうでないとトラブった際に話が合わなくなるから
13: (ﾜｯﾁｮｲ e7b1-dFhs) 2022/05/06(金)06:58 ID:70+EZ7PB0(1) AAS
クソどうでもいいです
14: (ﾜｯﾁｮｲ df76-dUGE) 2022/05/06(金)07:54 ID:Ke/QcU5c0(1) AAS
そうどうでもいい
15: (ﾜｯﾁｮｲ 0b4f-PvPk) 2022/05/11(水)10:34 ID:Kdx8AQ5v0(1) AAS
外部ﾘﾝｸ:www.youtube.com
上記のサイトで
・履歴タイプ
・再生履歴
・コミュニティ
などのエリア（サイドバー）が広すぎて、動画フィードが狭くなってしまいます
サイドバーを狭くし、動画フィードエリアを広くするには何と記述すればいいでしょうか
16(1): (ﾜｯﾁｮｲ f99e-yvGd) 2022/05/14(土)12:31 ID:Qgv8N13i0(1/2) AAS
検索履歴を表示した時すぐに検索しないようにする
CSSあれば教えてほしいです
17(1): (ﾜｯﾁｮｲ f776-7Nhq) 2022/05/14(土)17:54 ID:23HAdhMn0(1/2) AAS
>>16
そういうのはcssでは無理
検索バーのならjsであったと思う
18(1): (ﾜｯﾁｮｲ f99e-yvGd) 2022/05/14(土)19:48 ID:Qgv8N13i0(2/2) AAS
>>17 ありがとうございます
19: (ﾜｯﾁｮｲ f776-7Nhq) 2022/05/14(土)20:32 ID:23HAdhMn0(2/2) AAS
>>18
これ
外部ﾘﾝｸ[js]:github.com
20(3): (ﾜｯﾁｮｲ c77e-vWBU) 2022/05/14(土)22:40 ID:3VCchGhC0(1) AAS
YouTubeのプレイヤーでサムネイルを表示する時、高解像度のmaxresdefault.jpgではなく、
高解像度のサムネイルがあるのに低解像度のhqdefault.jpgなどで表示される動画があります。
これをなんとかmaxresdefault.jpgで表示する方法はありませんか？
一応自分でも
.ytp-cued-thumbnail-overlay-image {
background-image: url("外部ﾘﾝｸ:i.ytimg.com ID>/maxresdefault.jpg") !important;
}
省2
21(1): (ﾜｯﾁｮｲ b15c-cO7h) 2022/05/15(日)20:13 ID:9h7tjqvw0(1/2) AAS
仕様変更されたYouTubeのUIを元に戻したいです
22: (ﾜｯﾁｮｲ c77e-vWBU) 2022/05/15(日)21:17 ID:XUiW+4D70(1/3) AAS
>>21
YouTubeのUIを元に戻す方法はわかります。
>>20の解決方法はありませんか？
CSS以外のスクリプトやアドオンを使う方法でも構いません。
23(1): (ﾜｯﾁｮｲ c77e-vWBU) 2022/05/15(日)21:36 ID:XUiW+4D70(2/3) AAS
このスクリプトでYouTubeのUIが以前のように戻りました。
YouTube - Proper Description
外部ﾘﾝｸ:greasyfork.org
24(1): (ﾜｯﾁｮｲ b15c-cO7h) 2022/05/15(日)21:44 ID:9h7tjqvw0(2/2) AAS
>>23
ありがとうございます
>>20の解決方法は分からないです
申し訳ないです。。
25: (ﾜｯﾁｮｲ c77e-vWBU) 2022/05/15(日)21:51 ID:XUiW+4D70(3/3) AAS
>>24
いえいえ、お役に立てたようでよかったです。
>>20の解決方法が他の人からもレスがないということは、たぶん無理なのかなと思います。
自分でもいろいろググってみましたから。
それならそれで仕方ないですわ。
26(1): 23 (ﾜｯﾁｮｲ c77e-vWBU) 2022/05/16(月)21:40 ID:bPQrmYrd0(1) AAS
スクリプトじゃなく、CSSでも同じようなものがあるんじゃないかと探したら、ありました。
Disable new YT description
外部ﾘﾝｸ:userstyles.world
こちらの方が軽くていいかもしれません。
ただ、タイトルのフォントが太字だったので、
.ytd-video-primary-info-renderer.style-scope.title {
font-size: 18px !important;
省3
27(3): (ﾜｯﾁｮｲ 5b87-pIuf) 2022/05/16(月)22:06 ID:9+as2peJ0(1/2) AAS
以下のようにしても、タブが増えるとオーバーフローのスクロールアロー（こういうの＜＞）がタブバーの両端に表示されるのですが
消す方法はないでしょうか
alltabs-buttonはこれで消えます
.tabbrowser-tab[fadein]:not([pinned]) {
min-width:0px !important;
max-width:150px !important;
}
省5
28: (ﾜｯﾁｮｲ f776-7Nhq) 2022/05/16(月)22:13 ID:a9zM/C3g0(1/4) AAS
>>26
こんなサイトあったの知らんかった
29: (ﾜｯﾁｮｲ f776-7Nhq) 2022/05/16(月)22:29 ID:a9zM/C3g0(2/4) AAS
>>27
<> 消えたけど
30: (ﾜｯﾁｮｲ f776-7Nhq) 2022/05/16(月)22:30 ID:a9zM/C3g0(3/4) AAS
>>27
いや消えてなかったわ
31(2): (ﾜｯﾁｮｲ f776-7Nhq) 2022/05/16(月)22:37 ID:a9zM/C3g0(4/4) AAS
>>27
消えた
toolbarbutton#scrollbutton-up, toolbarbutton#scrollbutton-down {display:none !important;}
32: (ﾜｯﾁｮｲ 5b87-pIuf) 2022/05/16(月)23:04 ID:9+as2peJ0(2/2) AAS
>>31
ありがとうございます
出たり消えたりでタブが微妙に動いて気持ち悪かったので
33: (ﾜｯﾁｮｲ cdcf-yvGd) 2022/05/16(月)23:44 ID:wsEPK4980(1) AAS
>>31
ブックマークたくさんあると, ブックマークフォルダを開いてマウスオーバーするだけで一気にスクロールしまくるし, スクロールボタンも消えるやん
34(1): (ﾜｯﾁｮｲ 5e1c-yWkL) 2022/05/25(水)20:39 ID:YbifOlfR0(1/2) AAS
Firefoxのブックマークツールバーのフォルダボタンを押すと出てくる
メニューの幅が小さくて変えたいです
.bookmark-item[type="menu"] {
width: 500px !important;
}
この辺だと思うのですが、ブックマークアイテムが広がるだけでした
35(2): (ﾜｯﾁｮｲ 2758-XIF+) 2022/05/25(水)21:24 ID:wy278lIc0(1) AAS
menu.bookmark-item, menuitem.bookmark-item {
min-width: 0;
max-width: 32em;
}
menupopup > menu, menupopup > menuitem, menupopup > menucaption {
max-width: 42em;
}
省3
36: (ﾜｯﾁｮｲ 5e1c-yWkL) 2022/05/25(水)22:48 ID:YbifOlfR0(2/2) AAS
>>35
サンクスです
うちのuserChrome.cssに追加したところうまく動きませんでした
menu.bookmark-item, menuitem.bookmark-item {
min-width: 0;
width: 32em !important;
}
省4
37: (ﾜｯﾁｮｲ 5e1c-yWkL) 2022/05/26(木)09:30 ID:RvieTpfx0(1) AAS
すんません>>34ですけど>>35うまく動きました
ブックマークツールバーのアイコンのテキストを消すために
.bookmark-item{
width: 20px !important;
}
これが悪さしてたみたいですありがとうございました
アイコンの名前はコレで消しました
省3
38: (ﾜｯﾁｮｲ 9a30-gevD) 2022/05/27(金)09:31 ID:I7/AZrvv0(1/2) AAS
すいません質問させてください
タブの右クリックメニューから「共有」を非表示にするため、以下をuserChrome.cssに登録したんですが
#tabContextMenu > .share-tab-url-item {
display: none !important;
}
Firefox release版100.0.2だと消えてくれたんですが、ESR 91.9.1とWaterfoxG4 4.1.2（ESR91がベースですよね）では消えてくれません
他に記入する文字があるのか、それともバージョン91だとやり方自体が違うんでしょうか？
39: 38 (ﾜｯﾁｮｲ 9a30-gevD) 2022/05/27(金)10:02 ID:I7/AZrvv0(2/2) AAS
すいません自己解決しました
#context_shareTabURL,
で、「共有」を消せました。失礼しました
40(1): (ﾜｯﾁｮｲ 5e1c-yWkL) 2022/05/27(金)22:04 ID:iCjwQJtB0(1) AAS
Firefoxのブックマークツールバーのフォルダをクリックして出てくるメニューの背景に
色を付けたいのですけど
#PersonalToolbar .bookmark-item menupopup {
background-color: yellow !important;
}
これだと黄色の額縁のようにメニュー周辺しか色が付きません
#PersonalToolbar .bookmark-item menuitem {
省4
41(3): (ﾜｯﾁｮｲ 97be-GUUK) 2022/05/27(金)22:16 ID:BS3VLMXr0(1) AAS
>>40
#PlacesToolbar {
--arrowpanel-background: green !important;
--arrowpanel-color: yellow !important;
}
42(1): (ﾜｯﾁｮｲ 0b1c-/Gxc) 2022/05/28(土)08:18 ID:YCk82iJr0(1/2) AAS
>>41
ありがとう完璧に動きました
こういったセレクタやプロパティなどはどうやって調べるのでしょうか
FireFoxのブラウザーツールボックスでそれっぽいセレクタを手あたり次第
userCrome.cssに書き込んでもあまりうまくはいきませんでした
43(2): (ﾜｯﾁｮｲ d9be-zOxv) 2022/05/28(土)10:06 ID:IZT4bQJw0(1) AAS
>>42
ブラウザーツールボックス右上の「…」メニューで「ポップアップを自動で隠さない」にチェックを入れ、対象メニューを開く
ツールボックス左上の矢印アイコンをクリックし、対象メニューをクリック
インスペクターの右サイドバー「ルール」タブの「スタイルを絞り込み」に background と入れる
左のツリーで対象付近の要素を一つ一つ選択しながら
右バーに background: ... または background-color: ... が出てこないか見る
menuitem なんかは backgrond-color: transparent; になっているがこれは透過色
省10
44: (ﾜｯﾁｮｲ 0b1c-/Gxc) 2022/05/28(土)13:41 ID:YCk82iJr0(2/2) AAS
>>43
さんくす、丁寧にありがとうございます
ブラウザーツールボックスはこうやって使うんですね
左上の矢印アイコンクリックして左ペインのインスペクターしかみてませんでした
>>41のgreenも確認できました
これは設定できる箇所が大幅に増えそうな予感、ありがとうございました
45: (ﾜｯﾁｮｲ 0176-HnzB) 2022/05/28(土)13:49 ID:PF0E3AhX0(1) AAS
>>43
こんな感じにブラウザーツールボックスの使い方を解説してくれるとありがたいんだけど
ネット上には全くないんですよね
46: (ﾜｯﾁｮｲ 0903-yO3c) 2022/05/28(土)22:18 ID:6NdCPfn60(1) AAS
触れば分かるからな
分からないのは触ろうとしないから
47(1): (ﾜｯﾁｮｲ 93f4-yO3c) 2022/05/31(火)23:57 ID:JYXMBhsz0(1) AAS
101.0 にしてしまいました。
すると，最大化したときにタブバーの上に3mmほどの不要な部分が表示されるようになってしまいました。
最大化しないときは，その不要な部分は表示されません。
何をどういじれば直るか教えてください。
48(1): (ﾜｯﾁｮｲW a143-r9m8) 2022/06/01(水)08:34 ID:neMLG3g50(1) AAS
>>47
もし、userChrome.cssに
:root[tabsintitlebar][sizemode="normal"] #titlebar { appearance: none !important; }
という行があるなら、
:root[tabsintitlebar] #titlebar { appearance: none !important; }
に置き換え
今まで非最大時のみに働いてた設定が最大時にも働くようになった模様
49: (ﾜｯﾁｮｲ 93f4-yO3c) 2022/06/02(木)20:11 ID:WNBHdlOF0(1) AAS
>>48
レス，ありがとうございます。
しかし，userChrome.css
:root[tabsintitlebar][sizemode="normal"] #titlebar { appearance: none !important; }
はないです。
tabsintitlebar で検索をかけてもヒットしません。
う～む。
50(1): (ﾜｯﾁｮｲW a143-r9m8) 2022/06/03(金)06:11 ID:xTDB0Ajx0(1) AAS
じゃあ追記して
51: (ﾜｯﾁｮｲ 93f4-yO3c) 2022/06/03(金)18:31 ID:eMK/Myis0(1) AAS
>>50
追記しましたが，変わりませぬ…
52: (ﾜｯﾁｮｲ 9376-HnzB) 2022/06/03(金)20:58 ID:fguX+PZB0(1) AAS
用いているCSSを見せれば誰かが解明してくれる
53: (ﾜｯﾁｮｲ d397-6SS3) 2022/06/03(金)21:18 ID:EYp1fYZY0(1) AAS
多段タブあたりのスクリプトかもしれんし
54: (ﾜｯﾁｮｲ 4af4-Rebr) 2022/06/05(日)21:49 ID:mMS3A2Yl0(1) AAS
多段タブで，３段までとし，４段以上にするとスクロールするようにしています。
101.0にしてから，
最大化しないと，タブバーの上には何もないのですが，
外部ﾘﾝｸ:imgur.com
最大化すると，タブバーの上に余白ができます。
外部ﾘﾝｸ:imgur.com
この余白をなくすためには，userChrome.css などで何を変更すればよいか教えてください。
55: (ﾜｯﾁｮｲ 17cf-sER5) 2022/06/22(水)15:34 ID:0379nkCy0(1/2) AAS
画像を表示したときに背景白、左寄せにしたいのだけど
100.0.2まで効いていたのが101.0から効かなくなって
101.0.1でも変わりありません
100.0.2
画像ﾘﾝｸ[png]:i.imgur.com
101.0.1
画像ﾘﾝｸ[png]:i.imgur.com
省2
56(1): (ﾜｯﾁｮｲ 17cf-sER5) 2022/06/22(水)15:35 ID:0379nkCy0(2/2) AAS
すみません忘れてました
@-moz-document regexp("^(https?|ftp)(:\/\/[-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)\.(jpg|gif|png)$") {
@media not print {
body { background: #FFFFFF !important; }
img {position: relative !important; margin: .5em !important; }
}}
57(1): (ﾜｯﾁｮｲ fa97-LIEH) 2022/06/22(水)17:14 ID:FNd1XM0S0(1) AAS
>>56
body → :root
58: (ﾜｯﾁｮｲ 17cf-sER5) 2022/06/23(木)00:11 ID:vdIrPs5L0(1) AAS
>>57
出来ましたありがとう
59(1): (ﾜｯﾁｮｲ 7f7e-oHrC) 2022/06/27(月)21:26 ID:5GeqMVwr0(1/2) AAS
このスレだったか、以前URLバーの鍵アイコンを緑にするCSSを拾ったのですが、
盾アイコンがトラッカーなどをブロック中に赤くするCSSはないでしょうかね？
鍵アイコンを緑にするCSSです。
#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon,
#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
fill-opacity: 1 !important;
fill: #12BC00 !important;
省1
60(4): (ﾜｯﾁｮｲ 7f76-hYij) 2022/06/27(月)22:04 ID:K65BvaKl0(1) AAS
>>59
はい
外部ﾘﾝｸ:www.reddit.com
61: (ﾜｯﾁｮｲ 7f7e-oHrC) 2022/06/27(月)22:20 ID:5GeqMVwr0(2/2) AAS
>>60
うまく行きました。
ありがとうございます。
62(2): (ﾜｯﾁｮｲW 8fda-Ag9d) 2022/06/28(火)00:17 ID:SMYguXOJ0(1) AAS
-moz-accent-color、-moz-accent-color-foregroundがそれぞれAccentColor、AccentColorTextに置き換わるので使ってる人は気をつけて
外部ﾘﾝｸ[cgi]:bugzilla.mozilla.org
今のところ103で実装予定（Nightly実装済）
63(1): (ｽｯｯﾌﾟ Sd5f-PetT) 2022/06/28(火)23:10 ID:jPz8AO/Dd(1) AAS
Firefox 102.0
テーマ Google Chrome Darkを使用
いままではこれでタブの上に青い線をCSS
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 1px, var(--toolbar-bgcolor) 0%, var(--toolbar-bgcolor) 100%) !important;
}
省7
64: (ｽｯｯﾌﾟ Sd5f-PetT) 2022/06/29(水)00:18 ID:TieFJLCxd(1/2) AAS
上の
menupopup > menuitem,
menupopup > menu {
padding-block: 0.25em !important;
}
は余計な行文でした。
65(2): (ｽｯｯﾌﾟ Sd5f-PetT) 2022/06/29(水)02:59 ID:TieFJLCxd(2/2) AAS
テーマがタブの枠色を指定しているとそっちが優先されているぽいです。
66(1): (ﾜｯﾁｮｲ 0f76-hYij) 2022/06/29(水)09:42 ID:rcduSRph0(1) AAS
>>65
Firefoxに最初から入ってるテーマだったら青い線出るよ
67(1): (ｱｳｱｳｸｰ MMa3-FPAT) 2022/06/29(水)11:42 ID:1pPD8z2AM(1) AAS
>>65
outline: none !important;
を追加
68: (ﾆｸｸｴ Sd5f-PetT) 2022/06/29(水)12:48 ID:TieFJLCxdNIKU(1) AAS
>>67
出来ました！
ありがとうございます。
マジ感謝です。
これで四角タブの上に青線出せました。
>>66
デフォのダーク システム ライトでは青線出せるのは存てましたが無事67さんのお陰で解決出来ました。
69: (ﾆｸｸｴ 8f5c-XcFC) 2022/06/29(水)22:49 ID:LGdSgbxk0NIKU(1) AAS
「アプリケーションメニューを開きます」を押したとき
メニューが右寄に表示される様に調整したいけど
どうすれば良いか教えてください
70(1): (ﾜｯﾁｮｲW 0aaa-8+q1) 2022/07/04(月)23:51 ID:7aiNOSS40(1) AAS
>>60 を参考にしてて、トラッキング防止の盾アイコンを紫色に戻すやつが上手く動かないのですが
どうすればいいでしょうか？
#urlbar-input-container[pageproxystate="valid"] #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
fill-opacity: 1 !important;
fill: #7542E5 !important;
}
今のシンプルなアイコンを紫色にしたいです。こんな感じに
省1
71(1): (ﾜｯﾁｮｲ 6b76-tcWx) 2022/07/05(火)10:06 ID:I7+yoYaO0(1/3) AAS
>>70
赤色を紫にするだけなら>>60の
fill: red !important; を fill: #7542E5 !important; に
72(1): (ﾜｯﾁｮｲW 0aaa-8+q1) 2022/07/05(火)10:27 ID:62MlGY5u0(1/3) AAS
>>71
すみません
そもそも>>60自体が効かないんです
上下前次1-新書関写板覧索設栞歴
あと 559 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.022s