userChrome.css・userContent.cssスレ Part13
■ このスレッドは過去ログ倉庫に格納されています
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●※前スレ
userChrome.css・userContent.cssスレ Part12
https://egg.5ch.net/test/read.cgi/software/1650551086/
●拡張機能
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 Firefoxは121でようやっと設定しなくても:has()使えるようになるのか
試用期間長すぎ userContent.cssで、
about:preferences や about:addons
などのFirefox関連のページだけに効かせる場合にアドレス指定をするには
どう記述したらよいですか? @-moz-document url-prefix("about:preferences")
@-moz-document url-prefix("about:addons") >>6
@-moz-document url-prefix(about:),url-prefix(chrome:)
(chrome:)の方は必要だったか不明だけどこれでいけました! #statuspanel-label {
transform: scale(1, 1.3);
}
リンクにポイントした時などにウィンドウの左下に表示される、ステータスパネルをもっと大きくしたくて
CSSの書式を調べ、↑のようにしてみたのですが、一応大きくはなったものの
この数字以外だとリンクが全部表示されなかったり、縦横の比率がおかしくなったりしてウマく行きません。
正確に2倍とかにするにはどうしたらいいでしょうか? >>8
#statuspanel-label {
font-size: 200% !important;
} >>9
ありがとうございますできました!
同じようにツールチップの方も変更できて満足です。 スクリプトスに間違ってしまい再度お聞きします
アクティブタブの背景色が効かなくなった
何方かわかる方お願いします
12.10
/*アクティブタブの背景色*/
/* active tabs background color */
.tab-background[selected=true] {
background-color: MediumTurquoise !important;
background-image: none !important;
}
/*非アクティブタブの文字色*/
/* inactive tabs text color */
.tabbrowser-tab:not([visuallyselected=true]) {
color: black !important;
}
/*非アクティブタブの背景色*/
/* intactive tabs background color */
.tab-background:not([selected=true]) {
background-color: YellowGreen !important;
}
/*非アクティブタブにマウスオンしたときの背景色*/
/* inactive tabs background color (hover) */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color:red !important;
} ■ このスレッドは過去ログ倉庫に格納されています