userChrome.css・userContent.cssスレ Part10
■ このスレッドは過去ログ倉庫に格納されています
ちゃんと説明しようとすると面倒なんで簡単に言うと
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 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;
}
普通ならこれ追加すれば表示されるはずだよ
表示されないのなら何かとバッティングしてる あと正しくはこうだな
#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で表示されまし
間違えてすみませんでした <(＿ ＿)> これで上部タブを消してたんですけど、また表示されるようになりました
どこを修正すればいいんでしょうか？
#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にしたらステータスバーが消えてしまった・・・
なんとかならん？ 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;
} >>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のようにするにはどこを直せば良いか教えてください。 >>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からの本体の変更が怪しいとは思うのですが >>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日悩んじゃったよ バージョン変わるたび［コンテンツの下にタブを移動する］ができなくなります。
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;}
} 嘘松自演乞食が居着いていますので、皆様方は回答なさらぬようお願いします。 どうせ>>224やってないだけだろ
>>220そのままにuserChrome.cssにするか@importするかで普通に動く 勝手に変な勘違いして仕切り始めるとかバカとしかいえねぇｗｗｗ 俺も>>220やってみたが動かんな
そもそも>>239の画像はバージョン72以降だという証拠が無い件 コードが理解できる人が見たらすぐわかるのにな
表示されてるのに下から2行目がおかしいって
おかしいのはオマエの目の付け所だつーの 関係ないなら黙っておけばいいのに悪趣味な嫌がらせする荒らしが居ついてるんだなぁ
別に質問しちゃいけないルールでもないのに乞食がどうこう言ってるのはひとりなんだろうし あからさまに質問者を毛嫌いしてる自演ゴミが一人居てワロタｗ >>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; 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で動くものはなかった。 ■ このスレッドは過去ログ倉庫に格納されています
