userChrome.css・userContent.cssスレ Part14

userChrome.css・userContent.cssスレ Part14 (923ﾚｽ)
上下前次 1-新

1(2): (ｽｯﾌﾟ Sd7f-7qXA) 2024/03/14(木)05:47 ID:j/YmZdFbd(1/2)調 AAS
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●前スレ
userChrome.css・userContent.cssスレ Part13
2chｽﾚ:software

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

824: 823 (ﾜｯﾁｮｲ 1b42-qYXw) 05/31(土)17:39 ID:kB7QGKxX0(2/2)調 AAS
ちなみに[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;
}

825: 警備員[Lv.3][新警] (ﾜｯﾁｮｲ fb15-t9SY) 05/31(土)19:16 ID:qDgA80HP0(1)調 AAS
>>823
何をするcssなんですか

826(1): (ﾜｯﾁｮｲ a2a5-Dg4Y) 06/02(月)00:51 ID:7I/vvF2U0(1)調 AAS
>>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;
}

827: 823 (ﾜｯﾁｮｲ 05e2-DcV8) 06/02(月)02:32 ID:uSa0xL9E0(1)調 AAS
>>826

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

828(1): 警備員[Lv.5][新芽] (ﾜｯﾁｮｲ 9d15-ZSv7) 06/02(月)09:10 ID:ewvRRxLB0(1/2)調 AAS
何をするcssか教えて

829: 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 9d15-ZSv7) 06/02(月)10:04 ID:ewvRRxLB0(2/2)調 AAS
>>828
ググったら分かりました
ありがとうございました

830(1): (ﾜｯﾁｮｲ 5e30-tLkV) 06/07(土)17:45 ID:lOUpVoDB0(1)調 AAS
タブを開閉する時にタブが伸び縮みするアニメーションを無効にするにはどう書けばいいんでしょうか？
about:configでui.prefersReducedMotionの値を1にすればアニメーションは無効になりますが、そうするとタブ左端の読み込みアイコンも無効になり、それは残したいので
タブの伸縮アニメーションだけを無効にしたいのですが

831(1): (ﾜｯﾁｮｲ 019c-arzu) 06/07(土)21:09 ID:ss4WRkLA0(1)調 AAS
>>830
.tabbrowser-tab {
transition: none !important;
}

832(1): (ﾜｯﾁｮｲ 9d15-ZSv7) 06/07(土)21:45 ID:rrrpkDwI0(1)調 AAS
タブを開閉する時にタブが伸び縮みするアニメーション

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

833(1): (ﾜｯﾁｮｲ 6208-DcV8) 06/07(土)21:58 ID:XZQLxoyw0(1)調 AAS
新規プロファイルで試したけど俺も分からん

834(2): 830 (ﾜｯﾁｮｲ eb30-5NtB) 06/08(日)10:50 ID:0/bS7Lav0(1)調 AAS
>>831
遅くなりましたができました、ありがとうございます

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

835: 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 7115-Zs9Y) 06/08(日)11:57 ID:taj+Ms3F0(1/2)調 AAS
>>834
えーそれ
気が付かなかったというか知らなかった

836(1): (ﾜｯﾁｮｲ d333-ZZSa) 06/08(日)12:03 ID:V3NMh4/90(1)調 AAS
>>834
タブ一瞬で表示されるからそういうアニメーションないなあ
もしかしたらWindows設定でアニメーション関連OFFにしてるのが関係してるのかもしれないけど

837: (ﾜｯﾁｮｲ b356-ELuA) 06/08(日)12:24 ID:/e5xIBdN0(1)調 AAS
プッシュ通知を画面右上じゃなく右下に出るように戻すCSSお願いします

838: (ﾜｯﾁｮｲW 29f2-yh3x) 06/08(日)12:56 ID:uLGLbQwB0(1)調 AAS
>>836
Windows側の設定でアニメーション無効にしてたらFirefoxもアニメーション無効になるよ

839: (ﾜｯﾁｮｲ 7115-Zs9Y) 06/08(日)13:04 ID:taj+Ms3F0(2/2)調 AAS
通知領域、オーバーフローメニュー、アプリケーションメニューなどのボタンメニューが
にりゅっと出てくるのは好みじゃないので無効化してた

