userChrome.css・userContent.cssスレ Part8

●前スレ
userChrome.css・userContent.cssスレ Part7
http://egg.5ch.net/test/read.cgi/software/1510394098/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager
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
https://greasyfork.org/scripts/35880

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
userstyles.org
https://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/

なんか全然話題になってないけど、しばらく前からuserstyles.orgでアップデートできなくなってるな
新規インストールは出来るけど

また改悪かよクソが！

おまえの都合のいいように作ってるわけじゃないんでね

退化

>>436
>>434の件について言ってるんだとしたら、アップデート不可にするのは誰にとってどう都合がいいの？
大多数のユーザーにとっては不都合な事しかないと思うけど？

userstyles.orgどんどん改悪されてる……
今度はAndroid版Stylishの変なポップアップが出る上に、既にStylishインストールしててもStylishのインストールを求められて、
スクリプトの新規インストールもアップデートも出来ない

なんだそりゃ…

自動インストールできないけど自分で公開してるの消してgithubに移そうかな
アカウントとパスだけの最初の登録だけでメアド登録しなくて良かった…

リンク文字列にマウスオーバーでボトムに表示されるURLを消せませんか？

スレ内検索ができる人なら消せる

@-moz-document url(chrome://browser/content/browser.xul) {
statuspanel[type="overLink"] {
display: none !important;
}
}

>>444
ありがとう、スッキリしました。

ふむ

userChrome.js導入over61.zip
ttps://u6.getuploader.com/script/download/1708

ありがとうごぜぇました。

dev61にしたら.tabbrowser-tab[unread]が効かなくなっちゃった

多段タブcss使ってると60でタブの並び替えが出来なくなってるな

それ前からじゃね

v60になってuserchrome.cssの以下の記述が無効になってしまいました

