userChrome.css・userContent.cssスレ Part10 ->画像>29枚

●※前スレ
userChrome.css・userContent.cssスレ Part9
http://2chb.net/r/software/1544138804/

●拡張機能
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/

いちおつ

Stylishの「他のHTML 名前空間を基準とする」というのはどういう効果があるのでしょうか

モニターが小さいのでヘッダーを固定しているサイトは固定を解除しています。
しかし楽天市場商品ページのヘッダー固定をどうしても解除できません。
ヒントだけでもいいのでアドバイスをお願いします。

商品ページの参考URLです。
https://item.rakuten.co.jp/penshiru/4901480479262/?s-id=top_normal_browsehist&;xuseflg_ichiba01=10011029

起きて起動したら70にアプデされててまた死んでた…
対応頼む…

ご冥福

>>4
ユーザースタイルの !important 指定は最優先されると思ってたけど、
サイト側の要素属性内 !important 指定に負けてしまうんだね。属性指定強い・・・。
手元でいじってもjsで上書きを検知してさらに上書きしてくるから、つよい意思を感じる。

興味深い。なんかいいアイディアないかなぁ？

52esrでは普通に効いてるな
.riShopHdrWrap { position:absolute!important; }
あるいは
div#rakutenLimitedId_header .riShopHdrWrap { position:absolute!important; }

>>7-8
そうなんです。
何をしても固定解除ができません。
諦めようとしたんですが最後にここでアドバイスをしてもらおうかと。

>.riShopHdrWrap { position:absolute!important; }
>div#rakutenLimitedId_header .riShopHdrWrap { position:absolute!important; }
70.b9を使用しています。
旧バージョンでのcssの扱い方が違うからか無理でした。

検証ありがとうございます。

そこのclass名にFirefoxがあるってことはUAで判別しているわけで
about:configでgeneral.useragent.override.item.rakuten.co.jpって文字値の設定作って
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:52.0) Gecko/20100101 Firefox/52.0
って入れれば>>8が効くようになるよ

>>10
無印 71.0b4
Developer Edition 70.0b9
Waterfox 56.214
3つ共に駄目でした。
それで出来そうな予感はしたんですが俺環ですかね?
新規プロファイルでやってみます。

俺は手元のNightly72でやったらできたよ

>>12
そうでしたか、それなら確実に俺環ですね。

無印新規プロファイル。
68 ESRを新規でインストール。
共にStylusのみインストール状態です。

general.useragent.override.item.rakuten.co.jp
だけで無くドメインでも指定。
general.useragent.override.rakuten.co.jp
user agentも40代にしてみたりしましたが駄目でした。
さっぱり訳が分かりません。

取りあえず問題は解決できたようなので、ひとつずつ原因を探っていきたいと思います。
いろいろとありがとうございました。

general.useragent.override.domainName は 71 で削除されましたよ
https://bugzilla.mozilla.org/show_bug.cgi?id=1513574

70のportable版で試してもできた
俺はStylusじゃなくてuserContent.cssでやったんだがそれが影響してるのかな

user.js
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
user_pref("general.useragent.override.item.rakuten.co.jp", "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:52.0) Gecko/20100101 Firefox/52.0");

userContent.css
@-moz-document domain(item.rakuten.co.jp){
div#rakutenLimitedId_header .riShopHdrWrap { position:absolute!important; }
}

>>14
知りませんでした。
どうもありがとうございます。

>>15
自分の環境では影響を受けていたようです。
そしてスンナリとできました。
昨日からずっとモヤモヤしていたのが解決できて嬉しいです。
何度も検証していただいてすみません。

みなさん本当にありがとうございました。
良かった。

70用に変更しようとしてuserchrome.css空のまま上書きしてしまった
タブバーを上部下段に持ってくるやつ教えてくださいお願いします

没有

>>17
自己解決
やっと見つけられたわ

質問スレでブックマークツールバーのファビコン画像変更を模索したら、散々な目に遭いましたorz
世の中には酷い人も溢れているものですね

どなたか、v70のfirefoxで通用するファビコン用cssが実在するのであれば、そのコードを紹介して頂けませんか？
抽象的な文言を繰り返すだけの釣りではなく、具体例を挙げて頂けると嬉しいです

(A)ブックマークツールバーでフォルダをクリックとか、(B)メニューバー内のブックマークメニューとかで
先頭に表示される「▲」メニューと、最後に表示される「▼」メニューを削除したくて、
以下をuserChrome.cssに書いてました。

FF69.0.3まではこれでいけたんだけど、FF70にしたら使えなくなった。
開発者ツールで見た感じ、CSSセレクタ名とかIDは変わってなさそうなんだけど、
誰かわかる人いますか？

/* ブックマークメニューの▲▼スクロール領域を非表示 */
#BMB_bookmarksPopup .scrollbutton-up,
#BMB_bookmarksPopup .scrollbutton-down,
#bookmarksMenuPopup .scrollbutton-up,
#bookmarksMenuPopup .scrollbutton-down,
#personal-bookmarks .scrollbutton-up,
#personal-bookmarks .scrollbutton-down {
display: none !important;
}

>>20
ブックマークフォルダ画像じゃ無くてファビコンだよね?
cssのやり方は分からんけどブックマークのインポートでファビコンが無いサイトを好きなのに変更してる。

流れとしては
変更したい16pxのpngかico画像を探して保存。
http://www.iconarchive.com/ ここだと16px指定で探せる。

ブックマークをHTMLとしてエクスポート。
保存したhtmlファイルをメモ帳で開いて変更したいサイトの情報をコピー。
新しくメモ帳を開いてペースト。
その際にICON="●●●"を付け加える。
●●●はさっき保存した16px画像をBase64にエンコードした物をペースト。
https://lab.syncer.jp/Tool/Base64-encode/

任意のファイル名でhtmlとして保存。
保存したhtmlをインポート。

中身を貼りつけようと思ったけど文字数オーバーになった。
この後貼り付ける。

中身はこんな感じ、スレ違いでごめん。

----------------------
<!DOCTYPE NETSCAPE-Bookmark-file-1>
<!-- This is an automatically generated file.
It will be read and overwritten.
DO NOT EDIT! -->
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<TITLE>Bookmarks</TITLE>
<H1>ブックマークメニュー</H1>

<DL><p>
<DT><H3 ADD_DATE="1533559505" LAST_MODIFIED="1563454458">@@@</H3>
<DL><p>

<DT><A HREF="https://www.shokusenden.com/"; ADD_DATE="1571823403" LAST_MODIFIED="1571823878" ICON="data:image/png;base64,▲▲▲">[モニター] 食宣伝.com</A>

</DL><p>
</DL>
----------------------

>>23
貴重なご意見ありがとうございます
なるほど、htmlですから中身はコードでしたね
時代の変化で失念していました、盲点で勉強になります