840: (ﾜｯﾁｮｲ 51cf-Zs9Y) 06/08(日)13:14 ID:6wSqlDrR0(1)調 AAS
https://developer.mozilla.org/ja/docs/Web/CSS/@media/prefers-reduced-motion
の結果欄が
紫色が脈動していたら、Windows側でアニメーション効果が有効
緑色の濃度の変化だけなら、Windows側でアニメーション効果が無効

841(1): 819 (ﾜｯﾁｮｲ 13d4-Zs9Y) [http://archive.md/qZDZo/f651a7c2b92c4fb79cab53b071d14e9eead125b3] 06/08(日)13:22 ID:3cL5Q65L0(1)調 AAS
>>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でも退化してて回生できないが、
ここに必要なのは「説明(𝕯)」ではなく「メモ(𝕸)」

842(1): (ﾜｯﾁｮｲ 8b62-gi55) 06/09(月)11:44 ID:PANwy3yr0(1)調 AAS
タブを再読み込みしたときに青のフラッシュが再び出るようになったんだけど
about:configかcssで表示されないように出来る？

843: (ﾜｯﾁｮｲ 51cf-Zs9Y) 06/09(月)13:52 ID:/UPF7n400(1/3)調 AAS
ui.prefersReducedMotion
か
.tab-loading-burst

844: (ﾜｯﾁｮｲ 3158-ZZSa) 06/09(月)13:56 ID:ZP64azh+0(1)調 AAS
そもそも「青のフラッシュ」って何？

845: (ﾜｯﾁｮｲ 8b6e-Zs9Y) 06/09(月)14:19 ID:RBsvwhto0(1/2)調 AAS
>>842
変わらず効いてるぞ？
139.0.1

846(1): (ﾜｯﾁｮｲ eb30-5NtB) 06/09(月)15:53 ID:qt4cgjjs0(1/2)調 AAS
Firefox139.0.1
ハンバーガーメニュー内の「動作しないサイトを報告」を非表示にするにはどうすればいいですか？

847(1): (ﾜｯﾁｮｲ 8b6e-Zs9Y) 06/09(月)16:07 ID:RBsvwhto0(2/2)調 AAS
>>846
#appMenu-report-broken-site-button

848: (ﾜｯﾁｮｲ 51cf-Zs9Y) 06/09(月)16:17 ID:/UPF7n400(2/3)調 AAS
menuitem[label^="動作しないサ"]{display:none}

849: (ﾜｯﾁｮｲ eb30-5NtB) 06/09(月)16:17 ID:qt4cgjjs0(2/2)調 AAS
>>847
ありがとうございます！上手くいきました

850: (ﾜｯﾁｮｲ 51cf-Zs9Y) 06/09(月)16:18 ID:/UPF7n400(3/3)調 AAS
ハンバーガーメニュー内か
toolbarbutton[label^="動作しないサ"]{display:none}

851: (ﾜｯﾁｮｲW 830c-yKBD) 06/24(火)00:01 ID:6Z30i0gF0(1/2)調 AAS
Firefox140.0に更新したら
タブのコンテキストメニューに「タブを解放(U)」が表示されるようになったのですが
これを非表示にする方法を教えてください

852: 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 6d15-cVjo) 06/24(火)07:52 ID:oanTFgbd0(1/2)調 AAS
タブを解放(U)はわざわざ追加してたんだけど不要な人もいるんですね

853: (ﾜｯﾁｮｲ 0d81-cVjo) 06/24(火)09:35 ID:brOTFZD20(1)調 AAS
タブ解放の拡張使ってて標準のは使ってないね

854(1): (ﾜｯﾁｮｲ 6d15-cVjo) 06/24(火)09:54 ID:oanTFgbd0(2/2)調 AAS
タブのアンロード/タブコンテキストメニュー browser.tabs.unloadTabInContextMenu 　false
ファビコンがグレーにならないように browser.tabs.fadeOutExplicitlyUnloadedTabs false

855: (ﾜｯﾁｮｲW 830c-yKBD) 06/24(火)13:14 ID:6Z30i0gF0(2/2)調 AAS
>>854
ありがとうございました！

