userChrome.css・userContent.cssスレ Part14

2024/03/14(木) 05:47:51.97

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

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

●拡張機能
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

2025/05/22(木) 18:02:14.84

>>806
MrOtherGuyの人cssマスターだよね
自分手直ししてこれ使ってたわ
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/overlay_fullscreen_toolbars.css
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/textual_searchbar_one-offs.css

**803** (ﾜｯﾁｮｲ cad4-mHPU) · 2025/05/23(金) 06:58:03.66

>>805
調べても掛からないから意外と無いのかも。

Skiaのフォントレンダリングを補整できるwebkit-text-stroke-widthは
文字が選択範囲で白字化する際に
白色化前のcolorでstrokeしてしまいアウトラインが黒縁になるので、
about:config法(>>803)で文字色にあたるForegroundの方を　#000000　(⬛)に書き変え。

　⚙about:configは
　　何の為にどの記述を変えたのかをノートしとかないと🩶https://bokete.jp/boke/27401566

それから、>>701と>>766の
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
::selection {
color: #000;
background: #c0c0c0;}
を、

* {text-shadow: 0px 0px 0.36px rgba(128, 128, 128, 0.333) !important;}
::selection {background: rgba(128, 128, 128, 0.5);}

にchange the 𝖂ord
　・16進数の#カラーコードではなくてrgba(,,,)値で指定した方が、色とα(透過)率を把握し易い
　・シャドウ(blur-radius)はK(⬛)で透過の方が良いかと思ったけど、白以外の背景色との兼ね合いでは･･･灰色で･･････
　・::selectionはcolor値を指定しないと白字化しなかったので、ではbackgroundを灰色で半透明で。

>>806-807, MrOtherGuy
適用前と適用後の画像を添えておくと、とっても参考になるよ

2025/05/23(金) 19:28:33.49

overlay_fullscreen_toolbars.css は
全画面表示のときマウスポインタを上に持っていくとタブとツールバーが出てくるが
ページを押し下げカクカク出てくるのがページの上にかぶさるように出てくるようになる

動画フルスクリーンのときバグがあるので
:root[sizemode="fullscreen"] を以下のように変更するとよい

:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) {

textual_searchbar_one-offs.css は検索バーのアイコンにテキスト表示するもの
画像左のようになる右のは好みに成型した自分用のもの
https://i.imgur.com/LUGIofd.png

**808** (ﾜｯﾁｮｲ cad4-mHPU) · 2025/05/23(金) 20:40:35.27

>>809
なるほど

＞overlay_fullscreen_toolbars.css
の方はFirefoxがデフォルトに採用するべき挙動

＞textual_searchbar_one-offs.css
　・検索エンジン数が多かったり
　・同じサイト内のパラメーター違いの検索はアイコンが同じになったり
してアイコンだけだと判別し難くなる訳ね

吾輩は、選択範囲から検索する時用に
Gesturefyの⚙[その他＞ロッカージェスチャー＞左クリックした状態で右クリック]
に「[Popup] 検索エンジン」を入れてる

　　検索エンジンを追加する時は
　　Add custom search engine: 🧩https://addons.mozilla.org/ja/firefox/addon/add-custom-search-engine/
　　を使ってる
　　　使ってる🔍は:　Google，英辞郎， YouTube， Wiktionary， OK辞典， Twitter(𝕏)

>>728で書いたが、
NightlyのFirefox入れてみたら判るけど
そこ、今後めっちゃ使い難くなるよ

2025/05/23(金) 21:44:25.97

browser.urlbar.scotchBonnet.enableOverrideをfalseにしとけ

2025/05/24(土) 19:59:43.73

>>806
#urlbar { will-change: auto !important; }

1949742 - Use will-change: transform in the urlbar to make sure to consistently contain fixed position descendants.
https://bugzilla.mozilla.org/show_bug.cgi?id=1949742

2025/05/24(土) 20:51:50.12

な、ガイジage厨だろ👆

2025/05/24(土) 21:41:14.21

また指差し基地外湧いてる

2025/05/24(土) 22:14:27.66

>>812
何しても左寄せに出来なくて諦めてたし聞くか迷ってたんだそれ
ありがとうございます

2025/05/25(日) 00:34:10.25

な、ガイジage厨だろ👆

2025/05/25(日) 06:02:03.05

>>812の
#urlbar { will-change: auto !important; }
と>>806の
full_width_urlbar_popup,compact_urlbar_megabar
に
/* 検索結果のURL表記を一行にまとめる */
#urlbar > .urlbarView .urlbarView-url{
padding-left: 8px !important;}
#urlbar > .urlbarView .urlbarView-row-inner {
flex-wrap: nowrap !important;}
#urlbar > .urlbarView .urlbarView-no-wrap {
flex-basis: unset !important;
max-width: 80% !important;}
/* タイプアイコンを別枠で表示 */
#urlbar > .urlbarView .urlbarView-body-inner{
margin-inline-start: 34px !important;}
#urlbar > .urlbarView .urlbarView-type-icon{
width: 17px !important;
height: 17px !important;
margin: 0 0 0 -28px !important;}
を追加してこんな感じに落ち着きました
https://i.imgur.com/rXDohi9.png
ありがとうございました

