主題

火狐Firefox Stylish CSS樣式：多彩純色套件圖示

—— | 2014-08-27 00:43:18 | 巴幣 0 | 人氣 373

我的只把油猴、ABP和Stylish三個套件圖示換掉。
圖示尺寸大小有兩種18x18和16x16，我的是18，需要其他套件的和16x16的到卡飯。
效果圖：

/*==Greasemonkey图标样式==*/
toolbar[iconsize="small"] #greasemonkey-tbb {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAEUUlEQVQ4jS3M209TBwDA4fPvbFk20M0RQHAJyxazB6dmF0eYWSSaTUWBcIfecOAGFBUogtzEUaRQYAJCQRGQCQgKchFRvCFS2p5zSi/nnEL1txcfvtdPcCvbiFoYUQ2xFdphy+9Dld+wPNzESEM2Sz1mtlYGCfhfIWkykqbiVlVcwRCiFkZSw8hKGMH7jg+RhtcnonjfsOOapbMsmYsnoqhNiaMu5wAOWwny5jzb/lcE/Rv4NR+bfh+Sto07qCK8DYbZVLfxhgIsPhzGXpVKb+nPNJ3+jO6MCEZM0QzoY7iWGUfHuYN0n/+J7kunWJzpxx+SkUJBxFAIwRvS8KlbBKTnNJtP809eAjfyv8SRF8moIZIx3Sfcyf+U27ooenP2MFgQgy0rnpaS4yjSY2TfBpLmRVDkZzyducGYVU99Whx9ebsZ0UcwYtzNrYJIho27uGP8glFjFCP5n3NXt4vbuiiaUqO5a9XxZKYXxf8aYbLjTyxZ32EzHaSzIIF+YyyDhigchlgcpn30m/Zy0xDDoDGeIcNehvRRDOhjsOXE0154CEv2IYat5xAaT0cyXpXE038LuV50hIrUBC6lxGNJiaPm7F469N9gN3zLlfSvqDizj4sftBYdYanLwGT1UZp+j0SoP/Exq/YMXgxdJD0xmqKMRIoykyjNTqI45QDpP0SQ9mMEuj/2U5SdiCk7ifO5SaQlRrPqKGetK5vm4x8htBUfobfyJA/6Kvg7LxlJeoPkl5F9blZX59mfsIev4yNZWppCDHjYDEh4/U5K848x3VmKw3KKFsNhhPWFfhrNaVhMJ/jtUCyVZhNmcxEl5mJ0xmxyM09SqE/HWJiNuaKUcks5ZWWFHP0+lkp9MnUlZ1hbuImgBT141hd5PN5BSer3FB6LoyrrMD3NRbTXm+iqzqO7Ogd7jY6exnMMNhfRV1/IhfxkFu714Hz7hK2AG0FUQwQVL2HPIk2mX+n76xc8o+U4H1pxzXezNlbHxngDrulWBi6ncf9aPtJUC22VOfg9K4g+Dy5FQXCq7/FpCpp7mQbjUeZac1Ae1OF61M76nB15zoZ39jqrd+rpr8ngRb8Z53gDnTU6Au4V/EEvroAfwbkDoqqgSqtYy1JYG7rAS0cp8wMVrIzWs9xv5n6bgaGrBl6ONRN4YMU1cZW2qlyC0nPkgISoKgjO8Ds8qp+g/IrWS1m8HatlbegCs50lTNuKWbAbeOYoZeNhB+5HN/DNtiHOWGmtKsArPscdkNlQFQTndhi36keW17BWm1gerGVjvBHXZCvOe9cQJ66w8V8ta9PtvJiysT7RwtKteq5aTEjSa0QtwLqmIHh2wKUoBFQvs1MObLVG7JYsOqsy6apKo6f6LPaKFDprc2i7nMv16gJaagqZnrqFHBDxaAqboRCCJwSbAYXgdgA16ET1LPNenAP3NLgnQZwA9wR47rO9OcOO/AS/uEpQ9SBpXjyahksL8T92xea2MpL27AAAAABJRU5ErkJggg==");
}