856: (ﾜｯﾁｮｲ 6b30-A38x) 06/24(火)17:36 ID:+FFy1bGZ0(1)調 AAS
いいってことよ

857: (ﾜｯﾁｮｲ 9dfe-S6wV) 06/27(金)06:01 ID:MJbHuJdA0(1/2)調 AAS
ロダにある多段タブ（MultiRowTabLiteforFx.uc.js）の影響だと思うのだけど。
例えば左からタブが「1」「2」「3」と並んでいた場合、「3」を「1」の左側にドラッグアンドドロップして「3」「1」「2」とすることは可能。
だけど「1」を一番右側、つまり「3」の右にすることが出来ない（「2」「3」「1」のように）。
試しにMultiRowTabLiteforFx.uc.jsを抜いてみたら出来たのでおそらく多段タブの影響かなと。

858(1): (ﾜｯﾁｮｲ 0dcf-cVjo) 06/27(金)12:19 ID:mJ9Vsyw+0(1/2)調 AAS
https://github.com/Merci-chao/userChrome.jsの人のMultiTabRows@Merci.chao.uc.js使えば?

859(1): (ﾜｯﾁｮｲ 6b30-A38x) 06/27(金)13:46 ID:17FFKLq40(1/2)調 AAS
複数のタブを開いた状態で、今のタブを閉じると隣のタブにフォーカスが移りますけど
直前に開いていたタブに移る（戻る）ようにしたいんですが、userChrome.cssで設定可能でしょうか？
可能ならどのようにすればいいでしょうか

860(1): (ﾜｯﾁｮｲ 6d15-cVjo) 06/27(金)14:05 ID:SFYfxbPl0(1/2)調 AAS
>>859
userChrome.cssでは不可能

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

861: (ﾜｯﾁｮｲ 0dcf-cVjo) 06/27(金)14:06 ID:mJ9Vsyw+0(2/2)調 AAS
大昔にTBEっていう拡張機能があってそういう設定にしたところなんか非常に使い辛くなった記憶があるな

862: (ﾜｯﾁｮｲ 6b30-A38x) 06/27(金)14:21 ID:17FFKLq40(2/2)調 AAS
>>860
レスありがとうございます、無理でしたか…
書き込んでから思い出しましたが、そういえばTab Mix Plusでタブフォーカスの設定ができたような気がしました

863: 警備員[Lv.11][新] (ﾜｯﾁｮｲ 6d15-cVjo) 06/27(金)14:30 ID:SFYfxbPl0(2/2)調 AAS
現在のTab Mix Plusはスクリプトローダーも必要だから
普通にアドオン使ったらいいですよ

864: 857 (ﾜｯﾁｮｲ 9da4-S6wV) 06/27(金)19:24 ID:MJbHuJdA0(2/2)調 AAS
>>858
ありがとう。これだと右端にタブを移動することが可能でした。
なのでロダのMultiRowTabLiteforFx.uc.jsは一時的に退避させて間に合わせで紹介してくだったのを使ってみます。

865: 857 (ﾜｯﾁｮｲ 9d86-S6wV) 06/28(土)17:58 ID:ckTUxzyf0(1)調 AAS
ロダに
MultiRowTabLiteforFx.uc.js（コメント：最後に移動をいじってみたやつ）をアップしてくだってありがとう。
スムーズに右端にタブが移動出来ています。ですので再度こちらを利用させていただきます。

866: (ｱｳｱｳT Saab-hhgN) 06/28(土)21:23 ID:gXTumz33a(1)調 AAS
MultiRowTabLiteforFx.uc.js
なんの反応もない

867: (ﾜｯﾁｮｲ 9558-ES++) 06/28(土)23:59 ID:sUMs0+Yd0(1)調 AAS
な、ガイジage厨だろ👆

868(1): (ﾆｸｸｴ f712-ibsN) 06/29(日)22:06 ID:2pl6vyRn0NIKU(1/2)調 AAS
140.0.2ですがコンテキストメニューの「スクリーンショットを撮影（T）」を非表示にするにはどうすればいいでしょうか？

869(2): (ﾆｸｸｴ 4303-hRAP) 06/29(日)22:11 ID:Ia9iU0IZ0NIKU(1)調 AAS
screenshots.browser.component.enabled false