**806,817** (ｵｯﾍﾟｹT Srcf-3DDr) · 2025/05/25(日) 06:09:22.48

忘れてたけど普段URLバー短い運用してるのでクリックしたときに伸ばして広げるために
#urlbar[breakout][breakout-extend] {
width: 80vw !important;}
も自分用で入れてる

**810** (ﾜｯﾁｮｲ 9fd4-t9SY) · 2025/05/25(日) 07:24:17.36

>>811
は、>>728で謂う今後の
　・現在 ⇦ 未来
　（Firefox 83.0～現行の138.0.4の🔍 ⇦ Nightly v140で展開されてる🔍）
を戻せるabout:config

　・過去 ⇦ 現在
　（Firefox 82.0.3までの🔍 ⇦ Firefox 83.0～現行の138.0.4の🔍 ）
に戻す事はYou can (not) redo?

⚙
about:preferences#privacyの「アドレスバー」は ☑回覧履歴のみ、
browser.urlbar.maxRichResultsは「5」行にしてる

　　ﾃﾞﾌｫﾙﾄの「10」行だとﾜｰﾄﾞ入力からｱｲｺﾝｸﾘｯｸまでｶｰｿﾙ移動が長すぎて5⃣https://archive.md/BMgy9/61c57d6407d9c8af7a00e6638e31a0cbf745ee14.jpg

　　⌨https://support.mozilla.org/ja/kb/keyboard-shortcuts-perform-firefox-tasks-quickly#w_jian-suo
　　　[Alt + ⇅]から選択する事も可能だけど、
　　　Alt, Ctrl, Shiftやマウス(🖲)の同時押し系は、意識しないと押せない分反射的遅延が生じる

　　>>817の［Ⓖ⌵］が、Nightlyで展開されてる今後の🔍
　　「⌵」のｸﾘｯｸでドロップダウンするからカーソルの移動量は減るけど、(ﾎﾊﾞｰにしたら?→)ｸﾘｯｸ数が1回増えて移動が2軸になる

　　v82.0.3までの🔍は、単純な直線運動からの1クリックだけで飛べて視覚的にもこれが良い

[class*="searchbar-engine-one-off-add-engine"] {display: none !important;}
　↑これは特定のサイト上(mozilla.orgなど)で、アドレスバー入力時に
　　最終検索アイコンの右に出現する「⊕検索エンジン“████”を追加します」アイコン
　　をdisplay: noneするCSSらしいのだけど、
　表示上は消えててカーソルのクリック判定も無いが、
　キーボードショートカット上ではvisibility: hidden状態になっていて
　[Alt + ⇅]から惚れさせ２９５すると追加できてしまう

2025/05/25(日) 12:16:00.69

>>803
about:configの上の二つが両方とも嫌いな色だったので別の色に変えられて助かった

