userChrome.css・userContent.cssスレ Part14 (984レス)
前次1-
抽出解除 レス栞

リロード規制です。10分ほどで解除するので、他のブラウザへ避難してください。
957
(1): 923 (ワッチョイ 7bd4-d7oq) [Necessary flag: アカン 暗号合言葉: 月のうさぎはお餅つき] 2025/08/04(月) 06:22:56.44 ID:67sJASkc0(1) AAS
>>930
930(1): 名無しさん@お腹いっぱい。 (ワッチョイ 7bc6-Eq9A) [sage] 2025/08/01(金) 21:46:46.16 ID:8ihUzh120(1) AAS
外部リンク:github.com
画像リンク
 📥外部リンク[css]:github.com
 📥外部リンク[css]:github.com
Option 1を験してみたら
Windows 10ではMicaは機能しなかったが、
Windows 11で「Windowsのモードがダーク」「Firefoxのテーマがシステムテーマ自動」でその様になった!
 ただ、Windows 11のMicaの透過表現自体が希薄で、ONにする意義があるかは微妙だった
 Option 2, Option 3は更に透過させられるみたいだけど、アプリを入れないと出来ない様なので自分はパス

  🦑外部リンク:x.com
  #⃣外部リンク:www.askvg.com

Latin Accent 🦊は、透過表現よりもアイコン類を選択した時のハイライトの入れ方やアニメーションがいいセンスだ!

 Windows 10のFirefox ESR 115にCSSだけ入れてみると
  ・最小化の「-」が表示されなくなる
  ・タブ数が多いと新しいタブの「+」が押せなくなる
  ・ツールバー上の各種ポップアップがグラツク
  ・#bookmarks-toolbar-placeholder {display: none !important;} /* 「ブックマークツールバーの項目」が表示されっぱなし */
 だけど、
 このCSSをベースにするかも

 📂外部リンク:web.archive.org
 /* Individual Bookmark Items */ の「min-height:」(ブックマークフォルダの行間)
 は、「24px」だと狭すぎるから「30px」くらいが丁度良いかも
  ・FirefoxのデフォルトのUI密度は、「通常」と「コンパクト」の中間が理想
  ・ダミングダウンされてるUI密度「コンパクト」: ↕外部リンク:blog.halpas.com

これまでのUIで最高にコレってやつだったのは
 ・Macで未採用となってしまったDrawing Board: 📐外部リンク:lleedd.com
 ・Windows xpでVisual Styleで使っていたAshen II:
  🔲外部リンク:web.archive.org
984: 957 (ワッチョイ 9ad4-ZFoG) [https://www.schnittberichte.com/www/SBs/4610629/ct7.jpg] 2025/08/15(金) 00:31:55.00 ID:HK1W4+7/0(1) AAS
userChrome.css, userContent.css, Stylus(Firefox) part 15
─────────────────────────
!extend:checked:vvvvv:1000:512
!extend:checked:vvvvv:1000:512

⚙about:config
 toolkit.legacyUserProfileCustomizations.stylesheets ⇄true

🧩Stylus: 外部リンク:addons.mozilla.org

📝Cascading Style Sheets:
 外部リンク:developer.mozilla.org
 外部リンク:www.tohoho-web.com

前スレ: 2chスレ:software
─────────────────────────
次スレ建てる時に>>1
1(3): 名無しさん@お腹いっぱい。 (スップ Sd7f-7qXA) [] 2024/03/14(木) 05:47:51.97 ID:j/YmZdFbd(1/2) AAS
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

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

●拡張機能
Stylish
外部リンク:addons.mozilla.org
Stylus
外部リンク:addons.mozilla.org
User Style Manager (レガシーアドオン・要Classic Add-ons Archive)
外部リンク:addons.mozilla.org

●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
外部リンク:github.com
UserCSSManager (要userChromeES)
外部リンク:greasyfork.org

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

●関連サイト
Userstyles.org
外部リンク:userstyles.org
CSS: カスケーディングスタイルシート | MDN
外部リンク:developer.mozilla.org
とほほのスタイルシート入門
外部リンク:www.tohoho-web.com VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured
のオールドタイプな記述をこんな感じで除去しといた方が良いぞ
≫2には>>2
2(2): 名無しさん@お腹いっぱい。 (スップ Sda2-7qXA) [] 2024/03/14(木) 05:48:25.31 ID:j/YmZdFbd(2/2) AAS
●CSS有効化

userChrome.css / userContent.css を使う場合
about:config もしくは user.js で「toolkit.legacyUserProfileCustomizations.stylesheets」を「true」に設定

●自力で調べるには

Browser Toolbox
外部リンク[html]:firefox-source-docs.mozilla.org
外部リンク:web.archive.org
Select an element
外部リンク[html]:firefox-source-docs.mozilla.org
セレクタやプロパティなどはどうやって調べるの(例)
2chスレ:software


 >>921
921(1): 918 (ワッチョイ 6ad4-nBC/) [https://www.youtube.com/watch?v=IaWmXkN7V9Y] 2025/07/27(日) 10:51:12.07 ID:9S7viofe0(1/2) AAS
5ch.net##div[class="post-content"]:has-text(age厨):upward(1)
5ch.net##a[href="外部リンク:be.5ch.net]:upward(3)

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

  >>710の🪛や👩‍👦‍👦外部リンク:qiita.com
  は同一階層や下層なんだヨネ
  逆に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 ⇄
  精度が低いのを積まれても逆に迷惑だし、 (>>外部リンク:anago.2ch.s%EF%BD%83/test/read.cgi/software/1749946104/546n 🤣)
  本来のFirefoxはそういうのをアドオンで任意に任せるのが取柄

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

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

右クリックに必要なのは、曾て在った
 ・[ブックマークツールバー]: ⏵外部リンク:www.gigafree.org
 ・[ページの情報]: ⓘ外部リンク:moondoldo.com ([画像の情報を表示]の方は>>706⇄で出せるっていう)

  [選択範囲を 英語 に翻訳]は、⚙browser.translations.enable ⇄false
  でFirefoxの翻訳機能自体を無効にしても右クリックメニューから消える

  #context-savepage, /* [名前を付けてページを保存...] */
  #context-copy-link-to-highlight, /* [選択部分へのリンクをコピー] */
  #context-copy-clean-link-to-highlight, /* [追跡を除去した選択部分へのリンクをコピー] */
  #context-viewsource, /* [ページのソースを表示] */

 >>957📂時のLatin Accentのヴァージョンは
  🔙外部リンク[css]:github.com
  🔙外部リンク[css]:github.com
 6:10pmは『アダムの創造』
前次1-
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.041s