userChrome.css・userContent.cssスレ Part10
■ このスレッドは過去ログ倉庫に格納されています
option→ホーム→firefoxホームを空白ページ(about:blank？)にして
それを透過させたいんだが分かるネ申おる？
WE以前はできてたんだけどそのCSS効かなくなっちゃったから
e10sでは無理なのかと諦めてたら
最近海外のフォーラムかどっかで現行ver.で透過されてるスクショ見かけて
あ、出来るの？ってtransparentとかopacityとか色々やったけどさっぱり出来ねえw
教えろください >>101
詳細不明だけど要素を「*」にして透過させるのはどう？
about:blankなら他の要素は関係ないから全部透過で良いと思うけど >>102
うーんちょっとスキル不足でわかんないです…
大昔はコレ↓でいけてたんだけど
#main-window[stylish-url="about:blank"] #content browser {
opacity: 0 !important;
まぁ今は無理だよねどう見ても… 70、71では正常動作しますが、72では反応しません。
アドバイス願います。
/*** ブックマークツールバーをマウスオーバーで自動開閉 ***/
#PersonalToolbar:not([customizing="true"]) {
transform: translateY(-500px);
transition: transform 0s ease 300ms !important;
position: absolute !important;
display: block;
width: 100%;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
transform: translateY(0px);
transition: transform 0s !important;
} >>101みてそういやnewtabページをダークテーマにしたけど少し眩しいなって思ったので
@-moz-document url("about:home"),url("about:newtab"){body{ opacity: 0.5 !important;}}
くらいにしたらわりとスッキリした >>108
ありがとう、分かってないけど４行目を修正したら動作しました。
position: absolute !important; z-index: 1; リンク先のツールチップが右になってて見ずらいのですが左に戻すコード教えてください ブラウザのロケーションバーをドロップダウンさせたときに出てくる項目のフォントを
.ac-title-text { font-size: 9pt !important; }
で小さくできたんだけど、項目自体の高さが変わらず、行間がスカスカになります。
これはどこで変更できるんでしょうか。 >>112
すみません、ぼくが先に質問しているので、黙っててもらえますか >>112
#PopupAutoCompleteRichResult .autocomplete-richlistitem /* fx67 or earlier */,
#urlbar-results .urlbarView-row /* fx68 or later */ {
font-size: 9pt !important;
height: auto !important;
min-height: 0 !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
} タブをダブルクリックでリロードしたいのですが
どうすればいいですか >>116
タブをダブルクリックでリロード.uc.js
っていうのがあるけど 70.0.1 で動くかどうかは知らない
↓のスレで聞いてみたら？
Firefox userChrome.js greasemonkeyスクリプトｽﾚ40
https://egg.5ch.net/test/read.cgi/software/1567300946/ 助かりました
検索して、方法がわかりました
ありがとうございます >>115
小さくできました。ありがとうございます。 >>94
/* size of new tab tabs '+' icon */
:-moz-any(.tabs-newtab-button,#tabs-newtab-button) .toolbarbutton-icon {
padding: 0px !important;
margin: 0px !important;
width: 18px !important;
height: 18px !important;
} linux64bit版を使ってる者です
タイトルバーを使わないclient side decorationsにおけるMin, Max, Closeボタンの間隔を調整したい（狭めたい）のですが、可能でしょうか？
ぐぐってみると、いろいろ出てくるのですが、どれもうまくいきませんでした。
linuxはしらんけどwindowsではこうやってるよとかあったら是非とも教えていただきたいと存じます .titlebar-buttonbox-container toolbarbutton{
margin-left: -20px!important;
} >>122
迅速な回答まことにありがとうごさいます。
感激です。うまくいきました。-20から少しずつ値を変えていって-8で狙っているところとなりました。
重ね重ねお礼を申し上げます。ありがとうございました 71.0にしたら
ページ内検索バーをChrome風にする.css
で右上に表示できていた検索バーが左上になってしまったんですが
右上に表示する方法を教えてください 71にして、bookmarks toolbarのMulti-RowとAuto-hideの両立がウマく行かなくなったから
海外とかも直近あれこれ調べてたんだがダメでどうしようか悩んでたんだけど
よく考えたらここに気付いて来てみたら、>>107-110これがドンピシャでした
先人の知恵に感謝。 71ってメニューバーとタブバーがくっついちゃったの？
どっちか移動しようとすると俺も俺もっつって移動してくるぞ css/tabs_below_navigation_toolbar_fx65.cssだけでは始末つかなくて再構築した
71と72はこれでいけてる
@import url("./css/tabs_below_navigation_toolbar.css");
@import url("./css/tabs_below_navigation_toolbar_fx65.css");
@impprt url("./css/tabs_below_navigation_toolbar_fx68.css"); >>128
以前からなんだけど多段タブのcss（今だとtabs_multiple_lines_fx71.css）と相性が悪いのか
別にタブの設定しないと多段になってくれない ウチだけかな
二段目からはなぜか透過してくれて都合がいいけど
↓こんな感じで書くと多段になってくれる
#TabsToolbar {
height: 26px !important;
background-color: rgb(230,230,230) !important;
} ありがとうでけた
継ぎ足しで来てたから、俺も一度まっさらにしてから追加する戦法にした CSSでStatus-4-Evarもどき、が71にアプデしたら最下段に来なくなったんですけど、修正出来る方おられますでしょうか？ >>131
71だが変わらず使えてるよ 他に原因があるのでは？ >>132
新規プロファイルに該当cssのみでも同じ状況だったけど、#PersonalToolbarにdisplay: inline-flex;追加で解決しました。
もしかしてこちらの大元のCSS自体が古い？ タブバー一番下を直さずにしばらく使ってたら慣れちゃったや おはようございます
firefox71でメニューバーの境界線は非表示にできますか？
タブを下にする以下の2つの設定をしてます
① 多段タブ.zipの 03 多段タブ 段数無制限+ドラッグでタブ移動+ツールバーの並べ替え(デフォルト タブバー ツールバーの一番下)
MultiRowTabLiteforFx.uc.js を入れた
② /* メニューバーの色 */
menubar, toolbar, nav-bar, #TabsToolbar > *{
background-color: rgb(245,246,247) !important;
よろしくお願いします >>136
#nav-bar { box-shadow : none !important; } >>138
早速ありがとうございます。
そのまま追加しても消えませんでした。
② が無いと消えますがそうすると色設定ができません。 >>124
すみません、自分もページ内検索バーを右上に表示したいのですが、CSS教えてくれませんか？
以前使っていたものが出来なくなってしまって困ってまして >>140
「ページ内検索バーをChrome風にする」でググって先頭に出てくるサイトのを入れたら右上に表示されたよ（検索バーはページの上に乗っかる）
「ページ内検索バーの位置を下部から上部に変更」でググって先頭に出てくるサイトのを入れると上部全体に表示されてページがそのぶん下がる >>141
どうもありがとう
ちゃんと表示できました！ サイドバーを開いた時に最初から表示されていて削除できない項目、
｢ブックマークツールバー｣と｢他のブックマーク｣を消したいと思い、
とあるサイトに書かれていた内容を導入したんですが、まったく反映されませんでした。
Firefox71.0では使用できないのでしょうか？どなたか教えて頂けると幸いです
menu#BMB_bookmarksToolbar,
menu#BMB_unsortedBookmarks{
display:none !important;
} 71にすると俗にいうハンバーガーボタン「三」みたいな形のアイコンしたPanelUIボタンを移動したり非表示にしたりするとアドオンのアイコンが「その他のツール」にまとめられちゃう現象の解決法が他スレに出てたからここにも載せとく
#nav-bar{display:inline-block!important;}
#nav-bar-customization-target{width:calc(100% - 40px)!important;}
アドオンをまとめる現象はどうやら#nav-bar-customization-targetの長さがトリガーになってるっぽいな
本来の#PanelUI-menu-buttonがある部分にスペース開けてやればいいようだ 拡張機能スレ用
/* ピンタブ幅を好きなように設定 */
.tabbrowser-tab[fadein][pinned]{
min-width: 120px !important;
max-width: 200px !important;
}
/* ピン留めアイコン非表示 */
.tab-icon-overlay[pinned="true"]{
display: none !important;
}
/* ピン留めタブのファビコン非表示 */
.tab-icon-image[pinned="true"]{
display: none !important;
} /* ファビコン非表示にしたピン留めタブのファビコンをマウスオーバーしたとき表示 */
tab:hover .tab-icon-image[pinned="true"]{
display: -moz-box !important;
} >>146
そこは「display: flex」 じゃないのか? このコードじゃもうTABがアドレスバーの下にこんな
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
border-top-width: 0 !important;
}
#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
} /* ツールバー 並べ替え */
#toolbar-menubar { -moz-box-ordinal-group: 1 !important; } /* メニューバー */
#nav-bar { -moz-box-ordinal-group: 2 !important; } /* ナビゲーションツールバー */
#PersonalToolbar { -moz-box-ordinal-group: 3 !important; } /* ブックマークツールバー */
#titlebar { -moz-box-ordinal-group: 4 !important; } /* タブバー */ >>151
メニューバーの下にアドレスバーが来るようにしたいんだけど教えてもらえると助かります >>151
Status-4-Evarもどき との共存がようやく上手くいきました ありがとう Tab Mix Plus風にスタイルをカスタマイズ
色は#FFFFFFでググってお好みで
/* 選択中のタブの文字色（太字） */
.tabbrowser-tab[selected] .tab-text {font-weight: bold !important; color: white !important;}
/* 選択中のタブの背景色（上部、中部、下部のグラデーション） */
#tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
background: linear-gradient(to bottom,#00012e,#a2bafa,#00012e)!important; }
/* マウスオーバー時のタブの文字色（太字） */
.tabbrowser-tab:hover:not([selected]) .tab-text {font-weight: bold !important;color: white !important;}
/* マウスオーバー時のタブの背景色（上部、中部、下部のグラデーション ）*/
#tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content {
background: linear-gradient(to bottom,#012406,#02f537,#012406) !important; }
/*その他のタブの文字色 */
.tabbrowser-tab:not([visuallyselected=true]) { color: white !important;}
/* その他のタブの背景色と不透明度0～1.0の設定 */
.tab-background:not([selected=true]) { background-color:#4056ff;opacity:0.7; !important; } /* サイドバーのサーチボックス非表示 */
#sidebar-search-container {visibility: collapse !important;}
/* サイドバーの文字色と背景色 */
#history-panel, #bookmarksPanel {color: white !important;background-color: #01124f !important;}
/* サイドバー上部の文字色と背景色と罫線透明化 */
#sidebar-header,#sidebar-search-container,#bookmarks-view-children,#historyTree {
color: white !important;
background-color: #01124f !important;
border-color: transparent !important;}
/* ブックマークにマウスオーバー時の文字色（太字）と背景色 */
#bookmarks-view treechildren::-moz-tree-cell-text(hover) {font-weight: bold;color: white !important;}
#bookmarks-view treechildren::-moz-tree-cell(hover) {background-color: #555 !important;}
/* ブックマーク選択時の文字色（太字）と背景色 */
#bookmarksPanel treechildren::-moz-tree-cell-text(selected) {
font-weight: bold !important; color: white !important;}
#bookmarksPanel treechildren::-moz-tree-row(selected) {background-color: #0040d6 !important;} 検索バーの幅を変えたいのですが、上手くいきません
どこを変えれば良いのか教えていただきたいです
よろしくお願いします
#searchbar .searchbar-textbox {
-moz-appearance: none !important;
background-color: transparent ;
width: 400px !important;
padding: 0px !important;
border: none;
} FIREFOX71.0で
toolbarbutton#alltabs-button { -moz-binding: url("userChrome.xml#js"); }
が入ってるとメニューバーのファイルをクリックすると表示が乱れるんですが
仕様ですか？
普通の縦表示にするにはどうしたらいいんでしょう？
https://dotup.org/uploda/dotup.org2011569.jpg 検索バーの幅は、アドレスバーと検索バーの間のアイコンを一時他に移して
境目にポインティングカールを持っていけば、カーソルの形状が変わって幅変動モードになる
望みの幅になったら、一時移動していたアイコンを戻せば
視認しながら目的を達することができるよ >>158
出来ました、ありがとうございます
検索バーについて誰も話題に出さないので
不思議に思っていたのですが
CSSを使わないでも変更できたんですね
勉強になりました クソどうでもいいスクショを原寸で上げてる馬鹿がいると聞いて 結局、タブ多段の、必要最低限、コンパクトな構文を教示出来る人は居ないの？ >>160
困ってる相手にクソどうでもいいって荒らしてるだけじゃんお前 Selection Context Searchで
コンテキストメニューの先頭に位置付けすることできますか？ >>138
教えていただいた記述に加え
テーマを "Light" に設定したら消えました
確認不足でした、申し訳ありませんでした。 ページ内検索バーを上部に表示はできたけど検索ボックスを右側に
するにはどうすればいいですか？ これ分かる方いませんか？
Swift Selection Searchのときは下記で先頭に出来たんだけど
#jid1-kdtticj6wxvafa_jetpack-menuitem-_sss{
-moz-box-ordinal-group: 0 !important;
} >>167
ありがとう
そのレス見てたのに2行目の方適用しちゃってました >>168
そのまんまで効くわけないだろう
ブラウザーツールボックスでSelection Context Searchのセレクタ調べて変えなよ ブラウザーツールボックスやセレクタを検索してわかるようになれ
何のためのSelection Context Searchだ 意味わからん場合、まずは、ググるなり調べないのかな？ ちゃんと説明しようとすると面倒なんで簡単に言うと
UIに適用しますよーという宣言 >>176
これってでもここにアクセスしてないよね？
どうやってUIに適用してるの？
やっぱアクセスしてUIに設定してるの？ 取り敢えずマルチカスは死んどけ
Mozilla Firefox質問スレッド Part185
https://egg.5ch.net/test/read.cgi/software/1568180783/910
910 名前：名無しさん＠お腹いっぱい。[] 投稿日：2019/12/14(土) 22:18:50.45 ID:5oeSahVg0
ここので71でも多段タブいけるっぽいが､
https://gist.github.com/xia-sava/24eece6d0c0a59c77670d4c8a1997d4c
/* DO NOT DELETE THIS LINE */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
は何を意味するの？
削っちゃだめみたいだけど､なんで外部のURL書くの？ @namespaceが何かを読み取ってルールに従って仕分けるだけ
あくまで目印であって内容をそのページから読み取るわけじゃないのでアクセスはしない >>179
ありがとう
だが､>>175のをまんまコピペしても俺の環境ではなぜか動かなかった･･･
やっぱこの多段タブ.zipが一番人気なのかな？
https://kamehiyo.com/firefox71-multirowtab/ userChrome.cssで行間を狭くしておいたFirefox Browserの動きが重くなったのでリフレッシュしたら、
サイドバーの行間が広くなってしまいました。
再度行間を狭くしようとウェブでuserChrome.cssの書き込みを色々調べて試してみましたが狭くなりません。
Firefox71.0で行間を狭くする方法を教えてください。宜しくお願いします。 >>183
treechildren.sidebar-placesTreechildren::-moz-tree-row {
min-height: 1.5em !important;
height: 1.5em !important;
border-width: 1px !important;
}
これでどう？
自分の環境ではこれで狭くなってるけど 最新バージョンで多段タブが出来なくなったのだが､
どなたか多段化出来るの書いたの貼ってください
多段化.zipみたいにいろんなの入ってるのはいりません 最新バージョン以降だと多段は二度と無理だから諦めろ Mozilla Firefox 多段タブスレ Part.1
ttps://egg.5ch.net/test/read.cgi/software/1577781022/
これ試してみれば？ Firefox 72.0でも、tabs_multiple_lines_fx71.cssで多段出来ている。 /* タブ一覧ボタンを常時表示 */
#alltabs-button {
visibility: visible !important;
}
これで表示される下記を非表示にできませんか？
閉じたタブを元に戻す
タブを検索
新しいコンテナータブ 73.0でブックマークフォルダを以前の黄色で表示するCSS教えて！ 自分は/* サイドバーのタイトルを表示しない */
#sidebar-box sidebarheader {display: none !important;}
が効かなくなりました、どなたかお助けください
/* ブックマークサイドバー 行間短縮 */
treechildren::-moz-tree-row {
min-height: 1.6em !important;
}
はv72でも通用しますね /* サイドバーのヘッダも非表示にする場合はこちらも */
#sidebar-header {
visibility: collapse;
}
こちらを導入したら消せました
自己解決失礼します バージョンアップのたびにタブを最下段にする方法を探す作業．．．．．．．．orz ■ このスレッドは過去ログ倉庫に格納されています