2025/05/25(日) 13:15:23.22

な、ガイジage厨だろ👆

2025/05/29(木) 14:35:44.07

本スレのブックマークフォルダアイコン黄色のこっちは全く問題なかったから
@-moz-document url(chrome://browser/content/places/bookmarksSidebar.xhtml),
url(chrome://browser/content/places/historySidebar.xhtml),
url(chrome://browser/content/browser.xhtml),
url(chrome://browser/content/places/places.xhtml) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open),
.bookmark-item[container],#editBMPanel_folderMenuList menupopup menuitem {
list-style-image: url("folder-item.png")!important;
}
}

行間は数字いじって
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.3em !important;
}

2025/05/31(土) 10:51:08.65

250さんのブックマークアイテム関係のがFF139で使えなくなってしまったのですが、何か変わったのでしょうか？

↓これです

.bookmark-item[scheme="http"] .toolbarbutton-icon,
.bookmark-item[scheme="https"] .toolbarbutton-icon,
.bookmark-item[scheme="http"] .menu-iconic-icon,
.bookmark-item[scheme="https"] .menu-iconic-icon
{
visibility: hidden !important;
}
.bookmark-item[scheme="http"],
.bookmark-item[scheme="https"]
{
background-image: url("data:image/png;base64,文字列") !important;
background-size: 16px 16px !important;
background-position: 2% 50% !important;
background-repeat: no-repeat !important;
}

**823** (ﾜｯﾁｮｲ 1b42-qYXw) · 2025/05/31(土) 17:39:01.00

ちなみに[scheme=""] を無視すれば下の方法でいけるのですが、ローカルから読み込むアイテムやブックマークレットは通常のhttpsのアイテムと使い分けたいので困っています。

※↓[scheme=""]を使わないのであれば大丈夫な例

.bookmark-item:not([container]):not([livemark]):not([query]) > .toolbarbutton-icon,
.bookmark-item:not([container]):not([livemark]):not([query]) > .menu-icon{
background: url("data:image/png;base64,文字列") !important;
background-size: 16px !important;
width: 0px !important;
padding-left: 16px !important;
}

警備員[Lv.3][新警] (ﾜｯﾁｮｲ fb15-t9SY) · 2025/05/31(土) 19:16:23.18

>>823
何をするcssなんですか

2025/06/02(月) 00:51:36.17

>>823
知らないけどうちで前から使ってたアイコン変更のは普通に動いてる
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="https"] image{
background: url(data:image/png;base64,文字列) center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}

**823** (ﾜｯﾁｮｲ 05e2-DcV8) · 2025/06/02(月) 02:32:57.22

>>826

この記述の仕方で [scheme="file"] や [scheme="javascript"] も反映されました。
とても助かりました。有難うございます。

警備員[Lv.5][新芽] (ﾜｯﾁｮｲ 9d15-ZSv7) · 2025/06/02(月) 09:10:02.83

何をするcssか教えて

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9d15-ZSv7) · 2025/06/02(月) 10:04:45.49

>>828
ググったら分かりました
ありがとうございました

2025/06/07(土) 17:45:25.05

タブを開閉する時にタブが伸び縮みするアニメーションを無効にするにはどう書けばいいんでしょうか？
about:configでui.prefersReducedMotionの値を1にすればアニメーションは無効になりますが、そうするとタブ左端の読み込みアイコンも無効になり、それは残したいので
タブの伸縮アニメーションだけを無効にしたいのですが

2025/06/07(土) 21:09:11.32

>>830
.tabbrowser-tab {
transition: none !important;
}

2025/06/07(土) 21:45:26.29

タブを開閉する時にタブが伸び縮みするアニメーション

どういうものなのかわからん

2025/06/07(土) 21:58:33.28

新規プロファイルで試したけど俺も分からん

**830** (ﾜｯﾁｮｲ eb30-5NtB) · 2025/06/08(日) 10:50:01.50

>>831
遅くなりましたができました、ありがとうございます

