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/

>>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;
}

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

仕様です

/* サイドバーの選択されたブックマークの色を変える */
#bookmarksPanel treechildren:-moz-tree-row(selected) {
background-color: #EEB0D0 !important;
}

60.0からこのcss動かなくなりました改善方法ないでしょうか

firefox-treestyletab環境でサイドバーをマウスオーバーで開閉する様にしていますが
固定したタブが開閉に応じて動いてしまうのでなく開いた時に全体が現れる様に固定出来ますか？

今の記述内容は以下の通りです
:root {
--thin-tab-width: 32px;
--wide-tab-width: 230px;
}
#sidebar-box:not([sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]) {
min-width: var(--wide-tab-width) !important;
max-width: none !important;
}
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
position: relative !important;
transition: all 100ms !important;
min-width: var(--thin-tab-width) !important;
max-width: var(--thin-tab-width) !important;
}
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover {
transition: all 200ms !important;
min-width: var(--wide-tab-width) !important;
max-width: var(--wide-tab-width) !important;
margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
}

「その他のツール」というボタンはこれで左に移動できました
#nav-bar-overflow-button {
-moz-box-ordinal-group: 0 !important;
}

#PanelUI-menu-buttonもいちばん左に移動させるにはどうしたらいいですか？

>>536
#PanelUI-menu-button じゃなくてその親の #PanelUI-menu

#nav-bar > * {
-moz-box-ordinal-group: 99 !important;
}
#nav-bar > #PanelUI-button {
-moz-box-ordinal-group: 1 !important;
}
#nav-bar > #nav-bar-overflow-button {
-moz-box-ordinal-group: 2 !important;
}

-moz-box-ordinal-group の値は 1 以上の整数
0 でも一応動くけど厳密には不可なので、このようにしている

おまけ

/* オーバーフローボタンの矢印 >> を反転 << */
#nav-bar > #nav-bar-overflow-button > .toolbarbutton-icon {
transform: rotate(180deg) !important;
}

>>537
ありがとうございます
できました！

メニューバーを右クリックした時に出るメニュー内の区切り線の消し方が知りたいです。
ちょうど　ツールバーから削除　と　メニューバー　の間にある区切り線です。

な、age厨だろ

>>539
#toolbar-context-menu > menuseparator:not(#viewToolbarsMenuSeparator) {
visibility: collapse !important;
}

>>541
ありがとうございました。

Google検索で出てくる「プライバシー診断を受けてみよう」を非表示にするcss知りたいです

>>543
https://egg.5ch.net/test/read.cgi/software/1524667609/222
これでいけるかも

>>544
ありがとうございました
それでいけました

cssでツールチップを半透明にするがツールバーなどに配置したアイコンは標準の白のままなんですけれども
ツールバーメニューバーなどのアイコン等のツールチップも変更する方法ありましたらお願いします
https://i.imgur.com/9nvuYxq.png

/* ツールチップを半透明にする */
tooltip {
-moz-border-radius: 10px !important;
-moz-opacity: 0.9 !important;
font: message-box !important;
color: #ffffff !important;
padding: 3px !important;
border-radius: 8px !important;
-moz-appearance: none !important;
background-color: transparent !important;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAAGElEQVR42mNkYGBYxkAEYGIgEowqpI5CABjxALr+NPKCAAAAAElFTkSuQmCC") !important;
border: 1px solid #666666 !important;
}

Fx 61.0b14をダークテーマで使っています。
サイドバーをダークテーマと同じ色調に変えたくて、ぐぐりました。

ttp://swan-match.hatenablog.com/entry/2017/11/25/020656

こちらのサイトにあるようにuserChrome.cssに記入してみたのですが、
うまくいきません。たとえばブックマークフォルダの色が隠れてしまいます。
全体的に不自然なところが散見されます。
ご教示いただければ嬉しいです。わかる方いらっしゃいましたら、よろしくお願いします。

>>547
/* ブックマークフォルダのアイコンに色を */
.bookmark-item[container],
treechildren::-moz-tree-image(container) {
fill: #FCFCFC !important;
}

色は#FCFCFCを好みで変えて

こちらのダークテーマ参考にしたらいいかも
GitHub - Izheil/Firefox-57-full-dark-theme-with-scrollbars
https://github.com/Izheil/Firefox-57-full-dark-theme-with-scrollbars