/*==Stylish图标样式==*/
toolbar[iconsize="small"] #stylish-toolbar-button {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACsUlEQVQ4jXWU60/TUBjG+2fitq6DePkgbGs7wGuMSrxEEjXReIskfjAiGqMYsFvXDhWHASFRI4hCNF5Ag05uym49Pz/gObYYP7w5TZP++jzv+5xXSzsx0k6MTD5O2onR8WCbOtuHW8jk42QLCWzPIOenyPkpbM/A9gysYlKdWiYfR5YESEj7cAvZfIKc10pXqe0fiCzT1dGyhQTZQkL9Oe3EyDoJessHGJztZ/zzY158fcbUl6f474c4P3mMnJdSAPmdJh+kJdtNMTjbz/JGhUAECCEiNbU4Rs5LYbo6pqsjhShFslcXJk7ys76OEILV6jJjn0YYmruF9+4+M0vPKX/0sVyDrU4UyHR1Mk6cwtxdhBAEIsCZv0On/7c3e0o7ODpqYRWTEUgmH0eTL2UV5u8pG5OLZQ496og0Odzo8KA0qcZ0daxikotTJ1mvrSGEoBE0mK/McnP6KkdGs1hFA7toKBX/BZmuTpffxuCbftZqK0pZo1nn08p7Bqb72FfahVnQIz1KO7FNa2FFtmfQ5bdxYfIEk4tlVqvLanrVxgZDb29h5vVIiP8BSZis7tJ2zowfZmLhMfVmDSEE338t0fPI3szbn2kra9Ke5Sbp9Noi8bc9g4MPdzNfeY0QglqjyrnxY0qJvAlaeGKmqzPwqo+B6T56Ri32lnayd2Qnp8cPsbD6ASEE67U1essHI5C0E0OT0iTIfzdEo1ln6ecX5iozzFVmqPz6RiACAhHw4usz9ng7lKL24ZZNRR0PtqkRZgsJbs9c48fGd+rNGkHQJAgCGs06K9UfTCyMcmKsm5yfUtdKgcKQbCGB7aY4/qSLy1O9XH95iRuvrtD3/Cynnu6n29+O7Rl0llqxPSOydiKgsE1pVe6i8DTDKZcbQJNZ2JrUrcAwyComyfkpOkutyuZvEoKRXMcoQKsAAAAASUVORK5CYII=");
}

toolbar[iconsize="small"] #stylish-toolbar-button[styles-applied~="site"] {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACsUlEQVQ4jXWU60/TUBjG+2fitq6DePkgbGs7wGuMSrxEEjXReIskfjAiGqMYsFvXDhWHASFRI4hCNF5Ag05uym49Pz/gObYYP7w5TZP++jzv+5xXSzsx0k6MTD5O2onR8WCbOtuHW8jk42QLCWzPIOenyPkpbM/A9gysYlKdWiYfR5YESEj7cAvZfIKc10pXqe0fiCzT1dGyhQTZQkL9Oe3EyDoJessHGJztZ/zzY158fcbUl6f474c4P3mMnJdSAPmdJh+kJdtNMTjbz/JGhUAECCEiNbU4Rs5LYbo6pqsjhShFslcXJk7ys76OEILV6jJjn0YYmruF9+4+M0vPKX/0sVyDrU4UyHR1Mk6cwtxdhBAEIsCZv0On/7c3e0o7ODpqYRWTEUgmH0eTL2UV5u8pG5OLZQ496og0Odzo8KA0qcZ0daxikotTJ1mvrSGEoBE0mK/McnP6KkdGs1hFA7toKBX/BZmuTpffxuCbftZqK0pZo1nn08p7Bqb72FfahVnQIz1KO7FNa2FFtmfQ5bdxYfIEk4tlVqvLanrVxgZDb29h5vVIiP8BSZis7tJ2zowfZmLhMfVmDSEE338t0fPI3szbn2kra9Ke5Sbp9Noi8bc9g4MPdzNfeY0QglqjyrnxY0qJvAlaeGKmqzPwqo+B6T56Ri32lnayd2Qnp8cPsbD6ASEE67U1essHI5C0E0OT0iTIfzdEo1ln6ecX5iozzFVmqPz6RiACAhHw4usz9ng7lKL24ZZNRR0PtqkRZgsJbs9c48fGd+rNGkHQJAgCGs06K9UfTCyMcmKsm5yfUtdKgcKQbCGB7aY4/qSLy1O9XH95iRuvrtD3/Cynnu6n29+O7Rl0llqxPSOydiKgsE1pVe6i8DTDKZcbQJNZ2JrUrcAwyComyfkpOkutyuZvEoKRXMcoQKsAAAAASUVORK5CYII=");
}

