すたすた式
Firefox
0.31アップデート後、以前のCSSが効かなくなったようなので、分かる範囲で対応しました。
userContent.cssに下記を記述
#vimvixen-console * :not(input){ font-size: 18px !important; opacity: .9; } .vimvixen-console input { font-size: 20px !important; }
ちょっと（かなり）自信はありませんが、とりあえず文字は大きくなりました。(opacityで透過もさせました)
アドレスバーにabout:blankと入力。Enter。Shift + F7で開発ツールのスタイルシートを表示。
about:blank
インラインスタイルシートとindex.cssが読み込まれていました。
インラインスタイルシート
.vimvixen-console-frame { margin: 0; padding: 0; bottom: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 2147483647; border: none !important; background-color: unset !important; pointer-events:none; } .vimvixen-hint { background-color: yellow; border: 1px solid gold; font-weight: bold; position: absolute; text-transform: uppercase; z-index: 2147483647; font-size: 12px; color: black; }
index.css
html, body, * { margin: 0; padding: 0; font-style: normal; font-family: monospace; font-size: 12px; line-height: 16px; } input { font-style: normal; font-family: monospace; font-size: 12px; line-height: 16px; } body { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; } .vimvixen-console { bottom: 0; margin: 0; padding: 0; }
インスペクターで見ると以下に展開されるようですが
<div id="vimvixen-console" class="vimvixen-console"></div>
id="vimvixen-console"に対してCSSを変更しても</html>直上に<style type="text/css"></style>が挿入されるようで、うまく適用されませんでした。挿入される内容は以下
id="vimvixen-console"
</html>
<style type="text/css"></style>
html, body, * { margin: 0; padding: 0; font-style: normal; font-family: monospace; font-size: 12px; line-height: 16px; }
サイト内検索に使ってください 🐤
© 2015 すたすた式
Enjoy!👍
QooQ
コメントなし:
コメントを投稿