把文字改成圖示而已，配合以前發的「附加元件管理員美化」更好看。
| /*列表按鈕*/ #view-port .list button, #view-port .list menulist, #view-port #detail-view button { -moz-appearance:none!important; height: 26px !important; min-height: 26px !important; margin:0 !important; margin-left: 3px !important; padding:0 4px !important; background: none !important; border:1px solid rgb(225, 225, 225) !important; border-radius: 0 !important; box-shadow: none !important; color:rgb(64, 64, 64) !important; text-decoration:none !important; cursor: pointer; } /*按鈕樣式*/ #list-view .control-container button, #list-view .addon-control.update { width: 16px !important; min-width: 16px !important; height: 16px !important; margin-right:10px !important; padding: 0 !important; background-repeat: no-repeat !important; background-position: left center !important; border: none !important; transform: translate(2px, -2px) !important; } #list-view .control-container button.remove { margin-right: 0px !important; } #list-view .list button:not(:active):hover { background-position: right center !important; } #list-view .addon-control.update .button-text, #list-view .control-container .button-text {/*隱藏按鈕文字*/ visibility: hidden !important; width: 0 !important; } #view-port .list menulist .menulist-label { -moz-margin-start: 0 !important; -moz-margin-end: 0 !important; } /*立即更新按鈕樣式*/ #list-view .list button[class="addon-control update"] { padding-left:10px !important; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADgSURBVEhL7ZVBCoMwFERzCMXjJhsPZTdCogZciBu9jp0BE9oY+92UdqEwCN+Z/OcPRqX+6WrbtnDODV3XPVIu1Buop+eMWWtdQAN0yBtjGqinJ5u31pZoPEMblZpCnZ4cRF3XJRaf0WSj0nyo03OASJsLAAScmQlN0uafAPiMEMxESIx2ZFPc1wsTWHbvGBbAguO+8CpNAM+X3RvzivsOTd77SgKgh174/AsA933CW1USAD30whfzb9slAUgfjQQg5dUNcE/gnsDPJ4BDxlKZn1G2nvpwyFjqal08F75teALYE7fUYWRInAAAAABJRU5ErkJggg==") !important; } /*編輯按鈕樣式*/ #list-view .list button[class="addon-control"] { background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHNSURBVEhLzZS9bsJQDIWRWomhEkMFZWbjWbr0kQAhWJiYmLvyAEhMiPAvMSRAeApmxMBPz4lsai4hYaqKZN3Exvc79vVNJvPff/P5PDcajTqw3Xg8PsKWsM9ndVcqlVy1Wu1g3cGOsCXsufzBYJAHzIddaBBxkvWM9StNBEB5mA8BF7ETV/jOtVotOd/zvILCAd5OJpNyr9fLwtcUQWGSgEajUVA41i2s3G63s1ibIuZxvoULzKePwG63+wLfgf5+v/8WJ8LCpWKfPs2HiAP9rVbrPl/ggVbJ6uU5YGw4HJbkGPY4oldXAEHYPNAqWb08B4zV6/WSiNojdptPAIArhc9msyIN76GKQHwtz99xcGy6UjiARRreQxWBdS3Pt/kuHGf+oQBHBAcynE6n71aAtP0Kh5BrviOCAxki/psvcK1sY+GEpMWl7VFl2Hhj4cxPi2fkbrOyWDj90va7OAG820lwinoUj7qo91wnXVvLTqTB+V+95zrpms9OpMKtAHumLtwVZ/+rAqzPhbvibgZYO+BUHk0+pz4JbjtgKzeTv06E2w6oEPPpXaXBrQDzyY0+vbySqXBugCq9GPjiGbgMoefC8b54Ch73Kf1L3w9QBnnWAmo2CQAAAABJRU5ErkJggg==") !important; } /*選項按鈕樣式*/ #list-view .list button[class="addon-control preferences"] { background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG/SURBVEhLzVXNisJADO558bILPoHivpHgS7h7Ej1VFOk7iVqo1VMPpf68iyC63yeZEjozte5hWeFj0iRfkslMxiD4z7/tdrshfltjGIYbojE/TdNOlmVvhoDvO2G+aaOPL+B8Pu8gYcmfTqd3wvjTRh8nP0mSHoJfgRy77mNdmgIoiy4Xn89qEATvAVcgB/rA0hRAWXS0XWezmcUP4jhuIclZJX3s3oETfR0FtBD8bJLWrCf4WfxHPHRhwIQo5AJM8N0mKFNHG318R4CkA0l8wTpZLBZtgjJAHY/Eyw+QZC0FfFeTwDYW27qmgDWTYIcWH7qxFGDzETzRrd7v9x/VJNRpH3LU5Up0y5HM4lNX8Sn5AQLzV543gr8/K4AEVUCqg0dRZPEdBZT8MhdnXtr8VS0A+pHYvHPNmZdCLD5sIzke/7ugL+Futxuy7ewG5VcvIRIOuWt2g/LTS8jRwg6Pz8YQhRxqxvDYYAwPzjHkQ4TgN6CQTqxUMSvqaKMP9L6H6IbgBUcN60o9RJSpK4Cb8yHimaPlXb07U4C5D7TRxzeGCN7Vu3M8xXysvHwrLkdNj1vjPxVxRLKEeJX3p/4/XkpVH4AwlNkAAAAASUVORK5CYII=") !important; } /*啟用按鈕樣式*/ #list-view .list button[class="addon-control enable"] { width: 26px !important; min-width: 20px !important; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAUCAYAAACTQC2+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE0SURBVEhL7ZRdTsJAEMd7CPFichJ4sJtgdoVYX/QufvB1CiNyACxI8VF2SVzKboeZChiVmi40vGiTeWm789uZ+c/f8/6fIjogeeVIcRZIzp4wtBIMXILOYDxijjrl2noneX56ouq1N928ATN8BojjNEw4AHqnGjUnqBL+lHJ+gaWQqyCx0RiyHjuJYHZ96QTD6pINTF6wEt52aifZkDXcjl+wsjMnGFWmePXYo37qzn1mJd8/6PadIwjnjHP3aHhmNMwNMqPQGUTiIpAGs8gNSuK5O0j484OAcE7qMK0Tfu9DDN1m7tbtLAaSXm55R3vImzZ3s7C/7JJ93XNh1xaB6iujBUndukULCiHR72mQHe1kQZzJHxb0CVuZqvD7CI5dDDX9l7MZnntAlTUyTbUI9/9bOZY9UkTyvIv1cgAAAABJRU5ErkJggg==") !important; } /*禁用按鈕樣式*/ #list-view .list button[class="addon-control disable"] { width: 26px !important; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAUCAYAAACTQC2+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE4SURBVEhL7ZTNTsJAEMf7EMKL6YUsCfgAvAQkPIaRCAfTlgvyGoB4kQ/bhautIkJo+egw03RNJDbpEOwFNpn0sLv/X3fmP6Npl3WKDOQar1dCt6p5w+4L3fbwC5ygOxg9vFMmrT//KW/Iazww4wgXmxLuOg4M3lfgb4MwBo4H910Hiqb8Is1fsBCiWwEHUnqagvz0IW7RXqk1Qc0Idvs4zCAA6cnTRC+xPuIhCk6w8GXmOKtRPjkQOlvrurEvOdx46LlAddei4rGKPsQ6JF0j1yPtPoHY7vI2QVIObHYBgfy0QN+ppE4Y9vO/m6GuzEDWS8Xe1LlHNWx7CpMZo2HViBDm2w06cM7pqZ8RhHZfrndhjKIRVDAlah2MIAVTQxWBL1jANQdKZ4VhLTA6eL8SO1RPMf3PS2MPhFdAgtFb4l0AAAAASUVORK5CYII=") !important; } /*移除按鈕樣式*/ #list-view .list button[class="addon-control remove"] { background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADlSURBVEhL7VQxDoMwEMvEr5h5FsnWLU9iAJQPMDJ1YII3UBslKApcSStV6gBSRMidz86hs1L/+PR9X7VtO3Zdt3Jxz7NcrcaYqq7rUWu9cnHPs1y8AukUyKP3M7cACKdAHomQ8SBpTgi3279ZTRAEkiYlzPje8byx+0KAiwS4DMLtd0Rrx291goCrNkt5ofAVXsy7BdwduDsAu118F0pplBAvvTUvaQ7Ga+GIwXJFPGN+DA94+oD9wIweJwJsrhnBqg94NQxDQRHoxCwJ8THL3FQAihYQYPGeJSE+xpwD/srAfhZ/AWDhJvIoQ1tpAAAAAElFTkSuQmCC") !important; } /*選中項背景*/ #search-list .addon[selected], #addon-list .addon[selected], #updates-list .addon[selected] { background-color: rgba(196, 227, 255, 1) !important; } /*懸停項背景*/ #view-port .addon:hover { background: rgba(196, 227, 255, 1) !important; } /*禁用項背景*/ .addon.addon-view[active="false"]:not([notification="warning"]) { background:rgba(0, 0, 0, 0.2) !important; } /*不兼容項背景*/ richlistitem[notification="warning"] { background:rgba(255, 255, 0, 0.2) !important; } |
達人