#stylish-panel {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACsUlEQVQ4jXWU60/TUBjG+2fitq6DePkgbGs7wGuMSrxEEjXReIskfjAiGqMYsFvXDhWHASFRI4hCNF5Ag05uym49Pz/gObYYP7w5TZP++jzv+5xXSzsx0k6MTD5O2onR8WCbOtuHW8jk42QLCWzPIOenyPkpbM/A9gysYlKdWiYfR5YESEj7cAvZfIKc10pXqe0fiCzT1dGyhQTZQkL9Oe3EyDoJessHGJztZ/zzY158fcbUl6f474c4P3mMnJdSAPmdJh+kJdtNMTjbz/JGhUAECCEiNbU4Rs5LYbo6pqsjhShFslcXJk7ys76OEILV6jJjn0YYmruF9+4+M0vPKX/0sVyDrU4UyHR1Mk6cwtxdhBAEIsCZv0On/7c3e0o7ODpqYRWTEUgmH0eTL2UV5u8pG5OLZQ496og0Odzo8KA0qcZ0daxikotTJ1mvrSGEoBE0mK/McnP6KkdGs1hFA7toKBX/BZmuTpffxuCbftZqK0pZo1nn08p7Bqb72FfahVnQIz1KO7FNa2FFtmfQ5bdxYfIEk4tlVqvLanrVxgZDb29h5vVIiP8BSZis7tJ2zowfZmLhMfVmDSEE338t0fPI3szbn2kra9Ke5Sbp9Noi8bc9g4MPdzNfeY0QglqjyrnxY0qJvAlaeGKmqzPwqo+B6T56Ri32lnayd2Qnp8cPsbD6ASEE67U1essHI5C0E0OT0iTIfzdEo1ln6ecX5iozzFVmqPz6RiACAhHw4usz9ng7lKL24ZZNRR0PtqkRZgsJbs9c48fGd+rNGkHQJAgCGs06K9UfTCyMcmKsm5yfUtdKgcKQbCGB7aY4/qSLy1O9XH95iRuvrtD3/Cynnu6n29+O7Rl0llqxPSOydiKgsE1pVe6i8DTDKZcbQJNZ2JrUrcAwyComyfkpOkutyuZvEoKRXMcoQKsAAAAASUVORK5CYII=");
}
#stylish-panel[styles-applied~="site"] {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACsUlEQVQ4jXWU60/TUBjG+2fitq6DePkgbGs7wGuMSrxEEjXReIskfjAiGqMYsFvXDhWHASFRI4hCNF5Ag05uym49Pz/gObYYP7w5TZP++jzv+5xXSzsx0k6MTD5O2onR8WCbOtuHW8jk42QLCWzPIOenyPkpbM/A9gysYlKdWiYfR5YESEj7cAvZfIKc10pXqe0fiCzT1dGyhQTZQkL9Oe3EyDoJessHGJztZ/zzY158fcbUl6f474c4P3mMnJdSAPmdJh+kJdtNMTjbz/JGhUAECCEiNbU4Rs5LYbo6pqsjhShFslcXJk7ys76OEILV6jJjn0YYmruF9+4+M0vPKX/0sVyDrU4UyHR1Mk6cwtxdhBAEIsCZv0On/7c3e0o7ODpqYRWTEUgmH0eTL2UV5u8pG5OLZQ496og0Odzo8KA0qcZ0daxikotTJ1mvrSGEoBE0mK/McnP6KkdGs1hFA7toKBX/BZmuTpffxuCbftZqK0pZo1nn08p7Bqb72FfahVnQIz1KO7FNa2FFtmfQ5bdxYfIEk4tlVqvLanrVxgZDb29h5vVIiP8BSZis7tJ2zowfZmLhMfVmDSEE338t0fPI3szbn2kra9Ke5Sbp9Noi8bc9g4MPdzNfeY0QglqjyrnxY0qJvAlaeGKmqzPwqo+B6T56Ri32lnayd2Qnp8cPsbD6ASEE67U1essHI5C0E0OT0iTIfzdEo1ln6ecX5iozzFVmqPz6RiACAhHw4usz9ng7lKL24ZZNRR0PtqkRZgsJbs9c48fGd+rNGkHQJAgCGs06K9UfTCyMcmKsm5yfUtdKgcKQbCGB7aY4/qSLy1O9XH95iRuvrtD3/Cynnu6n29+O7Rl0llqxPSOydiKgsE1pVe6i8DTDKZcbQJNZ2JrUrcAwyComyfkpOkutyuZvEoKRXMcoQKsAAAAASUVORK5CYII=");
}
toolbar[iconsize="small"] #stylish-toolbar-button:not([styles-applied~="site"]) {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACsUlEQVQ4jXWU60/TUBjG+2fitq6DePkgbGs7wGuMSrxEEjXReIskfjAiGqMYsFvXDhWHASFRI4hCNF5Ag05uym49Pz/gObYYP7w5TZP++jzv+5xXSzsx0k6MTD5O2onR8WCbOtuHW8jk42QLCWzPIOenyPkpbM/A9gysYlKdWiYfR5YESEj7cAvZfIKc10pXqe0fiCzT1dGyhQTZQkL9Oe3EyDoJessHGJztZ/zzY158fcbUl6f474c4P3mMnJdSAPmdJh+kJdtNMTjbz/JGhUAECCEiNbU4Rs5LYbo6pqsjhShFslcXJk7ys76OEILV6jJjn0YYmruF9+4+M0vPKX/0sVyDrU4UyHR1Mk6cwtxdhBAEIsCZv0On/7c3e0o7ODpqYRWTEUgmH0eTL2UV5u8pG5OLZQ496og0Odzo8KA0qcZ0daxikotTJ1mvrSGEoBE0mK/McnP6KkdGs1hFA7toKBX/BZmuTpffxuCbftZqK0pZo1nn08p7Bqb72FfahVnQIz1KO7FNa2FFtmfQ5bdxYfIEk4tlVqvLanrVxgZDb29h5vVIiP8BSZis7tJ2zowfZmLhMfVmDSEE338t0fPI3szbn2kra9Ke5Sbp9Noi8bc9g4MPdzNfeY0QglqjyrnxY0qJvAlaeGKmqzPwqo+B6T56Ri32lnayd2Qnp8cPsbD6ASEE67U1essHI5C0E0OT0iTIfzdEo1ln6ecX5iozzFVmqPz6RiACAhHw4usz9ng7lKL24ZZNRR0PtqkRZgsJbs9c48fGd+rNGkHQJAgCGs06K9UfTCyMcmKsm5yfUtdKgcKQbCGB7aY4/qSLy1O9XH95iRuvrtD3/Cynnu6n29+O7Rl0llqxPSOydiKgsE1pVe6i8DTDKZcbQJNZ2JrUrcAwyComyfkpOkutyuZvEoKRXMcoQKsAAAAASUVORK5CYII=");
}