870(1): (ﾆｸｸｴ f712-ibsN) 06/29(日)22:19 ID:2pl6vyRn0NIKU(2/2)調 AAS
>>869
ありがとうございます！

871(1): (ﾀﾅﾎﾞﾀ ff44-4Q3H) 07/07(月)09:47 ID:Ey+MOTE+00707(1/4)調 AAS
ブックマークマネージャーでtreechildren::-moz-tree-imageでアイコンサイズを変えてるんだけど区切り線を除外する方法ってないかな

872: 警備員[Lv.5][新芽] (ﾀﾅﾎﾞﾀ b715-L4eA) 07/07(月)12:10 ID:ydLx4PJl00707(1/2)調 AAS
ブックマークマネージャーググってもわからない

873: (ﾀﾅﾎﾞﾀ ff44-4Q3H) 07/07(月)12:28 ID:Ey+MOTE+00707(2/4)調 AAS
ブラウジングライブアリーだったわすまん

874(1): 警備員[Lv.6][新芽] (ﾀﾅﾎﾞﾀ b715-L4eA) 07/07(月)12:34 ID:ydLx4PJl00707(2/2)調 AAS
区切り線どこにあるの

875: (ﾀﾅﾎﾞﾀ ff44-4Q3H) 07/07(月)12:44 ID:Ey+MOTE+00707(3/4)調 AAS
>>874
ブックマーク一覧で挿入できる区切り線

876: 警備員[Lv.7][新芽] (ﾀﾅﾎﾞﾀ b715-L4eA) 07/07(月)13:34 ID:EQ1ima6b00707(1)調 AAS
区切り線見つけられませんでした

877: (ﾀﾅﾎﾞﾀ 3781-L4eA) 07/07(月)14:37 ID:uRwBzEZt00707(1)調 AAS
区切りは自分で追加してなきゃ無いよ

878: (ﾀﾅﾎﾞﾀ 37cf-L4eA) 07/07(月)14:39 ID:F62tHcyr00707(1)調 AAS
いわゆるブックマークセパレータの ::-moz-tree-separator か
若しくは同じ階層を示す線 ::-moz-tree-line のいずれかか

879(1): (ﾀﾅﾎﾞﾀ d7be-aNVA) 07/07(月)15:14 ID:N3jABbtm00707(1)調 AAS
>>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

880: (ﾀﾅﾎﾞﾀ ff44-4Q3H) 07/07(月)15:58 ID:Ey+MOTE+00707(4/4)調 AAS
>>879
できないか…
サンキューできた助かった
プロパティ名はseparatorだったか

881: (ﾜｯﾁｮｲ 7f30-d21E) 07/09(水)15:53 ID:bvDz6+Wo0(1/2)調 AAS
Firefox release版140.04
YoutubeやYahoo等の検索ボックスを右クリックした時に出るメニューの一番下
「検索エンジンを追加」という項目を非表示にするにはどう書けばいいでしょうか？

882(1): 警備員[Lv.3][新芽] (ﾜｯﾁｮｲ b715-L4eA) 07/09(水)16:25 ID:jNDctrvj0(1)調 AAS
#context-add-engine, #context-sep-selectall {
display: none !important;
}

883: (ﾜｯﾁｮｲ 7f30-d21E) 07/09(水)16:48 ID:bvDz6+Wo0(2/2)調 AAS
>>882
ありがとうございます、バッチリ消えました

884(2): (ﾜｯﾁｮｲ 9f10-4Q3H) 07/12(土)12:46 ID:92yf6byJ0(1/5)調 AAS
#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で、タブをブックマークツールバーの下にした時、
最後の「ツールバーの上にメニューバーのスペースを確保する」をメニューバー表示
が有効な場合のみ、メニューバーのスペースが空くようにするには、どうしたら良い
ですか。

885(4): (ﾜｯﾁｮｲ d7be-aNVA) 07/12(土)13:40 ID:ECp6Fh7K0(1/4)調 AAS
>>884
:has() を使う

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

886(2): (ﾜｯﾁｮｲ d7be-aNVA) 07/12(土)13:53 ID:ECp6Fh7K0(2/4)調 AAS
>>885
ごめん、試すとき 22px を 24px に変えてしまってた
コピペするならそこ戻して