>>832-833
新しいタブやリンクを開く時にそのタブが今のタブの右端から生えてくるようなアニメーション
逆に閉じる時は左のタブに吸い込まれていくような感じで
どっちも一瞬ですが

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 7115-Zs9Y) · 2025/06/08(日) 11:57:46.19

>>834
えーそれ
気が付かなかったというか知らなかった

2025/06/08(日) 12:03:11.35

>>834
タブ一瞬で表示されるからそういうアニメーションないなあ
もしかしたらWindows設定でアニメーション関連OFFにしてるのが関係してるのかもしれないけど

2025/06/08(日) 12:24:43.36

プッシュ通知を画面右上じゃなく右下に出るように戻すCSSお願いします

2025/06/08(日) 12:56:16.11

>>836
Windows側の設定でアニメーション無効にしてたらFirefoxもアニメーション無効になるよ

2025/06/08(日) 13:04:47.16

通知領域、オーバーフローメニュー、アプリケーションメニューなどのボタンメニューが
にりゅっと出てくるのは好みじゃないので無効化してた

2025/06/08(日) 13:14:58.95

https://developer.mozilla.org/ja/docs/Web/CSS/@media/prefers-reduced-motion
の結果欄が
紫色が脈動していたら、Windows側でアニメーション効果が有効
緑色の濃度の変化だけなら、Windows側でアニメーション効果が無効

**819** (ﾜｯﾁｮｲ 13d4-Zs9Y) · 2025/06/08(日) 13:22:38.59

>>820
流行りのキラキラはキラいですか？
𝕷+𝕾=Ⓜhttps://www.paradisia.jp/entry/2019/05/19/200059

::selection {
background: 【背後色の180°で50%の透過色】
color: 【background値の180°色】}
を記述できる輩いない？

🪟https://x.com/maeryru/status/1930028270223057329
addons.mozilla.orgのテーマに公開されてたら使ってみたい！
Aero Glassは最高にCooooooLってやつだった

🌟https://web.archive.org/web/0if_/https://pbs.twimg.com/media/Gs45uSvaUAAHwfE?format=png&name=orig
.editBMPanel_keywordRow /* 🌠からのブックマークの編集に(𝕶)を復元 */
{display: initial !important;}
#keyword-field-info, /* (𝕶)の説明文はwidthも長くなるし要らない */
#editBookmarkPanelBottomContent /* 🗹追加時にエディターを表示する(𝕾)を非表示 */
{display: none !important;}

/* ESR 115では残ってる🌠に要らん項目 */
#editBookmarkPanelInfoArea, /* プレビュー画像 */
#editBookmarkHeaderSeparator, #editBookmarkSeparator, /* ───── */
.editBMPanel_tagsRow /* タグ(𝕿)もフォルダで仕分けるから要らない */
{display: none !important;}

キーワード(𝕶)を回生できたのだけど、
今のフォクすけは、寝起き(再起動ｗ)すると入力済みキーワードがvisibility: hidden化して観えなくなる

#editBMPanel_descriptionRowで出せたらしい🇩https://mozilla-remix.up.seesaa.net/image/02_Keyword20addition20for20Add_Change20Bookmark.JPG
は、ESR 115でも退化してて回生できないが、
ここに必要なのは「説明(𝕯)」ではなく「メモ(𝕸)」

2025/06/09(月) 11:44:17.23

タブを再読み込みしたときに青のフラッシュが再び出るようになったんだけど
about:configかcssで表示されないように出来る？

2025/06/09(月) 13:52:41.36

ui.prefersReducedMotion
か
.tab-loading-burst

2025/06/09(月) 13:56:12.12

そもそも「青のフラッシュ」って何？

2025/06/09(月) 14:19:28.86

>>842
変わらず効いてるぞ？
139.0.1

2025/06/09(月) 15:53:00.04

Firefox139.0.1
ハンバーガーメニュー内の「動作しないサイトを報告」を非表示にするにはどうすればいいですか？

2025/06/09(月) 16:07:12.65

>>846
#appMenu-report-broken-site-button

2025/06/09(月) 16:17:04.29

