はりをきば

そこにピカマンがいる限り 私はテイッハットウッをやめない


Caution!!
この日記はバカな私(はりを)が何かを忘れない為に、バカの一つ覚えの如く色んな記事を投稿しています。…が、
あくまでもただの備忘録のひと握りに過ぎず、情報の信憑性や真偽までは保証していません。
極力正しい情報をまとめているつもりですが、万一誤った記事の内容を実行しトラブル等が発生しても
当方は如何なる責任を負いません。自己責任でご利用ください。

以上に同意する方のみ、この雑記帳の閲覧をお願いします。

初めての方はこちらも併せてお読みください。このブログについて (About)


…ちゃ、ちゃんと予防線張ったからな!! ホント何があっても知らねーからな!!!(小学生並の言い訳)

予防線(☢Caution!!☢)の表示
テキスト全般の表示に使うフォント (大抵は「メイリオ」か「ヒラギノ角ゴ ProN W3」) (マルチバイト文字はSource Han Sansと同じ) (マルチバイト文字はNoto Sansと同じ)
ソースコードの表示に使うフォント
ピカマンロケットの効果音

設定を保存キャンセル

ツールチップの見た目をFirefoxDeveloperEditionに合わせてみる

Auroraが名前を変えてリニューアルした。
プロファイルがデフォで分離し、独自の角張った青と黒が基調のテーマになったが、個人的には通常版よりこっちの方が好き。
リリース版のあのChromeの劣化パクリとしか言えない曲線デザインは反吐が出る。


というわけでよりそれっぽくする為、マウスオーバーした際の各種ツールチップのスタイルもFDEのテーマに合わせてみる。



statuspanel > hbox.statuspanel-inner {
	background: transparent !important;
	-moz-appearance: none !important;
}

statuspanel > hbox.statuspanel-inner > label.statuspanel-label {
	background: linear-gradient(45deg, rgba(23, 27, 31, 0.9), rgba(37, 44, 51, 0.9)) !important;
	border-right: 1px solid rgb(26, 70, 102) !important;
	border-top: 1px solid rgb(26, 70, 102) !important;
	border-top-right-radius: 4px !important;
	color: white !important;
	font-family: Verdana, メイリオ !important;
	font-size: 14px !important;
	line-height: 0 !important;
	margin: 0 !important;
	padding: 4px !important;
}

statuspanel > hbox.statuspanel-inner > label.statuspanel-label[mirror="true"] {
	background: linear-gradient(315deg, rgba(23, 27, 31, 0.9), rgba(37, 44, 51, 0.9)) !important;
	border-left: 1px solid rgb(26, 70, 102) !important;
	border-right: 0 !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0 !important;
}

tooltip {
	background: linear-gradient(rgba(23, 27, 31, 0.9), rgba(37, 44, 51, 1), rgba(23, 27, 31, 0.9)) !important;
	border: 2px solid rgb(26, 70, 102) !important;
	border-radius: 4px !important;
	color: white !important;
	font-family: Verdana, メイリオ !important;
	font-size: 12px !important;
	padding: 4px !important;
	-moz-appearance: none !important;
}

(気づいた人もいるだろうけど、このCSSはこの記事のRGB値を変えただけだったり…)




これをStylishやらuserChrome.cssやらで適用すると以下のようになる。
f:id:Gutyan:20141118222850p:plain
左下、右下のアドレスツールチップ及びtitle属性のツールチップの枠、文字色、背景色をFDEのそれと合わせる。




FDE普通に使いやすいしアニメーションがヌルヌル動くし…
Cyberfoxからメイン乗り換えようかな……



余談

関係ないけど、今日からこのブログも背景画像のほとんどを削除し
FDEに合わせたカラーリングにしてみた。
f:id:Gutyan:20141118224016p:plain