userChrome.css・userContent.cssスレ Part11
レス数が1000を超えています。これ以上書き込みはできません。
!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 >>921
おー効くようになりました
ありがとうございます。
>>920これもいいですね。いただきました #searchbar { max-width:348px !important; }
で検索バーの幅を固定すると、右に少し余白ができてしまうのですが、どうやっても右にある戻るボタンとの間隔を狭められません。
良い方法を教えていただけると助かります。
よろしくお願いいたします。
https://i.imgur.com/fP7UkNY.png #search-container {max-width: 348px !important;}
常に幅を固定するなら min-width: 348px !important; を追加 >>924
ご回答ありがとうございます。
常に幅を固定ではなく、検索バーの右の戻るボタンとの余白を狭めたいのですが、min-widthを追加したところ、さらに余白が広くなってしまいました。 >>925
>>924でいけると思うけど
伸縮自在のスペース入ってるとか >>925
うちはこれでツールバーのアイコンの幅を詰めてる
#nav-bar toolbarbutton {padding-left:0px !important;padding-right:0px !important;} 皆さんありがとうございます。
min-widthを追加すると、このようにさらに余白が広くなってしまってます。
https://i.imgur.com/mRzedRM.png
伸縮自在のスペースは入れてません。
記述してあるすべてをのせておきます。
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ツリー型タブ使用のため上部タブバーを非表示にする */
#TabsToolbar > * { visibility: collapse; }
/* #tabbrowser-tabs { visibility: collapse !important; } でも同様の効果 */
/* サイドバーヘッダー部を非表示にする */
#sidebar-header { display: none; }
/* #sidebar-header { visibility: collapse; } でも同様の効果 */
/* 検索バーのサイズ */
#searchbar { max-width:348px !important; min-width:348px !important; } フルスクリーン時の、タブ上の
「ツールバーを隠す」「全画面表示モードを終了」を消したいです
あくまでも「タブ上」のみです >>929
#searchbar { max-width:348px !important; min-width:348px !important; }
にしてますので変更はしていると思います。 表示するもんねーから右端に寄ってるとかジャネーノ?
右端に伸縮自在のスペースてーの入れてみたらどーよ >>934
ありがとうございます。
昔は検索バーを短くした分アドレスバーが長くなって、余白はない、という状態だったんですよね。 >>933
#searchbarではなく
#search-container >>936
ご指摘ありがとうございました。
無事改善されました。
改めまして、>>924 さんはじめ皆さま、本当に優しく接していただきありがとうございました。 @namespaceっていままでおまじないで書いててよくわかってなかったんだがもしかしていらない? >>939
なるほど
>>920が俺も出たんで外したんだがよくわからんままだった・・・ サイドバーの枠の点線がいつのまにか大きめになってるんですけど
これを以前のような細かい点線にすることは可能でしょうか?
可能でしたらお教え下さい。 ↑言葉足らずでした。
サイドバーのブックマークをクリックした時に出る点線の事です。
https://i.imgur.com/NxKqgfy.png
これを以前のような細かい点線にしたいです。 >>942
.sidebar-placesTreechildren::-moz-tree-row(selected) {
outline-width: thin !important;
} >>943
神!
こんなに早くお教え頂きありがとうございます。
無事細くなりました。 >>943
でもこれって、ブックマークをコピーもしくは切り取ってフォルダに貼り付けると、
また太い点線が表示されるのよね (´・ω・`) ::-moz-tree-row(current) 追加すれば? はっきりしないところがあるけど一応これでいけるかも
treechildren::-moz-tree-row(current, focus) {
border: 1px dotted #F3D982 !important;
outline: none !important;
} ブラウジングライブラリの要素ってどうやって調べるんやろか?
リモートデバッグ出来ないみたいやし >>948
サンクス
フォーカス枠がうざかったが指定箇所が分からなかったからこれで消せた Firefoxホームの灰色の部分の要素どうやって知らべるの?
ここ以外は透過できたのにこれだけ灰色で見栄えわるいです
https://i.imgur.com/rL39fET.png >>952
灰色の部分ってどこ?画像見てもわからないんだけど
てか、なにオタク絵見せつけてんだよ 画像の下半分これらの背景の灰色の部分です
Google検索
エイプリルフール〜海老蔵
eを検索:
横一列のファビコンアイコン ありがとうございました
過疎ってるようですし他スレで聞いてみることにしますね 世の中それは灰色じゃなくて白色って言ったほうが通りがいいんだ Firefox質問スレで聞いたらこちらに誘導されて来ました
FirefoxでYoutubeの通知から返信開いた時、「続きを読む」をクリックすると表示が全部されず下の横スクロールバーをクリックして少し右の端まで移動させると右端縦スクロールバーの内側にもう一つ縦スクロールバーが出て来るのでそれでようやく見れます
しかし最初から表示される様に横幅も縦幅も大きければ良いのでは無いかと思いました
Youtube cssなどと検索はしたのですが見付からず
ここの編集とか出来ないでしょうか?
よろしくお願いします
https://i.imgur.com/qSZvx6O.jpg Web版Twitterの広告を消すには
要素をどう指定すればいいのでしょうか?
DIV[data-testid="placementTracking"]
を消すようにしたら、広告は消えましたが
広告ではないツイート内の動画の再生ができなくなりました >>962
今のCSSでは難しい
綺麗に消すためには uBlock Origin を使うしかない >>960
どやろか
.menu-container.ytd-multi-page-menu-renderer { width: 680px; }
ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-comments"],
ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-notifications"] { width: auto; } >>964
ありがとうございます
通常版とナイトリーで試してみましたがどちらもうちでは機能しませんでした(通常版98.0.2、ナイトリー100.0a1 どちらも最新)
気付かないだけかと数字大きくしても変化無かったのでやっぱり変わったいないみたいでした
そちらでは変わってるんですよね?
何でだろ… ブックマークツールバーのフォルダにカーソルを合わせた時に
クリックせず開く様にcssもしくは他の方法で出来ますか? js使うの初めてなのでなかなか大変ですがありがとうございます。 >>968
このJavaScript、どう設定するの? コピペして Bookmark_Autopopup_3.uc.js などと保存する >>971
Bookmark_Autopopup_3.uc.js
どこにあるの? Bookmark_Autopopup_3.uc.jsというから混同した。
新規 uc.jsで動いた。 Bookmark_Autopopup.uc.jsでロダへアップしておいた。 「などと保存する」って文字読んでも分からんかったの? userContent.cssで以下を設定して
selectのスクロールバーを非表示にしたいのですがうまくいきません。
文字は赤色にはなっているのですが…教えて頂ければ幸いです。
@-moz-document url-prefix("https://www.nakamurayuji.com/archives/3045") {
select {
color: red !important;
scrollbar-width: none !important;
}
} >>978
そのページに書いてある通り -moz-appearance: none; が必要 >>980
うちだと消えたよ
Stylusでも消えた >>981
ありがとうございます
どうやらuserChrome.cssのどこかの記述が競合してるみたいでした https://www.nakamurayuji.com/archives/3045
にあるselectも、何もしなくてもスクロールバーは表示されないのに、
userChrome.cssに以下があったため、スクロールバーが出てたものでした
menupopup > menuitem {
padding-block: 2px !important;
margin-right: -5px !important;
} >>983
それが無くてもスクロールバーは状況により表示される
ブラウザの上下間隔を短くしたときなど >>984
それはそう
でも上のサイトでは>>983のせいで
表示領域が十分でもselectのスクロールバーが表示されてしまって混乱してた 自分がやったことの意味は理解して忘れずに意識しておいてくれ 右上の?などを消すのが以前は機能してた物が最近は機能しなくなったのですが現在でも出来るでしょうか?
/* 最小化・最大化・閉じるボタン */
.titlebar-button { display: none !important; }
この辺の物も代わりのとかあるでしょうか?
/* Firefox52以降でFirefoxが重い症状を直す */
user_pref("network.http.spdy.enabled.http2", false);
改行多過ぎと出たので分けます もう一つ、タブの高さが凄く高くなってて低くしたいのですがこれも効かなくなってますか?
/* タブ位置・高さ */
/* #titlebar {height: 0px !important;} */
/* 最大化時 */
#main-window[sizemode="maximized"] #toolbar-menubar {
margin-bottom: 6px !important;
}
#main-window:not([sizemode="maximized"]) #toolbar-menubar {
margin-bottom: -11px !important;
}
#navigator-toolbox {
margin-top: -6px !important;
} 何度もすみません、987の?はバツです
見て思ったのですが、タイトルバーを消しているのでtitlebarの指定では効かないって事では無いのかと
タイトルバー消してる状態で最小化などのボタンを消す書き方あるでしょうか?
タブの位置・高さのもtitlebar指定だからか 最小化・最大化・閉じるボタンはこれで消してるけど、どうだろうか?
.titlebar-buttonbox-container { display: none !important; } >>987
うちではそれでボタン消せてるので、他で何か間違ってる >>990-991
回答ありがとうございます
出来てるという事で新しいプロファイルで試した所消えてくれました
という事は競合してるのがあるという事か…探してみます すいません。
YouTubeの映像まわりの色を変更したいのですが、
cssでどう書けばいいですか?
試しに
body{
background-color: blue;
}
と書いてみましたが機能しませんでした。 >>994
Enhancer for YouTube を入れてカスタムテーマにすると楽
インストールしてenhancerforyoutube@maximerf.addons.mozilla.org.xpiを解凍し
resourcesの中のvendorの中にthemesフォルダがあるから
そのcssを参考に背景色をつけれる
Enhancer for YouTubeのオプションカスタムテーマにcssを設定する 一応次スレ
https://egg.5ch.net/test/read.cgi/software/1650551086/
>>994
ガチで動画の周りだけで良いなら
html{
--yt-spec-general-background-a: blue;
} >>995
>>996
ありがとうございます。
どちらの方法でもやってみましたが、ほかのスクリプトの兼ね合いでイマイチうまく行きません。
ただ、ヒントは見えてきたので自分でもう少し頑張ってみます。 あ、できました。
スクリプト内に--yt-spec-general-background-aという箇所があり、
そこの色を書き換えたら好みの色になりました。
ありがとうございました。 このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 764日 17時間 8分 39秒 レス数が1000を超えています。これ以上書き込みはできません。