menuitem[label^="動作しないサ"]{display:none}

2025/06/09(月) 16:17:48.87

>>847
ありがとうございます！上手くいきました

2025/06/09(月) 16:18:12.20

ハンバーガーメニュー内か
toolbarbutton[label^="動作しないサ"]{display:none}

2025/06/24(火) 00:01:52.48

Firefox140.0に更新したら
タブのコンテキストメニューに「タブを解放(U)」が表示されるようになったのですが
これを非表示にする方法を教えてください

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 6d15-cVjo) · 2025/06/24(火) 07:52:10.21

タブを解放(U)はわざわざ追加してたんだけど不要な人もいるんですね

2025/06/24(火) 09:35:36.31

タブ解放の拡張使ってて標準のは使ってないね

2025/06/24(火) 09:54:00.84

タブのアンロード/タブコンテキストメニュー browser.tabs.unloadTabInContextMenu 　false
ファビコンがグレーにならないように browser.tabs.fadeOutExplicitlyUnloadedTabs false

2025/06/24(火) 13:14:20.99

>>854
ありがとうございました！

2025/06/24(火) 17:36:10.28

いいってことよ

2025/06/27(金) 06:01:36.88

ロダにある多段タブ（MultiRowTabLiteforFx.uc.js）の影響だと思うのだけど。
例えば左からタブが「1」「2」「3」と並んでいた場合、「3」を「1」の左側にドラッグアンドドロップして「3」「1」「2」とすることは可能。
だけど「1」を一番右側、つまり「3」の右にすることが出来ない（「2」「3」「1」のように）。
試しにMultiRowTabLiteforFx.uc.jsを抜いてみたら出来たのでおそらく多段タブの影響かなと。

2025/06/27(金) 12:19:13.83

https://github.com/Merci-chao/userChrome.jsの人のMultiTabRows@Merci.chao.uc.js使えば?

2025/06/27(金) 13:46:54.76

複数のタブを開いた状態で、今のタブを閉じると隣のタブにフォーカスが移りますけど
直前に開いていたタブに移る（戻る）ようにしたいんですが、userChrome.cssで設定可能でしょうか？
可能ならどのようにすればいいでしょうか

2025/06/27(金) 14:05:43.57

>>859
userChrome.cssでは不可能

このアドオンを使います
https://addons.mozilla.org/ja/firefox/addon/select-after-closing-current/

2025/06/27(金) 14:06:11.44

大昔にTBEっていう拡張機能があってそういう設定にしたところなんか非常に使い辛くなった記憶があるな

2025/06/27(金) 14:21:37.25

>>860
レスありがとうございます、無理でしたか…
書き込んでから思い出しましたが、そういえばTab Mix Plusでタブフォーカスの設定ができたような気がしました

警備員[Lv.11][新] (ﾜｯﾁｮｲ 6d15-cVjo) · 2025/06/27(金) 14:30:25.92

現在のTab Mix Plusはスクリプトローダーも必要だから
普通にアドオン使ったらいいですよ

**857** (ﾜｯﾁｮｲ 9da4-S6wV) · 2025/06/27(金) 19:24:55.08

>>858
ありがとう。これだと右端にタブを移動することが可能でした。
なのでロダのMultiRowTabLiteforFx.uc.jsは一時的に退避させて間に合わせで紹介してくだったのを使ってみます。

**857** (ﾜｯﾁｮｲ 9d86-S6wV) · 2025/06/28(土) 17:58:53.77

ロダに
MultiRowTabLiteforFx.uc.js（コメント：最後に移動をいじってみたやつ）をアップしてくだってありがとう。
スムーズに右端にタブが移動出来ています。ですので再度こちらを利用させていただきます。

2025/06/28(土) 21:23:31.48

MultiRowTabLiteforFx.uc.js
なんの反応もない

2025/06/28(土) 23:59:33.41

な、ガイジage厨だろ👆

2025/06/29(日) 22:06:41.44

140.0.2ですがコンテキストメニューの「スクリーンショットを撮影（T）」を非表示にするにはどうすればいいでしょうか？

