[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part14 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
694: 警備員[Lv.8][新芽] (ｵｰﾊﾟｲ 1115-JIpj) [sage] 2025/03/14(金) 15:18:31.59 ID:oyMFwIxe0Pi(2/3) AAS
utilsフォルダ配置の間違い
695(2): 名無しさん＠お腹いっぱい。 (ｵｰﾊﾟｲ a503-W7FU) [sage] 2025/03/14(金) 15:40:45.45 ID:B5KK1CqQ0Pi(3/3) AAS
そうだったんですね、それとですが、画像のセパレーターの部分って非表示にすること
出来ませんか？
画像ﾘﾝｸ
専門用語はよく分かりませんが、項目と違ってid属性がないため、どうやって指定するのは不明です
たぶん、TabMixPlusのやつだと思うのですが
（context_closeTabOptionsで3つのタブを閉じる項目は上の層に出しています）
696: 名無しさん＠お腹いっぱい。 (ｵｰﾊﾟｲ 1115-JIpj) [sage] 2025/03/14(金) 16:40:48.23 ID:oyMFwIxe0Pi(3/3) AAS
一番上のセパレーターうちのには付いてないな
697(1): 名無しさん＠お腹いっぱい。 (ｵｰﾊﾟｲ d6e9-ctMQ) [sage] 2025/03/14(金) 17:02:51.97 ID:6yHoW1zw0Pi(1) AAS
>>695
#context_selectAllTabs + menuseparator { display: none !important; }
698(2): 490 (ﾜｯﾁｮｲ 13d4-Gnpp) [sage 転載用 IPAexゴシックに合成してる太字はNotoSansJP-Bold.ttf] 2025/03/17(月) 14:20:39.19 ID:wABYkwin0(1/4) AAS
* {-webkit-text-stroke-width: 0.35px !important;}
@font-face{
font-family: "(合成)IPAexゴシック";
font-weight: normal;
src: local("IPAexGothic");
}
@font-face{
font-family: "(合成)IPAexゴシック";
font-weight: bold;
src: local("NotoSansJP-Bold");
}
* {font-family: "(合成)IPAexゴシック"
/* このフォント強制法はアイコン用のWebフォントが文字化けするので、
訪れるサイトで使われている文字化けしたWebフォント名を
↖外部ﾘﾝｸ:itokoba.com
の方法から調べて>>3333(3): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 13d4-W6HF) [sage] 2024/03/22(金) 14:53:40.93 ID:w4OeH/Sv0(1/2) AAS
ブラウザで表示されるフォントを指定フォント強制で使う為に
Stylusに
* {font-family: "指定フォント名",
"icon",
"FontAwesome",
"Font Awesome 5 Brands", "Font Awesome 5 Free", "Font Awesome\ 5 Pro",
"Google Symbols",
"Support MDL2 Assets", "Support Fluent Assets", /*Microsoft*/
"VideoJS", /*Wikipedia, amazon*/
"icomoon", /*Yahoo!ニュースの動画(縦の位置がズレる)*/
"ichiba-icon-font", "fricon", /*楽天市場, ラクマ*/
"AmebaNewSymbols", "ameba-symbols",
"nsiconfont", /*日刊スポーツ*/
"Iconochive-Regular",
!important;}
を入れてるのですが、
アイコン用のWebフォントが文字化けするので
見かけ次第、上記の様に追記補整しています。
この未知なるWebフォント群を一括表記する記述方はありますか？
の様に追記していく
⚠ "最終フォント名"の後ろに , を付けてるとエラーになって機能しない
>>33の場合だと"Iconochive-Regular"の後ろの , は要らない（梳り忘れた！）*/
!important;}
699(1): 698 (ﾜｯﾁｮｲ 13d4-Gnpp) [sage] 2025/03/17(月) 14:30:57.36 ID:wABYkwin0(2/4) AAS
5chのレスがブラウザで表示した時に
AA誤判定で文字が極小になるのを回避するCSSは、
Stylusに[ドメイン上のURL: 5ch.net]で
.AA {font-size: 16px; line-height: normal}
700(1): 699 (ﾜｯﾁｮｲ 13d4-Gnpp) [sage] 2025/03/17(月) 16:47:57.94 ID:wABYkwin0(3/4) AAS
FirefoxでTwitter(𝕏)を使ってると、
タイムラインで
・11行以上のツイート
や
・使用フォントの種類によって
[ さらに表示 ]が出て全文が省略されるのを回避するCSSは、
Stylusに[ドメイン上のURL: x.com]で
[data-testid="tweetText"] {
-webkit-line-clamp: initial !important;
line-height: normal !important;}
701(2): 700 (ﾜｯﾁｮｲ 13d4-Gnpp) [sage] 2025/03/17(月) 16:59:11.27 ID:wABYkwin0(4/4) AAS
今自分が使ってる文字セッティングは
Firefox ESR 115.21.0 での （⚠ v123以上からはwebkit-text-strokeの処理が穢い）
* {-webkit-text-stroke: 0.2px !important;}
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
* {font-family: "ヒラギノUD角ゴ StdN",
"Material Icons",
"icon", "FontAwesome", "Font Awesome 5 Brands", "Font Awesome 5 Free",
"Google Symbols",
"VideoJS", /* Wikipedia */
"icomoon", /* Yahoo! ニュース動画 */
"utIcon",
"ichiba-icon-font", "rex-icon", "fricon", /* 楽天系 */
"AmebaNewSymbols", "ameba-symbols",
"nsiconfont", /* 日刊スポーツ */
"Iconochive-Regular",
"Support MDL2 Assets", "Support Fluent Assets", /* Microsoft */
"Glyphicons Halflings" /* bokete */
!important;}
::selection{
color: #000; /*選択時の文字色を指定*/
background: #c0c0c0; /*選択時の背景色を指定*/}
702(2): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b37e-Zuge) [sage] 2025/03/22(土) 21:49:11.11 ID:uQvBhw9C0(1) AAS
>>697
ありがとうございます
どうやって調べたのでしょうか？
703(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4203-2aXW) [sage] 2025/03/23(日) 06:13:00.70 ID:FcrbPB+w0(1) AAS
>>702
「ブラウザーツールボックス」で検索してみよう
704(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW c2a1-rE/Q) [sage] 2025/03/23(日) 13:41:53.57 ID:wnBANZ/e0(1) AAS
>>703
横からだけどそいつが聞いているのはそこじゃないだろ
695を見ればブラウザーツールボックスは使っていることがわかると思うが
705(3): 701 (ﾜｯﾁｮｲ 42d4-3A8V) [sage] 2025/03/23(日) 14:48:59.91 ID:ULsNzkfn0(1/2) AAS
タブの右クリックメニューはジェスチャーで処理するから使う事が無いので弄ってないけど、
普遍の右クリックメニューの不要な項目はuserChrome.cssに書き込んで消してる
>>702
と類似のセパレーターの消去は、
右クリックメニューの方では「-sep-」が付く項目がソレだから類推から判別して消す
今自分が使ってるuserChrome.css☟
* {-webkit-text-stroke-width: 0.2px !important;}
* {font-family: "ヒラギノUD角ゴ StdN" !important;}
/* ☝FirefoxのUIに使われてるフォントを矯正指定 */
/*「画像のURLをメールで送信」を非表示 */
#context-sendimage {display:none !important;}
/*「画像をデスクトップの背景に設定」を非表示 */
#context-setDesktopBackground {display:none !important;}
/*「アクセシビリティプロパティを調査」を非表示 */
#context-inspect-a11y {display:none !important;}
/* セパレーター */
#context-sep-setbackground {display:none !important;}
/*「⬅ ➡ 🔁 ⭐」と「すべて選択」を非表示 */
#context-back,
#context-forward,
#context-reload,
#context-bookmarkpage,
#context-sep-navigation,
#context-selectall {display: none !important;}
706(1): 705 (ﾜｯﾁｮｲ 42d4-3A8V) [sage] 2025/03/23(日) 19:59:21.24 ID:ULsNzkfn0(2/2) AAS
使ってないけど、
Vivaldiではこういう項目が設定から表示⇔非表示を切り替えれた記憶
この右クリックメニュー内で
「ブックマークツールバー📁 >」が展開されれば使い勝手が良いんだけどな
カーソルを上に持っていかずにその場で右クリックから飛べる
ダミングダウンで端折られてる「画像の情報を表示」はabout:configの
browser.menu.showViewImageInfo ⇄true
今、Nightlyの方では
アドレスバーでの「今回だけ使う検索エンジン:」も更に使い難くなってる
ここ、かなり以前のFirefoxではクリック数が今より少なく処理できてた
707(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4203-2aXW) [sage] 2025/03/24(月) 01:17:12.96 ID:1ZW99n6b0(1) AAS
>>704
ブラウザーツールボックスを使っているなら見つからないことはないだろう
見つからないとすれば使い方が分かっていないからだと思ったんだが
まぁ単に結合子とかが分かってないからかもしれんが
708: 704 (ﾜｯﾁｮｲW 62e0-rE/Q) [sage] 2025/03/24(月) 01:20:25.79 ID:t+icd6O80(1) AAS
>>707
> まぁ単に結合子とかが分かってないからかもしれんが
俺はこれだと思ったんだよね
そいつはCSSを理解すべきなんじゃないかと思った
横からですまんかったね
709(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4203-Zw1Z) [sage] 2025/03/28(金) 02:29:55.79 ID:9tXUHBno0(1) AAS
>>705
ありがとうございます、よく分かりませんがつまり、
何らかの項目の要素の上にあるセパレーターは、要素のID + menuseparator で消せるという感じでしょうかね
区切り線（セパレーター）部分だけは、ブラウザーツールボックスのカーソルが
素通りしてしまうので、調べようが有りませんでした
710(1): 706 (ﾜｯﾁｮｲ 42d4-3A8V) [sage] 2025/03/28(金) 05:22:51.53 ID:QCHLwJtn0(1/2) AAS
ブラウザーツールボックスの起動法
🧰外部ﾘﾝｸ[html]:kimama9.blog.fc2.com
>>709
調べてみたけど
タブの右クリックメニューのセパレーターと
ページの右クリックメニューのセパレーターの表記は違うね
で、
CSSでの「+」ってのは: 🪛外部ﾘﾝｸ:chibasyuta.org
同じ階層で直後に隣接している要素を表すらしい（次兄弟結合子）
だから
>>705で書いたページでの右クリックメニューの不要項目を非表示の記述は、
/* ページ */
#context-navigation, /*[⬅ ➡ 🔁 ⭐]*/
#context-navigation + menuseparator, /* [─────] */
#context-selectall /* [すべて選択] */
{display:none !important;}
/* 画像 */
#context-copyimage-contents, /* [画像をコピー] */
#context-copyimage, /* [画像のリンクをコピー] */
#context-sendimage, /* [画像のURLをメールで送信] */
#context-setDesktopBackground, /* [画像をデスクトップの背景に設定] */
#context-setDesktopBackground + menuseparator, /* [─────] */
#context-inspect-a11y /* [アクセシビリティプロパティを調査する] */
{display:none !important;}
>>695
タブの右クリックメニューを出したままインスペクトするのってどうやるの？
タブで右クリックするとインスペクタが消えちゃう （[🔍HTMLを検索]から割り出せるけど）
711(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0203-2aXW) [sage] 2025/03/28(金) 06:41:14.12 ID:098CIZcs0(1) AAS
「…」の中にある「ポップアップを自動で隠さない」を有効にする
712(1): 710 (ﾜｯﾁｮｲ 42d4-3A8V) [sage] 2025/03/28(金) 17:20:43.92 ID:QCHLwJtn0(2/2) AAS
>>711
なるほど・ザ・ワールド！
マウスオーバーなどで変化する要素を調べる時にたまに使うのが
📌外部ﾘﾝｸ:zenn.dev
にある『setTimeout(() => {debugger}, 3000)』
をコンソール(Ctrl + Shift + K)に打ち込んでフラッシュストッパー
>>705で述べたジェスチャーってのは
🧩アドオンのGesturefyでのこういうの（☟はタブに関するジェスチャーだけを抜粋）
タブを再読み込み: ←↑→
タブのピン留めを切り替え: ↑→←
タブを複製: ↑←→
最初のタブにフォーカス: →←
最後のタブにフォーカス: ←→
タブを末尾に移動: →↑→
左側のタブを閉じる: ←↓→
右側のタブを閉じる: →↓←
他のタブを閉じる: ←→←
[Popup] 最近閉じたタブ: ↓
[Popup] すべてのタブ: →↑
画像を新しいタブで開く: ↑
タブを新しいウィンドウに移動: ←→↓
他のアプリとの汎用性の高い基本的な共通動作や、Gesturefyでは指定できないショートカットキーは
マウス(🖲)のデバイスのソフトウェアの方のジェスチャーで割り振ってる
e.g. ・2chｽﾚ:hard
Windows、Firefox、Logitech(ﾛｼﾞｸｰﾙ)、𝕏(Twitter) etc...のﾃﾞｸﾞﾚな為体を鑑みても
ITで何をするか以前に、ちゃんとシステムが使える様にする事に時間と知識を割り当てなきゃならんていうね
Firefoxは、v123からのwebkit-text-strokeの劣化が治らん限りESR 115かv122.0.1までしか使えん。俺は
713: 712 (ﾜｯﾁｮｲ 42d4-3A8V) [sage] 2025/03/29(土) 06:59:19.01 ID:QaQemO/I0(1) AAS
⏸外部ﾘﾝｸ[html]:blog.jxck.io
>>712の
setTimeout(() => {debugger}, 3000)
は、📌の⑥-1に書かれてあった
Sources = デバッガーで F8 の方が手っ取り早かった模様
タブに関するジェスチャーで☟が抜けてた
・選択範囲のテキストを新しいタブで検索: →
・カスタムURLを開く: ←
Logitech Optionsの方のジェスチャーは
・[戻る + →] = [Ctrl + Tab]（右のタブに移動）
・[戻る + ←] = [Ctrl + Shift + Tab]（左のタブに移動）
・[戻る + ↓] = [Ctrl + W]（タブを閉じる）
・[精密 + ←] = [Ctrl + M]（タブをミュート）
コピーやペーストなんかも右ｸﾘｯｸﾒﾆｭｰやｷｰﾎﾞｰﾄﾞｼｮｰﾄｶｯﾄは使わずにLogitech Optionsで
・[進む + ←] = [Ctrl + C]（コピー）
・[進む + ↓] = [Ctrl + V]（貼り付け）
・[進む + →] = [Enter]
・[進む + ↑] = [Ctrl + A]（すべて選択）
⚠ﾛｼﾞの最新のトラボのMXTB2は前作のMXTB1よりも工合が悪いので要注意！
714(5): 名無しさん＠お腹いっぱい。 (ｱｳｱｳT Sa8f-mdxR) [sage] 2025/04/02(水) 14:14:44.75 ID:Y8NPhSL3a(1/5) AAS
/* タブの高さの調節 */
:root {
--tab-min-height : 23px !important;
}
137にアップしたら効かなくなった。
どう修正するの？
715(2): 名無しさん＠お腹いっぱい。 (ｵｲｺﾗﾐﾈｵ MM8f-DEAw) [sage] 2025/04/02(水) 15:35:47.14 ID:nsC5o0V0M(1) AAS
#TabsToolbar, #tabbrowser-tabs {
--tab-min-height: 23px !important;
}
これでどうよ？
716: 名無しさん＠お腹いっぱい。 (ｱｳｱｳT Sa8f-mdxR) [sage] 2025/04/02(水) 17:26:19.89 ID:Y8NPhSL3a(2/5) AAS
>>715
うーん、残念
変わりませんでした。
717(2): 名無しさん＠お腹いっぱい。 (ｱｳｱｳT Sa8f-mdxR) [sage] 2025/04/02(水) 18:10:27.92 ID:Y8NPhSL3a(3/5) AAS
/*** アドレスバーと検索バーの背景色 ***/
:root[lwtheme] {
#urlbar-background,
#searchbar {
background-color: floralwhite !important;
}
}
137にアップしたら効かなくなった。
どう修正するの？
718(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f54-B6lg) [sage] 2025/04/02(水) 19:23:39.04 ID:Fbei7DV+0(1) AAS
>>714
これは？
:root {
--tab-min-height : 23px !important;
--tab-block-margin : 0px !important;
}
上下前次1-新書関写板覧索設栞歴
あと 284 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.026s