私の環境ではブラウザ終了時にhtml書き換えでバックアップを残している点、
求めるファビコン変更先が規定の画像を別のものへ変更したい経緯である点、
それらにてhtmlの自作は実用が厳しく思われます

自分も似たようなことをuBlockのMyフィルターで行います
広告除去を含め、改変はサイト提供側からすれば邪道なユーザーでしょうが、こうしたネットサーフィンの利便性追及、
または嗜好を楽しめる機会が増えると嬉しいですね

ファビコンに関しては欲をかき過ぎましたかなあ（DQNに散々振り回されて疲れましたわ）orz
cssスレが不誠実な情報交換の場じゃないことを再確認出来ただけでも、有難いです

24＝25です

Status-4-EvarもどきのメニューバーVerを68.2で使うにはどこを変更したらいいのでしょうか？

>>3
こちら知ってる人いませんか

favicon変更はこんなもんでできるでしょ

.bookmark-item[label="そのブックマークの名前"] image{
display:none!important;
}
.bookmark-item[label="そのブックマークの名前"]::before{
content: url(使いたい画像);
}

>>28
旧式拡張の質問はPalemoonなり旧式Fxなりのスレなりで聞けや

使ってなかったから当てずっぽうで答えると
二つ選択肢があるなら片方がchrome（UI）に適用（userChrome.css相当）で
もう片方がcontent（Web表示とか）に適用（userContent.css相当）
選択肢が三つあったら両方に適用があるかも

>>29
出来んかった
もう疲れたよママン
別スレで虚言癖DQNのオナニーに付き合わされたせいで、
助言をありがとうという気持ちと検証済みの正確なコードをお願いという気持ちが半々、自分が嫌になるね

公式は防犯の観点でファビコン改変を防ぎたい方針らしく、自分も従うべきですかな
試行錯誤で無駄に疲れる方がなんだかなあ、と
またDQNに掴まされるのも嫌ですし

試してみたら普通にできた

質問スレでコード書いたのにキレられたし意味わからなすぎてそのまま朽ちればいい

自分が DQN ということに気がつかない

方針に従えばいいのに

ﾊｧﾝ

>>33-34
それを丸コピでここに貼るかスクショして画像をプリーズ

こういうときにScreeenshotsがあれば・・・

人のこと虚言癖だのなんだの言っといてチョーシこいてんなあ

何で名前と画像埋めるだけができないの

あくまでこれはできるってだけでサイズの調節もしてないから
質問スレで回答した親切な人にごめんなさいして教えてくれたリンク通りやれ

自分ができないからって虚言癖とかいうのは頭おかしいわな
俺も違うやり方でやってるけどできてるし
結局本人だけがDQNだったってオチ

コンテキストメニューやタブコンテキストメニュー、検索バーのサジェスト欄の
右側と下に出る細い黒い影のような部分を消すことはできませんか？

>>41
えッ　これ初めて見たんですけど質問スレのどこに出されています？
29さんのと似ていますな

その教えてくれたリンク通りというところが意味不明なんですよね
唯一あるリンクは変なサイトに飛んでコードらしいもの（特に41みたいな）は一切無く、
そのサイトでfaviconと検索しろという話かと思って散々試してもニュースしか出ないっつー

質問スレの回答者（似非親切マン）がリンクを貼ったつもりで妄想の中をオナニーしているんじゃなかったの？

改めて質問スレを確認したけどやっぱねーじゃんｗｗｗｗｗ
そしてずっとこのスレへそのリンクを貼ってっつっても見て分かるようにリンクなんて無かったっしょ
22さんの助言が、初めてファビコンに関するアドバイスだったわ

こういう無駄で他者を阻害することして楽しいんだろうよ、チョン系の屑は
掲示板で荒らしの対策をされたから、今度はわざわざ釣りってね、ご苦労なこったよ
俺には理解出来ん
だからバカチョンは存在自体が嫌なんだよね、名実ともに世界の癌だわ

ついでに地球上からチャイナとチョンが完全抹消されりゃ、相当良くなると思う
蟻社会と一緒で、仮に屑が消滅しても別の誰かが後釜へ入り込むかもしれないけどさ
少なくともチャイナとチョンよりはマシでしょ
マジで癌、リアルもネットもこんな掲示板の端っこでも害悪でしかねえ

一連の状況証拠から、虚言癖やDQNじゃなければ妄想オナニーの痴呆症、ほんまもんの屑だわ
==⊂⌒~⊃｡Д｡）⊃

なにこの DQN （）
馬鹿は何やっても無駄

似ているも何も>>41は>>29の名前と画像埋めただけ
これでもできるけどサイズ調節ないから質問スレの親切さんの見てやれって言われてる
質問スレに書き込んで自分のレスに安価張った回答が見えねえとか普通に病気

やっぱり本人がぶっ壊れてたな
29と似てるなんて言ってる辺りcssが全くわかってないようだし
自分の環境で自分の意図したとおりに表示されるよう書き上げられたものを
丸々貼り付けてもらわないと暴れるんだろう

マジレスするとこの先カスタマイズのハードルは更に上がって前途多難に陥るから
ファビコンごときレベルでギャーギャー騒ぐアホはデフォルトで使うかIEでも使ってろ

css自体も廃止されるしね

香港が中国に飲み込まれるのと同じように‥

cssが廃止されるって?
ページのレイアウトどーすんだよ

そこにtableがあるじゃろ？

CSSが廃止されるんでなくユーザースタイルシートで上書きが廃止されるだけ

まじめか

どこかではっきり言われてたのそれ
起動速度の為にデフォルトは読まないようになったのは知ってるけど

ユーザースタイルシートが使えなくなったら使えるバージョンに留まるか移住する

>>53
68の頃から
toolkit.legacyUserProfileCustomizations.stylesheets を true
にしたら、70 になっても全部効いてる。

legacy扱いか…

コンテキストメニューの順番を変えたいんだが、ググっても非表示にするやり方しかない、
順番を変える記述の例が載っているサイトとか無いですか？

過去スレの何枚かに出ているはずだが
#context_closeTab{-moz-box-ordinal-group: 0 !important;} みたいな感じで
上にしたい順に-moz-box-ordinal-groupを数字で指定

タブの多段はやっちゃダメな事なのか

全部の項目を思い通りの順番に並べるなんて不可能に近いぞ
特定の状況でしか表示されない項目やセパレーターも含めて、display:noneで消すものを除いた全部の項目に
-moz-box-ordinal-groupを設定しなきゃならない
どれか1つを一番上なり下なりに表示したいだけなら楽だけど

多段段ﾀﾞ段
多段段ﾀﾞ段　ｽﾞｯﾁｬｯ
多段段ﾀﾞ段　多段段ﾀﾞ段

そんな並び順が気になるなんて少し神経質すぎへん

