[userChrome.css] IE7 Throbber

Firefox 3 の Throbber (読み込み中にクルクル回転するアイコン)が地味であまり好きではないので、Internet Explorer7 風に変更するための userChrome.css です。アイコン画像は Ex Aequo から拝借し、少し改変して回転速度をアップさせています。

実際にアイコンの動きを見る

IE7 Throbber

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;
}

TOP

2 Comments to “[userChrome.css] IE7 Throbber”

Stylishに入れてみましたが反映されません・・・
Firefox3には対応していないのでしょうか?

Firefox 3 に対応させました。

TOP

TOP