Now browsing the archives for the 'userChrome.css' category.
[userChrome.css] Places Style Throbber
Firefox 3 のスマートロケーションバー入力中にまれに一瞬だけ表示される回転するアイコンがかっこいいので、読み込み中のタブやアドオンマネージャの更新チェック中などの Throbber アイコンに転用するための userChrome.css を作った。ただし、回転が停止しているバージョンのアイコンは今までどおりです。
 |
 |
userChrome.css
/* ::::: Places Style Throbber ::::: */
#navigator-throbber[busy="true"],
toolbar[iconsize="small"] #navigator-throbber[busy="true"],
toolbar[mode="text"] #navigator-throbber[busy="true"],
.tabbrowser-tab[busy] > .tab-icon-image,
.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon,
#sidebar-throbber[loading="true"],
#checkForUpdates[loading="true"],
#extensionsManager richlistitem[loading="true"] .updateBadge,
#extensionsManager .addonThrobber,
#extensionsManager .throbber {
list-style-image: url("chrome://browser/skin/places/searching_16.png") !important;
}
[userChrome.css] ブックマークメニューのショートカットキーを表示しない
ブックマークメニューの「ブックマークの管理…」の横にある「Ctrl+Shift+B」のようなショートカットキーの表示が意外と幅を取って邪魔なので、 userChrome.css にて非表示にする。下記コードは Firefox 3 専用。
userChrome.css
/* [Firefox3] ブックマークメニューのショートカットキーを表示しない */
#bookmarksMenuPopup .menu-accel {
display: none !important;
}
適用前
適用後
[userChrome.css] ダウンロードマネージャのファイル名の文字サイズを調整
Firefox 3 で一新されるダウンロードマネージャで、ファイル名の文字サイズがやや大きめになっている。日本語版 Windows XP ではどうもしっくりこない気がするので、 userChrome.css によって普通の文字サイズに変更し、ついでに太字で強調する。
userChrome.css
/* [Firefox3] ダウンロードマネージャのファイル名 */
#downloadView label.name {
font-size: 1em !important;
font-weight: bold;
}
適用前
適用後
[userChrome.css] ロケーションバーのポップアップのタイトルの文字サイズを調整
Firefox 3 の新機能のひとつである、ロケーションバーに入力した文字列にマッチする候補を表示する機能（いわゆる awesomebar）で、ポップアップ中のタイトルの文字サイズがやや大きめになっている。日本語版 Windows XP だとどうもしっくりこない気がするので、 userChrome.css によって普通の文字サイズに変更する。
userChrome.css
/* [Firefox3] ロケーションバーのポップアップのタイトルの文字サイズ */
#PopupAutoCompleteRichResult .ac-normal-text {
font-size: 1em !important;
}
適用前
適用後
Download Statusbar 0.9.5
愛用している Download Statusbar に最近新しいバージョンがリリースされた。バージョン番号の変更としては 0.9.4.7 から 0.9.5 と控えめながら、UI・実装ともに大幅にグレードアップしている。ただ、ツールバーやツールチップのフォントサイズが若干小さめで、 MS UI Gothic だと綺麗に表示されないので、 userChrome.css で微調整。
.db_tootipText, .db_tootipTitle, .db_tooltipTextBox, .db_buttonText {
font-size: 1em !important;
}
[userChrome.css] IE7 Throbber
Firefox 3 の Throbber （読み込み中にクルクル回転するアイコン）が地味であまり好きではないので、Internet Explorer7 風に変更するための userChrome.css です。アイコン画像は Ex Aequo から拝借し、少し改変して回転速度をアップさせています。
userChrome.css
/* ::::: IE7 Throbber (Firefox 3) ::::: */
#navigator-throbber[busy="true"],
toolbar[iconsize="small"] #navigator-throbber[busy="true"],
toolbar[mode="text"] #navigator-throbber[busy="true"],
.tabbrowser-tab[busy] > .tab-icon-image,
.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon,
#sidebar-throbber[loading="true"],
#checkForUpdates[loading="true"],
#extensionsManager richlistitem[loading="true"] .updateBadge,
#extensionsManager .addonThrobber,
#extensionsManager .throbber {
list-style-image: url("data:image/gif;base64,R0lGODlhEAAQAIcAAO7y9%2BHs8anG24Kty2Wbv63J23eqx5vC1bvW4tXm7JfC0pq3xYa0x7XU3bLP3Z3F1ZnGzqrO18rm7aO3vYCktqfK2ZG9z97m7GyLlIS8wJW9wXKRl4CotL3Z222hpVqXjmensWyllE%2BMgXqXnFGcoRedoSSdkimBd46nrGeHjUGythS1ryq0o8Dp487p5Ql2YiVmWUu8xIPk4fX7%2FKjW0uvy9p3NzHiztGrL1Jnn5dzy7pvbxujy8kS4qzOPgrnp8T3Z4ur9%2FYPbxdLx83fHxjO2pmC9stPo40nZ1Jn497f3%2BKj08y3YwYDdz8Lp6ozZz0TJuzrLtGTWy1S1qZi7ty7t41fv6Cbc2hXWyRHFsk7ky3je01bMxY7GuWjh1DHl1Vf283vv66Pv6UbTp5LcwdHt5YTfulnYqjvVqovfvr%2Fb42eapXzAz6fFyme9xIfN15zV3UfFyanq7Z7L0VB%2BeyvR09309svn5iJYXMXy79zt667X1CxtcFTWypnx7%2BPz72fUu97y9Vasqavn5jPZ0Xr483HHvlO9tGOspV6LiEPZu8zq65PW0kjFqym7tFnHuCPUtZrDwTbfs1fn4Xnn4Jjj2aHYzeTy96bc5pjO3oLW3qG9x9bt8YKwsBno3j3SztPo7DvJxXrVyg9sbmO5ri7MnlnTt4TEqVuknn3LrIrv6Mf6%2BivBlZLd0FfDqrTu6X3QxXPSqdPy%2BF7H2m%2FY5bzh6ajS35rr7tr6%2BkXq5lp9hTa9yipZYTPBpghhaB5SWEq8nGTZ3SSkmhGtl2jCsqni3H%2FGu1aqwV%2BgwJ3L3JXT3EGyhB%2FFvkjEhoTTypC%2Fsc3o3ZvT0Zrc1EvN4mrw68vs8li1iSyto0upkguSjzeppEu3uGTJxGXGt5%2Fg1gvy55XP0YT7%2BeX9%2FKLV1r%2Fi4qHL0kqeilDe3ZPPyUvTxWXi5tP49pDZ2Fu2nHCyqYnVzp3a3YnFyFmmkmWZk4rRxS6ssLHd3bfn6pPEzHmzyJLY4a7R2tP8%2FCzGwyzOeG359iH%2FC05FVFNDQVBFMi4wAwEAAAAh%2BQQJBAAAACwAAAAAEAAQAAcI1wABCAQQQMAAAgQGCAgwsGEBAwcQJJiowECBhgAWMEDQwMEDCBEaSGCwYOAEChUOWHCQ4IIDCxAqUJgA4AIGjQcwAjiQQQOGCxM2cGCgU2CGDhsmePgAIkJRABFCiBhBooQJCU8TnECRQsUKFi2eungBI0UMGTNo1Chq48aJEThy6NixFiOPHj5ETPgBJEgLIUMa1iBSxMiHIwCQJFGyhEkTJ06eQIkiZQoVgTqQVEli5QqWLEy0bOHShcfAIV6%2BgAmjRIwYGWPImG7Io4yZM2PQnElTpmFAACH5BAkEAAAALAAAAAAQABAABwjTAAEIBBBAwAACBAYICDCwYQEDBxAkSKDmgYECDQEsYIAAQYQHDyp0ZLBg4AQKFQ5YcJDgggMLITlMAJBgDQQ2CjICOJChDYYLbNy8YVNDZ40MCzZMiMEFBxydAiOE2DAijpw5EqDSPEEnRR07HY5ovXMCT4orefTs4QHVxgk%2BI%2Fr4%2BQMokE4egrhOGESo0Jc%2BOhrWMHQIUaILgQAVKqRFUZNFixg1cvRoyswaib8oCcMkSxZIUpo8iiQ4jaRJlMQokVHpkaWiGcuYATRmzBkyehoGBAAh%2BQQJBAAAACwAAAAAEAAQAAcI3AABCAQQQMAAAgQGCAgwcGCNAgYOIEiQAMEDAwUaXrLABgGCCg8eVPDIYIHAQGxwYMqkwEGCCw4sHKhAYQKAH3FyaHpzqSEABRY2YbiAQw6nTD19AmDQacOEOkMuIKihFEAEDxhGeLLTIUFVAAn4wEjxaQmEO19B8cGTIlQVLKKoKrUxis8IQFX8SAmktAapE3Qm3CllhYkpO3IB1DDUA1GiCwBOaVEiSZEQUIsYNWJxCJVNgam0qFrFJEsWVoBauYrUkEeaMV5kVHpVSRSsPX3LmDkzxlWsHXoaBgQAIfkECQQAAAAsAAAAABAAEAAHCNcAAQiswanCAAIEBggIILAhAFmaZmVCkCABggMGCji0M4vWj1q2Dhyo0AABgwUNZ93CNeiNrQQXHFgYSWECgEG5ZgSwdckhAAUnMVzos4SHmho%2BBTLgsGFCqCSgGiBNGmGNrhGQPO36kVRgAj68UvTytMJJVwAJfP1KAYxQFlFnbYziM%2BIUmmBNdCStQUoEnQlHWG2RZIqHT0PCECW6AMCuKkVohCwCxQhYEVeobALgkUoGJTGmVgwrZWoQsUgOeZgZs6VJpWKDYhHb07UMmViuXBmzxLBhQAAh%2BQQJBAAAACwAAAAAEAAQAAcI1gABCATwQ9OsY8gGCAgwsCEtWrd%2BcAKF4ICBAg3tEEoy45IcOMkqOEDAYIHAQFz8dFRjS0ICBxYOVKAwAYAEQqs4IahRo%2BGBkhguGLIS5s2lhgMZcNgwAdikYMqQDoywRteIZXVWSJAqMAEfXimWMSuxlWsCX79SNCtSwllPqTZG8RnxrJejRzy4khJBZwK0ZaK2mHo70JAJRIkuAEjVqE%2BURk9cgIrmioUrVDUFpgIkxtSWYcN6uWplLFLDGjtcAapUSVorWK72SK0RYIcxI6SM0WA4MCAAIfkECQQAAAAsAAAAABAAEAAHCNcAAQgEICcYkGm7ZiULMFBgjSHBrKwKUkPWj2QGCjQM1IcaxRqcMGFCgIDBgoEZrCyppkZNAgm2LByoQGECAGhR%2FMh4c6lGQwUmMVw4ZUoGDp8NBTLgsGGCNS444CBNGmGNrhHLrpWQkHRgAj68UmArkY1rVwAJfP1KYU1bNmVnAcwZxWfEKWzXtv05K8gHnQnQsBnhYqirIROIEl0A8AwYt16NGLkAFe0Qi26obAKo0eVRpUeNWAxj8QgWsUgNa9DoZqiVN2nOYBnZczYADWOkSBmjwXBgQAAh%2BQQFBAAAACwAAAAAEAAQAAcIzwABCARQjdaVb1em0ao2sCG4KuGCzJghTtWsZA0BpKKmZMafPzxmvPrBZsHAZ17E3Noy7kKCcW%2Fg2KIwAcCFZnlkvMkIQAGDBRguUDHVhAhPgQw4bJhgjRy3cUcBRFija8QyYcISRE3Ah1cKa9myaT2awNevFCF8CLIRtRwfPiOomDMxpcZRQSfoTLhgjtQ1oxkNCUOU6AKACYK6FTkUzQWoaIeudUNUU2AkV84AsWAxjMUjZ0YiZdxjBJaQYtKcGTKy52gAGsZIGTFGI0DDgAAh%2BQQJBAAAACwAAAAADwAQAAcImwABCARQxtmnK0CunPsxUCAPdOlU4RIXZMYqdbRk1QDAw5CXdevEiKlRY0YQWjguCeQ2aBA7dk4WdVBTTQ6OBdDaFdPEcSOAGpfevAG35hSxaAD%2BNBRYgw0DACGMEVtKFcAHdyaqLv1w4oULrQ1P%2BAAHdhSACSLMgW2YCFHWtQJRGekhEFRDI0uNwHoEYJjAQ%2B%2FABvYGdyApqgEBACH5BAkEAAAALAAAAAAQABAABwjWAAEIrBHA2aNQoQjRkiOwIQAe6LjkELcOl5Ik6s45BBBLlJ1Xr3J8FDcjybRAAk8ZwpTnHRwnLeAhqDHjFo5LR1BFe%2BNMR8MaNRBwyhNDAhUNNojU2Ajg0htNbuKFkOduHFOBmdwI8jCv04lFVwGAOsEHQ6ITLxKETeALD4ARfF7YCFtuFB8AE%2Bh8ILWUqaATdABcSIRImCGmREyASCRwAqopRQ5FAwUq2qFrh1BNaBjJCKxDLIYNY3EIlpFIG%2FcYMfROmjdnhozsuRqAhjFSpIzRCOAwIAAh%2BQQJBAAAACwAAAAAEAAQAAcI1wABCATggp6bKFAeOVtUY6BAHvQeOckjS5YSVeeCDRlYIwOsFnkGOXEiR4kSK0gCCaRyw0kZZ5actICjSQ4uP0gAXJgHIR49Hg4D2Qow49yPCZ0yZLjkUGANNZfk4BgRwl2Epk4bSMgRIxGdE0ewCpRQz5GKDSFeJBALQEK2EiRG8Hlhg%2B2cUT7WTKDjg1RDrMdO6JpwIREibYawEjGBKtEFABNQHbp2KBqoBNEmH0I1YWAkUrAOsRg2jDIsUpGa7jFiyJk0ac4MGdkjNgANY6RIGaMRwGFAACH5BAkEAAAALAAAAAAQABAABwjXAAEIBKAH3aMe29w4KzOwYTk29u7ZGfJDRh90NRpqIEKOU7EhmDD9UKLOUCCBE26Asgdr3J07cN7kWGKFW6ALGDSgi8ejYSBNMpIgGTRhQ6cMGRsCCJRJ1pI%2BI1B4iKBUYI0GF2RdScTnxJGqAhN0sFNnQ6IXCcACAIVPTpwRIl7YUPtmxa4YE%2BicEJS0YY1t9VTEu5AIUQ9DVQ0JM0ICFIAJqA5dOxQNFKhoh%2BptQzVhYCRSsA6xGDZsMixSkZTuMWLImTRpzgwZ2QM2AA1jpEgZoxGgYUAAIfkECQQAAAAsAAAAABAAEAAHCNsAAQgEEGBOvmPbHtErU2PgwAL5otXiBOqePm70eDhckAEUOXJq4GC698OLsYETOHSIFo%2FGHVC23sCTI%2BUUgAsYIu3B11BgjUtvNPmJcmfChk4ZNDoEEAhHmEmARmDwEGHpQH20rIRKQedEAqsCJcxZ8ikRjBdfwSZoYMfTiBEvyoGtsa%2FDkDoTugoCe4nIvRw4LiRCpI3I0hrcmKkLdQ%2FABFRGrh2KBgpUtEOO%2BsQhEkhgJCOwDrEYNuxaDFFc4l3qCWCPEUPOpEl7Z8jIHrABaBgjRcoYjQAOAwIAIfkECQQAAAAsAAAAABAAEAAHCNcAAQgEEEBAPmTH8oErM7BhAQMQ1IACVUsZN3p%2FGi6wkKCDhHLJatW6x84YD4ETONCYE28fKBe23sDLA%2BgUgAsY2pTD1xBAjTdNBrk6MmFDpwwnewYikqPmCF1rIvQcqEzKOWAp6PABNVWgE2ZVeqWA4StBVwD3toSBNILOCxtda1gqFi7UhEQnBMXdwSNPnwuJEAkj0lOHtzxBcg0CMAGVkSKHok1kBIXSujCzBkYyAusQi2HDHPWh9CVYoIZ7jBhyBk%2FaOynpNMmaGoCGMVJGjI3jVGNgQAAh%2BQQJBAAAACwAAAAAEAAQAAcI2AABCAQQQMAAAsjyPQhQY%2BDAAgYOIEiQQE0yN%2BV4OFxgoYOaBg9sNbB3B06qgRM47CuHbx%2FFffHgFTN0CsAFDG3i4XMIoMabd4vaQZuwgUGGhjxrEHH26NkIXWsi8BRYAw63R81S8OIDaqrAFlCkLMPAx1cCrwDAqls2gs8oG2hFYckFbEIKH4K86jBFLYmhC4kQmSDisAYPb%2BuSYFkEYAKqQyoORVskgd2TV7jCSAkkMJIRWIdYrMhCaAm%2FMF84D9xjxJCzSjkohZmkzmsAGsaMPOqj6ZXDgAAh%2BQQJBAAAACwAAAAAEAAQAAcI1QABCAQQQMAAAgQGCAgwsGEBAwcQJEiAAEK%2BAg0BLGCAAEGFBw4i2OMUL0MNgRM4OHigYN%2FEffGi2YtHBcAFDAsyKMgIAB%2B4PfKgTdiwkSeAGkSIuDs1QteaCEYBRDN0yFoKXnwSRG0B6x22q760Gm0xjNWyEXxGlTNaQ1SUHNYm6DohyOifPky0nLqQCJEwIg1rXOrjh1opaAAmoDp07RA7J4vssZMBpoqxgZFIweLSj5mMV3lW5dLyp%2BEeI1Jk%2BFnFL0kuL0NONgwgTconJEAmvWoYEAAh%2BQQFBAAAACwAAAAAEAAQAAcIzQABCAQQQMAAAgQGCAgwsGEBAwcQJEiAoByDAg0BLGCAoEGFChEiqLmTYcHACRQqHLDgYOI%2BfDbIZZgA4AKGjQoyAsAXD8K8CxM2cGCgU2CGDIiojNC1JkJRANG6GAuRghefBE9duGq3LMUvX1iLuhjmatkIPr7KPaXHypu1CXROCCr6R5SpUlQuJEIljIhOLloo%2BbsAYAKqR%2F3isAMFit2nK1YkPRsYiQulc2Jy5BBj5V%2BVVBnhfLLCT5y4VWA8tSpajRYQT9%2B%2BqBvSMCAAIfkECQQAAAAsAQABAA8ADwAHCJMAAQgcKLBDg3wEEwJw8AAAuQ4WFEqc04GDRII1AGTQgOGiwhATPAq0saeTyIEmfHw4CS3bnpWj5kjMOGyZPAA%2BtmVUCOjJslMk3DDDcWlnjRrcmElZBk1DnHMy2Nlb9KNJqDrnoJwCcAnHuVWrXsnAcgVAGEWxeACosY7WpCQAViUpZEXSDrUEf0z6wldRkzIEAwIAIfkEBQQAAAAsAAAAABAAEAAHCMsAAQgcSLAgwQIGDiBIkECNAwMRCi5ggKCBgwoPInRQY2HBwAkUKhyw4CDBBQcW5kTgMEEghokKDCrIoAHDBQAbODAwKDBDmxEtda2JyJPGsw8jAPDiA4ongAQnPszDMGpUU55lXoRI5MFEiTc8a0TD5iOEBRX9uF0yyOOQK3NUJOy6NWhcjRoDL3Fz9MjckUA4KK17xU6Tkx%2FsoPTr0%2BiUwEDnCvFb8gULljrnKKWLVfBcrn%2BFkvgJM0kRGR4G5Xj5ogjNGTMB8AoMCAA7") !important;
opacity: 1.0 !important;
}
#navigator-throbber,
toolbar[iconsize="small"] #navigator-throbber,
toolbar[mode="text"] #navigator-throbber {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAALJSURBVHjahFNdTJJRGD7f9%2FEjIcjnYkYmP02dmkJJMCAWXVnOaRvl5hq1uq2rbpqtC8fmjZdd5rzQtdwauWJd2EWNMeCidUMMYRkiytgCg8nPDEig53PVWM58t7Pz%2BzznPc%2FzHor8E%2BPj41KKoq5gqGMY5ix6fqPRSFQqlVhHR8eHxcXFZPN5qnkyNjY2otVq7xuNRpNGo2Hb2toEICOFQuHn9vZ20efzfUW%2F3NvbO%2B90OsschvkDtlgstxDOyclJK03TEoCZzc1NksvliFQqZcRisWhoaOi0QqG44Ha7Gw6H45PX660dEPT09NxEPMHt2kwmQ6%2BtrX2MxWLPotHow2QyOZ9Op7%2Ft7OywQqFQ0d3dLREIBDqPx0PjjJ%2BHVGVYnDKZTIP1ep0Eg8Hn09PTd5qfNjMz8xnd7O7u7ko%2Bn78%2BPDwsB7EDGr1gWJa9arPZ7uGt7Pr6urdard5AavVmAsy51jCbzat7e3vX5HK5AmBxKBTK0FBYWywWT2azWQLwS4izT44I7OVx1h2PxwmIBNDlEo13ddZqtdZAIMAJtkqOiVKp9C4SiRAQMSKRqJNXLperiURiH1bxufFxBNBJbLVaCcAULJXDMTqrVqvLSIfbt%2F4PDBEZmUxmVqlUpKWlpYELUzTSD2IvA38Jn8%2B3Q3HqKAJYLIQDt%2BEaUSqVdQi%2FxTGmwXweTpzDwiA8b7Xb7e855Ztjbm7uFNJ%2F3d%2Ffr5dIJMTlcpUh%2FGMGvh6kj2rTDAwMnIEr5o2NDS3GQrQcqo%2FV6XRTEG22r6%2FvMuqG%2BP3%2BEi5YXlhYeMrj2AFYgbdClO8DvV5%2FEWN7KpWyIzPC%2FQXMCQcEeW1paSkHG992dXU9OvSZRkdHR9rb2%2B8aDAYLNJGjyE5w68jyB0q5EA6Hv0C4NwC%2FQk0kDxFwMTExIUVnQxtEU%2F9eTqD%2BY3h7AOJ9B%2Fiv3b8EGADmHkdJ4SZcewAAAABJRU5ErkJggg%3D%3D") !important;
opacity: 0.5;
}
about:foxkeh
9月21日追記
陽極日記 – 電気分解部 – About ウィンドウで遊ぶ
↑こちらの方がインパクトがあって色使いも綺麗でいいですね。
ちょうどいいサイズのフォクすけ画像があったので、Firefox のバージョン情報ダイアログの背景にしてみる。PNGアイコンが邪魔ですが。
“フォクすけ” (C) 2006 Mozilla Japan
userChrome.css
dialog#aboutDialog vbox#clientBox {
background-image: url(http://spreadfirefox.jp/foxkeh/downloads/materials/front-thumb.gif) !important;
background-position: top center;
}