開発陣が考えたデフォルトでは
タブに対応するメソッドとブラウザ全般に対するメソッドの階層構造が
位置が乱されて滅茶苦茶な感じになるのだわorz

自由度が少ないから、タブを下に下だけでは、その要求不満は解消できんけど、ありえない状況からは少しだけ開放される

Mozillaはどうしてタブが上部に数段あるバーの一番下にすることをかたくなに拒むんだろう

>>21
自分は別のところのポップアップをカラム化したくて色々調べてたんだけど
どうもスクロールボックス系はshadow DOMとかいうのに隠れたせいで一意のセレクタを持たなくなってしまったような気がする

一応これでブックマークの▲▼は消えてくれたけど全体に及んでしまうので副作用はあるかもしれない
.scrollbutton-up.menupopup-scrollbutton,
.scrollbutton-down.menupopup-scrollbutton { display: none !important; }

限定できないと不便だなあ

html2logという過去ログ取得アドオンがあり、5chの画像の、全部やスマホ版といった選択肢の
上でのみ、右クリックすると画像のようにメニューが現れる仕様です
この赤枠のコンテキストメニューを、一番上にもっていって表示させたいのですが、どう設定したらいいでしょうか？

直近の10レスくらい読み返せよ

>>69
当方の環境だとそれいれたけど、消えない。
「ブックマークツールバー」と「メニューのブックマーク」にて確認したけど。

>>70
こちら、>>62とか試したのですが、上に来ませんでした

>>72
そうかスマン
71betaで上手くいってるけど俺環だったか

>>73
「要素を調査」の区切りの次に入れるような指定でもされてるんじゃね
だとするとそっちいじらんとどうにも

>>74
73　それはファイル見る限り関係ないな、特定の状況絵しか表示されないが、
一番上なり下なりに表示するのなら楽なんじゃないの？

超楽だよ
本人がCSSについてほんのちょびっとも調べる気がないから
idついていない要素なのに#〜〜でやってるだけだろ

なんかもう62をそのまんまコピペしてそうだ

>>70
こちら知ってる人いませんでしょうか？　ただ、俺知ってるという下らないアピールは他所でお願いします

答えは>>62にブラウザーツールボックスで自分で調べたセレクタを当てはめるだけ
調べる気ないというアピールはいらん

1から10まで書いてくれなきゃ嫌！

無知ほど態度がでかい

>>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からの引っ越しで何日か調べながらやって、なんとか好きなデザイン近づきました。
新しいタブで開くボタン　+ のサイズを小さくしようとしましたが、該当部分が探せませんでした。
指定部分を教えてもらえると助かります。


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; 　←　周りの幅で調節
}

つーかそもそもmac(笑)はスレチでは…

C

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;
まぁ今は無理だよねどう見ても…

色々やってたらなんかでけたは
スンマソ

いややっぱだめだ全然出来てなかったw

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

>>107
z-index

>>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
http://2chb.net/r/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
で右上に表示できていた検索バーが左上になってしまったんですが
右上に表示する方法を教えてください

>>124 は解決したので無視してください

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");

ありがとうでけた
継ぎ足しで来てたから、俺も一度まっさらにしてから追加する戦法にした

CSSでStatus-4-Evarもどき、が71にアプデしたら最下段に来なくなったんですけど、修正出来る方おられますでしょうか？

>>131
71だが変わらず使えてるよ 他に原因があるのでは？

>>132
新規プロファイルに該当cssのみでも同じ状況だったけど、#PersonalToolbarにdisplay: inline-flex;追加で解決しました。
もしかしてこちらの大元のCSS自体が古い？

>>133
困ってたから助かったわ�d�d

タブバー一番下を直さずにしばらく使ってたら慣れちゃったや

おはようございます
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"); }
が入ってるとメニューバーのファイルをクリックすると表示が乱れるんですが
仕様ですか？
普通の縦表示にするにはどうしたらいいんでしょう？

検索バーの幅は、アドレスバーと検索バーの間のアイコンを一時他に移して
境目にポインティングカールを持っていけば、カーソルの形状が変わって幅変動モードになる
望みの幅になったら、一時移動していたアイコンを戻せば
視認しながら目的を達することができるよ

>>158
出来ました、ありがとうございます

検索バーについて誰も話題に出さないので
不思議に思っていたのですが
CSSを使わないでも変更できたんですね
勉強になりました

クソどうでもいいスクショを原寸で上げてる馬鹿がいると聞いて

そんなこと誰から聞いたんだ？

結局、タブ多段の、必要最低限、コンパクトな構文を教示出来る人は居ないの？

>>160
困ってる相手にクソどうでもいいって荒らしてるだけじゃんお前

Selection Context Searchで
コンテキストメニューの先頭に位置付けすることできますか？

>>138
教えていただいた記述に加え
テーマを "Light" に設定したら消えました

確認不足でした、申し訳ありませんでした。

ページ内検索バーを上部に表示はできたけど検索ボックスを右側に
するにはどうすればいいですか？

>>166
>>141

これ分かる方いませんか？
Swift Selection Searchのときは下記で先頭に出来たんだけど
#jid1-kdtticj6wxvafa_jetpack-menuitem-_sss{
-moz-box-ordinal-group: 0 !important;
}

>>167
ありがとう
そのレス見てたのに2行目の方適用しちゃってました

>>168
そのまんまで効くわけないだろう
ブラウザーツールボックスでSelection Context Searchのセレクタ調べて変えなよ

>>170
そういうレスもらっても意味分からん

ブラウザーツールボックスやセレクタを検索してわかるようになれ
何のためのSelection Context Searchだ

また例の教えてくれくれ君だろ

意味わからん場合、まずは、ググるなり調べないのかな？

ここので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書くの？

ちゃんと説明しようとすると面倒なんで簡単に言うと
UIに適用しますよーという宣言

>>176
これってでもここにアクセスしてないよね？

どうやってUIに適用してるの？
やっぱアクセスしてUIに設定してるの？

取り敢えずマルチカスは死んどけ

Mozilla Firefox質問スレッド Part185
http://2chb.net/r/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/

スレチlinuxガイジマルチage厨スルー推奨

また粘着キチガイが湧いてきた

userChrome.cssで行間を狭くしておいたFirefox Browserの動きが重くなったのでリフレッシュしたら、
サイドバーの行間が広くなってしまいました。
再度行間を狭くしようとウェブでuserChrome.cssの書き込みを色々調べて試してみましたが狭くなりません。
Firefox71.0で行間を狭くする方法を教えてください。宜しくお願いします。

な、age厨だろ

2020

2021

>>183
treechildren.sidebar-placesTreechildren::-moz-tree-row {
min-height: 1.5em !important;
height: 1.5em !important;
border-width: 1px !important;
}

これでどう？
自分の環境ではこれで狭くなってるけど

何故馬鹿はage厨に構ってしまうのか

