[過去ﾛｸﾞ]
userChrome.css・userContent.cssスレ Part14 (1002ﾚｽ)
userChrome.css・userContent.cssスレ Part14 http://egg.5ch.net/test/read.cgi/software/1710362871/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索
歴削→次ｽﾚ
栞削→次ｽﾚ
過去ﾛｸﾞﾒﾆｭｰ
803: 766 (ﾜｯﾁｮｲ cad4-mHPU) [sage] 2025/05/21(水) 18:54:19.98 ID:k1xjR9To0 「Ctrl + F」の検索で掛かる ・該当ワードの[グリーンに白の🔤] ・☑すべて強調表示 でハイライトする[マゼンタに白の🔤] を userChrome.cssかuserContent.cssで指定する方法知らない？ about:configの方で ui.textSelectAttentionBackground ui.textSelectAttentionForeground ui.textHighlightBackground ui.textHighlightForeground から指定が出来るのだけど、 .cssに書き込んだ方が管理がし易そう 🕡https://www.insidespeech.com/post-241/ findbar.modalHighlight なんて裏技も在ったらしい（けど実装が中途半端に終わってる） http://egg.5ch.net/test/read.cgi/software/1710362871/803
804: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5fcf-mHPU) [sage] 2025/05/21(水) 20:00:34.19 ID:B/AqerQU0 >>801 >>802 ありがとうございます http://egg.5ch.net/test/read.cgi/software/1710362871/804
805: 警備員[Lv.4][新芽] (ﾜｯﾁｮｲ 4f15-FIIW) [sage] 2025/05/21(水) 20:16:00.86 ID:e2RYkwME0 >>803 cssでは無理らしい http://egg.5ch.net/test/read.cgi/software/1710362871/805
806: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ aaa5-63lk) [sage] 2025/05/22(木) 16:51:28.91 ID:zWXU8p770 https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/compact_urlbar_megabar.css https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/urlbar_popup_full_width.css URLバーがちょっと大きくなるのとかURLバー下の検索窓がURLバー幅でしか開かないの弄るために久々に調べたメモ 以前もやったのに変更入って無効になってた http://egg.5ch.net/test/read.cgi/software/1710362871/806
807: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4f15-FIIW) [sage] 2025/05/22(木) 18:02:14.84 ID:mUcMUOpD0 >>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 http://egg.5ch.net/test/read.cgi/software/1710362871/807
808: 803 (ﾜｯﾁｮｲ cad4-mHPU) [灰色は、PEUGEOT 9X8の2023年ル･マン前までのgrisがトレビアン sage] 2025/05/23(金) 06:58:03.66 ID:0fJ1fNFv0 >>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 適用前と適用後の画像を添えておくと、とっても参考になるよ http://egg.5ch.net/test/read.cgi/software/1710362871/808
809: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4f15-FIIW) [sage] 2025/05/23(金) 19:28:33.49 ID:YZp/7b6i0 overlay_fullscreen_toolbars.css は 全画面表示のときマウスポインタを上に持っていくとタブとツールバーが出てくるが ページを押し下げカクカク出てくるのがページの上にかぶさるように出てくるようになる 動画フルスクリーンのときバグがあるので :root[sizemode="fullscreen"] を以下のように変更するとよい :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) { textual_searchbar_one-offs.css は検索バーのアイコンにテキスト表示するもの 画像左のようになる 右のは好みに成型した自分用のもの https://i.imgur.com/LUGIofd.png http://egg.5ch.net/test/read.cgi/software/1710362871/809
810: 808 (ﾜｯﾁｮｲ cad4-mHPU) [sage] 2025/05/23(金) 20:40:35.27 ID:0fJ1fNFv0 >>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入れてみたら判るけど そこ、今後めっちゃ使い難くなるよ http://egg.5ch.net/test/read.cgi/software/1710362871/810
811: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9fcf-mHPU) [sage] 2025/05/23(金) 21:44:25.97 ID:GqMqh9eg0 browser.urlbar.scotchBonnet.enableOverrideをfalseにしとけ http://egg.5ch.net/test/read.cgi/software/1710362871/811
812: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1bbe-S5sT) [] 2025/05/24(土) 19:59:43.73 ID:9UvLb/220 >>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 http://egg.5ch.net/test/read.cgi/software/1710362871/812
813: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6358-F5NH) [sage] 2025/05/24(土) 20:51:50.12 ID:Cv1npr650 な、ガイジage厨だろ👆 http://egg.5ch.net/test/read.cgi/software/1710362871/813
814: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 1b76-AnN9) [sage] 2025/05/24(土) 21:41:14.21 ID:6NCBd31I0 また指差し基地外湧いてる http://egg.5ch.net/test/read.cgi/software/1710362871/814
815: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ aa09-rPai) [] 2025/05/24(土) 22:14:27.66 ID:NCKV12Ay0 >>812 何しても左寄せに出来なくて諦めてたし聞くか迷ってたんだそれ ありがとうございます http://egg.5ch.net/test/read.cgi/software/1710362871/815
816: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b58-Uyjp) [sage] 2025/05/25(日) 00:34:10.25 ID:SwZ4Y8i80 な、ガイジage厨だろ👆 http://egg.5ch.net/test/read.cgi/software/1710362871/816
817: 名無しさん＠お腹いっぱい。 (ｵｯﾍﾟｹT Srcf-3DDr) [] 2025/05/25(日) 06:02:03.05 ID:Ts8HqYzyr >>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 ありがとうございました http://egg.5ch.net/test/read.cgi/software/1710362871/817
818: 806,817 (ｵｯﾍﾟｹT Srcf-3DDr) [] 2025/05/25(日) 06:09:22.48 ID:Ts8HqYzyr 忘れてたけど普段URLバー短い運用してるのでクリックしたときに伸ばして広げるために #urlbar[breakout][breakout-extend] { width: 80vw !important;} も自分用で入れてる http://egg.5ch.net/test/read.cgi/software/1710362871/818
819: 810 (ﾜｯﾁｮｲ 9fd4-t9SY) [http://archive.md/NDmjG/530cd9318ea5a84ec9c0aa3257335391bf4ef534] 2025/05/25(日) 07:24:17.36 ID:6Z+ytfQ40 >>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 + ⇅]から 惚れさせ２９５ すると追加できてしまう http://egg.5ch.net/test/read.cgi/software/1710362871/819
820: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ bbcf-MO/7) [] 2025/05/25(日) 12:16:00.69 ID:IGNayE1c0 >>803 about:configの上の二つが両方とも嫌いな色だったので別の色に変えられて助かった http://egg.5ch.net/test/read.cgi/software/1710362871/820
821: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b58-Uyjp) [sage] 2025/05/25(日) 13:15:23.22 ID:SwZ4Y8i80 な、ガイジage厨だろ👆 http://egg.5ch.net/test/read.cgi/software/1710362871/821
822: 名無しさん＠お腹いっぱい。 (ﾆｸｸｴ cb76-TC3P) [sage] 2025/05/29(木) 14:35:44.07 ID:oxx1wYRd0NIKU 本スレのブックマークフォルダアイコン黄色のこっちは全く問題なかったから @-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; } http://egg.5ch.net/test/read.cgi/software/1710362871/822
823: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1bb5-qYXw) [sage] 2025/05/31(土) 10:51:08.65 ID:kB7QGKxX0 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; } http://egg.5ch.net/test/read.cgi/software/1710362871/823
824: 823 (ﾜｯﾁｮｲ 1b42-qYXw) [sage] 2025/05/31(土) 17:39:01.00 ID:kB7QGKxX0 ちなみに[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; } http://egg.5ch.net/test/read.cgi/software/1710362871/824
825: 警備員[Lv.3][新警] (ﾜｯﾁｮｲ fb15-t9SY) [sage] 2025/05/31(土) 19:16:23.18 ID:qDgA80HP0 >>823 何をするcssなんですか http://egg.5ch.net/test/read.cgi/software/1710362871/825
826: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a2a5-Dg4Y) [] 2025/06/02(月) 00:51:36.17 ID:7I/vvF2U0 >>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; } http://egg.5ch.net/test/read.cgi/software/1710362871/826
827: 823 (ﾜｯﾁｮｲ 05e2-DcV8) [sage] 2025/06/02(月) 02:32:57.22 ID:uSa0xL9E0 >>826 この記述の仕方で [scheme="file"] や [scheme="javascript"] も反映されました。 とても助かりました。有難うございます。 http://egg.5ch.net/test/read.cgi/software/1710362871/827
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 175 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.020s