887: (ﾜｯﾁｮｲ 9f10-4Q3H) 07/12(土)14:16 ID:92yf6byJ0(2/5)調 AAS
>>885,886
うまくいきました。ありがとうございます。

888: (ﾜｯﾁｮｲ 1758-cEtd) 07/12(土)14:29 ID:wYka6Y870(1/2)調 AAS
な、ガイジage厨だろ👆

889(1): (ﾜｯﾁｮｲ 9f10-4Q3H) 07/12(土)17:10 ID:92yf6byJ0(3/5)調 AAS
>>885,886
115esrだと、メニューバー非表示の時にも、
スペースが空いたままになりますね。

890(1): (ﾜｯﾁｮｲ d7be-aNVA) 07/12(土)17:24 ID:ECp6Fh7K0(3/4)調 AAS
>>889
:has() が実装されたのは 121 だから
https://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility

891(1): (ﾜｯﾁｮｲ 9f10-4Q3H) 07/12(土)17:31 ID:92yf6byJ0(4/5)調 AAS
>>890
了解しました。
それでは、Firefox 120以前で >>885 と同じことを
実現するにはどうすれば良いのでしょうか。

892(1): (ﾜｯﾁｮｲ d7be-aNVA) 07/12(土)17:56 ID:ECp6Fh7K0(4/4)調 AAS
さあね

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

893: (ﾜｯﾁｮｲ 9f10-4Q3H) 07/12(土)18:12 ID:92yf6byJ0(5/5)調 AAS
>>892
140(133以降)が
#TabsToolbar {order: 2;}
だけで良いのは、そうなのですが、
これだと、window.open()のjavascriptで表示した
子ウィンドウには、メニューバーが表示出来ません。

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

894: (ﾜｯﾁｮｲ 1758-cEtd) 07/12(土)18:15 ID:wYka6Y870(2/2)調 AAS
スレチESRガイジage厨スルー推奨

895(1): (ﾜｯﾁｮｲ e211-YjA1) [age] 07/13(日)16:35 ID:PpNGZD0l0(1)調 AAS
>>891
layout.css.has-selector.enabled;true

896: (ﾜｯﾁｮｲ c472-O9wC) 07/17(木)16:30 ID:OBh5djO90(1)調 AAS
Windows11にしたら右クリックのOpenWith_1.2.1b.uc.jsが効かなくなってた
ずっと動いてたからそのままだったけど、バージョンもっと上がってるのかな

897(1): (ﾜｯﾁｮｲ 9e74-YjA1) 07/18(金)23:19 ID:4TKA+kvK0(1/4)調 AAS
皆様お助けくださいm(vv)m

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

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

898(1): (ﾜｯﾁｮｲ 8ee9-NZlk) 07/18(金)23:25 ID:xGn7Y3Zd0(1)調 AAS
>>897
.w-sv-card-modal::before { vertical-align: top !important; }

899: (ﾜｯﾁｮｲ 9e74-YjA1) 07/18(金)23:26 ID:4TKA+kvK0(2/4)調 AAS
自己解決しますたm9(^д^)
ただ、バックグラウンドのダークカラーも上に引っ張られて困惑

900: (ﾜｯﾁｮｲ 9e74-YjA1) 07/18(金)23:26 ID:4TKA+kvK0(3/4)調 AAS
>>898
迅速なアドバイスありがとうございます
そちらも今から試してみます！

901: (ﾜｯﾁｮｲ 9e74-YjA1) 07/18(金)23:31 ID:4TKA+kvK0(4/4)調 AAS
詳細とお礼を書きまくりましたが、NGワードにより弾かれてしまいますorz
簡素になりますものの、これをお礼とさせていただきます、有難うございました

902: (ﾜｯﾁｮｲW e693-fPpY) 07/19(土)07:24 ID:H2Ron+Iz0(1)調 AAS
マルチ野郎じゃん

