userChrome.css・userContent.cssスレ Part10
■ このスレッドは過去ログ倉庫に格納されています
>>74
73 それはファイル見る限り関係ないな、特定の状況絵しか表示されないが、
一番上なり下なりに表示するのなら楽なんじゃないの? 超楽だよ
本人がCSSについてほんのちょびっとも調べる気がないから
idついていない要素なのに#〜〜でやってるだけだろ >>70
こちら知ってる人いませんでしょうか? ただ、俺知ってるという下らないアピールは他所でお願いします 答えは>>62にブラウザーツールボックスで自分で調べたセレクタを当てはめるだけ
調べる気ないというアピールはいらん >>81
無能ほど自分は出来て凄いだろアピール繰り返すもんな >>77 >>79
バカに荒らされたな、単純なメニューバーとかと一緒にするなボケ、特定の状況でしか表示されないって書いたし>>62も試したと言ってるんだがな
こちらの状況を試したわけでもなく、何も知らんくせに適当に62だーって繰り返してるだけだろお前は せっかく画像まで貼り付けたのに無駄だったわ、こっちがレスしなきゃいつまで経ってもスレが更新されんのに、79〜81と一回書き込むだけでたった5分で3回もID変えて自演で煽る、
誰からも嫌われるカスっぷりは一人前 上で発狂してた子と一緒でいちいち余計な一言つけるね
同じ人か >>62もメニューバーじゃなくてコンテキストメニューだし
特定条件下でしか表示されなくてもやり方変わらない
試したというならその試したコードを書いてみろ .popup-internal-box > .scrollbutton-up,
.popup-internal-box > .scrollbutton-down {
display:none !important;
}
これでオートリピートボタン消えたよ 薄々感じてたがやっぱり同じ人だったか
試したコード貼ろうとは思わないの?
試したっていうだけの下らないアピールは他所でお願いします >>90-91
ブックマークツールバー、メニューバーのブックマークも消えてくれた。
ようやくすっきりした。ありがとう。 userChrome.cssについて質問です
Safariからの引っ越しで何日か調べながらやって、なんとか好きなデザイン近づきました。
新しいタブで開くボタン + のサイズを小さくしようとしましたが、該当部分が探せませんでした。
指定部分を教えてもらえると助かります。
https://i.imgur.com/2VEtBOa.png
userContent.cssの質問です
普段閲覧するフォントサイズを整えつつ、
動画サイトで使われるシークバーが文字化けしなよう、頑張ってcssを調べて書いてみました。
ホームページ側でfont-weight:boldを指定されていると、
使用しているフォントが太くなりすぎるので困ってます。
font-weight:bold;で指定された部分をfont-weight:600;に変更する方法はありますか?
調べてもbを指定して変更する方法は探せたのですが、font-weight:boldを指定して変更する方法が探せませんでした。
よろしくお願いいたします!
/*動画再生サイトのボタンで使われるWebフォントと指定フォントのコンフリクト避け。文字の太さはfont-weightで行う */
*{
font-family: "A-OTF Shin Go Pro";
font-size: 13px!important;
font-weight: 500!important;
/*font-weightで importantを指定するとヘディングの太字がうまくいかなくなる。
指定しないとページ側で指定されたfont-weight boldが適用されてしまう*/
letter-spacing: 0.3px!important;
line-height: 1.8em;}
h1,h2,h3,h4,h5,h6,b{
font-family: "A-OTF Shin Go Pro";
font-size: 13px!important;
font-weight: 600!important; /*太字を600にしたい!でもできない!*/
letter-spacing: 0.3px!important;
line-height: 1.9em;} すいません。
firefox再起動したら font-weigtはうまく動きました。
font-weight:bold; 指定された部分を
font-weight:600; に置き換えるcssを探してます。
むずかしい! 具体的なページがわからんからてきとー
font-weight:boldを指定しているCSSのコードがあるなら
そのセレクタをそのまま使って「!import」つけて上書きする
元のコードに!importつけられていたら優先度で勝てるようにセレクタを書き直す
言っている意味が分からないならググる >>94-95
任意の太さのフォントにする
システムにインストール済み
@font-face { font-family:'○○'; src:local('□□'); font-weight:△△; }
手元にファイルだけある非インストール状態
@font-face { font-family:'○○'; src:url('××'); font-weight:△△; }
*○○にfamily名、△△に適用したいweight、□□に使いたいweightのフォント名、英名でも和名でもおk
*××に使いたいweightのファイル名、絶対パスでも相対パスでもおk
userContent.cssと同じフォルダかそれ以下のサブフォルダにフォントを置くなら相対の方が楽
特定サイト限定なら@-moz-document内に、すべてのサイトならベタに記述しておく
ただしcss特有のルールとしてサイトの指定するfamily名と一致しないと有効にならない
例:A-OTF Shin Go ProとA-OTF 新ゴ Proは別名扱い、srcで指定するものはどちらであっても区別なし
様々なサイトのcssを見るといい、@font-face内でイミフなfamily名にしてるケースもあるから こんなの
toolbarbutton#tabs-newtab-button{
list-style-image: url("./image/newtabxxx.png") !important;
-moz-image-region: rect(2px, 15px, 16px, 2px) !important; ← 周りの幅で調節
} 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
ありがとう、分かってないけど4行目を修正したら動作しました。
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 を入れた
A /* メニューバーの色 */
menubar, toolbar, nav-bar, #TabsToolbar > *{
background-color: rgb(245,246,247) !important;
よろしくお願いします >>136
#nav-bar { box-shadow : none !important; } >>138
早速ありがとうございます。
そのまま追加しても消えませんでした。
A が無いと消えますがそうすると色設定ができません。 >>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だ 意味わからん場合、まずは、ググるなり調べないのかな? ■ このスレッドは過去ログ倉庫に格納されています