Tổng hợp CSS firefox ...
App button
#appmenu-button{
background-image:-moz-linear-gradient(rgba(200,200,200,1), rgba(200,200,200,1)) !important;
color:black!important;
font-weight: 900!important;
font-family:"Segoe UI"!important;
text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white!important;
}
#main-window[privatebrowsingmode="temporary"] #appmenu-button{
background-image:-moz-linear-gradient(rgba(115,115,115,1), rgba(115,115,115,1)) !important;
color:black!important;
font-weight: 900!important;
font-family:"Segoe UI"!important;
text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white!important;
}
hoặc
#main-window #appmenu-button {
margin-top: -2px !important;
-moz-box-shadow: 0 0 2px 0 rgba(255,255,255,.75) inset,
0 1px 0 rgba(255,255,255,.45) inset !important;
border: 2px solid !important;
border-top: 0!important;
-moz-border-left-colors: rgba(255,255,255,.5) rgba(83,42,6,.9) !important;
-moz-border-bottom-colors: rgba(255,255,255,.5) rgba(83,42,6,.9) !important;
-moz-border-right-colors: rgba(255,255,255,.5) rgba(83,42,6,.9) !important;
background-color: rgba(255,255,255,1) !important;
background-image: -moz-linear-gradient(rgba(244,172,17,.85),
rgba(218,107,17,1) 100%) !important;
}
#main-window:not([browsingmode="private"]) #appmenu-button:hover:not(:active):not([open]) {
background-image: -moz-linear-gradient(rgba(244,172,17,.70),
rgba(218,107,17,1) 100%) !important;
}
#main-window #appmenu-button:hover:active,
#main-window #appmenu-button[open] {
-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.4) !important;
}
#main-window[browsingmode="private"] #appmenu-button {
border-top: 0px solid rgba(42,42,42,.9) !important;
-moz-border-left-colors: rgba(255,255,255,.5) rgba(58,82,100,.9) !important;
-moz-border-bottom-colors: rgba(255,255,255,.5) rgba(58,82,100,.9) !important;
-moz-border-right-colors: rgba(255,255,255,.5) rgba(58,82,100,.9) !important;
background-image: -moz-linear-gradient(rgba(155,185,208,.85),
rgba(58,82,100,1) 100%) !important;
}
#main-window[browsingmode="private"] #appmenu-button:hover:not(:active):not([open]) {
background-image: -moz-linear-gradient(rgba(155,185,208,.70),
rgba(58,82,100,1) 100%) !important;
}
hoặc
#appmenu-button {
background: none !important;
border: none !important;
box-shadow: none !important;
margin: 0 0 2px 0 !important;
}
#main-window[sizemode="maximized"][tabsontop="true"] #appmenu-button {
margin: -7px 0 2px 0 !important;
padding: 0 9px 0 0 !important;
min-width: 0 !important;
}
#appmenu-button:hover {
background-color: rgba(255,255,255,.4) !important;
border: 1px solid rgba(0,0,0,.6) !important;
border-top: none !important;
}
#appmenu-button .button-text, #appmenu-button > .button-box > .button-menu-dropmarker {
visibility: collapse !important;
}
0 nhận xét:
Đăng nhận xét