2025/06/29(日) 22:11:10.68

screenshots.browser.component.enabled false

2025/06/29(日) 22:19:19.67

>>869
ありがとうございます！

2025/07/07(月) 09:47:31.63

ブックマークマネージャーでtreechildren::-moz-tree-imageでアイコンサイズを変えてるんだけど区切り線を除外する方法ってないかな

警備員[Lv.5][新芽] (ﾀﾅﾎﾞﾀ b715-L4eA) · 2025/07/07(月) 12:10:26.29

ブックマークマネージャーググってもわからない

2025/07/07(月) 12:28:52.19

ブラウジングライブアリーだったわすまん

警備員[Lv.6][新芽] (ﾀﾅﾎﾞﾀ b715-L4eA) · 2025/07/07(月) 12:34:14.92

区切り線どこにあるの

2025/07/07(月) 12:44:58.23

>>874
ブックマーク一覧で挿入できる区切り線

警備員[Lv.7][新芽] (ﾀﾅﾎﾞﾀ b715-L4eA) · 2025/07/07(月) 13:34:56.25

区切り線見つけられませんでした

2025/07/07(月) 14:37:45.11

区切りは自分で追加してなきゃ無いよ

2025/07/07(月) 14:39:54.92

いわゆるブックマークセパレータの ::-moz-tree-separator か
若しくは同じ階層を示す線 ::-moz-tree-line のいずれかか

2025/07/07(月) 15:14:21.24

>>871
:not(...) のようなもので「除外」することはおそらくできない
区切り線の ::-moz-tree-image に対して既定のスタイルを適用し直せば多分だいじょうぶ

treechildren::-moz-tree-image(separator) {
list-style-image: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
min-width: 0 !important;
}

参考
https://searchfox.org/mozilla-central/rev/f3c41d3c5b8335201fcfff6609e55e3a7d0a8df6/browser/themes/shared/places/tree-icons.css#10-28
https://developer.mozilla.org.cach3.com/ja/docs/XUL/Tutorial/Styling_a_Tree

2025/07/07(月) 15:58:39.15

>>879
できないか…
サンキューできた助かった
プロパティ名はseparatorだったか

2025/07/09(水) 15:53:04.09

Firefox release版140.04
YoutubeやYahoo等の検索ボックスを右クリックした時に出るメニューの一番下
「検索エンジンを追加」という項目を非表示にするにはどう書けばいいでしょうか？

警備員[Lv.3][新芽] (ﾜｯﾁｮｲ b715-L4eA) · 2025/07/09(水) 16:25:53.55

#context-add-engine, #context-sep-selectall {
display: none !important;
}

2025/07/09(水) 16:48:08.30

>>882
ありがとうございます、バッチリ消えました

2025/07/12(土) 12:46:19.38

#titlebar {order: 2;} /* 128esr */
/*#TabsToolbar {order: 2;}*/ /* 140esr */

