問題タブ [stylish]

このスタイリッシュなコードを Firefox のドメイン plus.google.com のみに適用するにはどうすればよいですか?

Chrome では、スタイリッシュな拡張機能を使用して、スタイルを適用するドメインを指定できますが、Firefox のスタイリッシュな拡張機能では、それを拡張機能の一部として指定できません。

このページ@-moz-documentで説明されているルールを使用してみましたが、うまくいかないようです。

私が使用したコードは次のとおりです-(私の試みにもかかわらず) plus.google.com ドメインに固有のものではありません:

助けてください？

これは、アイコン（小さなFirefox）とオレンジ色のFirefoxボタンにFlipClockと呼ばれるアドオンを表示するために使用するユーザースタイルのコードの一部です。

chrome://branding/content/icon16.png（小さなFirefox）を別の画像に置き換えたい。しかし、私が適用した画像は大きすぎます。

• 完全なスタイリッシュなコード：tny.cz/44499fac

• オリジナルのオレンジ色のFirefoxボタン：
  

• ユーザースタイルが適用された後：
  

• 使用したい画像（クリックすると適切な画像が表示されます）：
  

• これは私の試みがどのように見えるかです：
  

サイズを設定するにはどうすればよいですか？
ありがとう！

@-moz-document url-prefix(http://)スタイリッシュでは、たとえばを使用してドメインを指定できます。

これはすべての URL に適用されます。スタイルに影響を与えたくないURL を指定する方法はありますか? これは、使用したい別のスタイルシートがある指定された URL を除くすべてに影響を与えるグローバル スタイルシートを持つことができることを意味します。

標準の CSS カウンター メカニズムを使用して、Mindtouch wiki に見出しの自動番号付けを実装しようとしています。CSS は、Chrome のスタイリッシュな拡張機能を使用して Web サイトに適用されています。

奇妙なことに、トップレベルの見出し (私の場合は h2。h1 はページ タイトル用に予約されています) が正しく機能していませんが、それ以外はすべて機能しています。テストページで得られる出力は次のとおりです。

何が原因でこれが起こるのか、またはそれを追跡する方法さえわかりません。誰かがいくつかの指針を持っているなら、私はそれを大いに感謝します.

jsfiddle では、同じ CSS と同じ HTML で目的の結果が得られます。(1, 2, 2.1, 2.2, 2.2.1, 2.2.2, 2.3, 3)

これが私が使用しているCSSです（Stylishから直接貼り付けました）：

そして最後に、無関係なジャンクが違いを生む場合に備えて、サンプル wiki ページから直接 HTML を示します (jsfiddle では何の違いもないようです)。

Helvetica フォントと Helvetica Neue を使用している Web サイトで問題が発生しています。
私はそれを修正するためにいくつかの助けを得ようとしましたが、どうやらLinuxのインストールに問題があるようです.

自分で修正することはできないので、Helvetica または Helvetica Neue を使用する Web サイトを検出するために、Chrome ブラウザー用のユーザースタイル (スタイリッシュ) またはユーザースクリプトを作成することを考えました。
これらのフォントを使用している場合は、別のフォントに置き換えてください。

これはどのように実装できますか？

Google タスク ページのメモサイズを変更する Google Chrome 用のスタイリッシュなスクリプトを作成したいと考えています。<textarea>

スタイルを設定したい要素は次のとおりです。

現在、私のスタイリッシュなスクリプトは次のようになっています。

何らかの理由で機能していません。

私はテストとトライアルから CSS を少し学んでいますが、Web 検索でこの特定の問題の解決策を見つけることができませんでした。

私は英語を学んでいる人を手伝っています。彼女は小さな画面で Google 翻訳を多用しています。Google のツールバーと煩わしい「Google Chrome のダウンロード」ポップアップを次の方法で非表示にすることができました (私はスタイリッシュを使用しています)。

問題は、それらが隠されているのに、翻訳された Web サイトがフレームに残り、上部に 70px から 160px までのスペースがあることです。私が話している対応するコードは次のとおりです。

そして、これは検索後に思い付くことができる最高のものですが、機能しません:

ありがとうございました！

そこで、Arial を以前の Windows ディストリビューションから Linux に移行しましたが、12px Arial の問題と戦わなければなりませんでした。サイズを 13px に変更することで提案どおりに修正しましたが、実際には、Liberation Sans の Google カレンダーの方が以前よりもはるかに優れていると判断しました。カレンダーの主要部分を修正するためにスタイリッシュを使用しましたが、Google タスク セクションで Liberation Sans を使用することはできません。これは、はるかに複雑で奇妙な CSS セレクターを使用しているためです。Firebug によると、Tasks セクションの font-family はdiv#:x.tl.UHTML で定義されている

しかし、使用して

あるいは

結果は出ません。メイン（月・2週間表示）の部分は、

正常に動作します (Google が font-family を定義するために使用する要素を正確に変更します)。これらのセレクターを使用するにはどうすればよいですか? 私はいくつかの CSS を知っていますが、そのような複雑さは私を超えています。（また、誰かが「.、:」などのさまざまな部分の意味を説明できれば...?）

編集: タスク セクションだけでなく、週ビューにも Arial と Liberation Sans が混在して表示されます。body 要素の font-family も定義しましたが、実際には継承されていないようです...ページ内の Arial のすべての宣言を探し出して手動で置き換えるよりも良いアイデアはありますか?

CSS を介して入力にテキストが含まれているかどうかを検出する方法はありますか? :empty疑似クラスを使用してみましたが[value=""]、どちらも機能しませんでした。これに対する単一の解決策を見つけることができないようです。

:checked、および の疑似クラスがあり:indeterminate、どちらも似たようなものであることを考えると、これは可能であるに違いないと思います。

注意: JavaScript を利用できない「スタイリッシュな」スタイルのためにこれを行っています。

また、Stylish はクライアント側で、ユーザーが制御しないページで使用されることに注意してください。