主題

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

—— | 2017-12-21 21:39:16 | 巴幣 0 | 人氣 591

一個漂亮的樣式。
無法作用的選項的背景色也是灰色，美化己「勾選」項目的勾選框，很有質感。加了豎分隔線、選中字體顏色、改了背景顏色並透明。
57用userChrome.css

/*透明彈出選單*/
menupopup{
opacity: 0.9 !important;
background-color: #F2F2F2 !important;}
/*選中選單的字體顏色*/
:-moz-any(menuitem,menu):hover > :-moz-any(.menu-text,.menu-iconic-text){color:green!important;}
/*選單選中區域樣式*/
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
popup > menuitem[_moz-menuactive="true"] {
-moz-appearance: none;
background: rgba(255,153,0,0.2)!important;
border: 1px #55BBEC!important;
}
menu,menuitem:not([id="context-back"]),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:#FF9900!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;}
popup,
menupopup:not(#BMB_bookmarksPopup)
{-moz-appearance:none!important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWO4fv36fwAIkwOFV/7XmwAAAABJRU5ErkJggg==") !important;
background-repeat:repeat-y!important;background-position:28px 0!important}

menulist > popup,
menulist > menupopup:not(#BMB_bookmarksPopup)
{outline:0 !important;min-width:43px !important;background:white !important;}

popup menuseparator,
menupopup:not(#BMB_bookmarksPopup) menuseparator
{-moz-margin-start:28px !important;background-color:transparent;-moz-appearance:none !important;
-moz-border-top-colors:none !important;-moz-border-bottom-colors:none !important;margin-top:2px !important;
margin-bottom:2px !important;border-top:1px solid #d7d7d7 !important;border-bottom:0px !important;
border-left:0px !important;border-right:0px !important;height:2px !important;min-height:2px !important;}

/*文字偏移*/
.menu-iconic-left {width:20px !important;margin:0px 0px 0px 3px!important;padding:0px !important;}
.menu-iconic-left * {padding:0 !important;margin:0px 0px 0px 0px !important;
-moz-box-align:center !important;-moz-box-pack:center !important;border:0px solid transparent;}
.menu-iconic-text {margin:0px !important;-moz-margin-start:11px !important;}
.menu-text {margin:0px !important;-moz-margin-start:1px !important;}