主題

火狐Firefox Stylish CSS樣式：美化右鍵選單二

—— | 2017-12-19 20:19:21 | 巴幣 0 | 人氣 374

又找到一個漂亮的樣式。
跟上一個最大不同地方，無法作用的選項的背景色也是灰色，
美化己「勾選」項目的勾選框，很有質感。
57用userChrome.css

/*透明彈出選單*/
menupopup{
opacity: 0.9 !important;
background-color: #F2F2F2 !important;}
/*選單選中區域樣式*/
menuitem,
menupopup menu,
splitmenu,
.splitmenu-menuitem{
-moz-appearance: none !important;
margin:0px!important;}
/*有效區背景/字體（可點擊）*/
menu[_moz-menuactive="true"]:not(.splitmenu-menu),
menuitem[_moz-menuactive="true"],splitmenu[active="true"],#dwhelper-button .menu-iconic menuitem:hover{
-moz-appearance:none!important;
background:#3F51F2!important;
color:#fff!important;}
/*無效區背景（無法點擊）*/
menu[_moz-menuactive="true"][disabled="true"], menuitem[_moz-menuactive="true"][disabled="true"],
.splitmenu-menuitem[_moz-menuactive="true"][disabled="true"]{
background:#999999!important;}
/*斷開的*/
splitmenu[active="true"]>.splitmenu-menuitem,splitmenu[active="true"]>.splitmenu-menu{
-moz-appearance:none!important;
background:none transparent!important;
color:#fff!important;}
/*左側選中圖示*/
menuitem[type="checkbox"]>.menu-iconic-left{
-moz-appearance:none!important;
min-width:29px!important;
max-width:29px!important;
min-height:22px!important;
max-height:22px!important;}
/*圖示替換*/
menuitem[type="checkbox"][checked="true"]>.menu-iconic-left{
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABsElEQVQ4jaWVsW7bMBCGP0qCYDTduhcN0gQdstl9iy59Fafv0TRN19hvkCWbXiFokKRDlw5252SqzpQg8zJYFCjbsgz0BwiQxN3HO0r6ZdiU2bK3S9qVHAMfgLfAoAfuIRaYA7+B5Tr4NMuyKxEpdU+JSJll2RVw6g/3FcTAJ2vtdZIkRrXVRaeMMVRVpYPB4DNwAyyTGhoBB2mamqqq9oIBqCppmhrgoGa4KGg59kF9493Xn8086NBQUz3Q7AM7PL8D4PD8LoQaD0y2taGqGGNYv8v33x+a+d8vHynLciMmChfOOZxzqCpHF/etykLY/GyEtbaJ7QT65OPLRwCOLx9b6xAWHtYLnJ+Nmr2TH79asMVisXGvvUARaUE9TES2Pqidd+iD8jxnNh4CMBsPyfN8K8w5t7vCUCLCbDxEROjSeo5/bRQorbVPcRy/CQPyPO+EAVhrn4CyZjQVKjCbTCYXRVE8R1HEPqMoiufpdPqNleM0bzisPp1XwAg4Al7T74sK/AP+ALeAAEufZOr2U1Ze6E1jlx8qULHyxLKea5jgXSfqga1DXT1aLYf6r1/AC2Y2fNje/V+CAAAAAElFTkSuQmCC")no-repeat center!important;
margin-top:2px!important;
margin-left:-3px!important;}
menuitem[type="checkbox"][checked="true"] .menu-iconic-text,menuitem[type="checkbox"]:not([checked="true"]):active .menu-iconic-text{
-moz-margin-start: 5px !important;}
menuitem[type="checkbox"]:active>.menu-iconic-left{
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAB00lEQVQ4jaWVPY/aQBCGn13v7oWcIgqao02kdCgNSBCgwpKrVCn8467gH6RJRUEVkQYLgYybpEuVBikf0gkFsFOcd7MHB2cprzTS7Hjm8buSdy04lXikdknFueEG8A54DdQrwn4CX4CPwAZAeeD37XY7iqLobaPRuKlC22w23yeTyeckSQxwCxQWKIGXcRxHtVrtuqI7ms3mTRzHUZIkX0vGQZXuJKDr9XplmJUx5hrQJSP3t5wbYypBRqMR0+nUL+UlA+kB98YYjDForbG5H1prwjBECEEYhq4O7C1QeW85aK0vOuv3+y6fzWZ4/QebSK9/r7XGxnA4dK601gwGA4QQCCGYz+eu7jk8AR5sU6/XQwhBt9t1ayklUkoWiwVKKQdUSl12qJRitVo5N51Ox+XL5fIByILPAfMgCFBKEQQBaZo6kBCCNE3dM9tn1xeBfmRZhhCCLMs4fuYH95/NCfDBIbdar9ePlY/lZqVXuNtutz+qTPsqZ+4sNODf0Xu+2+1Mq9V6pZS6qgj7NR6PP2RZNgW+Abm9vgLgGTAE3gAvePpeLIDfwAr4BGyBgx0S3J8aU4LtpXEOWpSxL0F/yrzwB+zW5ROwY2heRmEhx/qvX8Bf+cp/5i0Sjb0AAAAASUVORK5CYII=") no-repeat center!important;
margin-top:2px!important;
margin-left:-3px!important;}