>>548
ブックマークフォルダの視認性があがって識別が容易になりました。
感謝します。ありがとうございました。

>>548
横からだけど使わせてもらった
感謝

Ublock Originにダークテーマ適用したいんだが
>>548ヤツ使ってaddons.cssにTYPE-UUID-OF-UBLOCK-ORIGIN-HEREこいつを弄るみたいですが
UUIDってどこを参照すれば良いのだろうか？
どなたか馬鹿なオレに教えてください

about:debuggingでID調べろって書いてあったわ
すまない

Firefox60.0.2の環境下でmouseGesture2.4.2.uc.jsでのジェスチャーで、タブの複製だけが
『TypError:aParams is null』ってエラーが出てきて出来ないんだけど、
どう直したらいいか教えてもらえないでしょうか？

// タブの複製
case "Rda": openNewTabWith(gBrowser.currentURI.spec, null, null, null, false); break;

Firefox userChrome.js greasemonkeyスクリプトスレと間違えました
お騒がせしました

タブの高さを変更しています
タブをドラッグしたときブラウザ自体は調整してあり動きませんが
タブバーに配置したアドオンなどのボタンが動きます

画像上側がタブをドラッグした時
下が通常時です
https://i.imgur.com/MXFwgnr.png

タブバーのボタンを動かなくする方法はないでしょうか？

>>555
細くしてるなら細くしてるCSSも貼ったほうが良いよ

#TabsToolbar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}

どう？

>>556
ありがとうございます　遅くなりました　まだいくらか上方に動きます
こんな感じです
https://i.imgur.com/cO79f49.png

cssはこれらを利用していました
/* タブバーを細くする */
#TabsToolbar > #tabbrowser-tabs,
#TabsToolbar > #tabbrowser-tabs > arrowscrollbox {
min-height: 30px !important;
max-height: 30px !important;
}
/* remove 'dragging tab' margin/padding nonsense タブを動かしたときにブラウザが動くのを調整 */
#TabsToolbar[movingtab] {
padding-bottom: 15px !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#TabsToolbar[movingtab] + #nav-bar {
margin-top: unset !important;
}

/* toolbar order 下に置く(start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
-moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
-moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
-moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
-moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
-moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
-moz-box-ordinal-group: 100 !important;
}

>>557
なるほどなるほど
分からん(CSS素人)

タブバーにアイコン置くことなかったから動くのに気づいたら俺も気になってきた
玄人頼む

>>559
どもです
あちこちググってみたらFirefox57向けのcssを見つけまして
これだとタブバーに配置したボタンが動かなかったのでこれでいくことにしました
どうもありがとうございました

/* タブの高さ */
.tabbrowser-tabs .tabbrowser-tab {
vertical-align: top !important;
-moz-box-sizing: border-box !important;
min-height: 25px !important;
max-height: 25px !important;
}

>>559
すいません
.tabbrowser-tabsではなく#tabbrowser-tabsでした

それからこのcssはタブの高さを変更するだけでタブバーはそのままでした
タブをタブバーより高くしたときにはタブバーも太くなりますが

それなのでタブバーを細くしたときにボタンが動くのは解決しませんでした

>>557
#TabsToolbar[movingtab] > toolbarbutton { margin-bottom: -15px !important; }

>>562
ありがとうございます
タブバーを細くするcss利用してもボタンが動かなくなるよう調整できました！！

下記が効かなくなった、61.0からかな？
/*** リンク文字列のマウスオーバーでBottomにURLを表示しない ***/
@-moz-document url(chrome://browser/content/browser.xul) {
statuspanel[type="overLink"] {
display: none !important;
}
}

#statuspanelにしたら消えたよ

>>565
ありがとう

61.0からだと思うけど、下記でブックマークメニューで黄色にならない。
ブックマークツールバーは黄色になる。
どう修正すれば良いの？
/***ブックマークメニューとブックマークツールバーのフォルダアイコンを以前の黄色に戻す***/
/* ブックマークメニュー */
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
}
/* ブックマークツールバー */
.bookmark-item > .toolbarbutton-icon,
menu.bookmark-item:not([query]):not([label="ブックマークツールバー"]):not([label="他のブックマーク"]) {
list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

>>567
ブックマークサイドバーのURLが変わっている

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul") {

>>568
もしよろしければ履歴のURLも教えて頂けませんか
chrome://browser/content/history/history-panel.xul

>>568
ありがとう