userChrome.css・userContent.cssスレ Part15

!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●前スレ
userChrome.css・userContent.cssスレ Part14
https://egg.5ch.net/test/read.cgi/software/1710362871/

●拡張機能
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

/* サイドバー有効時のコンテンツエリアの角丸とマージンを強制解除 */
#tabbrowser-tabbox,
.browserContainer,
#sidebar-box
{
border-radius: 0px !important;
margin: 0px !important;
padding: 0px !important;
}

>>234>>235
感謝

しかし新UIなんだこれくっそださい
なんでこんな角丸使いたがるんだ？
Googleの真似だろうけど

コンテンツエリアとサイドバーの間に隙間があって上の方の途中までテーマの画像がチラ見えしてる
この隙間を隠すにはどうしたらいいでしょうか
http://www.floral-village.info/up/sakaime.jpg

>>238
対応してない古いテーマのせいでしょ
隙間どころかそれで縦タブにしたらかなり残念なことになるぞ

>>238
よくわからんが userChrome.cssに

:root:not([theme-image-in-toolbox]) body, :root[theme-image-in-toolbox] #navigator-toolbox {
background-repeat: no-repeat round !important;
}

>>240
背景に使われている画像が繰り返し表示される記述のようですね
色の切り替わりが少し目立たなくなりました
ありがとう

メニューの高さを制限してスクロールバーを表示させるようにしていたんですがスクロールバーが表示されなくなりました
どのようにすれば表示できますか？

>>238
Geminiに聞いた答え↓　きれいに消えました

/* Firefox 157 サイドバーとWebコンテンツの間の隙間・余白を完全に消去する 26.10.5*/

/* 1. サイドバー全体のコンテナ、スプリッター（境界線）、コンテンツエリアの余白・枠線をゼロにする */
#sidebar-box,
#sidebar-main,
.sidebar-splitter,
#appcontent,
.browser-sidebar {
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}

/* 2. 新UI(Nova)で発生するサイドバーと中身の間の隠れたギャップや背景色をリセット */
#sidebar-box {
background-color: transparent !important;
}

.sidebar-splitter {
width: 1px !important; /* 境界線を最小限の1pxにするか、完全に消したい場合は 0 にしてください */
background-color: transparent !important;
}

続く

/* 3. コンテンツエリア（ブラウザ要素）の左側の影と枠線を完全に消去 */
#sidebar-box + sidebar-splitter + #appcontent browser,
#sidebar-box + #sidebar-splitter + #appcontent browser,
.browserSidebarContainer browser {
border-left: none !important;
box-shadow: none !important;
}

/* 4. コンテンツ全体の親コンテナに残る境界線をリセット */
#appcontent, .browserSidebarContainer {
border: none !important;
}

/* 5. スプリッター（境界線）を1pxから完全に「0」にして消し去る場合 */
.sidebar-splitter, #sidebar-splitter {
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}

>>220のコードをいただいた
赤ラインを青ラインにしたくてff0000を0000ffにしたけど赤いまま変えられない
何がいけないんだろうか　タブ色もピンクにならない

>>245
自己レス
userchrome.cssに2回記述してました
スレよごし申し訳ありません

おじいちゃん、さっき書いたでしょ

便利になったもんだ
CSSをアップロードして解決してほしいことをAIに聞けばすぐに解決してくれる

ブックマークメニューの中のフォルダが白黒になってしまったのですが、以前のような黄色にするにはどうしたらいいでしょうか？

>>36 さんの書き込みを記述してみたのですが、ブラウジングライブラリの中のフォルダは変わったんですが、ブックマークメニューの方は変わらず…

>>249
使ってないからよくわからないが
スレの流れ的に
>>37は追記したのかな？

>>249
firefox用スクリプトアップローダーにcssをアップしました

>>250
はい、>>36 と >>37 は試したのですが、アイコンを変えることはできませんでした。

>>251
ありがとうございます。
cssの中身をコピペして色々試していたのですが、
.bookmark-item {
fill: #ff0000 !important;
}
この記述のみが効果がありました。これを記述するとフォルダの色を変えることができました。
アイコン自体を変えることはできなかったです。でも色を変えるだけでも大分見やすくなりました。

>>252
cssは167行目までいじらずそのまますべて使わないといけません
chromeフォルダの中にアイコンの入っているiconsフォルダを入れます

>>253
167行目までいじらずそのまま使ったところ、アイコンを変えることができました。
それで、その理由を調べていたのですが、自分の使っているcssには
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
という記述があり、これを消したところアイコンが変わることが分かりました。