userChrome.css・userContent.cssスレ Part14 (967ﾚｽ)
上下前次1-新
ﾘﾛｰﾄﾞ規制です｡10分ほどで解除するので､他のﾌﾞﾗｳｻﾞへ避難してください｡
1(2): 名無しさん＠お腹いっぱい。 (ｽｯﾌﾟ 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
943: 940 (ﾜｯﾁｮｲ 0b74-B3Cu) [] 2025/08/03(日) 12:39:18.48 ID:OIjmTm+90(3/6) AAS
/* ブックマークサイドバー 検索非表示 */
#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;}
944: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b74-B3Cu) [] 2025/08/03(日) 12:39:27.49 ID:OIjmTm+90(4/6) AAS
/* コンテキストメニュー 非表示 */
#context-add-engine, #context-sep-selectall {
display: none !important;
}
既存cssの付け外しやfirefoxの再インストなどは試しました
よろしくお願いいたします
945(1): 940 (ﾜｯﾁｮｲ 0b74-B3Cu) [sage] 2025/08/03(日) 13:31:43.18 ID:OIjmTm+90(5/6) AAS
about:configを含む、全てを精査したところ
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
のコードただ一つが、あらゆる上位互換を凌駕して元凶となっておりました
しかし、これを外すと目玉タブ（所謂）になり、ハスコラ並みの嫌悪感でブラウザ利用に支障が出てしまいます
最重要cssといっても過言ではありません
そもそもの発端がprotonである事実を再確認しました
そのprotonもabout:configから除去されており、UIデザインを安易に変更出来なくされております
目玉タブを無くす方法・代替案はないものでしょうか^^;
946: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 45cf-d7oq) [sage] 2025/08/03(日) 13:42:16.57 ID:M8pnajGJ0(2/4) AAS
「目玉タブ]とか なんやねん
947(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 45cf-d7oq) [sage] 2025/08/03(日) 13:48:24.59 ID:M8pnajGJ0(3/4) AAS
ずれるのは
#tabbrowser-tabs {
&[orient="horizontal"] {
&[movingtab] {
padding-bottom: 15px;
margin-bottom: -15px;
}
}
}
やから両方 unset するか 0 にすればいい
948: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b74-B3Cu) [sage] 2025/08/03(日) 14:32:26.20 ID:OIjmTm+90(6/6) AAS
>>947
ご説明の意図が私の技量不足で理解出来ませんが、そのコードをそのまま貼り付けても無変化でした
タブは元来より付箋状でした
それを、間に隙間が設けられるよう改悪したのが、protonへの移行です
・・・この隙間、生理的に気持ち悪くありませんか？
当時は同様の意見が散見され、私の持っている付箋化コードが配布される程でしたのですが^^;
結局>>945のコードを消せば見た目が最悪なものの、タブのドラッグ横移動に問題が無くなります、スルスルです
デザインを取るかスムーズな挙動を取るか、でしょうかねえorz
タブドラッグの度にクイッと上方向へ位置ズレされると、それこそブラクラのようなダメージが目に入るので、何とかそれを除去したかった
949: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f58-B3Cu) [sage] 2025/08/03(日) 15:52:03.04 ID:yzh+2Saj0(1) AAS
まず、いったん全てのカスタマイズを削除せよ
それから考えろ
これ基本だから
950: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a394-B3Cu) [sage] 2025/08/03(日) 16:09:45.39 ID:rMwK8ju20(1) AAS
目玉タブが気になって昼も寝れません
951: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dde4-d7oq) [sage] 2025/08/03(日) 16:37:11.43 ID:J3DmqpeI0(1) AAS
タブ幅を狭くしたときに四隅の角の半径が大きいとタブが丸のようになることだと解釈したけど
952: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dfb1-PdOt) [sage] 2025/08/03(日) 16:59:18.96 ID:DQX8NLen0(1) AAS
だらだら喋るけど結局何が言いたいのか全く伝えられない人っているよね
953: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 45cf-d7oq) [sage] 2025/08/03(日) 17:26:11.81 ID:M8pnajGJ0(4/4) AAS
そのまま書いたらアカンにきまっとるがな
両方とも0!important;かunset!important;にするってわかるやろ常考
954: 940 (ﾜｯﾁｮｲ c374-B3Cu) [sage] 2025/08/03(日) 21:05:26.13 ID:bkuG2/dx0(1) AAS
いえいえいえ、丸コピの後に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で速度と引き換えに熱を持ち易くなり、さらにプラ筐体ばかりとなったことで、耐熱性に難が視られる不幸（仕様）を招いたのでしょう
今日は朝から踏んだり蹴ったりですよ（´д｀）
955: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9b90-S6LG) [sage] 2025/08/03(日) 21:13:25.79 ID:1wX/oYUZ0(1) AAS
あ、そう。良かったね
956: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9158-U/g1) [sage] 2025/08/03(日) 23:01:33.12 ID:5UbPS8Wo0(1) AAS
これあかん奴や…
957: 923 (ﾜｯﾁｮｲ 7bd4-d7oq) [Necessary flag: アカン 暗号合言葉: 月のうさぎはお餅つき] 2025/08/04(月) 06:22:56.44 ID:67sJASkc0(1) AAS
>>930 📥外部ﾘﾝｸ[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
958: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f58-B3Cu) [sage] 2025/08/04(月) 07:52:57.47 ID:gYINj/lA0(1) AAS
変なのが居着いちゃった
959: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ed74-B3Cu) [sage] 2025/08/05(火) 13:39:17.87 ID:IohiXVAE0(1) AAS
例えば、##li>div:has-text(/00 Series|FreeBSD|FX Series|Linux|Ti|(Notebook)|(Notebooks)/)
で正規表現内を除去するとします
この逆パターン、正規表現だけを表示する≒正規表現に合致しないものは除去する、という記述はないのでしょうか？
[id^="xxxxxxxxxx"]的な感じで
960: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dfb1-PdOt) [sage] 2025/08/05(火) 18:24:50.47 ID:Mmb6MXRk0(1) AAS
ここcssスレだから
961(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5e30-W9J6) [sage] 2025/08/10(日) 13:02:40.11 ID:geqB2OOL0(1) AAS
ハンバーガーメニューの上から2番目の「新しいウィンドウ」を非表示にするにはどう書けばいいでしょうか？
962(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0e73-W9J6) [sage] 2025/08/10(日) 17:39:22.92 ID:JfTvH91e0(1) AAS
>>961
#appMenu-new-window-button2
963: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5e30-W9J6) [sage] 2025/08/10(日) 19:13:52.10 ID:JfhccyCh0(1) AAS
>>962
ありがとうございます
964: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c74f-39jO) [sage] 2025/08/11(月) 03:47:35.70 ID:E/Ltlj1G0(1/2) AAS
128esrから140esrにすると利かなくなりました。どなたか修正お願いします。
/* ウインドウの色をwindowsシステムに合わせる */
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: AccentColorText;
background-color: AccentColor;
}
965(1): 警備員[Lv.11][新] (ﾜｯﾁｮｲ 0715-ZFoG) [sage] 2025/08/11(月) 09:15:40.09 ID:U5o20Kn70(1) AAS
!important
966: 名無しさん＠お腹いっぱい。 (ｼｬﾁｰｸ 0Cf6-ZFoG) [sage] 2025/08/11(月) 12:31:17.89 ID:LLddSk/DC(1) AAS
サイドバーの自動開閉を
外部ﾘﾝｸ:naberium.com【firefox】サイドバーを自動開閉できるようにする-132-0/
と、ここの書き込みを参考にして作成してみたが
waterfox G6.0.20 .. 動く
r3dfox 140.0.4 .. 開閉しない
firefox 115.26.0esr .. 開閉繰り返す
外部ﾘﾝｸ:www.computerbase.de
も参考にして、
#sidebar-box {
width: 5px !important;
position: relative !important;
overflow-x: hidden !important;
/* position, overflow-xがないとページ左上のアイコンが使えなくなる */
}
#sidebar-box:hover {
width: 250px !important;
}
と最低限の記述のみにしたらいずれでも動いたんだが、加えた方がいい記述ありますか？
967: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c74f-39jO) [sage] 2025/08/11(月) 22:03:23.75 ID:E/Ltlj1G0(2/2) AAS
>>965
ありがとうございます
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.021s