/* ロード中のページが真っ白になるのを黒に変更 */　（ダーク系のテーマを使っているため）
browser[type="content-primary"], tabbrowser tabpanels, #appcontent > #content
{background-color: #050505 !important}

一部変更、代替手段など何か再び使えるようにする方法ってあるでしょうか？

>>451
単に browser だけで良いんじゃない

browser {background-color: #050505 !important}

>>452
おおお、一発で戻りました。ありがとうございます！

backgroundガッキーに変えたらロードの度にガッキー見れて幸せ(≧∇≦)b

452のやり方だとAutoPagerizeとかSkip Redirectのドロップダウンメニューまで黒くなっちゃうね

>>455
#tabbrowser-tabpanels

>>456
うわ　不具合がでちゃうんじゃ諦めようかと思ってたところだったんだ
ありがとう！

YouTubeの画面、一番上の「三」とか「検索」とかある部分を細くする事出来るでしょうか？
画面全体を170%にしてるのですが、その部分は小さくて良いんですけど大きくなっているので変えたいんです
わかる方どうかよろしくお願いします

>>458
https://pastebin.com/YCZm0msz

classで区別できたが同じidが複数ある(;´･ω･)

>>459
ありがとうございます
んー、同じidが複数って事は違う所にも効くって事ですかね？
一応やってみましたが変わりませんでした
この辺ですかねえ…？
https://www.fxsitecompat.com/ja/docs/2018/moz-document-support-has-been-dropped-except-for-empty-url-prefix/
違うのかな

RESOLVED INVALID

>>460
あーあーあーそれがあったか忘れていたわ
@-moz-document domain("youtube.com"){}を削除してもきちんと動作したけれども、
@document domain("youtube.com"){}では動作しないね
idについては問題ないよ、classで区別できたから

ウェブサイト上のcssに書いた場合の@-moz-documentが一部除いて廃止されただけでuserContent.cssでは効くし
stylishやstylusでは直接編集画面に張り付けずにMozilla Formatでインポートすればいいだけだと思うが

>>431
ダークカラー系にしたいなら

/* ブックマークツールバーフォルダ文字色 */
menu, menuitem {
color: #ddd !important;
-moz-appearance: none !important;
}

/* ブックマークツールバーの背景色 */
menupopup .scrollbox-innerbox {
background-color: #111 !important;
}

/* メニューの境界線の色と幅 */
menupopup {
-moz-appearance: none !important;
border: 1px solid #111 !important
}

よろしくお願い致します。
Firefox 60でスクロールバーとその背景（端の三角部分も含めて）の色を変えたいのですが、
どのように記述したら良いでしょうか。
それと、userChrome.cssとuserContent.cssの両方に書く必要があるでしょうか。
ご存じの方、教えてください。

質問です！
userChrome.cssで右クリックしてのタブスクロール出来ますか？
いろいろ調べたのですが見つからなくて・・・
知ってる方いたら教えてほしいです、お願いします。

な、age厨だろ

Youtubeのコントロールバーの常時表示と動画外表示って可能ですか？
https://userstyles.org/
で探してみたのですが探し方が悪いのか見付かりませんでした
Firefox 60
Stylish 3.0.5
よろしくお願いします

よし！！！頑張ってageるぞー

もう一回ｗ

>>468
.ytp-autohide .ytp-chrome-bottom{opacity: 1 !important;}

ゴメン、動画外という部分を忘れていた

.ytp-autohide .ytp-chrome-bottom{opacity: 1 !important;}
#player.ytd-watch{height: calc(var(--flex640-mode-player-height) + 36px + 3px) !important;}
.ytp-autohide{cursor: auto !important;}

>>466
他の場所で聞いたら出来たので報告！

>>467
口先”だけ”の人、あげたらダメというルールでもあるの？
一部で勝手に「ローカルルール」作るものどうかと？ｗ

age云々はいつも書き込んでるからスルーしたほうがいいよ

ルール言ってるんじゃなくてageたからage厨って「言われた」だけ
勝手にルールだと思い込んだのは君

よし！！！頑張ってageるぞー

な、age厨だろ

>>477
sage厨がいる！ｗ

Firefox関連のスレを監視して、sageを記入しない奴に毎回「な、age厨だろ」のレスをするage監視君ｗｗ

そのage厨をいちいちチェックしてこんな所にレスぶっ込んでくるsage厨

自宅警備しっかりやれ

基地外age厨 「自宅警備しっかりやれ(間抜け面

俺はsageなんか入れないから巡回してその度に「な、age厨だろ」書いてろくそ野郎ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

あ。消すの忘れた

document.evaluate('//INPUT[@class="formelem maxwidth"]',document,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE ,null).snapshotItem(1).value = "sage";
を消した

基地外age厨 「

基地外sage厨 「

基地外sage厨はFirefox関連スレに常駐。
メール欄にsageを記入しない人を監視してます。
ぷっ。ウケるｗｗ

バカの一つ覚え…

言わばガイジｗｗ

レス番飛びまくってクソ笑えるよっぽど悔しかったんでちゅねぇ〜ヨチヨチ

俺？
俺は「な、age厨だろ」野郎を成敗しているだけだよ

俺は>473じゃないよ

な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ
な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ
な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ　な、age厨だろ 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)

本当に幼稚な奴が増えたよな、ため息。。

その幼稚なレスバトルに割り込んでの自分は違うアピールウザいからw
スルーせずレスした時点で同類ですからぁ〜〜
ため息。。　キモッw自分に酔いしれちゃってんのw

ここはいつからキチガイの巣窟になったんだ？

はい幼稚な人が一人増えましたぁ〜〜w

.tabbrowser-tab:not([pinned]) {
min-height: 32px !important;
max-height: 32px !important;
}
.tabbrowser-tabs .tabbrowser-tab {
vertical-align: top !important;
-moz-box-sizing: border-box !important;
min-height: 32px !important;
max-height: 32px !important;
width:50px !important;
min-width:50px !important;
}


https://i.imgur.com/PPdb4JY.jpg
質問スレでここを紹介されました。
画像の赤い所の溝を埋めたいのですが、
この設定で色々イジっても、小さくなってくれません。(大きくはなる)
何処をイジればいいんでしょうか？
タブとタブバーは大きくなるんですが、どうしても赤い所に隙間が出来てしまいます。
60.0.1 (64 ビット)です。

500

>>499
タブを下にしてないから分からないが、通常のタブの上にある青い部分はこれで消してる

.tab-line{ display: none !important; }

なにかのヒントにでもなれば。

>>501
青い部分は消せました
最大化じゃないとスペースは無くならないけど
これで我慢しておきます

ありがとう

ウィンドウデザインが違うせいかもしれないけど>>499と
#TabsToolbar {-moz-box-ordinal-group: 9 !important;}でやっても隙間の再現できないわ
ナビバーにしか隙間らしい隙間が出来ん
他の記述のせいで隙間出来てるんじゃないの

ageぇｗ

>>499
俺もプロファイルまっさらにして503の設定だけでやっても499追加しても隙間が再現できない

>>499
1、タブバーにmarginかpaddingが定義されている
2、タブバーの上方のツールバーにmarginかpaddingが定義されている
とかじゃないの？

Googleニュース表示崩れ対応ｵﾈｼｬｽ

な、age厨だろ

きもっｗ

基地外age厨 「きもっｗ(間抜け面

firefox60をダウンロードして使い始めました。
cssで見た目を変更できるのをしっていろいろと試行錯誤中。

オプション画面の左下にある「Firefoxサポート」の部分を消すには
どうしたら良いですか？
要素が<hbox class="help-button" pack="center">であることまでは
わかったんだけど・・・

#hbox.help-button {
visibility: collapse;
}

ってやっても消えないです。

hboxはidじゃなくてタグだろ

.help-buttonでいい
というかオプション画面まで弄るんだ
そんなに見るもんでも無いだろうに

>>513

おお！！　うまく消えた。
助かりました。ありがとうございます。
いろいろ消したり変えたりして試しているところなんです。

FoxClocksというアドオンがあるのですが、オプションでStatusbarを表示させたとき、
背景を透過できないでしょうか？
ttps://addons.mozilla.org/ja/firefox/addon/foxclocks/?src=search

ゲェー！！開発ツールからuserChrome.css編集して保存したらコメントアウト部分がかな英数問わず全部文字化けした
ちくしょう半端なバックアップしか取ってねえ
恨むぞMozilla

バックアップをよく見てみたら日本語シフトjisなんかで保存してた
氏ねあの頃の俺

開発ツールのデフォだとISO8859-1のはず
それをUTF-8に変換すればいいんじゃね？
と書いてたら元がshift-jisなのか

標準メモ帳使ってた頃の名残だと思われる
開発ツールでの上書き時にUTF-8で保存されたから化けたんだなぁ

そんな時には文字化け解読ツール、MBaker2。今でも時々お世話になってます；
http://www.geocities.jp/belden_dr/ToolMBaker.html

「設定→検索」のワンクリック検索エンジンの縦幅を増やしたくて
#engineList {height: 900px !important;}
とuserContent.cssに書いて縦幅を広げたら、10個目以降が選択できない(全22個)
インスペクターで調べるとrows="8"という所をrows="22"と変更すると望んだ挙動になる
userContent.cssにどのように書いたら良いでしょうか？

更新あったようなので久しぶりにチェックした、rebuild_userchrome.uc.jsなんてのができたんだ。
xulとの違いなんてあるの？

>>522
スマヌ、誤爆した…

userChrome.cssでタブバーを下に置いたら、ドラッグした時だけ全体が上にずりあがるんですが
直す方法ないですか？

YouTubeの再生速度変更ボタンを表示できたりしますか？

>>524
#TabsToolbar[movingtab] > #tabbrowser-tabs
や
#TabsToolbar[movingtab] + #nav-bar
あたりのmargintopやmarginbottomを0pxしたりーpx指定したりして調整してください

>>525
cssではないけどアドオンのEnhancer for YouTubeどうかな

>>526
ありがとう
なんとなくわかりました。

>>527
こういうのがあるんですね
ありがとうございます

な、age厨だろ

>>524
うちの場合#TabsToolbar[movingtab]のunsetを11pxで調整できた

#TabsToolbar[movingtab] {
padding-bottom: unset !important;
}

多段タブを使うとドラッグで移動できないんですが、これって修正方法ありますか？

仕様です