userChrome.css・userContent.cssスレ Part11
■ このスレッドは過去ログ倉庫に格納されています
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●※前スレ
userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/l50
●拡張機能
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 >>477
#BMB_bookmarksToolbar,
#BMB_unsortedBookmarks
71.0は分からないけど89では消えてる ↑はブックマークメニューで出てくるやつだから関係ないなか >>478-479
ご回答ありがとうございます、早速試してみましたがやはりだめでした… Google検索結果に表示されるTopの検索バーを非表示に出来ませんか? >>481
#searchform{position:absolute !important}
とかで行けるんちゃう
試してはいない -webkit-text-stroke-widthを指定すると
以下の画像のように残像みたいのが出るようになってしまいました
pxを増やすほど顕著になっていきます
原因わかりますでしょうか
89.0.1になってからかもしれません
https://imgur.com/sMmN1RF.jpg すみません
-webkit-text-stroke-width関係なかったです
フォント関連の設定いじったのが悪かったかと思いprefs.jsを消して再生成させてもかわらず...
スレチになったので失礼しますお騒がせしました いろんなサイトで確認してしまった
俺っていいヤツ? ブックマークメニューのフォルダの右に以前は>マークがあったと思うんですけど
89で消えた?復活させたいんですがcssで可能ですか? ロケ下?に並べるところにはないが
中の方には有るけどな この>を表示するようにしたい
フォルダ展開マーカー?名前よくわからんけど
https://i.imgur.com/sW5QztR.jpeg ブックマークボタンからは>が表示されるけど
メニューバーのブックマークでも表示したいです
https://i.imgur.com/1lvDQ3I.jpeg >>493
cssでいじってるんじゃないの
普通にあるよ >>493
我が家のもブックマークツールバーのもメニューバーのも「>」が表示されてる ブックマークツールバーのメニューでほしいのは
コンテキストで明確に弁別できるものは、「ブックマークの削除(E)」とか「フォルダーの削除(M)」のとかの表示でなく
簡潔に、「削除(E)」とか「削除(M)」に簡潔なスタイルに戻してほしい >>494
確かに以下のcss削除したら>出てきました
/* ブックマークのフォルダアイコンを指定 */
.bookmark-item[container] {
list-style-image: url("folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}
フォルダアイコンを指定しつつ>も表示したいです
上記cssの書き方変ですかね? 自己解決しました。右のアイコンのみ変更
/* ブックマークのフォルダアイコンを指定 */
.bookmark-item[container] .menu-iconic-left {
list-style-image: url("folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}
ありがとうございました >>499
メニューバーとブックマークツールバーは問題ないけど、
Ctrl+Shift+Hで表示されるフォルダがfolder-item.pngにならないね。 >>501
https://www.userchrome.org/what-is-userchrome-css.html#colorbookmarkfolder
を参考にして
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList) treechildren::-moz-tree-image(container),
#editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList menupopup menuitem
を追加すればCtrl+Shift+HのフォルダもOKですね folder-item.pngでフォルダの画像ファイルを指定するファイルって
どこのどのフォルダどこに入れたらいいのかわからない私がいる と思ったら>>502さんが指定してるサイトの通りにやったらアイコン黄色くなった…自己解決です
>>477、解決方法無いのかなぁ… >>505
reddit.com/r/FirefoxCSSで以前見たような
cssマスターの人たちがフォルダを見えなくすることはできるが
空白が残るようなこと書いてた気がする 477は各階層タゲってみたけど全部消えるか全部残るかの二択だったんで
.jsの方追わにゃどーにもならんぽくてな >>506 >>507
どうやら>>477は現状極めて難易度の高い改造のようですね…
誰かが開発してくれる事を祈って待ちます… bookmarks sidebarのコンテキスト(chrome://browser/content/places/bookmarksSidebar.xhtml)で
document.getElementById("bookmarks-view").place="place:parent="+PlacesUtils.bookmarks.menuGuid;
を実行するuc.jsを作ればいい >>509
知恵者様が!
具体的にはどうすればいいのでしょう…?
人の改造手順を模倣する事しか出来ないもので… 前スレの94です
アドバイスのお陰でうまくできました
お礼しようとすると連投規制→1ヶ月書き込み不可能を数回繰り返ししまいました
userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/94
ID:gZ8lyWfa0 ID:GFqKvOCu0 さんありがとうございました
https://i.imgur.com/Kp47zSF.png 本スレにあった https://pastebin.com/RnVmAh3H のタブの高さの調節を使って26にしてましたが89.0.2にしたら効かなくなりました。オマカンですかね? >>513
どちらも効いてる
:root[uidensity=compact] { --tab-min-height: 26px !important; } /*コンパクト*/
:root { --tab-min-height: 29px !important; } /*通常*/ >>514
マジか〜オマカンみたいですね。タブの高さ29px未満のための設定はノータッチでよいんですよね? 513です。もう一度見直してみたら治りました。何が干渉してたかはわかりませんが!後、タブの高さ29px未満のための設定にタブクローズの記載がありますが気持ち✖︎を大きくする事はできませんか? >>511
俺も482使ったけど消えたぞ
なんか使い方間違えてね?URLの指定方法間違ってたりとか >>519
URL指定、どこで?
#searchform{position:absolute !important}をuserChrome.cssに追記するだけじゃダメなの? userChrome.cssとuserContent.cssは別の物だよ >>520
chromeフォルダにuserContent.cssを作って(userChrome.cssではない)
@-moz-document url-prefix("https://www.google.com/search"), url-prefix("https://www.google.co.jp/search") {
#searchform{position:absolute !important}
}
を保存
userChrome.cssはブラウザ本体のパーツの編集、userContent.cssは表示されるページの編集に使う
まあ後者はStylusとかアドオン使う方が主流だけど(但しabout:preferencesとかabout:newtabとかはuserContent.cssじゃないと効かない) >>522
レス、ありがとう。
念のため新規プロファイルで試しました。
Googleログインしただけで何の設定もしていません。
(userContent.cssなしのとき)
・URLバーに検索文字入力
・Google検索結果が表示される(先頭行に検索ボックス表示)
・スクロールすると、すぐちょっと細見の検索ボックスが表示される。
・この検索ボックスはスクロールしても固定です。
(userContent.css設定したとき)
・細見の検索ボックスが現れないだけです。
いずれの検索ボックスも未表示に出来ませんか? >>523
フローティングを追従させたくないんじゃなくてホントに全部消したいのかw
じゃあ「position:absolute」の部分を「display:none」にすればいいな #searchform,#sfcnt,#top_nav,#appbar{display: none !important;}
の方が余計な空白も検索ボックスの下の部分も全部消えてキレイかも、まあ好きなように調節して
俺ってば親切だわw >>525
余計な空白は消えるけど、Googleの設定(すべて、ニュース、・・・・、設定)も消えるので困る。
>>524
余計な空白ができるけど、Googleの設定は消えない。これでも十分使えるけど、空白何とかなりませんか? 特定のサイトで初期表示されて、すぐ自動的に縦方向に○○pxスクロールするには、どう記述すれば良いのでしょうか?、 >>527
cssじゃ無理
userChrome.js入れてWindow.scrollBy()使えばできる >>528
れす、ありがとう。
やはり、そうですか。 Google カレンダーなるものを使ってないので推測だが
多分classが違ってるんじゃね? 今、stylusを入れて、>>534を試みました
少し、アクセントがついてましになりました >>534 >>537
うーん、俺の環境だとちゃんとなるんだけどなあ
https://i.imgur.com/XLOCxlU.png
Webアプリ系は設定で色々変わるからよくわからない… >>538
Dark Background and Light Text
これをOFFにしたら正常に動きました。 92 nightlyでブックマークツールバーの左クリックプルダウンメニューが
コンテキストメニューと同類のものから、ハンバーガーメニューやオーバーフローメニューと同類のものへと実装が変化しました
つまり、コンテキストメニューの背景色やフォントサイズなどのcssでの変更設定は
今のところ92以後のfirefoxのブックマークツールバーの左クリックプルダウンメニューには反映されなくなります
ブックマークツールバーのプルダウンメニュー表示の見た目の調整には、別途、cssが必要になります
厄介なことになりました
firefoxの新規インストールではUI密度も「普通」と「タッチ」しか用意されません
従来環境を使っていると「コンパクト(未サーポート」の選択肢は残りますが ツリー型タブでテーマをProtonにしてるとき
タブの背景色を
tab-item tab-item-substance {background: #FF0000 !important;}
で指定しようとしたんだけどなんかはみ出る… メニューバーとコンテキストメニューで、サブメニューがある場合、
右向き三角が表示されますが、この色の変更の仕方をご存じありませんか?
menu .menu-right に当たるところだと思うのですが、よくわかりません .menu-right {
fill: [色] !important;
} >>544
変わらないですね
filter: invert(100%) !important; は効くようです
訳分からない >>545
svgアイコンの色を変えるにはabout:configでこの設定をtrueにする必要があるからかも
svg.context-properties.content.enabled >>546
trueにしています
そもそもsvgではない何らかの方法? YouTubeのシアターモードって、
自動再生OFFで開くとサムネイルが上下をカットされてウィンドウの幅いっぱいに拡大されるけど、
これを標準モードのようにプレイヤーサイズで表示することはできませんか?
アドオンやスクリプトも探したのですが見つかりませんでした。 >>548
.ytp-cued-thumbnail-overlay-image {
background-size: contain !important;
} youtubeを開くと必ずミニプレーヤーになるけど、
シアターモードで開くようにしたいわ。 >>549
わわわわ。うまくいきました。
ありがとうございます。
ずっとなんとかならないかと思っていたので、本当に心より感謝します。 >>550
スクリプトでよければ、YouTube - Always Theater Modeというのがあります。
私が愛用しています。
CSSだったらわからないのでごめんなさい。
https://greasyfork.org/ja/scripts/10523-youtube-always-theater-mode Ctrl+Fで出るサーチバーの高さが狭くて垂直スクロールバーが出る
すごく見づらいのでcssがんばったけどどうしてもだめだった
なにかお知恵を 91ESRに向けて一年ぶりにuserChrome.cssのメンテしたが
相変わらず要素、属性の改廃、移動等の嫌がらせとしか思えないマイナーチェンジばっかだな
切り替えのトリガーにしてた要素、属性に変更があって機能しなくなったから
発想の転換で無駄な機能削いでいったら、だいぶスリムになったわ
早く:has()を実装してほしい 教えて欲しいのですが、
全ての設定ファイルを削除してアプリを起動するとプロファイルフォルダー内に
xxx.default(times.jsonだけしか無い)
zzz.default-release(沢山のファイルが入っている)
と2つのフォルダがありました。
設定ファイルを削除するまでは前者の-releaseの付いてないフォルダだけでした。
userChrome.cssを使う場合zzz.default-release以下にchromeを作らないとだめないようですが、なぜxxx.defaultだけでなくzzz.default-releaseと2つのフォルダが出来てるのでしょうか?
1つにする方法(削除前の状態と同じ)はあるのでしょうか? タイトルバーの色をWindows10以外の設定で色付けできませんかね?
Firefoxのみ黒色にしたいもんで
https://i.imgur.com/7AsuMH4.png >>558
1つにするだけなら、about:profilesを開いて、
「これは使用中のプロファイルです。削除できません。」って表示されてない方の削除ボタン押せばいいよ
もしここに1つしかプロファイル表示されなかったらエクスプローラから直接フォルダ削除していいよ
フォルダ名自体を元に戻したいなら、少し上の階層にあるprofiles.iniをいじらないといけないけど説明めんどい
てかuserChrome.css関係ないな
>>559
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: white !important;
background-color: black !important;
}
アクティブ時以外も黒くしたい場合は:not(:-moz-window-inactive)はずしてね >>560
レスありがとう。
確認してやってみます。 >>560
タイトルバーのカラー変更試みてましたがダメでした・・・ >>558
>なぜxxx.defaultだけでなくzzz.default-releaseと2つのフォルダが出来てるのでしょうか?
「すべての設定ファイルを削除」したことでそれまでのプロファイルを認識できない状態になり、
新しいプロファイルが自動的に生成されたものと思われます。
新しいプロファイルははデフォルトで default-release という名前が付けられるようになっ
ています。
>1つにする方法(削除前の状態と同じ)はあるのでしょうか?
古いプロファイルの xxx.default を削除すれば zzz.default-release だけのひとつになります。
プロファイルマネージャーからおこなうか、profiles.ini を編集すればよい。
大きなお世話:
「全ての設定ファイルを削除して」とあるが具体的にどのファイルを削除したんだ?
仕様やしくみも理解していないのにむやみにファイルを削除しないことだ。
userChrome.css は関係ない話だ。
質問する場所をよく考えろ。 >>563
「新しいプロファイルははデフォルトで」
を
「新しいプロファイルはデフォルトで」
に訂正します。 >>562
559見たらタイトルバーとタブバー分離してるんか、そりゃFxでやろうとしても無理だわ、よく確認してなくてすまんな
ただウインドウごとにタイトルバーの色変えるフリーソフトがあった気がする…10で動くかは分からないけど… いや勢いでできないって言っちゃったけど、独立タイトルバーよく扱い分からないから確かなことは言えんわ
まあ普通に考えてOSの範疇だと思うし、実際ブラウザツールボックスからもいじれないから無理な可能性が高いかな >>563
~/Library/Application Support/Firefox
~/Library/Caches/Firefox
~/Library/Preferences/org.mozilla.firefox.plist
~/Library/Saved¥ Application State/org.mozilla.firefox.savedState
以上が削除したファイルです。 >>566
丁寧にありがとうございます
少し方向性を変えて探ってみます。 >>557
調べたらjsでは使えるみたいだけど
cssエンジンにはまだ実装されてないね せっかくユーザーCSSでタブの標示を調節してあったのに
Faviconの高さ位置がおかしくなってしまった
タブの間もなんだかすきっぱになったし 使っている OS によって CSS の表示が異なる事ってありますか?
使っている Firefox は、同じ 91.0 で、OS が Win10 と Win8.1 です
適用している CSS は、以下のものです
/*ブックマークアイテムの高さを変える*/
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.1em !important;
}
Win10 では上記の CSS で丁度良いのですが、Win8.1 で同じように適用しても
アイテムの間隔があまり縮まりません。試しに 0.0em としてみても、Win10で
適用した時と違い、アイテムの間隔に隙間があります
同じ CSS を使ってWin10 と Win8.1 で同じようにする方法があれば教えて下さい
よろしくお願いします >>576
> 使っている OS によって CSS の表示が異なる事ってありますか?
.titlebar-button 絡みで #navigator-toolbox 周りに
osやテーマの違いでズレが生じたことはあるが
それ以外はどうだろな…
差異が生じるとすればフォント周りか?
単位を"em"じゃなく"px"で試してみて ■ このスレッドは過去ログ倉庫に格納されています