/* メニューを上へ移動 */
#toolbar-menubar { position: fixed; display: inline-flex !important; }
[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
[sizemode="normal"] #toolbar-menubar { top: 1px; }
[sizemode="maximized"] #toolbar-menubar { top: 8px; }

/* ツールバーの上にメニューバーのスペースを確保する */
:root:not([inFullscreen]) #navigator-toolbox { border-top: solid 22px transparent !important; }

Firefox 128esr/140esrで、タブをブックマークツールバーの下にした時、
最後の「ツールバーの上にメニューバーのスペースを確保する」をメニューバー表示
が有効な場合のみ、メニューバーのスペースが空くようにするには、どうしたら良い
ですか。

2025/07/12(土) 13:40:39.36

>>884
:has() を使う

/* ツールバーの上にメニューバーのスペースを確保する */
:root:has(#toolbar-menubar:not([inactive])):not([inFullscreen]) #navigator-toolbox { border-top: solid 24px transparent !important; }

2025/07/12(土) 13:53:38.95

>>885
ごめん、試すとき 22px を 24px に変えてしまってた
コピペするならそこ戻して

2025/07/12(土) 14:16:14.98

>>885,886
うまくいきました。ありがとうございます。

2025/07/12(土) 14:29:57.43

な、ガイジage厨だろ👆

2025/07/12(土) 17:10:47.35

>>885,886
115esrだと、メニューバー非表示の時にも、
スペースが空いたままになりますね。

2025/07/12(土) 17:24:49.37

>>889
:has() が実装されたのは 121 だから
https://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility

2025/07/12(土) 17:31:56.41

>>890
了解しました。
それでは、Firefox 120以前で >>885 と同じことを
実現するにはどうすれば良いのでしょうか。

2025/07/12(土) 17:56:33.18

さあね

というか140では
#TabsToolbar {order: 2;}
これだけでよさそう

2025/07/12(土) 18:12:01.64

>>892
140(133以降)が
#TabsToolbar {order: 2;}
だけで良いのは、そうなのですが、
これだと、window.open()のjavascriptで表示した
子ウィンドウには、メニューバーが表示出来ません。

>>884では、window.open()で表示した子ウィンドウに
もメニューバーが表示出来ます。
但し、135以降では、
#toolbar-menubar { position: fixed; display: inline-flex !important; }
の行に、!importantが必要となります。

2025/07/12(土) 18:15:43.39

スレチESRガイジage厨スルー推奨

2025/07/13(日) 16:35:37.74

>>891
layout.css.has-selector.enabled;true

2025/07/17(木) 16:30:15.28

Windows11にしたら右クリックのOpenWith_1.2.1b.uc.jsが効かなくなってた
ずっと動いてたからそのままだったけど、バージョンもっと上がってるのかな

2025/07/18(金) 23:19:40.05

皆様お助けくださいm(vv)m

https://gamewith.jp/shadowverse-wb/503020
にてカードをクリックすると、その詳細がダイアログ調（画面内ポップアップ）で拡大表示されます
class値はarticle-bodyの直下にある"w-sv-card-modal is-2column is-active"です

その、中央に強制されたダイアログを、画面上方向へ寄せる術が、かなり格闘しても辿れませんでした
「この値を変更するんだよ」程度の助言でも構いません、お詳しい方よろしくお願いいたしますorz

2025/07/18(金) 23:25:39.49

>>897
.w-sv-card-modal::before { vertical-align: top !important; }

2025/07/18(金) 23:26:10.51

自己解決しますたm9(^д^)
ただ、バックグラウンドのダークカラーも上に引っ張られて困惑

2025/07/18(金) 23:26:51.35

>>898
迅速なアドバイスありがとうございます
そちらも今から試してみます！

2025/07/18(金) 23:31:26.72

詳細とお礼を書きまくりましたが、NGワードにより弾かれてしまいますorz
簡素になりますものの、これをお礼とさせていただきます、有難うございました

2025/07/19(土) 07:24:10.25

マルチ野郎じゃん

2025/07/22(火) 07:41:06.61

img[src*="/article_tools/shadowverse-wb/gacha/"]で完全動作する際に、そこへclass値を加えて、2条件を含む対象物にのみ、適用したいです
ネット上にはimg[src*="/article_tools/shadowverse-wb/gacha/" class*="XXXXXXXX"]風で可能という情報がありましたが、上手くいきません
この並記の仕方は何か不足しているのでしょうか？
お詳しい方よろしくお願いいたしますorz

2025/07/22(火) 07:50:35.42

>>903
classの直前に ][ が必要
とほほの入門等を読んで、CSSセレクタの構文について学びなおすといい

2025/07/22(火) 08:13:36.93

>>903
どこにそんな事書いてあったんだよ
URL教えろ

2025/07/22(火) 08:38:09.13

え！！！
それでいけましたか？わりと初動で試すも反映されず、別の方法を模索していました^^;
・・・確かに動きますたm9(^д^)ﾜﾛﾀ

とほほの入門というのを試してみたいと思います
度重ね有難うございましたm(vv)m