userChrome.css・userContent.cssスレ Part8
■ このスレッドは過去ログ倉庫に格納されています
>>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で右クリックしてのタブスクロール出来ますか？
いろいろ調べたのですが見つからなくて・・・
知ってる方いたら教えてほしいです、お願いします。 Youtubeのコントロールバーの常時表示と動画外表示って可能ですか？
https://userstyles.org/
で探してみたのですが探し方が悪いのか見付かりませんでした
Firefox 60
Stylish 3.0.5
よろしくお願いします >>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厨って「言われた」だけ
勝手にルールだと思い込んだのは君 Firefox関連のスレを監視して、sageを記入しない奴に毎回「な、age厨だろ」のレスをするage監視君ｗｗ そのage厨をいちいちチェックしてこんな所にレスぶっ込んでくるsage厨 俺はsageなんか入れないから巡回してその度に「な、age厨だろ」書いてろくそ野郎ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ document.evaluate('//INPUT[@class="formelem maxwidth"]',document,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE ,null).snapshotItem(1).value = "sage";
を消した 基地外sage厨はFirefox関連スレに常駐。
メール欄にsageを記入しない人を監視してます。
ぷっ。ウケるｗｗ レス番飛びまくってクソ笑えるよっぽど悔しかったんでちゅねぇ〜ヨチヨチ 俺？
俺は「な、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厨だろ な、age厨だろ 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b) その幼稚なレスバトルに割り込んでの自分は違うアピールウザいから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 ビット)です。 >>499
タブを下にしてないから分からないが、通常のタブの上にある青い部分はこれで消してる
.tab-line{ display: none !important; }
なにかのヒントにでもなれば。 >>501
青い部分は消せました
最大化じゃないとスペースは無くならないけど
これで我慢しておきます
ありがとう ウィンドウデザインが違うせいかもしれないけど>>499と
#TabsToolbar {-moz-box-ordinal-group: 9 !important;}でやっても隙間の再現できないわ
ナビバーにしか隙間らしい隙間が出来ん
他の記述のせいで隙間出来てるんじゃないの >>499
俺もプロファイルまっさらにして503の設定だけでやっても499追加しても隙間が再現できない >>499
1、タブバーにmarginかpaddingが定義されている
2、タブバーの上方のツールバーにmarginかpaddingが定義されている
とかじゃないの？ firefox60をダウンロードして使い始めました。
cssで見た目を変更できるのをしっていろいろと試行錯誤中。
オプション画面の左下にある「Firefoxサポート」の部分を消すには
どうしたら良いですか？
要素が<hbox class="help-button" pack="center">であることまでは
わかったんだけど・・・
#hbox.help-button {
visibility: collapse;
}
ってやっても消えないです。 .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で保存されたから化けたんだなぁ 「設定→検索」のワンクリック検索エンジンの縦幅を増やしたくて
#engineList {height: 900px !important;}
とuserContent.cssに書いて縦幅を広げたら、10個目以降が選択できない(全22個)
インスペクターで調べるとrows="8"という所をrows="22"と変更すると望んだ挙動になる
userContent.cssにどのように書いたら良いでしょうか？ 更新あったようなので久しぶりにチェックした、rebuild_userchrome.uc.jsなんてのができたんだ。
xulとの違いなんてあるの？ userChrome.cssでタブバーを下に置いたら、ドラッグした時だけ全体が上にずりあがるんですが
直す方法ないですか？ YouTubeの再生速度変更ボタンを表示できたりしますか？ >>524
#TabsToolbar[movingtab] > #tabbrowser-tabs
や
#TabsToolbar[movingtab] + #nav-bar
あたりのmargintopやmarginbottomを0pxしたりーpx指定したりして調整してください >>525
cssではないけどアドオンのEnhancer for YouTubeどうかな >>527
こういうのがあるんですね
ありがとうございます >>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;
} メニューバーを右クリックした時に出るメニュー内の区切り線の消し方が知りたいです。
ちょうど ツールバーから削除 と メニューバー の間にある区切り線です。 >>539
#toolbar-context-menu > menuseparator:not(#viewToolbarsMenuSeparator) {
visibility: collapse !important;
} Google検索で出てくる「プライバシー診断を受けてみよう」を非表示にするcss知りたいです >>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
ブックマークフォルダの視認性があがって識別が容易になりました。
感謝します。ありがとうございました。 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;
} ■ このスレッドは過去ログ倉庫に格納されています