903(2): (ﾜｯﾁｮｲ 8774-Bd2j) 07/22(火)07:41 ID:u/98VmuV0(1/2)調 AAS
img[src*="/article_tools/shadowverse-wb/gacha/"]で完全動作する際に、そこへclass値を加えて、2条件を含む対象物にのみ、適用したいです
ネット上にはimg[src*="/article_tools/shadowverse-wb/gacha/" class*="XXXXXXXX"]風で可能という情報がありましたが、上手くいきません
この並記の仕方は何か不足しているのでしょうか？
お詳しい方よろしくお願いいたしますorz

904: (ﾜｯﾁｮｲ df27-R8jS) 07/22(火)07:50 ID:F5d8HgUQ0(1)調 AAS
>>903
classの直前に ][ が必要
とほほの入門等を読んで、CSSセレクタの構文について学びなおすといい

905: (ﾜｯﾁｮｲ 8758-Bd2j) 07/22(火)08:13 ID:sQxYCKNz0(1/2)調 AAS
>>903
どこにそんな事書いてあったんだよ
URL教えろ

906(1): (ﾜｯﾁｮｲ 8774-Bd2j) 07/22(火)08:38 ID:u/98VmuV0(2/2)調 AAS
え！！！
それでいけましたか？わりと初動で試すも反映されず、別の方法を模索していました^^;
・・・確かに動きますたm9(^д^)ﾜﾛﾀ

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

907: (ﾜｯﾁｮｲW df58-Zlc+) 07/22(火)12:11 ID:myXiQhjI0(1)調 AAS
というか、CSSセレクタ　でぐぐれば全パターン載ってるサイトが見つかる

908(1): (ﾜｯﾁｮｲ 8758-Bd2j) 07/22(火)19:54 ID:sQxYCKNz0(2/2)調 AAS
>>906
なーにがワロタだよ
おまえが笑われてるんだぞ

909: (ﾜｯﾁｮｲ 27e4-UQbq) 07/22(火)19:56 ID:8Fg7fGel0(1)調 AAS
>>908
なにもしてないのに偉そうだな

910: (ﾜｯﾁｮｲ 2758-wUz0) 07/22(火)22:37 ID:8m8QnVfh0(1)調 AAS
ｶﾞｲｼﾞage厨に構うからこうなる

911: (ﾜｯﾁｮｲ 8774-Bd2j) 07/23(水)02:48 ID:Be3N66mL0(1/2)調 AAS
これは流石の皆さんも解決無理そうと思った難題を発見しましたorz
https://gamewith.jp/shadowverse-wb/507139
のフォーム群ですが、いつもプルダウン系に悩まされます
インラインフレームの次に苦手ですね

今回も、class値w-sv-filter-form-range-column>._select>.select>optionにおいて、文字サイズに伴う行間を狭く出来ませんでした
プルダウン内のline-heightに相当する部分ですね
font-sizeを変更することで、一定の間隔（paddingのような余白）を保ちながら表示全体を小さくすることは可能です
しかしそれでは視認性も悪くなるため、font-sizeを大きめに維持しながら行間≒上下のpadding風余白だけ削りたく思います

例えばgoogleやamazonの入力フォーム及び予測変換プルダウンなどは、マウスオーバーに近いおかげか変更し易い設計となっております
プルダウンにも似たようなコード例の場合はありますが、体感で世の中の半数以上が今回のように指定出来ないものの様に思えます
インラインといい埋め込みタイプ的なものの特性でしょうか（マジギレ！）

お詳しい方よろしくお願いいたしますorz

912: (ﾜｯﾁｮｲ 07cf-UQbq) 07/23(水)04:20 ID:ZxbrDl0r0(1)調 AAS
userChrome.cssで

#ContentSelectDropdown > menupopup {
> menucaption,
> menuitem {
> .menu-text {
padding-block: 0.3333em !important; /*ここの値をいじればいいんでない?*/
}
}
}

913: (ﾜｯﾁｮｲ 8774-Bd2j) 07/23(水)07:20 ID:Be3N66mL0(2/2)調 AAS
うーん・・・やはりサイト単位ではなく、ブラウザの挙動そのものを強制的に改変しないと駄目そうですか・・・
まあ、私もネット黎明期の、Web言語兼html主流時代にHPを作成した頃、その時代から既にプルダウン選択式といったような雛型を当該箇所へ埋め込むものでしたからね・・・
シンプルであればあるほど既製品を使うような感じになってしまうのでしょう
残念ですが見送りたいと思います

