userChrome.css・userContent.cssスレ Part10
■ このスレッドは過去ログ倉庫に格納されています
>>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で動くものはなかった。 >>271
なんでスレチになるの？
userChrome.CSSはChromeでは旧くはStylish現在はStylusなりなんなりの
拡張機能で適用するものなんですけど？
もともとブラウザのULいじるやつのはずで、それが適用できるのはFirefoxか
Chromeの筈だけど、あんたは何に対してuserChrome.cssつかってんの？
脳内？ >>272
アドオン探すほうが早くね（SSL切らして死亡をまたやるかもしれんけどな）
むしろどうしてそんなに文字サイズ変更したいの？
文字をたくさん入力したいのに狭くて使いづらいんだったら広げればいいだけでは。 >>276
userChrome.cssやuserContent.cssはFirefox系にしかない機能でChromeでは使えない
つまりここはFirefoxを対象にしたスレなのでChromeはスレチ
お前が言っているのはuserContent.cssに準じた役割のユーザーCSS
userContent.cssは拡張じゃないのでStylus等の拡張が動かないページにも適用できる >>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 だけど つまり、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
https://u6.getuploader.com/script/download/1912
ほい。
どこかで見て、自分用に整理したやつあげる。72でも効いてるよ
非表示にするから、逆に/*付けるとそれが表示されることになる ↑あ、メンドイから自分のまんまなんで全部見直してみてね Dark Reader けっこぷいいよ。
建前はダークモードになるCSSをそのサイトのCSSと変えたり。
自分でCSSをつくるのもいい。
4種類までSave出来るから自作したCSSを登録してもいい。
なぜか、フォトレンダリングでアンチエイリアス機能やフォントのStloke Weightも調整でき
フォントの種類もいろいろ変えれる。
フォントとか変えてもな…と思ったらX印つけてそれはやらない設定が可能。
https://i.imgur.com/Cobwhh8.png >>301、>>303
他へのレスでそれ見ましたけど、うちの場合にも出来る物なんですね
一応今開く所までは出来たのでこれから詳しく見て行こうと思います
>>302
それは全く出来てない時のじゃないですっけ？
>>304
ありがとうございます
全部はまだ確認出来てないんですが、参考にさせて頂きます
皆様ありがとうございました ■ このスレッドは過去ログ倉庫に格納されています