最新バージョンで多段タブが出来なくなったのだが､
どなたか多段化出来るの書いたの貼ってください

多段化.zipみたいにいろんなの入ってるのはいりません

な、age厨だろ

最新バージョン以降だと多段は二度と無理だから諦めろ

出来るまで待ったほうが無難だな

Mozilla Firefox 多段タブスレ Part.1

http://2chb.net/r/software/1577781022/
これ試してみれば？

Firefox 72.0でも、tabs_multiple_lines_fx71.cssで多段出来ている。

そろそろメソッド2aの用意しとくか……

/* タブ一覧ボタンを常時表示 */
#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

72にバージョンアップしたはいいが…サイドバー(ブックマーク)の自動開閉が出来なくなってしまった・・・
どこをどう設定しなおせばいいか・・・分かる人がいたら教えて下さい

/* サイドバー自動開閉 */
#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
margin-right: -2px !important;
left: 2px !important;
min-width: 2px !important;
max-width: 2px !important;
box-shadow: 0 0 2px 0 rgba(0,0,0,.35);
}
#sidebar-box:hover {
margin-right: -350px !important;
left: 350px !important;
min-width: 350px !important;
max-width: 350px !important;
box-shadow: 0 0 3px 0 rgba(0,0,0,.35);
}
#sidebar {
opacity: 0 !important;
}
#sidebar:hover {
opacity: 1 !important;
}
#sidebar-header {
display: none !important;
}
#sidebar-splitter {
}

>>201
これいいな
#sidebar-box{}内に「z-index: 9998 !important;」を書き加えて
#statuspanel { z-index: 9999 !important; }を新たに併記したら機能したけどどうだろう
statuspanelは前面に出すと他の操作で支障出るかもしれない

>>202

ありがとうございます <(＿ ＿)>

さっそく試してみたのですが…自分の環境では作動してくれませんでした
申し訳ないです。

引き続きどうすれば作動するか自分でも色々試してイジってみます。

#sidebar-box {
z-index: 1 !important;
}

普通ならこれ追加すれば表示されるはずだよ
表示されないのなら何かとバッティングしてる

>>196
これ、分かる方いませんか？

あと正しくはこうだな
#sidebar-box>#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover>#sidebar {
opacity: 1 !important;
}

>>204

>>203とは別の者ですが、サイドバー自動開閉が復活しました
ありがとうございます

初め変わらないなと思ったのですが、Ctrl+Bで表示されました

もういっちょ
最初のブロックに
transition: all .1s ease;
を足すと開閉時にアニメーションするようになる

>>208
お、これいいですね！
早速使わせて頂きました
ありがとうございます

>>204

自分も復活しました <(＿ ＿)>
>>207の方が書かれてたとおりCtrl+Bで表示されました

因みに>>207の方が書かれてたとおりにしても
Ctrl+Bで表示されました

色々と教えてくれた方々に感謝します
ありがとうございました <(＿ ＿)>

訂正

因みに>>207の方が書かれてたとおりにしても
Ctrl+Bで表示されまし


因みに>>202の方が書かれてたとおりにしても
Ctrl+Bで表示されまし


間違えてすみませんでした <(＿ ＿)>

>>197
http://2chb.net/r/software/1513178964/731

これで上部タブを消してたんですけど、また表示されるようになりました
どこを修正すればいいんでしょうか？

#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
opacity: 0;
pointer-events: none;
}
#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
visibility: collapse !important;
}

過去に何らかの処置で消したはずの、青丸新着箱アイコンが72でゾンビします
これabout:configかcssで完全に除去する手順ありませんか？

72でも
https://www.favrev.net/firefox_bookmark_foldericons/
のやり方でフォルダの色戻せた

サイドバーのツリーのインデントはそのままで、
「ブックマークメニュー」と「他のブックマーク」の矢印だけを消したいです
インデントはそのままでフォルダ部分を左寄せしたい
どなたか助けて下さい

ビックリするくらい乞食しかいない件

そりゃそうだよ
自前でできる人はここには来ないもの

72にしたらステータスバーが消えてしまった・・・
なんとかならん？

72にアップしたら、cssでのタブカウンターが機能(カウント)しなくなりました・・・

/* タブカウンター */
#main-window { counter-reset: tabs;}
.tabbrowser-tab:not(:-moz-any([pinned],[concealed])){
counter-increment: tabs;
}
#alltabs-button {
visibility: visible!important;
margin-top: -5px!important;
margin-bottom: -5px!important;
min-height: 30px !important;
max-height: 30px !important;
text-shadow: rgba(255, 255, 255, .5) 0 0px 8px,rgba(255, 255, 255, .7) 0 1px 1px,rgba(255, 255, 255, .2) 0 2px 8px !important;}
#alltabs-button:after { content: "Tab:"counter(tabs);display: -moz-box;}
#alltabs-button > :-moz-any(label, image) { display: none;}


多分下から二番目の
#alltabs-button:after { content: "Tab:"counter(tabs);display: -moz-box;}
の行に問題が起きてるとは思うのですが、どう変更すればまた機能しますでしょうか？

72で不作動なので修正お願いします。
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0


/* change all the fonts together */
menubar,
menubutton,
menulist,
menu,
menuitem,
textbox,
toolbar,
.tab-text,
tree,
tooltip,
sidebarheader,
statusbar {
font-size: 10pt !important;
font-family: ヒラギノ丸ゴ ProN W4 !important;
}

https://raw.githubusercontent.com/Aris-t2/CustomCSSforFx/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65_v2.css
これ使ってタブバーを一番下にしてたんですけど
72にしたら文字が重なるようになってしまいました
タブを下にするだけでなくできればこの順番（タイトル・メニュー・ツール・タブ）で
並べていたいのですがどうしたらいいでしょうか

画像貼り忘れた。無くても分るかもしれないけど一応

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
を消すかコメントアウトしてみて

>>224
直った！！ありがとうございます！

>>220
そのコードのままでカウンターは表示されてる

