userChrome.css・userContent.cssスレ Part12

2022/04/21(木) 23:24:46.59

!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●※前スレ
userChrome.css・userContent.cssスレ Part11
https://egg.5ch.net/test/read.cgi/software/1584753386/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager (レガシーアドオン・要Classic Add-ons Archive)
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 (要userChromeES)
https://greasyfork.org/scripts/35880

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
Userstyles.org
https://userstyles.org/
CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS
とほほのスタイルシート入門
http://www.tohoho-web.com/css/

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

2022/04/23(土) 08:45:13.75

┌─────┐
│ いちもつ ♪│
└∩───∩┘
　ヽ(`･ω･´)ﾉ

2022/04/25(月) 04:59:15.21

使えそうなやつ

要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector/How_to/Select_an_element
ブラウザーUIの要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox
前スレにあったコンテキストメニューの要素名集
https://u6.getuploader.com/script/download/1912
Mozilla Firefox 多段タブスレ Part.1
http://egg.5ch.net/test/read.cgi/software/1577781022/

2022/04/25(月) 09:40:27.96

Firefox99に更新したらー　□　×が隠れてしまいます分かる方お願いします
https://imgur.com/a/Yo97LVQ

/*タブをメニューバーの下*/

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
@import "./tabs_below_navigation_toolbar.css";

/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
-moz-box-ordinal-group: 100 !important;
}

2022/04/25(月) 09:41:53.05

つづき
/* 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;
}

#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon {
padding: unset !important;
height: unset !important;
width: unset !important;

2022/04/25(月) 10:00:35.21

こっちか

2022/05/01(日) 18:48:17.71

いちおつ

2022/05/04(水) 22:50:03.45

100にしたらメニューバーを出した時に青くなるのだけど
99の時のような感じに戻すことはできませんか？

2022/05/05(木) 00:06:17.18

>>8
/* メニュー背景の青い色を元のグレーに戻す */
#main-menubar > menu[_moz-menuactive="true"] {
background-color: hsla(0,0%,0%,.12) !important;
}

8 (ｺｰﾄﾞﾓ c773-Nh0L) · 2022/05/05(木) 05:33:18.84

>>9
ありがとうございます
希望通りの色に戻すことができました

2022/05/05(木) 15:29:31.38

>>4の　/*タブをメニューバーの下*/
タブバーにアイコンを置くとタブの高さがそのアイコンのサイズに引っ張られて大変なことになる、凄まじいね

2022/05/05(木) 16:12:02.76

>>10
よくこういう時に「戻った」「直った」という人いるけど
実際には修正ではなくて、カスタマイズなんだという意識はちゃんと持っておくべき
そうでないとトラブった際に話が合わなくなるから

2022/05/06(金) 06:58:41.47

クソどうでもいいです

2022/05/06(金) 07:54:29.38

そうどうでもいい

2022/05/11(水) 10:34:40.50

https://www.youtube.com/feed/history

上記のサイトで
・履歴タイプ
・再生履歴
・コミュニティ
などのエリア（サイドバー）が広すぎて、動画フィードが狭くなってしまいます
サイドバーを狭くし、動画フィードエリアを広くするには何と記述すればいいでしょうか

2022/05/14(土) 12:31:03.63

検索履歴を表示した時すぐに検索しないようにする
CSSあれば教えてほしいです

2022/05/14(土) 17:54:06.21

>>16
そういうのはcssでは無理
検索バーのならjsであったと思う

2022/05/14(土) 19:48:19.20

>>17　ありがとうございます

2022/05/14(土) 20:32:24.10

>>18
これ
https://github.com/alice0775/userChrome.js/blob/master/search_history_toka_suggest_nogokuwoerabutosokukennsakuniikunowotomeru.uc.js

2022/05/14(土) 22:40:50.39

YouTubeのプレイヤーでサムネイルを表示する時、高解像度のmaxresdefault.jpgではなく、
高解像度のサムネイルがあるのに低解像度のhqdefault.jpgなどで表示される動画があります。
これをなんとかmaxresdefault.jpgで表示する方法はありませんか？

一応自分でも

.ytp-cued-thumbnail-overlay-image {
background-image: url("https://i.ytimg.com/vi/<;VIDEO ID>/maxresdefault.jpg") !important;
}

みたいなCSSを作ってみましたが、うまく行きません。
<VIDEO ID>の部分をその動画のIDで可変して読み込めればいいと思うのですが。

2022/05/15(日) 20:13:28.21

仕様変更されたYouTubeのUIを元に戻したいです

2022/05/15(日) 21:17:26.96

>>21
YouTubeのUIを元に戻す方法はわかります。
>>20の解決方法はありませんか？
CSS以外のスクリプトやアドオンを使う方法でも構いません。

2022/05/15(日) 21:36:46.22

このスクリプトでYouTubeのUIが以前のように戻りました。

YouTube - Proper Description
https://greasyfork.org/ja/scripts/440613-youtube-proper-description

2022/05/15(日) 21:44:08.68

>>23
ありがとうございます

>>20の解決方法は分からないです
申し訳ないです。。

2022/05/15(日) 21:51:05.96

>>24
いえいえ、お役に立てたようでよかったです。

>>20の解決方法が他の人からもレスがないということは、たぶん無理なのかなと思います。
自分でもいろいろググってみましたから。
それならそれで仕方ないですわ。

23 (ﾜｯﾁｮｲ c77e-vWBU) · 2022/05/16(月) 21:40:33.11

スクリプトじゃなく、CSSでも同じようなものがあるんじゃないかと探したら、ありました。

Disable new YT description
https://userstyles.world/style/4067/disable-new-yt-description

こちらの方が軽くていいかもしれません。
ただ、タイトルのフォントが太字だったので、

.ytd-video-primary-info-renderer.style-scope.title {
font-size: 18px !important;
font-weight: normal !important;
}

というCSSを追加したら以前と同じになりました。

2022/05/16(月) 22:06:39.44

以下のようにしても、タブが増えるとオーバーフローのスクロールアロー（こういうの＜＞）がタブバーの両端に表示されるのですが
消す方法はないでしょうか
alltabs-buttonはこれで消えます

.tabbrowser-tab[fadein]:not([pinned]) {
min-width:0px !important;
max-width:150px !important;
}
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-downk,
#alltabs-button {
display: none !important;
}

2022/05/16(月) 22:13:21.42

>>26
こんなサイトあったの知らんかった

2022/05/16(月) 22:29:26.19

>>27
<>　消えたけど

2022/05/16(月) 22:30:26.94

>>27
いや消えてなかったわ

2022/05/16(月) 22:37:33.72

>>27
消えた
toolbarbutton#scrollbutton-up, toolbarbutton#scrollbutton-down {display:none !important;}

2022/05/16(月) 23:04:00.70

>>31
ありがとうございます
出たり消えたりでタブが微妙に動いて気持ち悪かったので

2022/05/16(月) 23:44:41.40

>>31
ブックマークたくさんあると, ブックマークフォルダを開いてマウスオーバーするだけで一気にスクロールしまくるし, スクロールボタンも消えるやん

2022/05/25(水) 20:39:24.99

Firefoxのブックマークツールバーのフォルダボタンを押すと出てくる
メニューの幅が小さくて変えたいです

.bookmark-item[type="menu"] {
width: 500px !important;
}

この辺だと思うのですが、ブックマークアイテムが広がるだけでした

2022/05/25(水) 21:24:23.02

menu.bookmark-item, menuitem.bookmark-item {
min-width: 0;
max-width: 32em;
}

menupopup > menu, menupopup > menuitem, menupopup > menucaption {
max-width: 42em;
}

となってるから max-width を大きくすればいい
ブックマークツールバーからのポップアップでは32emで制限され
これを無効にすると42emの制限（その他のポップアップ）となる

2022/05/25(水) 22:48:24.11

>>35
サンクスです
うちのuserChrome.cssに追加したところうまく動きませんでした

menu.bookmark-item, menuitem.bookmark-item {
min-width: 0;
width: 32em !important;
}

menupopup > menu, menupopup > menuitem, menupopup > menucaption {
width: 42em !important;
}

こんな感じで、幅を決めてしまえばなぜかうまく調整できましたがよくわかりません

2022/05/26(木) 09:30:30.03

すんません>>34ですけど>>35うまく動きました
ブックマークツールバーのアイコンのテキストを消すために
.bookmark-item{
width: 20px !important;
}

これが悪さしてたみたいですありがとうございました

アイコンの名前はコレで消しました
.bookmark-item:not([type="menu"]) .toolbarbutton-text {
display: none !important;
}

2022/05/27(金) 09:31:38.66

すいません質問させてください
タブの右クリックメニューから「共有」を非表示にするため、以下を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だとやり方自体が違うんでしょうか？

38 (ﾜｯﾁｮｲ 9a30-gevD) · 2022/05/27(金) 10:02:42.44

すいません自己解決しました
#context_shareTabURL,
で、「共有」を消せました。失礼しました

2022/05/27(金) 22:04:55.99

Firefoxのブックマークツールバーのフォルダをクリックして出てくるメニューの背景に
色を付けたいのですけど
#PersonalToolbar .bookmark-item menupopup {
background-color: yellow !important;
}
これだと黄色の額縁のようにメニュー周辺しか色が付きません

#PersonalToolbar .bookmark-item menuitem {
background-color: red !important;
}
これだとマウスオーバーの時にいろが変わりません

何かいい方法を教えてください

2022/05/27(金) 22:16:29.62

>>40
#PlacesToolbar {
--arrowpanel-background: green !important;
--arrowpanel-color: yellow !important;
}

2022/05/28(土) 08:18:49.83

>>41
ありがとう完璧に動きました
こういったセレクタやプロパティなどはどうやって調べるのでしょうか

FireFoxのブラウザーツールボックスでそれっぽいセレクタを手あたり次第
userCrome.cssに書き込んでもあまりうまくはいきませんでした

2022/05/28(土) 10:06:53.54

>>42
ブラウザーツールボックス右上の「…」メニューで「ポップアップを自動で隠さない」にチェックを入れ、対象メニューを開く
ツールボックス左上の矢印アイコンをクリックし、対象メニューをクリック

インスペクターの右サイドバー「ルール」タブの「スタイルを絞り込み」に background と入れる
左のツリーで対象付近の要素を一つ一つ選択しながら
右バーに background: ... または background-color: ... が出てこないか見る

menuitem なんかは backgrond-color: transparent; になっているがこれは透過色
この祖先のどこかで実際の色が設定されているはず…

ツリー上で祖先に向かって要素をたどっていくと、#PlacesToolbar menupopup に
background: var(--arrowpanel-background);
が設定されていることが分かった

https://i.imgur.com/lo3vvy7.png

名前が -- で始まり var(...) の形で使われているのはカスタムプロパティ

CSS カスタムプロパティ (変数) の使用 - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_custom_properties

背景色を設定するなら文字色も忘れずに
同じようにして color を探し、値を設定(>>41)しておしまい

2022/05/28(土) 13:41:51.72

>>43
さんくす、丁寧にありがとうございます
ブラウザーツールボックスはこうやって使うんですね
左上の矢印アイコンクリックして左ペインのインスペクターしかみてませんでした

>>41のgreenも確認できました
これは設定できる箇所が大幅に増えそうな予感、ありがとうございました

2022/05/28(土) 13:49:28.73

>>43
こんな感じにブラウザーツールボックスの使い方を解説してくれるとありがたいんだけど
ネット上には全くないんですよね

2022/05/28(土) 22:18:22.42

触れば分かるからな
分からないのは触ろうとしないから

2022/05/31(火) 23:57:16.65

101.0 にしてしまいました。
すると，最大化したときにタブバーの上に3mmほどの不要な部分が表示されるようになってしまいました。
最大化しないときは，その不要な部分は表示されません。
何をどういじれば直るか教えてください。

2022/06/01(水) 08:34:02.89

>>47
もし、userChrome.cssに
:root[tabsintitlebar][sizemode="normal"] #titlebar { appearance: none !important; }
という行があるなら、
:root[tabsintitlebar] #titlebar { appearance: none !important; }
に置き換え

今まで非最大時のみに働いてた設定が最大時にも働くようになった模様

2022/06/02(木) 20:11:58.14

>>48
レス，ありがとうございます。
しかし，userChrome.css

:root[tabsintitlebar][sizemode="normal"] #titlebar { appearance: none !important; }

はないです。

tabsintitlebar で検索をかけてもヒットしません。
う～む。

2022/06/03(金) 06:11:20.00

じゃあ追記して

2022/06/03(金) 18:31:29.26

>>50
追記しましたが，変わりませぬ…

2022/06/03(金) 20:58:43.26

用いているCSSを見せれば誰かが解明してくれる

2022/06/03(金) 21:18:48.69

多段タブあたりのスクリプトかもしれんし

2022/06/05(日) 21:49:30.09

多段タブで，３段までとし，４段以上にするとスクロールするようにしています。
101.0にしてから，

最大化しないと，タブバーの上には何もないのですが，
https://imgur.com/HK4BUeD

最大化すると，タブバーの上に余白ができます。
https://imgur.com/rPlRyvl

この余白をなくすためには，userChrome.css などで何を変更すればよいか教えてください。

2022/06/22(水) 15:34:28.81

画像を表示したときに背景白、左寄せにしたいのだけど
100.0.2まで効いていたのが101.0から効かなくなって
101.0.1でも変わりありません

100.0.2
https://i.imgur.com/3MJ0NR7.png

101.0.1
https://i.imgur.com/VBI8KqV.png

画像の縦の長さ分しか効かなくなってしまいました
修正箇所を教えてください

2022/06/22(水) 15:35:46.21

すみません忘れてました

@-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; }
}}

2022/06/22(水) 17:14:52.91

>>56
body → :root

2022/06/23(木) 00:11:33.72

>>57
出来ましたありがとう

2022/06/27(月) 21:26:00.09

このスレだったか、以前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;
}

2022/06/27(月) 22:04:58.99

>>59
はい
https://www.reddit.com/r/FirefoxCSS/comments/vl3fob/list_of_tracking_icon_css_element_properties/

2022/06/27(月) 22:20:17.01

>>60
うまく行きました。
ありがとうございます。

2022/06/28(火) 00:17:57.68

-moz-accent-color、-moz-accent-color-foregroundがそれぞれAccentColor、AccentColorTextに置き換わるので使ってる人は気をつけて

https://bugzilla.mozilla.org/show_bug.cgi?id=1775247
今のところ103で実装予定（Nightly実装済）

2022/06/28(火) 23:10:25.89

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;
}

menupopup > menuitem,
menupopup > menu {
padding-block: 0.25em !important;
}

で出してたのですが､102.0にしたら消えてしまいました｡
デフォのダークやシステムのテーマでは出てるんですけど
その他のテーマでまたタブの上部に青い線出せたらお教え下さい｡

2022/06/29(水) 00:18:14.90

上の
menupopup > menuitem,
menupopup > menu {
padding-block: 0.25em !important;
}
は余計な行文でした。

2022/06/29(水) 02:59:37.28

テーマがタブの枠色を指定しているとそっちが優先されているぽいです。

2022/06/29(水) 09:42:27.01

>>65
Firefoxに最初から入ってるテーマだったら青い線出るよ

2022/06/29(水) 11:42:24.21

>>65
outline: none !important;
を追加

2022/06/29(水) 12:48:30.03

>>67
出来ました！
ありがとうございます。
マジ感謝です。
これで四角タブの上に青線出せました。
>>66
デフォのダークシステムライトでは青線出せるのは存てましたが無事67さんのお陰で解決出来ました。

2022/06/29(水) 22:49:54.37

「アプリケーションメニューを開きます」を押したとき
メニューが右寄に表示される様に調整したいけど
どうすれば良いか教えてください

2022/07/04(月) 23:51:46.81

>>60 を参考にしてて、トラッキング防止の盾アイコンを紫色に戻すやつが上手く動かないのですが
どうすればいいでしょうか？

#urlbar-input-container[pageproxystate="valid"] #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
fill-opacity: 1 !important;
fill: #7542E5 !important;
}

今のシンプルなアイコンを紫色にしたいです。こんな感じに
https://prismic-io.s3.amazonaws.com/helpcenter/9c3bedbb-5893-4611-bd3b-627b933ee2f9_firefox_tracking_off.jpg

2022/07/05(火) 10:06:35.12

>>70
赤色を紫にするだけなら>>60の
　fill: red !important;　を fill: #7542E5 !important; に

2022/07/05(火) 10:27:47.88

>>71
すみません
そもそも>>60自体が効かないんです

2022/07/05(火) 10:37:08.18

>>72
他に用いているcssは効いてるの？

2022/07/05(火) 10:50:19.87

>>73
他のは効いています

すいませんどうやらクロスサイトトラッキングが検出されたときにのみ色が変わる様でした
なので動いてること確認できましたありがとうございました

2022/07/05(火) 11:15:54.38

おい

2022/07/05(火) 11:33:43.21

>>75
確認不足ですみません

2022/07/09(土) 17:16:54.88

googleの検索結果に番号を付けるCSSなんですが、いつの間にか動かなくなっていました
あると便利なので修正箇所分かる方いたら教えてください
よろしくお願いします

@-moz-document url-prefix("http://www.google.co.jp/search";),
url-prefix("http://www.google.com/search";),
url-prefix("https://www.google.co.jp/search";),
url-prefix("https://www.google.com/search";){

/* カウンタを生成 */

div#res{
counter-reset: head !important;
}
/*.g > .r:before{ */

div.rc h3::before {
counter-increment: head !important;
content: "#" counter(head) !important;
font-size: 18px !important;
font-weight: bold !important;
margin-right: 5px !important;
padding: 0px 4px !important;
background: white url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAeCAMAAAAiq38CAAAAA3NCSVQICAjb4U/gAAAAYFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu7u7v7+/w8PDx8fHy8vLz8/P09PT19fX29vb39/f4+Pj5+fn6+vr7+/v8/Pz9/f3+/v7///9uR0UGAAAAQUlEQVQYlXXGtwGAMAAEsZ8ATHIk7L+lK5+/QZX0QdYX3ge64W1Qq4PqbIE3QwneCF346QnvAe3wbpgNCtAK74IOWSsakaslG2kAAAAASUVORK5CYII=") left top !important;
color: #bbb !important;
border: 1px solid #bfbfbf !important;
-moz-border-radius: 3px !important;
}

}

2022/07/09(土) 17:39:59.23

>>77
stylus検討されたし

2022/07/09(土) 19:52:16.76

>>77
div.rc ってどこのこと？
rc なんてクラスついた要素ないと思うんだけど

2022/07/09(土) 20:07:47.77

>>77
https://sutasutashiki.blogspot.com/2019/02/search-engine-ranking-firefox-stylus.html

2022/07/09(土) 20:26:02.98

stylus とか好みの問題で関係ない

2022/07/09(土) 22:32:31.63

>>79
今まで使っていたcssをコピペしたので、詳しい事はわかりません、ごめんなさい

>>80
紹介ありがとうございます
ただ、サイトの途中に書いてある

/* Google */
div.r h3::before {
counter-increment: result;
content: counter(result) ". ";
}

に変更してみたのですが、こちらでは動かなかったのですが、自分のミスですかね？

2022/07/09(土) 22:54:23.63

>>82
そっちは見るなよ
その上にこうあるだろ
#search h3::before { }
ていうかドメイン限定してるから #search もいらない
ちゃんと自分で検索ページを F12 押して調べなさい

2022/07/09(土) 22:55:54.66

そのブログ記事 2021年4月8日更新だぞ
当時は知らんが div.rc も div.r もないから

2022/07/10(日) 18:26:20.86

>>82
それは効かない

2022/07/10(日) 18:55:20.41

>>83,85
お二人ともレスどうもありがとう
やっぱり効かないんですね
番号のつけ方的にそっちのほうが好みなんですが、無理なんですかね？

2022/07/10(日) 19:07:51.56

自分はできません

2022/07/10(日) 19:19:33.03

>>86
効くとか効かないとかじゃなくて
少しは自分でウェブ開発ツールのインスペクタで確認しろよ
そうすりゃ汎用性はないけどなんとかする道はある
だけどそういうのは検索ページの仕様変更ですぐ使えなくなる
それを自分で調べる覚悟がなければ無理

2022/07/10(日) 19:41:42.52

>>86
「検索結果のナンバリング」で検索されたし

2022/07/10(日) 19:41:42.77

>>86
これがインスペクタの表示
https://i.imgur.com/tG4frdX.jpg

2022/07/10(日) 19:44:22.26

>>89
それで出てくる上位は古かったり間違ってたり・・・
自分でやりたいようにやらないと意味ない

2022/07/10(日) 19:55:24.58

>>90 の画像は2つに分かれていて
上の方は、検索結果の内容は div#search の中に入っていることを示したもの

下の方は、階層になっている例として
「Firefox 高速プライベートブラウザー - Google Play のアプリ」
　　「Android 版 Firefox Beta - Google Play のアプリ」
の箇所を示した
ここから法則を導き出して頑張ってくれ

2022/07/10(日) 20:49:28.57

オッ、なんかこの時間帯親切なネ申がいるみたいなんで俺も質問

右クリメニュー等の背景に透過png画像(狐ロゴ)を表示させてたんだけど(.menupopup-arrowscrollbox)
内部仕様が変わってメニュー全体が透過されるようになっちゃった
なのでもう一階層下に(.scrollbox-clip)指定し直してみた
すると表示自体は一応元通りにはなったんだが、なぜかタブバーにも画像が現れてしまう
どうしたらいいのか分からん教えろ下さい<m(__)m>

2022/07/11(月) 23:48:48.46

>>90
遅ればせながら、わざわざ画像まで作って説明してくれてありがとう
自分で解決出来れば一番良いので、この機会に勉強してみます

2022/07/12(火) 16:20:03.92

アドレスバーでhttpのサイトのURLを赤く表示するCSSを見つけました。

#identity-box[pageproxystate="valid"].notSecure ~ .urlbar-input-box{ color: red }

で、逆にhttpsのサイトのURLを緑で表示することもできるんじゃないかと思うのですが、
どう書けばいいでしょうか？
素人考えで色をgreenにして、notSecureの部分をSecureにすればいいのではないかと思ったのですが、
ダメでした。

2022/07/12(火) 16:30:39.61

自己解決しました。
ふと思い当たって、notSecureを外せばいいのではないかと試したらうまく行きました。

#identity-box[pageproxystate="valid"] ~ .urlbar-input-box{ color: green }

93 (ﾜｯﾁｮｲ fdb0-TkQT) · 2022/07/14(木) 23:38:30.88

おい、もはやお前らだけが頼りなんだが？
マジで頼むが？

2022/07/15(金) 00:12:19.42

>>97
素人考え

:not(#TabsToolbar)

97 (ﾜｯﾁｮｲ 69b0-GsVe) · 2022/07/17(日) 14:37:37.34

>98㌧
駄目だった…w
他にも
tabbrowser-tabs
toolbar-items
TabsToolbar-customization-target
とか試したけど消えず

つかそもそも上位のIDが指定出来りゃ苦労は無いのに
shadow-rootとかいうわけわからんIDだから困る

引き続き気長にネ申を待つ

2022/07/17(日) 14:58:41.26

shadow-rootってことはshadowDOM
その下の要素を指定してスタイルを適用するには::partを使う必要がある
だけどuserChrome.cssは::partを使えないから、userChrome.jsのスレで質問し直しの方がいい

2022/07/17(日) 15:00:25.55

.menupopup-arrowscrollbox { background-image: url("hoge.png") !important; }
で特に問題ないように見えるが
もしかして background: url("hage.png") !important; してた？

99 (ﾜｯﾁｮｲ 69b0-GsVe) · 2022/07/17(日) 15:47:57.81

>101
か、解決した…www
つーかそこなの？？？？？？？？

89.0あたりで仕様が変わってからずーっと
あーでもないこーでもないやってたんだが
盲点にも程があるw

101氏をはじめレス下さった皆様本当にありがとうございました<m(__)m>

2022/07/27(水) 02:40:17.61

>>62
ありがとう
-moz-accent-color-foreground　→　AccentColorText
メニューバーの文字色が黒になってしまったものを白に戻せました

2022/07/27(水) 13:26:34.80

タブが一つの時はタブバーを非表示にするやつなんですが、
ver.103に上げると画像の通りnewtab-buttonが残るようになってしまいました。
修正方法を教えてください。
https://i.imgur.com/6X0cggh.png

/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
visibility: collapse;
}
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
visibility: collapse;
}

**104** (ﾜｯﾁｮｲW 13aa-eGtk) · 2022/07/27(水) 13:49:52.65

cssが切れてたので以下で全文です。
これがver.103でnewtab-buttonが残ってしまいます。
教えてくださいませ。お願いします。

/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
visibility: collapse;
}
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
visibility: collapse;
}
#tabbrowser-tabs .tabs-newtab-button {
visibility: collapse;
}
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-arrowscrollbox {
min-height: 0 !important;
}

2022/07/27(水) 15:15:38.31

>>105
toolbarbutton を * に変える

2022/07/27(水) 16:08:17.47

>>106
おお！ありがとうございます！期待通りになりました。

いろいろ調べていて、以下にするとシンプルに書けました。
tab:only-of-type, tab:only-of-type + * {
display: none !important;
}
#tabbrowser-tabs, #tabbrowser-arrowscrollbox {
min-height: 0 !important;
}

2022/07/31(日) 16:41:33.13

目的　全サイト見にくいゴシック体・サンセリフ体を表示しない　丸ゴシック体で表示する　プロポーショナルメトリクス字詰め

Firefoxフォント設定
「ウェブページが優先したフォントを優先する」チェックはずす
　　googleサイト→Stylus指定のフォントになる
　　英語圏サイト（tx16wxなど）→セリフ体
「ウェブページが優先したフォントを優先する」チェックいれる
　　googleサイト→ゴシック体
　　英語圏サイト（tx16wxなど）→Stylus指定のフォントになる

ド素人です
和文も欧文もその他言語文字も指定したいんですが、丸ゴシック体になりません
教えてくださると嬉しいです

body {
font-family : "ヒラギノ丸ゴ ProN", "UD新丸ゴ", "UDじゅん", "Helvetica Rounded" !Important ;
font-size : 1em ;
font-weight : 500 ;
-webkit-text-stroke : 0.1px ;

-webkit-text-stroke-width: 0.1px
!important;

-font-feature-settings: 'palt' 1;
}

div,dd,dt,dl,p,em,li,textarea,form,input {
font-size : 1em ;
font-weight : 500 ;
-webkit-text-stroke : 0.1px ;
}

2022/07/31(日) 19:02:01.36

>>108
こんな感じでチマチマやる
@font-face {
font-family: "見にくいゴシック体";
src: local("ヒラギノ丸ゴ ProN");
}

2022/07/31(日) 20:33:22.76

/* ウインドウアクティブ時のタイトルバーの背景色をOSのテーマ色に変更（以前の規定テーマと同じ） */
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: -moz-accent-color-foreground;
background-color: -moz-accent-color;
}

最新版（103.0）にしたらこれが効かなくなったんだけどどうしたらいいだろう

2022/07/31(日) 20:58:36.04

>>110

>>62

2022/07/31(日) 21:14:13.21

>>111
ありがとう
できました

2022/08/02(火) 19:41:39.25

すいません、Firefoxでブックマークツールバーを常時表示にして、ブックマークをアイコンだけにして大量の
ブックマークアイコンを並べてるのですが、これの余白を更に詰めてより大量のアイコンを並べる事って可能ですかね？
ググってもブックマークメニューの行間（縦）を詰める情報だけ出てきて横に詰める方法が分かりません

この辺はとくに変わりませんでした
↓
#toolbar-menubar toolbarbutton {
padding-left: 1px !important;
padding-right: 1px !important;
}

2022/08/02(火) 19:53:57.98

>>113
#PlacesToolbarItems > .bookmark-item {
padding-left: 1px !important;
padding-right: 1px !important;
}

2022/08/02(火) 20:06:37.46

>>113
あ！！！出来ました！！！！
長年悩んでいたのですが貴方は神です！

2022/08/02(火) 20:07:22.51

すいません神は>>114です

>>113はただのマヌケなので

2022/08/03(水) 19:47:41.80

jsのスレで書いた後こっちの方が適切かと思ったらそういうレスも頂いたのでこちらに移動して来ました

Youtubeで動画と上の検索窓の間の部分消したくてF12で内容見てみたのですが、そこは上の検索窓と一緒になってて（該当部分の文にカーソル合わせると一緒に緑色になる）間の部分だけの指定が見付かりませんでした
検索のある列はytd-searchbox…の指定で細くは出来たのですが、その下部分が不要なのでどうにか消したいです
ヒントでも良いのでアドバイスお願いします

2022/08/03(水) 23:06:00.45

>>117
動画上側の1cm程度のスペースを無くしたいという解釈でおk?
だとすると
div id="columns"
div id="primary" #主エリア
div id="secondary" #チャット/動画リスト
の冒頭だから多分この辺の上側の境界/詰め/余白を調べれば良いよな
ytd-watch-flexy:not([theater]):not([fullscreen]) #primary.ytd-watch-flexy,
ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy {
padding-top: var(--ytd-margin-6x);
}

2022/08/05(金) 10:52:31.13

>>118
遅くなりましたがレスありがとうございます
はい、その部分です
それでいじってみます
どうもありがとうございました

2022/09/03(土) 23:43:57.92

拡張機能スレに書いたけどこっちの方がいいんかな

Stylusを1.5.26にしたら、userstyles.orgからインストールも更新も一切できなくなった
1.5.25に戻すと普通にできる

2022/09/03(土) 23:54:55.22

いや、拡張機能の話だよね

2022/09/16(金) 23:35:10.71

アドレスバーにペーストしたときのみ背景の色が上に数ピクセルずれるんですが分かる方いますか？
カーソル置いただけでは問題ないのですが。
済みませんがどなたかお助けください。
http://iup.2ch-library.com/i/i022196422415874211242.png

2022/09/20(火) 11:06:06.31

106.0b1 で #firefox-view-button の隣にあるセパレータみたいな棒を消す方法はありませんか

2022/09/21(水) 06:28:53.97

>>123
#firefox-view-button + #tabbrowser-tabs {
border-inline-start: none !important;
}

2022/09/21(水) 09:13:01.97

>>124
わぁ、ありがとう、ありがとう

2022/09/22(木) 16:51:48.73

タブの高さは
#TabsToolbar { --tab-min-height: 24px; }で調整できますが、
タブバーの高さ調整どう記述すれば良いのでしょうか？

2022/09/23(金) 00:39:44.97

>>126
少しは頭使えよ
min-てーのは最小値を設定/変更するのに書くもんだ
それよりも小さく指定されていたものならそれに従って大きくなる
逆の時は何の効果も無い

逆の時も含めて実際に指定したいならそれのないもん指定する必要がある
ということはわかるよな?

2022/09/23(金) 02:40:31.74

>>126
せめて伝聞形式にすればいいのに
ここまで堂々とバカを晒すってやっぱバカのさせる業

2022/09/23(金) 07:12:44.89

>>127
よく分からん？
タブの高さじゃなくタブバーの高さを変えたいと聞いてる。

2022/09/25(日) 23:08:31.83

esr102にアップデートしたらuserChrome.cssに書いた内容の一部が動いてくれなくなりました
これは記述が古くなったので新しく書き直さなきゃいけないってことなんでしょうか？

ちなみに動いてくれない部分はこちらです

/* タブの色 */

/* 未読み込みタブ・白*/
.tabbrowser-tab[pending] {
font-weight: normal !important;
background: white !important;

/* タブを閉じるボタンをマウスオーバー時のみ表示 */
/.tabbrowser-tab:not([pinned]):hover .tab-close-button.close-icon {display: inline-block !important;}
/#tabbrowser-tabs .tabbrowser-tab .tab-close-button {
/ display: none!important;
/}

2022/09/25(日) 23:49:39.78

>>130
/* タブを閉じるボタンをマウスオーバー時のみ表示 */
#tabbrowser-tabs .tabbrowser-tab:not([pinned]):hover .tab-close-button.close-icon {
display: inline-block !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-close-button.close-icon {
display: none !important;
}

でどうだろう

「未読み込みタブ・白」は普通に動いたけど、「}」が抜けてるだけだったりしない?

2022/09/26(月) 00:03:45.69

スレチESRガイジに構うなよ
基地外が感染るぞ

2022/09/26(月) 02:34:43.40

>>131
どうもありがとう

/* タブを閉じるボタンをマウスオーバー時のみ表示 */ の方はコピペする部分間違えていました…
正式にはこちらです

/#tabbrowser-tab:not([pinned]):hover .tab-close-button {
/ display: block !important;
/}

ただ、教えて貰った>>131の内容に書き換えてもやはり動いてくれませんでした
問題はuserChrome.cssの記述以外の所なのかな

2022/09/26(月) 02:36:15.14

>>133に貼ったコードの一番手前の”/”は無視してください
>>131で教えて貰った内容に書き換えるためにコメントアウトしたものをそのままコピペしてしまいました

2022/09/26(月) 11:56:27.01

そもそもタブを閉じる記述全体の行頭の「/」は何目的なの？
1行だったら「/」を先頭につければいいよってのはjavascriptのコメントアウトで
CSSは1行でも複数行でも「/*～*/」なんなんだけども
そこを勘違いしていたとしてもそれはそれで全部消してるわけで

2022/09/26(月) 22:01:04.50

>>135
> 1行だったら「/」を先頭につければいいよってのはjavascriptのコメントアウトで
いいえ
1行コメントは「//」ですよ？

2022/09/26(月) 22:21:23.62

ああ、失礼

2022/09/27(火) 04:09:31.27

>>135
すみません、自分自身ド素人で基本広いものを適当にいじって使ってきたレベルで…
過去に自分でコメントアウトのつもりでつけたのか、それとも拾ってきたものに最初から書かれていたのかはよくわかりません

あと、動いていない部分「未読み込みタブ・白」ではなく「未読み込みタブ・白」でした

未読み込みタブ・白
.tabbrowser-tab[unreadTab] {
font-weight: normal !important;
background: white !important;
}

unreadは以前もバージョンアップの時に動かなくなったような記憶があります
あと「タブを閉じるボタンをマウスオーバー時のみ表示」もいじった形跡があるということは同時期に動かなくなっていたかもしれません

2022/09/27(火) 18:35:39.54

右クリックメニューの背景色とマウスホーバー色を以下のように変更していたのですが、
いつの間にか反映されなくなりました。
menupopup{
--menu-background-color: #F4F4F4 !important;
--menuitem-hover-background-color: #C1C3C2 !important;
}

色々と試してみたのですが効果が見られませんでした。
お分かりの方、お教えいただけましたらありがたいです。よろしくお願いいたします。

2022/09/27(火) 23:32:07.61

>>139
menupopup {
--panel-background: #F4F4F4 !important;
}

menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] {
background-color: #C1C3C2 !important;
}

**139** (ﾜｯﾁｮｲ d676-tX/F) · 2022/09/28(水) 10:50:56.39

>>140
早速にありがとうございます。
無事、反映されました。心より感謝申し上げます。

2022/10/01(土) 11:51:18.07

下記でタブの高さは変わるのですが、タブの上に空間ができます。
この空間を無くすにはどうすれば良いのでしょうか？
#TabsToolbar { --tab-min-height: 20px; }

2022/10/03(月) 12:39:41.04

>>131
すみません、ちゃんと動いていました
ただ、これまではタブ開きまくってどれだけ小さくなってもマウスオーバーすればタブ幅が広がって閉じるボタンが表示されてたのですが
ESR102になってからはタブ幅が広がってくれなくなったため、マウスオーバーしても変化がわからなかっただけでした
タブの数を減らしてタブ幅に余裕持たせた上で確認したら、これまで通り機能してくれました

未読み込みタブに関しては、unreadTabs.uc.jsが動いてくれなくなってる事が原因ぽいです
新規プロファイルでも症状は変わらないので、これはもう諦めるしかないのかな
どうもお邪魔しました

2022/10/04(火) 11:20:51.85

すいません、タブツリーを使っているのですが、ピン止めされたアイコンのクローズボタンを消すのってどうするんですかね？
タブツリーのCSSは全く同じものを使っているのに、どこが影響しているのか環境によってアイコンの上にクローズボタンが乗っていることがありピン止めが殆ど機能しません
（ピン止めアイコンをクリックしようとすると閉じる）
バージョンはどちらも105.0.1です

2022/10/04(火) 17:53:14.60

ｼｬﾁｰｸなんて初めて見たわ
どこのISPよ

**名無しさん＠お腹いっぱい。** (CA 0H9f-fVk4) · 2022/10/04(火) 19:02:08.16

公務員だろ

2022/10/04(火) 21:42:33.51

>>144
タブツリーのcssは

2022/10/10(月) 20:53:25.14

URLバー、検索バーの背景色を指定しています。
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: seashell !important;}
これでURLバーの検索候補の背景色もseashellになります。
検索バーから↓キーで検索履歴を表示したときの背景色はwhiteでseashellになりません。
検索履歴の背景色もseashellにすることできませんか？

2022/10/17(月) 11:00:11.34

popup.menuのscrollboxの選択色の指定のやりかたを教えてください。

2022/10/18(火) 11:14:49.74

デフォルト状態のステータスパネル
https://i.imgur.com/5EtMYoF.png
ロケーションバー内に移動させたステータスパネル
https://i.imgur.com/32vZ0H8.png

/* ステータスパネルをロケーションバー内へ移動 */
#statuspanel {
position: fixed;
top: 62px;
right: 354px;
max-width: 70.7% !important;
text-align: right;
}

昔あった拡張のStatus-4-Evarの機能を再現したくて、恐らくここで↑このスクリプトを教えてもらったのですが
本日Firefoxを106にアプデしたところ、ある一定のところまでしか移動してくれず、Firefox自体のフレーム内には表示されなくなりました。
新しい方法分かる方おられましたら教えていただけないでしょうか

2022/10/18(火) 11:25:34.94

#statuspanel {
position: fixed !important;
top: 50px !important;
right: 354px !important;
max-width: 70.7% !important;
text-align: right !important;
}

2022/10/18(火) 14:44:28.08

>>151
ありがとうございます。
上部ロケ―ションバーまで移動できました
しかし何故か二か所でチラチラするようになりました
一応leftにして調整してみました

2022/10/20(木) 19:12:05.95

@font-face { src: local(<フォント名>) }でのフォント置き換えって動作してる？

2022/10/20(木) 19:44:29.95

自己解決しました
security.fileuri.strict_origin_policyをオフにしないとローカルファイル読み込めなくなったのか

2022/10/22(土) 21:28:36.93

107.0Beta3にアップデートしたらサイドバー自動開閉のcssが効かなくなったわ

**155** (ﾜｯﾁｮｲ 0276-UuoP) · 2022/10/23(日) 18:46:28.10

#sidebar-boxの設定から
margin-rightとleftの項目を削除したら復活した。

2022/10/24(月) 09:09:53.94

検索バーの履歴を表示したとき、その背景とfont-weightを設定したいです。
最近、老化で視力低下したみたい。

2022/10/24(月) 10:24:27.25

>>157
.search-panel-tree > .autocomplete-richlistitem {
font-weight: bold !important;
}
#PopupSearchAutoComplete .autocomplete-richlistitem:nth-child(2n+1):not([selected]):not(:hover) {
background-color: var(--toolbar-bgcolor) !important; /* 明るいテーマ */
/*background-color: #31255c !important; /* Alpenglow */
/*background-color: #383838 !important; /* ダークモード */
}

2022/10/24(月) 10:54:16.07

>>158
早々のレス、ありがとう。
見やすくなりました。

2022/10/25(火) 13:23:21.89

https://tadaup.jp/loda/1025132024359760.jpg
この青い部分が出なくなる方法を教えて
それが無理ならせめて青い背景色を変えたいです

2022/10/27(木) 16:13:28.69

自己解決
cssの問題じゃなかった
about:confIg → browser.urlbar.maxRichResults → -1
これで出なくなりました

2022/10/27(木) 16:16:00.60

よかったじゃん

2022/10/30(日) 21:27:27.82

age厨に構うなよ
基地外が感染るぞ🚑

2022/10/31(月) 10:44:29.78

2ちゃんの生き残りの老害
「上げるな！ sage進行がマナーだろ！」

2022/10/31(月) 12:12:30.96

キッズwwwwww

2022/10/31(月) 14:42:03.11

>>165
ちゃんとアンカー付けろ！
それがマナーだろうが！
老害ｗ

2022/10/31(月) 18:14:13.49

全角で草生やすジジイの鏡

2022/10/31(月) 18:40:06.98

>>167
誰にも迷惑はかけてないｗ
迷惑しかかけてない老害のお前とは違うｗ

2022/11/01(火) 07:51:32.02

貴様ら中止の分際で生意気だぞ

2022/11/05(土) 23:10:31.17

な、age厨だろ👆

2022/11/19(土) 01:06:05.29

/* Multi-Row Bookmarks Toolbar Firefox */
#PersonalToolbar {
max-height: none !important;
}

#PlacesToolbar > hbox {
display: block;
width: 100vw;
}

#PlacesToolbarItems {
display: flex;
flex-wrap: wrap;
}

Firefoxを107にアップしたところ、ブックマークツールバーを多段に表示するCSS↑が機能せず
ページ全体を覆うようになってしまいました。
修正方法分かる方おられましたら宜しくお願いします。

2022/11/19(土) 11:07:08.36

質問スレから誘導されてきました
今日起動したらサイドバーの幅制限解除が無効になってました
107で何か変更ありましたか？

/* サイドバーの幅の制限を無くす */
#sidebar-box {
overflow-x: hidden !important;
}
#sidebar,
#sidebar-header {
min-width: 0px !important;
max-width: none !important;
overflow-x: hidden !important;
}

2022/11/19(土) 11:19:15.74

>>172
/* サイドバーの幅の制限を無くす */
#sidebar-box {
min-width: 5px !important;
overflow-x: hidden !important;
}
#sidebar {
max-width: none !important;
overflow-x: hidden !important;
}

2022/11/19(土) 11:22:17.39

>>172
よくわからんけどこうかな

#sidebar-box {
min-width: 0px !important;
max-width: none !important;
overflow-x: hidden !important;
}

2022/11/19(土) 11:31:33.27

>>172
108bのブラウザツールボックスでちょっと覗いて見た感じだと
min-widthとmax-widthの記述部分を#sidebar-boxの方に持ってけば機能するかも

**172** (ﾜｯﾁｮｲ e230-stRS) · 2022/11/19(土) 12:38:09.23

ありがとうございます
#sidebar-box の方に全部持っていったら直りました

2022/11/19(土) 14:07:00.28

今回の更新でサイドバー自動開閉効かなくなったんですが原因わかりますか？

2022/11/19(土) 14:07:08.54

/* サイドバー自動開閉 */
#sidebar-box{
position:relative !important;
overflow-x:hidden !important;
margin-left:-5px !important;
right:5px !important;
min-width:5px !important;
max-width:5px !important;
box-shadow:0 0 2px 0 rgba(0,0,0,.35);
transition:all .3s ease 0s !important;
opacity:0 !important;
}
#sidebar-box:hover{
margin-left:-300px !important;
right:300px !important;
min-width:300px !important;
max-width:300px !important;
box-shadow:0 0 5px 0 rgba(0,0,0,.35);
opacity:1 !important;
}
#sidebar-box>#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover>#sidebar {
opacity: 1 !important;
}
#sidebar{
opacity:0 !important;
}
#sidebar:hover{
opacity:1 !important;
}

2022/11/19(土) 14:24:14.01

/* サイドバーを自動開閉するようにする（107対応）*/
:root {
--thin-tab-width: 20px;
--wide-tab-width: 220px;
}
#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
min-width: var(--thin-tab-width) !important;
max-width: var(--thin-tab-width) !important;
box-shadow: 0 0 2px 0 rgba(0,0,0,.35);
z-index: 1 !important;
transition: all .1s ease;
}
#sidebar-box:hover {
min-width: var(--wide-tab-width) !important;
max-width: var(--wide-tab-width) !important;
box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
}
#sidebar-box>#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover>#sidebar {
opacity: 1 !important;
}
#sidebar-splitter {
}
/* サイドバーのヘッダーを非表示にする */
#sidebar-header {
display: none !important;
}

2022/11/19(土) 14:57:03.17

>>178
#sidebar-boxと#sidebar-box:hover内にそれぞれあるrightを消せばいけるはず

2022/11/19(土) 15:24:00.13

解決しましたありがとうございます！
これがあるからfirefox使い続けてるから本当に良かった・・・

2022/11/19(土) 16:12:56.83

>>179
自分も自動開閉使えなくなって困ってたけどこれで出来るようになりましたありがう

2022/11/19(土) 17:04:37.74

>>179

>>178
のでも良いんだけどカスタマイズしやすい方が良いかなと

:root {
--thin-tab-width: 20px;
--wide-tab-width: 220px;

ここで幅を好みに変えてね
--thin-tab-width: 20px;
カーソルを合わせる左側の所の幅（20で太いと思ったら15とか数字を小さくする）

--wide-tab-width: 220px;
サイドバーの幅（取り敢えずタブと同じぐらいにしてあるので幅は好みに）

2022/11/19(土) 17:16:31.42

/* 検索バーを上に移動 */
.browserContainer > findbar {
-moz-box-ordinal-group: 0;
position: fixed !important;
right: 1em;
border: 1px solid threedshadow !important;
}

今回のバージョンからページ内検索バーが表示されなくなってしまったんですが
どなたか分かる方ご教授願います

2022/11/19(土) 17:34:36.47

>>184
position: fixed　を消す

2022/11/19(土) 17:49:47.26

>>185
動作するようになりました。ありがとうございます！

2022/11/19(土) 18:05:37.66

>>186
right: 1em;　も消していい
border-top: none !important;　を追加すれば検索バー上部の枠線がなくなってすっきりする

2022/11/19(土) 18:27:13.33

好みで

transition: none !important;
margin-left: 15px !important;

2022/11/19(土) 19:03:25.90

>>187
>>188
重ね重ねありがとうございます！

2022/11/19(土) 21:23:17.48

border: 1px solid threedshadow !important; は無くていいはず

2022/11/19(土) 21:29:59.22

>>190
Escが効かない

2022/11/19(土) 21:52:45.59

>>191
ただのラインだし関係なくない？

2022/11/19(土) 21:56:06.32

margin-left: 15pxはいらない勘違い

2022/11/19(土) 22:30:47.87

>>185 >>187
↓の2行、もしかして今回のバージョン前でも無くてよかったの？
position: fixed !important;
right: 1em;

2022/11/19(土) 22:33:49.43

>>192
ごめん、Esc効いてる

2022/11/19(土) 22:55:09.24

>>194
無くても上になってたよ

2022/11/19(土) 23:56:41.05

サイドバー自動開閉はAutohideSidebar2.uc.jsだと感知幅の部分が邪魔にならない

2022/11/20(日) 13:05:05.50

ページ内検索バーの話が出たついでに・・・

/* ページ内検索バーの閉じるボタンを左に移動 */
.findbar-closebutton { -moz-box-ordinal-group: 0; }

/* ページ内検索バーのテキストボックスの横幅を変更 */
.findbar-textbox { width: 20em !important; }

2022/11/20(日) 15:10:54.29

検索バーをChrome風にする
豆腐屋が更新してた

**名無しさん＠お腹いっぱい。** · 2022/11/20(日) 20:27:50.33

ブラウザーツールボックス開くまでは行けたけど肝心の消したい場所をどうやって見つけるんですか？
toolbarだけでも膨大過ぎる