/*==Adblock Plus图标样式==*/
toolbar[iconsize="small"] #abp-toolbarbutton,
#PersonalToolbar #abp-toolbarbutton,
#header-view-toolbar > #abp-toolbarbutton,
#abp-status {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACaElEQVQ4jX2UzUvrQBTF8webJpOvSsWFUHAjuhC0KC6eC0VcWrA7FUQRdCdUBQUriqi4KGLmI8nvLSaZtm/xBs4qc0/OOffe8WQQIFstZBAgg4C81SJvtfj1fX7n5pBhiBICnSSYLLNIEvQ04hhPhiEyDCdEvj8hEgKZZZiFBUyng0lTTJq64gYqivCkEKiGKAytIt9Hzs9jLi8pHx+pnp4or64wi4szKlQUoWrFXiO9sdRAb2xAnuNOnmM2N2dJhLAIQ7yGMZ/KRwpBeX5uCaQEYwAoT0/RSTIhEIImGq9hVEIggwAlBGZ5merjwxYPh1SvrwBUb2+YpSWnRoahrQ1DPB3HM+w6jikODqAooCgwe3sUJydWndYUu7vOXtOgiaIoQkcROo4xnQ7V7a1V8PWF6nYxvZ61CJQ3N6gk4d9ue0oIS9IQra7CeGyLrq9RWYZeXKR6ebHk39/o5eXZjILAWtO1Z50klMfHUFVQFBQHB+j5eVS7TXF2Zu2VJfrw0FmSQUAeBHg6imx4UWT//PzsCqrRiOrhgfL+nur93U1CORwis8x1e5JRnZPZ3nZZ/O9UPz+otbWZTZgQxTHlxUV9s6K8uaHo9y2Ojij6faq7O/fdDAaTAQ4CvLzVsm3vdqk+P+298Ri9sjK7mElCsbMDSll7oxF5p2N30vfxct9HhiFmf9/OTp2BardnFlMnCWZpyQ0nSqF6PX7n5sh9v95+IdBbW5h+H9Pvozc2XG7TRDpNKf78oTw+phwM0Ovrzp7XDJSaGi4lBHJqn9yzUVt0z0maulnymqdjetwbOKJpizXcI1eT/QWms/rc5wkeywAAAABJRU5ErkJggg==");
  -moz-image-region: rect(0px, 18px, 18px, 0px);
}
toolbar[iconsize="small"] #abp-toolbarbutton[abpstate="disabled"],
#PersonalToolbar #abp-toolbarbutton[abpstate="disabled"],
#header-view-toolbar > #abp-toolbarbutton[abpstate="disabled"],
#abp-status[abpstate="disabled"]{
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABL0lEQVQ4ja2Uz4fEMBTH+/9fagglSghRQqmhDDWEUsOwRK+zh+ihcxh76BxqDrNvT8nm91728dSTvE/yvn0vRYUQxPxQlnAoSxPXGGe9iAHsb40xUEKAEpKEVAiFIA2hhMBz20Dbc9ugYSwAaI+CKoTgPAzg2yhEFJIFfT0eAei+rlFIEnTsugCirWEsDvJPqDGGWUqT+HG9wn1dnTirkV6khMD3+20SW85hFMLEr31Pa2T/iVPfB0kNY055Lefx0vQJNcawKGUSZilN/9jlzVLmNfJPzlm2j2wt/rJT3zsT4Iht985r3+HzdnPctkWp+I1azp2Nx64LZuoyTc4eSogZ7kJfze4drYHvvoajEL8gWx9dwnkYks/HZZpgUQoWpZx9yVnzuz33hPwLSMN+APmv9Ps6h0eaAAAAAElFTkSuQmCC");
  -moz-image-region: rect(0px, 18px, 18px, 0px);
}