>>223
Mozilla謹製のテーマだと問題なんだけどオリジナルテーマでカスタマイズしていると
ブックマークツールバーをマウスオーバーで自動開閉も効かないし文字がボケる(´・ω・`)
#PersonalToolbar:not([customizing="true"]) {
transform: translateY(-500px);
transition: transform 0s ease 300ms !important;
position: absolute !important; z-index: 1;
display: block;
width: 100%;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
transform: translateY(0px);
transition: transform 0s !important;
}

タブの高さなどを低くしています。

71までは次の図の通りなのですが
https://imgur.com/jMz5ixV

72にしたところ次の図の通り，例えば最小化・最大化ボタンの下に微妙な部分が生まれてしまいました。
https://imgur.com/vbAaskq

これを71のようにするにはどこを直せば良いか教えてください。

それも>>224やってみて

>>197
xul→xhtml

>>229
返答ありがとうございました。
ですが，私の userChrome.css には，
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
の記載がないのです。

追記です。
71まで使っていた userChrome.css には>>224の記載がありましたが，ネットで調べた結果，それを削除した72用の userChrome.css を使っています。
ですが，>>228の不具合が出た。という状況です。

>>227
72.0.1にGlass BlackテーマでニョキニョキOK

/*ブックマークツールバーをマウスオーバーで開閉する*/
#navigator-toolbox:not(:-moz-lwtheme) { /* Default テーマ */
background-color : hsl(0, 0%, 78%) !important;
}
#navigator-toolbox {
position : relative !important;
transition : all 0.3s ease 0s !important;
}
#PersonalToolbar:not([customizing="true"]) {
margin-top : -20px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important;
}

>>226
表示はされますが機能もしてます？
自分の環境だとTab:0のまま数が動かないんですが
71以前ではずっと問題がなくて機能しなくなったのは72に上げた直後からなんですけど
原因分かる方いませんでしょうか？

連レス失礼

色々と検索していた所
firefox用スクリプトアップローダーの｢多段タブzip｣をアップされている方の製作物の中に
Tab Counter.cssとTab number.cssというのがあってこのTab Counterも72では機能しませんでした(おま環でなければ)
しかしTab numberの方は機能してくれたのでこれでひとまずはなんとかなりそうです
｢多段タブzip｣を作成された方ありがとうございます


そしてタブカウンターに問題があるのはカウントの文字を表示する部分ではなく
.tabbrowser-tab:not(:-moz-any([pinned],[concealed])){
counter-increment: tabs;}
のカウントを取得する部分(？)にあるのかなと思ったりしましたがどうにも分かりませんでした
72からの本体の変更が怪しいとは思うのですが

>>234
もちろんインクリメントされてる

>>236
おい新規プロファイルで>>220試してみたけどタブの数字0から変わらなかったぞ
くだらねぇ嘘ついてんじゃねぇよドアホが

cssで変数使ってるんだけど
72だと
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
:root { --○○ }
だと駄目なんだな

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
*|*:root { --○○ }
にして動くようになったけど
1日悩んじゃったよ

>>237
ほれ

嘘松乞食が自演しとるw

バージョン変わるたび［コンテンツの下にタブを移動する］ができなくなります。
71までは自力やここのご助力もあり使用できましたが、必死に調べても今回もお手上げです。
alice0775の72へは変更済
71で使用していたCSS↓　ブラウザ最下層でタブ使用していました
*|*は>>238を試してみまたのですがダメでした。よろしくお願いします。

/* コンテンツの下にタブを移動する */
*|*:root:not([inDOMFullscreen]) #content-deck,
*|*:root:not([inDOMFullscreen]) > #browser{ margin-bottom: var(--tab-min-height) }
#TabsToolbar{ position: fixed; bottom: 0px; width: 100vw; height: var(--tab-min-height) }
#TabsToolbar-customization-target{ width: 100vw; }
#TabsToolbar{display: block !important;}
}

>>240
自演乙

嘘松自演乞食が居着いていますので、皆様方は回答なさらぬようお願いします。

どうせ>>224やってないだけだろ
>>220そのままにuserChrome.cssにするか@importするかで普通に動く

>>243
何勘違いして仕切ってんの？ｗ

勝手に変な勘違いして仕切り始めるとかバカとしかいえねぇｗｗｗ

俺も>>220やってみたが動かんな
そもそも>>239の画像はバージョン72以降だという証拠が無い件

そもそもタブカウントしてどうするの？

コードが理解できる人が見たらすぐわかるのにな
表示されてるのに下から2行目がおかしいって
おかしいのはオマエの目の付け所だつーの

↑どうした急に
自演がバレバレだぞ最低脳ｗ

関係ないなら黙っておけばいいのに悪趣味な嫌がらせする荒らしが居ついてるんだなぁ
別に質問しちゃいけないルールでもないのに乞食がどうこう言ってるのはひとりなんだろうし

あからさまに質問者を毛嫌いしてる自演ゴミが一人居てワロタｗ

>>241
>>108

>>253さん、誘導頂きありがとうございます。>>241 です。

>>108からの>>110も読んだのですが、どこに入れるか理解できません。
z-index を検索しサイト説明を読んでもさっぱり理解できませんでした。
本当に申し訳ないのですができれば入れる場所をご教示頂けませんか？
よろしくお願いいたします。

>>241 です。 自己解決しました！
>>253さんご誘導のおかげで三行目をしたのようにしたら最下層でタブ出現しました。
ありがとうございました。
#TabsToolbar{ position: fixed;z-index: 1; bottom: 0px; width: 100vw; height: var(--tab-min-height) }

>>227
【Firefox72】タブバーをツールバーの下に配置する (Tabs on Bottom)
https://ssbsblg.blogspot.com/2020/01/08.html

このサイトのCSSのtransformのとこを
transform: translateY(var(--bmtb)) !important;
にして使ってる
上からずり落ちてくるやつじゃないけど

>>238
TSTのマウスオーバーrootのところをこれで行けるな
ありがとお！

乞食！ｗ

恵む人

>>228　>>231　>232　の件，わかる方いらっしゃらないでしょうか。

>>260
どこを直せばいいか、を尋ねるんだったら先ず現在どんな記述をしてるのか、を書かないと
エスパーでもなけりゃ答えようがないと思うの

728名無しさん＠お腹いっぱい。2020/01/10(金) 21:33:13.92ID:ZEEDSJj/0(2)
>>726
CSSに追記したらうまくった
サンクス

729名無しさん＠お腹いっぱい。2020/01/10(金) 21:35:12.63ID:at8+bj+g0(2)
cssに追記ってまんまコピペする方法以外にある？
ごちゃごちゃしてわけわからんくなりそう

730名無しさん＠お腹いっぱい。2020/01/10(金) 21:36:08.50ID:bdpadDJy0(2)
@import
_____________________________

＞@import "userChromeCSS/ucjsDownloadsStatusModoki.uc.js.css";
＞@importは外部のCSSファイルを取り込むときに使用
72のuserChrome.css内のこれってそういう意味だったんだ
スッキリするな

もしかして内容コピペしている人、結構いるのか…

一つのファイルにした方が読み込みが早い

>>261　おっしゃるとおりです。失礼しました。該当箇所は下記のようにしています。

/* タイトルバーの高さ */
#titlebar {height: 24px !important;}

/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox{
font-size:12px;
min-height: 24px !important;
max-height: 24px !important;
}

/* タブ幅・タブ高の設定 */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 140px !important;
max-width: 140px !important;
height: 24px !important;
flex-grow: 1;

>>230
亀で横からだけど、ありがとう

Google拡張のページ
Googleスプレッドシートの下半分（メニューバー以外）
以上の部分で文字を太くエイリアスをかけるCSSを指定するにはどうしたらいいか教えてください
今こんなふうに書いてる
*{
-webkit-text-stroke-width: 0.7px !important;
text-shadow: 0 0 0.1px !important;
}

ウェブストアはpreタグが入ってきたところに適用されない。
スプレッドシートはレンダリングが終わると元の細すぎて見えない文字になってしまう。
F12やらublockやらで見ても、なんでここに適用されないのかわからん。

しまった！

Chromeユーザーです。
Firefoxだとこの見えない文字は起きません（Mozilla拡張のページではこれまた起きるけどね…

検索バーの虫眼鏡を消すことってできませんか？

>>269
ググったら出てきたけどこれじゃだめなの？
p://mozilla-remix.seesaa.net/article/57915040.html

スレチ基地外ﾁｮﾛﾏｰスルー推奨

アドレスバー、検索バーのフォントサイズを変更できませんか？
プルダウン表示も含めて
ググっても72.0で動くものはなかった。

ブラウザーツールボックス使えばすぐわかる

>>273
それはわたしには無理

ハイ次の患者さんどうぞ

>>271
なんでスレチになるの？
userChrome.CSSはChromeでは旧くはStylish現在はStylusなりなんなりの
拡張機能で適用するものなんですけど？
もともとブラウザのULいじるやつのはずで、それが適用できるのはFirefoxか
Chromeの筈だけど、あんたは何に対してuserChrome.cssつかってんの？
脳内？

>>272
アドオン探すほうが早くね（SSL切らして死亡をまたやるかもしれんけどな）
むしろどうしてそんなに文字サイズ変更したいの？
文字をたくさん入力したいのに狭くて使いづらいんだったら広げればいいだけでは。

>>277
小さすぎて爺には読みずらい

これ右寄せ表示に出来ないかな

>>276
userChrome.cssやuserContent.cssはFirefox系にしかない機能でChromeでは使えない
つまりここはFirefoxを対象にしたスレなのでChromeはスレチ

お前が言っているのはuserContent.cssに準じた役割のユーザーCSS
userContent.cssは拡張じゃないのでStylus等の拡張が動かないページにも適用できる

>>221
これ、どなたかお願いします。

>>281
ブラウザーツールボックス

age厨に構うなよ
基地外が感染るぞ

>>279
お豆腐さんのサイトにヒントがあったような

よろしくお願いします

スクロールバー72のFirefoxアダプティブページの背景色 - コードワールド
https://www.codetd.com/ja/article/7838709

無効にして従来通りにできますか？


>>284
横からですがありがとうございます。

すみません、自己解決しました。
about:config で widget.disable-dark-scrollbar を true

/*
 * Google検索結果のファビコンとURLをタイトルの下に表示。
 * 新レイアウト(2020-01)用。
 */
@-moz-document domain("www.google.com"),
               domain("www.google.co.jp") {
  #search div.r > a[href] > div:first-child,
  #search div.r > a[href] > div:first-child + br { display: none !important }
  #search div.r > a[href] > h3 { margin-bottom: 0 !important }
  #search div.r > a[href] + div { position: static !important; height: auto !important }
  #search div.r > a[href] + div > div { visibility: visible !important }
}

>>287
どもです。
ただこれすると。URLが下にも表示されずに消えてしまった。
Firefox のバージョンが56.0.2と古いけど、それが悪いのかな。

試してみたらURLがタイトルの上に表示されとる
firefox72.01

Google検索はWebブラウザを問わずそうなってるな、Windows 7 だけど

Linuxでも同じだ

つまり、Google検索の結果をレスポンススタイルをGoogleが変えたのだ

>>288
73の俺環でもURL消えたけど干渉してたuserscript無効にしたらちゃんと下に表示された
でも結局もっといじりたくて作り直した

ファビコンはタイトルの前に、URLはその下にっていう
ファビコン付与スクリプトを使った元の環境の表示に戻したいが
とりあえず、>>287さん助かりました。

>>293
Google Hit Hider無効にしたらURLが下に表示されたわ
でもこれじゃ困るんだよなぁ・・・

CSSって親要素や前方の兄弟要素を指定する方法無いよな？
userChrome.jsでUI弄ってたのをuserChrome.cssだけでどこまで再現できるか試してるんだけど、なかなかキツイな…

>>238
これだったありがとうございます
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
を消せば*|*なしの元のままでも動いたけどそれでも必要なんだろうか
浅い知識ではおまじないとしか把握してないのでわかんねえ

>>295
俺も影響してたのそれだったけどそっちはいじりたくなかったんで
タイトルとURLはpositionで入れ替えることにしたわ
どうせまたすぐソース改変されるんだろうけど！！

>>297
@namespace userChrome url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
として名前空間に接頭辞付けるだけでもよかった
調べてもなぜこうなるのかよく分からないが動くからええか

72になり72用にして出来る様にはなったんだけど出来無くなった物もあるのでその辺教えて頂けませんか？
スレの最初から見たんですけど話題になっていなかったので
/* コンテキストメニューから各種不要要素を消す　*/
#context-savepage,
#context-sendpagetodevice,
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-viewbgimage,
#context-openlinkprivate,
#context-sep-open,
#context-bookmarklink,
#context-sendlinktodevice,
#context-sep-sendlinktodevice,
#context-sendimage,
#context-setDesktopBackground,

/* タブコンテキストメニューから各種不要要素を消す　*/
#context_reloadTab,
#context_toggleMuteTab,
#context_tabViewMenu,
#context_openTabInWindow,
#context_reloadAllTabs,
#context_closeTabsToTheEnd,
#context_closeOtherTabs,
#context_sendTabToDevice,
#context_selectAllTabs,
#context_moveTabOptions,
#context_bookmarkTab,
#tabContextMenu > menuseparator{display: none !important;}

/* 最小化・最大化・閉じるボタンを非表示 */
.titlebar-button { display: none !important; }

そういうのはめんどくせーから誰も答えないのよ
ブラウザーツールボックス使えってこと

>>300
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets",true);

>>300
ブラウザツールボックス

>>300
https://u6.getuploader.com/script/download/1912

ほい。
どこかで見て、自分用に整理したやつあげる。72でも効いてるよ
非表示にするから、逆に/*付けるとそれが表示されることになる

↑あ、メンドイから自分のまんまなんで全部見直してみてね

Dark Reader けっこぷいいよ。
建前はダークモードになるCSSをそのサイトのCSSと変えたり。
自分でCSSをつくるのもいい。
4種類までSave出来るから自作したCSSを登録してもいい。
なぜか、フォトレンダリングでアンチエイリアス機能やフォントのStloke Weightも調整でき
フォントの種類もいろいろ変えれる。
フォントとか変えてもな…と思ったらX印つけてそれはやらない設定が可能。

Dark Leader

>>301、>>303
他へのレスでそれ見ましたけど、うちの場合にも出来る物なんですね
一応今開く所までは出来たのでこれから詳しく見て行こうと思います
>>302
それは全く出来てない時のじゃないですっけ？
>>304
ありがとうございます
全部はまだ確認出来てないんですが、参考にさせて頂きます

皆様ありがとうございました

すみません。質問させてください…。
こんな使い方自分しかいないと思うんですが、サイドバーの横にタブバーを置きたいです。
ググって出てきたものが

(function(){
var tabbox = document.createElement("toolbox");
document.getElementById("appcontent").insertBefore(tabbox,document.getElementById("content"));
tabbox.appendChild(document.getElementById("TabsToolbar"));
})();

ググって出てきたのがこちらのコードなのですが、古すぎて使えませんでした…。
(もしかしてuserchrome.jsのコード…？スレチでしたらすみません。)
どうかご教示ください。よろしくおねがいします。

完全に自分用だけど折角なので
urlバー短い運用してたらどんどん狭くなってた
/* urlバーのズームの％表示を無くしコンパクトに */
#urlbar-zoom-button > .toolbarbutton-text { display: none !important;}
#urlbar-zoom-button::after { content: "🔎︎" !important;}
#urlbar-zoom-button {
margin-left: 0px!important;
margin-right: 0px!important;
border: none!important;
border-radius: 0!important;
padding: 0px!important;
width: 24px !important;
height: 24px !important;}

/* urlバー左の|区切り消去 */
#identity-box{
border-inline-end: 0px !important;}

/* urlバーの保護アイコン,サイトの名前,コンテナの名前,右の|区切り消去 */
#tracking-protection-icon-container,#identity-icon-labels,#userContext-label,#pageActionSeparator
{display: none !important;}

>>287
さらに、URLの内容を従来通りに戻すことはできませんか？
> より / の方が見やすいし、ドメイン以降の文字列も表示してほしいです。

>>309
userChrome.jsの質問は↓
Firefox userChrome.js greasemonkeyスクリプトｽﾚ41
http://2chb.net/r/software/1579175685/

スレチだけど、今あっち荒らされてるから答えるわ

(()=>{
let tabsToolbar = document.getElementById("TabsToolbar");
document.getElementById("appcontent").insertBefore(tabsToolbar, document.getElementById("tabbrowser-tabbox"));
tabsToolbar.setAttribute("style", "max-height: 30px;");
tabsToolbar = null;
})();

これで行けると思うけど自分で調整して
userChrome.jsで強制的にUIのレイアウト弄ると正常に機能しなくなったりするから
できるだけuserChrome.cssでやった方が良いぞ

>>287
72.0.1で効かない。
新レイアウト(2020-01)って何？

>>311
出来ました〜！
ありがとうございます！
やっぱりuserChrome.cssでやった方がいいですよね…
でも教えてくださったこちらのコードを使います
ありがとうございました！

すみません
>>312さん宛でした…

Firefox本体の検索窓の「貼り付けて検索」を、コンテキストメニューの一番上に表示できますか?
できたらロケーションバーの方も。

>>316
貼り付けて検索？

>>316
オムニバー（ロケーションバー）の場合は「貼り付けて移動」では？
一応両方ともに可能

>>313
新レイアウトがわからん人には全くもって不要だから効かなくても気にするな
煽りとかじゃなくて

>>311
出来ないこともないけど、クリックするとリダイレクトURLに変わってしまうだとか、
選択してコピーできない(これは>>287も同じか)だとかで、あまり嬉しくない。
やるならユーザースクリプトか拡張機能。

だけど一応書いてみた。
https://pastebin.com/G6sXUatA

>>313
2020年1月にリリースされたGoogle検索結果ページの新デザインのこと。

旧
新
>>287

効かないのは再現しないんで分かりません。
他のユーザースタイルシートやユーザースクリプトとの併用は想定していないよ。

>>321
サンクス
>>320やってみたけど変わらず、Stylusでかぶってるかも、
新デザインでも良いや

>>321
userContent.cssにこれだけ記したらできました(従来のを消しました)
ありがとうございます。

Google Hit Hider by Domain (Search Filter / Block Sites)とも併用できました。

>>320
https://pastebin.com/G6sXUatAをuserChrome.cssに追記したけど反応せず。
新規プロファイルでで試すと旧スタイルで表示された。
オプションのFirefox終了時に履歴を消去するでログイン情報以外をすべて削除して再起動しても旧スタイルにならず。
他になにを試せば良いでしょうか？

>>324
横からだけど userChrome.css じゃなくて userContent.css に記述したよ俺は >>323 を見て

>>325
>>323のこれだけって何のこと？https://pastebin.com/G6sXUatAのこと？

>>326
それは >>323 さんに聞かないと分からない

>>325
ごめん、userContent.cssで出来ました

>>320
どうもです。
大分マシになりました

このスレで乞食行為は禁止です

乞食はマナー違反です

クレクレ君に気を付けてください

乞食は業界の癌

乞食はやめロッテ

こじるの禁止

ダメ絶対

やめてくれよな頼むよ

乞食は寄生虫です
在日です

乞食=在日

放射脳の乞食が書き込まないでください

乞食はどこにでもいる
在日かな？

絶対アカン

恥だな

コンテキストメニューの順序を変更することは出来ますか？
日本語用コンテキスト検索というアドオンを一番上に持っていきたいです

>>344
該当する要素を調べた上で記述すれば可能

>>344
おっ乞食か？

>>344
んっ！これは乞食！w

>>344
乞食は禁止やでー

こいつ乞食やで

乞食がいないと与えるものも居なくなる

>>344！アウトー！

乞食っちおつかれー

>>344の国籍は？

パスポート見せて

以前はコンテキストメニューを編集のためのアドオンがあったけど
今では、出来ることと言えば、何とか表示を抑制する程度だからね

本当に日本人？

　乞食と聞いて即参上！
ウリのトンスルを物乞いしてるのは誰ニダ！？

半島の人でしょ

色々問題あったらしいけどSナントカのMenu Wizardって便利だったもんな
あれはUIに優れていた

乞食=朝鮮人

早く教えろニダ

図々しいやつら

このスレでくれくれは禁止です

簡単にくれることが出来れば、ドヤ顔するのだろうけど
もう、ドヤ顔のネタがつきているからな
貧しては、ない袖は振れぬわな

マナーは守って

変

ちょんこじきさん

　はあ・・・パトロールに忙しいニダ
userChromeでググったら必ずこの偉大なる太極旗がヒットするようにしなければならないニダ

WaterfoxでMenu Wizard編集して設定保存からcssをFirefoxに導入する方法使ってるけど
順番を入れ替えられないしFirefox独自のメニューは消せないからなぁ

コンテキストメニューが自由に編集できれば
アドオンも追加導入する余地が生まれるけど
見るに耐えないコンテキストメニューになるからな
ちょっと、アドオン削除して入れ変えたりするとアイテムの表示順序変わって混乱する

乞食=在日

>>314
横からだけど
以前自分も同じことをやろうとしてできなかったのですが
最近cssでやっとできました

/*タブの左端スペース調整 */
#TabsToolbar {
margin-left: 177px !important;
}

/* サイドバーを上に詰める */
#sidebar-box{
position: fixed !important;
margin-top:-31px !important;
}

いやしんぼめ

乞食はゴキブリだ
思わぬ場所に潜んでいる

レスをする時は必ず偉大なアイコンをつけるニダ
「いやしんぼめ」

道徳の授業からやり直そう

レスをする時は必ず偉大なアイコンをつけるニダ
「道徳の授業からやり直そう」

生産性ない

レスをする時は必ず偉大なアイコンをつけるニダ
「生産性ない」

うんこじき

レスをする時は必ず偉大なアイコンをつけるニダ
「うんこじき」

寄生虫です

レスをする時は必ず偉大なアイコンをつけるニダ
「寄生虫です」

やめてくれよな頼むよ

レスをする時は必ず偉大なアイコンをつけるニダ
「やめてくれよな頼むよ」

チョンは呼吸する様に荒らすから困るお

乞食のけーい

レスをする時は必ず偉大なアイコンをつけるニダ
「乞食のけーい」

やっぱり乞食はクソっスね

乞食する人は生活保護で生きてそう

レスをする時は必ず偉大なアイコンをつけるニダ
「やっぱり乞食はクソっスね」

レスをする時は必ず偉大なアイコンをつけるニダ
「乞食する人は生活保護で生きてそう」

非常に残念です

レスをする時は必ず偉大なアイコンをつけるニダ
「非常に残念です

乞食はどこにでもわく

レスをする時は必ず偉大なアイコンをつけるニダ
「乞食はどこにでもわく」

乞食は業界の癌

レスをする時は必ず偉大なアイコンをつけるニダ
「乞食は業界の癌」

マナーを守ろう

きたないスレだなあ

あんま絡みたくないけど…
荒らしさん、スレ間違えてねぇ？

こじき言うからおこぅちゃったんだろう

乞食行為をやめてください

レスをする時は必ず偉大なアイコンをつけるニダ
「乞食行為をやめてください」

ファビョってて草

根っからの乞食

僕の心のやばいやつ

スレのレベルがどんどん下がってる

スレの未来を憂う

このスレで乞食行為は禁止です

古事記にも書かれている

ここは質問スレではありません

ルールを守ってください

モラルを持って行動しましょう

このスレで乞食行為は禁止です

古事記にもそう書かれている

ここは質問スレではありません

ルールを守ってください

モラルを持って行動しましょう

クレクレ君に気を付けてください

禁止ダメ絶対

ブックマークフォルダを黄色にするやり方上手くいかなかったけどやっとわかった
ダウンロードしたpngを同じ階層に入れてなかったせいだった

俺が使っているuserChrome.css
タブ幅は110pxで固定、高さは26pxに改変
元はhttps://github.com/aris-t2/customcssforfx

https://u6.getuploader.com/script/download/1916

72.0.2の間違いでしたw

72での多段で，2段以上の場合は意図通りになりました。
https://imgur.com/a/prAe2mW
しかし，1段のときにタブの上に隙間が空いてしまいます。
https://imgur.com/a/4wvCvsn
どの部分を調整すればよいか教えてください。

URLを修正しました。

72での多段で，2段以上の場合は意図通りになりました。

しかし，1段のときにタブの上に隙間が空いてしまいます。

どの部分を調整すればよいか教えてください。

>>426
> 72での多段で，2段以上の場合は意図通りになりました。
それどんな手段を使って実現したの？
それがわからないとどこを調整すればいいのかアドバイスできないよ

>>427
多段タブ.ZIPにあった下記の記述です。

/* タブバー 縦幅 最小値 */
#titlebar,tabs {
min-height: 24px !important;
}

/* タブ 縦幅 */
scrollbox[smoothscroll="true"] {
max-height: calc(24px * 3); /* 段数(デフォルト5段を3段に) */
}
tabs tab,.tab-background {
height: 24px;
}

/* 新しいタブボタン 縦幅 */
#tabs-newtab-button {
height: 23px;
padding: 1px 0 0 !important;
}
#tabs-newtab-button > .toolbarbutton-icon {
padding: 4px 6px !important;
}

乞食は去れ

乞食は業界の癌

このスレは乞食行為が禁止されています

乞食が増えるとコミュニティが死にます

このスレも死にかけています

乞食からスレを守りましょう

スレを汚すな

今の5ちゃんはどこも低能しかいない

放射能に壊されたド低能しかいないスレ

スレのレベルがどんどん下がってる

クレクレ君は去れ

乞食の肛門は激臭

このスレは質問禁止です

乞食大国日本

ここは質問スレではありません

クレクレ君は、金も手間も掛けずに、要求と文句だけいう屑

仕切り厨w

クレクレ君の肛門は激臭

低レベルな質問者が諸悪の根源

コミュニティを守るために乞食スルー推奨

質問禁止スレです

質問スレではございません

乞食が人間でないことは証明されている

乞食=在日

在日の肛門は激臭

こいつ乞食っぽいなと思ったらスルーで

乞食は去れ

このスレで乞食行為は禁止です

汚点になる

汚物認定者の汚物化、紺屋の白袴www

惨めなやつらだなあ

自分で何もできない情けないやつら

クレクレはスレ汚しやがって消えろ！
性格悪すぎ！

クレクレは去れ

乞食の肛門は激臭

乞食は業界の癌

クレクレはシカト安定だな

レベルの高いスレを目指しましょう

向上心がなくレベルが低い

このスレは質問禁止です

ワッチョイで逃げ出す小心者荒らし

建設的な議論を活発に

乞食を排除してスレを活性化させましょう

乞食は業界の癌

スレの根本が腐ってる

乞食＞＞＞＞＞＞在日

スレに寄生する害虫は駆除したほうがいい

きたないスレだなあ

土人に劣る日本人の乞食精神

ワロタ、日本の周りにはりっぱな土人が住まいになっております

クレクレの肛門は激臭

在日＞＞＞＞＞＞クレクレ君

このスレはクレクレ禁止です

ここは 質問スレではございません

クレクレ君は去れ

健全な議論の場にしましょう

建設的な意見を出し合いましょう

乞食は去れ

古事記のせいでスレが崩壊した

最低だな

最低最悪の下等民族
それがコジキ

乞食の肛門は激臭

無知を恥じてください

ワロタ、オオカミ少年たちの群れ

コミュニティ崩壊の原因

知的財産に群がるゴキブリ

もはや、カキコネタなしの素寒貧がスレ仕切りwww

このスレは乞食行為禁止です