userChrome.css・userContent.cssスレ Part14 (958ﾚｽ)
userChrome.css・userContent.cssスレ Part14 http://egg.5ch.net/test/read.cgi/software/1710362871/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
1: 名無しさん＠お腹いっぱい。 (ｽｯﾌﾟ Sd7f-7qXA) [] 2024/03/14(木) 05:47:51.97 ID:j/YmZdFbd !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 http://egg.5ch.net/test/read.cgi/software/1710362871/1
939: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0fa9-/90x) [sage] 2025/08/02(土) 21:47:01.32 ID:+AHOgY3c0 >>937 そのとおりでした。 それらしい記述を削除したら希望どおりになりました。 皆さんありがとうございました。 http://egg.5ch.net/test/read.cgi/software/1710362871/939
940: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b74-B3Cu) [sage] 2025/08/03(日) 11:26:58.41 ID:OIjmTm+90 https://imepic.jp/20250803/407180 タブをドラッグすると、毎回2mm程上方向へ引っ張られます その際にタブの縦幅も若干圧縮される様子です 視覚にダメージを残すので、何とか無効化出来ないでしょうか？ また、画像下側のアクティブタブにツールバーの境界線が残る点も、改善したいです これはv100頃までは /* タブ形状の付箋化 */ .tab-background { border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important; } で綺麗に消去されていました よろしくお願いいたします http://egg.5ch.net/test/read.cgi/software/1710362871/940
941: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 45cf-d7oq) [sage] 2025/08/03(日) 12:28:41.55 ID:M8pnajGJ0 >>940 使ってるuc.jsやcssも晒さずにどうしろと http://egg.5ch.net/test/read.cgi/software/1710362871/941
942: 940 (ﾜｯﾁｮｲ 0b74-B3Cu) [] 2025/08/03(日) 12:38:36.37 ID:OIjmTm+90 使用中のcssは以下の通りです /* ページ内検索の消去ボタン */ .findbar-container { min-width: unset !important; overflow: hidden !important; } #findbar-close-container { position: unset !important; } /* 右上更新関連のポップアップ非表示 */ panel#appMenu-notification-popup { display: none !important; } /* ツールバーにあるタブの一覧アイコンを非表示 */ #alltabs-button { display: none !important; } /* タブの間隔調整 */ .tabbrowser-tab { padding-left: 0px !important; padding-right: 0px !important; } /* タブ形状の付箋化 */ .tab-background { border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important; } /* タブ位置・高さ */ /* #titlebar {height: 0px !important;} */ /* 最大化時 */ #main-window[sizemode="maximized"] #toolbar-menubar { margin-bottom: 2px !important; } #navigator-toolbox { margin-top: -10px !important; } http://egg.5ch.net/test/read.cgi/software/1710362871/942
943: 940 (ﾜｯﾁｮｲ 0b74-B3Cu) [] 2025/08/03(日) 12:39:18.48 ID:OIjmTm+90 /* ブックマークサイドバー 検索非表示 */ #sidebar-search-container { visibility: collapse!important; } /* ブックマークサイドバー 行間短縮 */ treechildren::-moz-tree-row { min-height: 1.5em !important; } /* ブックマークサイドバー ヘッダ非表示 */ #sidebar-header { visibility: collapse; } /* ブックマークサイドバー インデント短縮 */ treechildren::-moz-tree-indentation { width: .3em !important; } /* ブックマークサイドバー 点線非表示 */ treechildren::-moz-tree-row(selected, current, focus) { outline-color: red !important; outline-style: none !important; } /* 最近のブックマーク 非表示 */ #panelMenu_recentBookmarks, #panelMenu_bookmarksMenu{display:none!important;} http://egg.5ch.net/test/read.cgi/software/1710362871/943
944: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b74-B3Cu) [] 2025/08/03(日) 12:39:27.49 ID:OIjmTm+90 /* コンテキストメニュー 非表示 */ #context-add-engine, #context-sep-selectall { display: none !important; } 既存cssの付け外しやfirefoxの再インストなどは試しました よろしくお願いいたします http://egg.5ch.net/test/read.cgi/software/1710362871/944
945: 940 (ﾜｯﾁｮｲ 0b74-B3Cu) [sage] 2025/08/03(日) 13:31:43.18 ID:OIjmTm+90 about:configを含む、全てを精査したところ /* タブ形状の付箋化 */ .tab-background { border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important; } のコードただ一つが、あらゆる上位互換を凌駕して元凶となっておりました しかし、これを外すと目玉タブ（所謂）になり、ハスコラ並みの嫌悪感でブラウザ利用に支障が出てしまいます 最重要cssといっても過言ではありません そもそもの発端がprotonである事実を再確認しました そのprotonもabout:configから除去されており、UIデザインを安易に変更出来なくされております 目玉タブを無くす方法・代替案はないものでしょうか^^; http://egg.5ch.net/test/read.cgi/software/1710362871/945
946: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 45cf-d7oq) [sage] 2025/08/03(日) 13:42:16.57 ID:M8pnajGJ0 「目玉タブ]とか なんやねん http://egg.5ch.net/test/read.cgi/software/1710362871/946
947: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 45cf-d7oq) [sage] 2025/08/03(日) 13:48:24.59 ID:M8pnajGJ0 ずれるのは #tabbrowser-tabs { &[orient="horizontal"] { &[movingtab] { padding-bottom: 15px; margin-bottom: -15px; } } } やから両方 unset するか 0 にすればいい http://egg.5ch.net/test/read.cgi/software/1710362871/947
948: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b74-B3Cu) [sage] 2025/08/03(日) 14:32:26.20 ID:OIjmTm+90 >>947 ご説明の意図が私の技量不足で理解出来ませんが、そのコードをそのまま貼り付けても無変化でした タブは元来より付箋状でした それを、間に隙間が設けられるよう改悪したのが、protonへの移行です ・・・この隙間、生理的に気持ち悪くありませんか？ 当時は同様の意見が散見され、私の持っている付箋化コードが配布される程でしたのですが^^; 結局>>945のコードを消せば見た目が最悪なものの、タブのドラッグ横移動に問題が無くなります、スルスルです デザインを取るかスムーズな挙動を取るか、でしょうかねえorz タブドラッグの度にクイッと上方向へ位置ズレされると、それこそブラクラのようなダメージが目に入るので、何とかそれを除去したかった http://egg.5ch.net/test/read.cgi/software/1710362871/948
949: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f58-B3Cu) [sage] 2025/08/03(日) 15:52:03.04 ID:yzh+2Saj0 まず、いったん全てのカスタマイズを削除せよ それから考えろ これ基本だから http://egg.5ch.net/test/read.cgi/software/1710362871/949
950: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a394-B3Cu) [sage] 2025/08/03(日) 16:09:45.39 ID:rMwK8ju20 目玉タブが気になって昼も寝れません http://egg.5ch.net/test/read.cgi/software/1710362871/950
951: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dde4-d7oq) [sage] 2025/08/03(日) 16:37:11.43 ID:J3DmqpeI0 タブ幅を狭くしたときに四隅の角の半径が大きいとタブが丸のようになることだと解釈したけど http://egg.5ch.net/test/read.cgi/software/1710362871/951
952: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dfb1-PdOt) [sage] 2025/08/03(日) 16:59:18.96 ID:DQX8NLen0 だらだら喋るけど結局何が言いたいのか全く伝えられない人っているよね http://egg.5ch.net/test/read.cgi/software/1710362871/952
953: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 45cf-d7oq) [sage] 2025/08/03(日) 17:26:11.81 ID:M8pnajGJ0 そのまま書いたらアカンにきまっとるがな 両方とも0!important;かunset!important;にするってわかるやろ常考 http://egg.5ch.net/test/read.cgi/software/1710362871/953
954: 940 (ﾜｯﾁｮｲ c374-B3Cu) [sage] 2025/08/03(日) 21:05:26.13 ID:bkuG2/dx0 いえいえいえ、丸コピの後に0pxやunsetも試した上で、改善されませんでした .tab-background { border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important; } のうち、border-radiusやmargin-blockの値を問わず、.tab-backgroundへ手を加えることそのものが駄目そうなのです・・・ ですから付箋化を上記コード以外、または何らかの正しい記述を以て指定しないと、上方向にチョイ移動するブラクラっぽさは無くなりそうにありません あれからGPUがゲーム中に死んだり、24時間挿しっ放しのUSB：KIOXIAが爆熱＆読み込み不良だったりして、色々大変でしたorz 室温34-35度での365日24時間つけっぱなPC作業は駄目ですね^^; 特にKIOXIAは過去一高品質なUSBフラッシュメモリに思えたため、熱に弱い現状はどうしたものかと思います USBは2.0時代のsonyが最強でした それが3.2で速度と引き換えに熱を持ち易くなり、さらにプラ筐体ばかりとなったことで、耐熱性に難が視られる不幸（仕様）を招いたのでしょう 今日は朝から踏んだり蹴ったりですよ（´д｀） http://egg.5ch.net/test/read.cgi/software/1710362871/954
955: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9b90-S6LG) [sage] 2025/08/03(日) 21:13:25.79 ID:1wX/oYUZ0 あ、そう。良かったね http://egg.5ch.net/test/read.cgi/software/1710362871/955
956: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9158-U/g1) [sage] 2025/08/03(日) 23:01:33.12 ID:5UbPS8Wo0 これあかん奴や… http://egg.5ch.net/test/read.cgi/software/1710362871/956
957: 923 (ﾜｯﾁｮｲ 7bd4-d7oq) [Necessary flag: アカン 暗号合言葉: 月のうさぎはお餅つき] 2025/08/04(月) 06:22:56.44 ID:67sJASkc0 >>930 📥https://github.com/Acercandr0/Latin-Accent/blob/main/userChrome.css 📥https://github.com/Acercandr0/Latin-Accent/blob/main/userContent.css Option 1を験してみたら Windows 10ではMicaは機能しなかったが、 Windows 11で「Windowsのモードがダーク」「Firefoxのテーマがシステムテーマ自動」でその様になった！ ただ、Windows 11のMicaの透過表現自体が希薄で、ONにする意義があるかは微妙だった Option 2, Option 3は更に透過させられるみたいだけど、アプリを入れないと出来ない様なので自分はパス 🦑https://x.com/keita_roboin/status/1911093092842934379 #⃣https://www.askvg.com/enable-or-disable-windows-11-mica-acrylic-effects-in-firefox-ui-and-context-menus/ Latin Accent 🦊は、透過表現よりもアイコン類を選択した時のハイライトの入れ方やアニメーションがいいセンスだ！ Windows 10のFirefox ESR 115にCSSだけ入れてみると ・最小化の「－」が表示されなくなる ・タブ数が多いと新しいタブの「＋」が押せなくなる ・ツールバー上の各種ポップアップがｸﾞﾗﾂｸ ・#bookmarks-toolbar-placeholder {display: none !important;} /* 「ﾌﾞｯｸﾏｰｸﾂｰﾙﾊﾞｰの項目」が表示されっぱなし */ だけど、 このCSSをベースにするかも 📂https://web.archive.org/web/0if_/https://pbs.twimg.com/media/GxdKSd0akAEvIJC?format=png&name=orig /* Individual Bookmark Items */ の「min-height:」(ブックマークフォルダの行間) は、「24px」だと狭すぎるから「30px」くらいが丁度良いかも ・FirefoxのデフォルトのUI密度は、「通常」と「コンパクト」の中間が理想 ・ﾀﾞﾐﾝｸﾞﾀﾞｳﾝされてるUI密度「コンパクト」: ↕https://blog.halpas.com/archives/18064 これまでのUIで最高にコレってやつだったのは ・Macで未採用となってしまったDrawing Board: 📐http://lleedd.com/blog/2009/06/14/drawingboard/ ・Windows xpでVisual Styleで使っていたAshen II: 🔲https://web.archive.org/web/20100607010822/https://nevezen.deviantart.com/art/Ashen-II-73179002 http://egg.5ch.net/test/read.cgi/software/1710362871/957
958: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f58-B3Cu) [sage] 2025/08/04(月) 07:52:57.47 ID:gYINj/lA0 変なのが居着いちゃった http://egg.5ch.net/test/read.cgi/software/1710362871/958
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.017s