ぶっちゃけ多用するものでもありませんし、そういうものだと思って諦めます（サイズ9程度で運用します）
お手数をかけましたm(vv)m

914: (ﾜｯﾁｮｲ 2758-wUz0) 07/23(水)23:08 ID:cStGM8by0(1)調 AAS
ｶﾞｲｼﾞage厨に構うからこうなる

915: (ｱｳｱｳｳｰT Sa2b-thF/) 07/25(金)09:20 ID:ntjSdCORa(1/2)調 AAS
firefox 141.0 から表示されてる検索バーの「x」を非表示にしたい。

916: (ﾜｯﾁｮｲ a7b1-pfdt) 07/25(金)09:53 ID:3+s+XlbJ0(1)調 AAS
すれば？

917(1): 警備員[Lv.2][新芽] (ﾜｯﾁｮｲ 8715-UQbq) 07/25(金)10:09 ID:Os9mP1460(1)調 AAS
検索バーの「x」を非表示にするの難しかったけど、できた

*|input::-moz-search-clear-button {
display: none !important;
}

918: 841 (ﾜｯﾁｮｲ dfd4-UQbq) [最高なGlassってやつだｧｧhttps://ascii.jp/elem/000/004/280/4280560] 07/25(金)12:54 ID:vF7FhCzb0(1)調 AAS
>>868-870
それだとツールバーに出せるｽｸﾘｰﾝｼｮｯﾄボタンも無効になるから
#context-take-screenshot, /* スクリーンショットを撮影 */
#context-take-screenshot + menuseparator /* [──────] */
{display: none !important;}
の方が良い
右ｸﾘｯｸﾒﾆｭｰ内には要らんかもしれんけど、ツールとしてはFirefoxのスクリーンショット機能は有用

改訂📝:
　>>700 Firefoxにだけ発生していた𝕏の[ さらに表示 ]バグ: 🍽https://x.com/aki_2024/status/1711639561615593590
　が１年半以上も放置の末の2025/05/13頃にようやく修正されたので、現在は不要（発生日は2023/10/07頃）

　　　[data-testid="tweetText"] {-webkit-line-clamp: initial !important;}
　　　の方は、引用リポストでリポスト元の6行以下が「…」で省スペースされるのを解除するのに一応使える

　　🔍https://x.com/XcorpJP/status/1939869721559802212
　　𝕏は、今頃検索でユーザー名が掛からなくなる改良
　　広告系CEOのリンダ･ヤッカリーノが辞任したりと、改善の兆しは在るのかも

　>>699 フォントがAA用のMS PGothicのままで、行間も開きすぎだったのを
　.AA {font-size: 16px; line-height: 1.6; font-family: unset !important;}

　>>810のGesturefyの⚙ロッカージェスチャーは
　　fission.autostart
　をfalseにしないと確率で空白のタブが表示される不具合が出る（のを書き忘れた）

　　　DeepLを追加したいけど、
　　「半角ｽﾍﾟｰｽ」が「+」に化けてしまうのでアドオンで代用中: 🇱https://addons.mozilla.org/ja/firefox/addon/to-deepl/

>>895
ESR 115でONにしてるのは:has()有効化のそれと
　・アドレスバー電卓:　browser.urlbar.suggest.calculator

919: (ｱｳｱｳｳｰT Sa2b-thF/) 07/25(金)14:58 ID:ntjSdCORa(2/2)調 AAS
>>917
ありがとう、うまくいった。

920: (ﾜｯﾁｮｲ 2758-wUz0) 07/25(金)23:20 ID:VBdGGuWS0(1)調 AAS
な、ガイジage厨だろ👆

921: 918 (ﾜｯﾁｮｲ 6ad4-nBC/) [https://www.youtube.com/watch?v=IaWmXkN7V9Y] 07/27(日)10:51 ID:9S7viofe0(1/2)調 AAS
5ch.net##div[class="post-content"]:has-text(age厨):upward(1)
5ch.net##a[href="http://be.5ch.net/user/223181803"]:upward(3)

これは拡張CSSセレクタを使って作ってみたuBlock Origin用の記術だけど、
これをStylusで{display: none !important;}させられるCSS記述は在る？ｗ

　　>>710の🪛や👩‍👦‍👦https://qiita.com/debiru/items/94948ba1ee7b8b6fc241#:~:text=%7E
　　は同一階層や下層なんだヨネ
　　逆にuBlock Originには:downward()がほしい

/* ページの項は今は斯う@userChrome.css */
#context-navigation, /* [🡠　🡢　⟳　⛦] */
#context-navigation + menuseparator, /* [───────] */
#context-selectall, /* [すべて選択] */
#context-print-selection, /* [選択した部分を印刷...] */
/*#context-take-screenshot, /* [スクリーンショットを撮影] */
/*#context-take-screenshot + menuseparator, /* [───────] */
#context-inspect-a11y /* [アクセシビリティプロパティを調査] */ /* ←画像の項よりもページだった */
{display: none !important;}

　[選択範囲を英語に翻訳]はabout:configで⚙ browser.translations.select.enable　⇄
　精度が低いのを積まれても逆に迷惑だし、（>>https://anago.2ch.s%EF%BD%83/test/read.cgi/software/1749946104/546n 🤣）
　本来のFirefoxはそういうのをアドオンで任意に任せるのが取柄

　Nightlyに今頃入ってる[選択部分へのリンクをコピー]: 🖍https://forest.watch.impress.co.jp/docs/review/1438812.html
　は、日本語だとエンコードされてリンクが長くなり過ぎるので多用できない

　[名前を付けてページを保存...], [ページのソースを表示], [調査]は、ALTメニューバー向きな項目

右クリックに必要なのは、曾て在った
　・[ブックマークツールバー]: ⏵https://www.gigafree.org/firefox/bookmarks-toolbar-context-menu/
　・[ページの情報]: ⓘhttps://moondoldo.com/wordpress/?p=7254 （[画像の情報を表示]の方は>>706⇄で出せるっていう）

922(1): (ﾜｯﾁｮｲ ea27-wT/6) 07/27(日)11:11 ID:OXvkFXf30(1)調 AAS
read.crx 2

923: 921 (ﾜｯﾁｮｲ 6ad4-nBC/) [https://livedoor.blogimg.jp/ftwrecord/imgs/6/1/614caf24.jpg] 07/27(日)15:38 ID:9S7viofe0(2/2)調 AAS
age某ワードで自己あぼーんされるｗ
🆙https://archive.md/SfE6t#selection-371.1-379.52

　>>922
　吾輩はﾊﾞｲﾅﾘ改造のJaneStyleを渋々使ってる（遼太が利権乞食だから使いたかないけど、これが一番融通が利く）
　XenoのkoreawatcherがStyleを丸ﾊﾟｸﾘしてくれると良いんだが、亡命した模様ｗ

　余所で一般のリンクとして扱う時に、5ch.netだと下賎すぎて都合が悪い
　このスレは2chの方のミラーリングが止まってて: ♊https://anago.2ch.s%EF%BD%83/test/read.cgi/software/1710362871/
　.scのリンクが遣えなさそう

　山下の乱は、Talk(藁)ではなく.scと提携してれば勝てた

Firefox v141でONになった単位コンバーター: 💱https://forest.watch.impress.co.jp/img/wf/docs/2033/168/html/image4.png.html
　(browser.urlbar.unitconversion.enabled)
も、式がEnglishになるから日本人には直感的には使い難く、
単位変換サイトをブックマークして、キーワード ≒ ショートカットキー(>>841🌟)から呼び出した方が早い

　WebGPU: ▶https://ics.media/entry/230426/　（←バイトニックソートの項、Chromeでは逆転するけどFirefoxはNightly v143でも遅いままｗ）
　は、ESR 115にもabout:configにトグルがあるのだけど、利用は出来ないのが惜しい...

　　>>803🕡のfindbar.modalHighlightは、ESR 115にはまだ残ってて中途半端に使えたりする

🪧
>>841🪟の最高にCooooooLなAero GlassかLiquid Glass🤭のuserChrome.cssでの完全再現求ム！

上下前次 1-新書関写板覧索設栞歴

ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ AAｻﾑﾈｲﾙ

ぬこの手ぬこTOP 0.042s