toolbar[iconsize="small"] #abp-toolbarbutton[abpstate="whitelisted"],
#PersonalToolbar #abp-toolbarbutton[abpstate="whitelisted"],
#header-view-toolbar > #abp-toolbarbutton[abpstate="whitelisted"],
#abp-status[abpstate="whitelisted"] {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACIUlEQVQ4jY2UYWurMBiF+9P3J/ZpXzYGgzIpHYUiwzKKRUpFxnBIEClKCCIiUopICOG5H8bszd3d2IEQIsnxPe85yYwfYK115p8wA+j7nrZtaZoGpRRd1yGEYL/fE0UR2+2WPM+RUjKOI13XcTqdaJqGtm0vRE3TIKVESolSiiRJCIIAY8z0R2MMYRgihJj2ZVmGEAJrLTNrLUopZ+x2O7Is+1J+URREUYRSaqpQSvl/ouPxyN3dnVPNJ7TWeJ5HlmUopX4mOhwORFH0bVOXyyVxHFOW5VeisiypqgohBJvNhvP5PB3cbrdorad13/eEYYhSirIsUUp9EBljOB6PU6mLxcKx+/7+njiOp7W1lvl87siz1jLTWk8uxHHMfr93Dt3c3LBcLh15vu+TJAlKKeq6/iAax3GStVqtHBmvr69cX19zdXXlfD+fz6xWK5RSNE1zkSaE4O3tjfV6/W2T/8XDw8MUganZeZ7z/PxMURS/JkqSxMnbzBhDlmV4nudkx1rLOI7TGIbBIdJa8/j4iFIKY8zHFdntdl9kPT094Xkevu/j+z63t7df0r5YLC5XBCCKIic7APP53Anqpxl/o+970jT9kAYghKBtW4ZhYBxH+r5ns9lQFMVEVFUVQRBwOp3QWqO1pus63t/fLxUNw0CapoRhyMvLC2maIqWkrmuqqqKua6SU5HlOFEUEQcB6veZwOFyS/VuX/n3krLWOOX8A+Ra1d1WBuaIAAAAASUVORK5CYII=");
  -moz-image-region: rect(0px, 18px, 18px, 0px);
}