阅读:2123回复:0
求样式修改
很喜欢这个样子但这个样式我只喜欢这,求各位大大把这段紫色样式代码精简出来,以便我和其他代码写出我满意的样式
firefox那几个字能不能和图标的底线在平行同一条线上 重装了系统,百废待兴,最近会有很多的问题烦劳各位了 @namespace url(http://www.mozilla.org/keymaster/gateke ... s.only.xul); .userstyle[StylishStinks] { /*Hey there! I'm a dummy user style so that Stylish doesn't freak out when there's no CSS. ![]() } /*Placeholder for Status Bar Tweaks code*/ #main-window #appmenu-button { opacity: 0.7 !important; margin-left: 4px !important; margin-right: 4px !important; padding-left: 4px !important; padding-right: 4px !important; -moz-transition-property: all !important; -moz-transition-duration: 0.4s !important; -moz-border-radius-bottomleft: 10px !important; -moz-border-radius-bottomright: 10px !important; -moz-image-region: rect(0px, 88px, 16px, 72px) !important; list-style-image: url(chrome://browser/skin/Toolbar.png) !important; background-image: url("http://dumpon.us/media/uploads/carbon_shades_2_htpc.png") !important; } #main-window #appmenu-button .button-text { padding-left: 5px; } #main-window:not([privatebrowsingmode]) #appmenu-button:hover { opacity: 1 !important; -moz-transition-property: all !important; -moz-transition-duration: 0.4s !important; -moz-border-radius-bottomleft: 4px !important; -moz-border-radius-bottomright: 4px !important; background-image: url("http://dumpon.us/media/uploads/firegrad.png") !important; } #main-window[privatebrowsingmode] #appmenu-button:hover { opacity: 1 !important; -moz-transition-property: all !important; -moz-transition-duration: 0.4s !important; -moz-border-radius-bottomleft: 4px !important; -moz-border-radius-bottomright: 4px !important; background-image: url("http://dumpon.us/media/uploads/firegradprivate.png") !important; } #main-window #appmenu-button:active { opacity: 1 !important; -moz-transition-property: all !important; -moz-transition-duration: 0.4s !important; } #main-window:not([inFullscreen]) #appmenu-button:-moz-window-inactive { opacity: 0 !important; -moz-transition-property: all !important; -moz-transition-duration: 1.0s !important; } /*Placeholder for Dialog Tweaks code*/ /*Placeholder for about:blank Tweak code*/ #main-window:not([inFullscreen="true"]) .tabbrowser-tab[selected="true"] { background-image: -moz-linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)), -moz-linear-gradient(rgba(251, 140, 0, 0) 0%, transparent 0%) !important; } .tabbrowser-tab:not([selected="true"]), .tabs-newtab-button { background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0px, transparent 1px), -moz-linear-gradient(rgba(195, 195, 195, .5), rgba(90, 90, 90, .5)), -moz-linear-gradient(rgba(251, 140, 0, 0), rgba(251, 140, 0, 0)) !important; } .tabbrowser-tab:not([selected="true"]):hover, .tabs-newtab-button:hover { background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0px, transparent 1px), -moz-linear-gradient(rgba(245, 245, 245, .6), rgba(140, 140, 140, .6)), -moz-linear-gradient(rgba(251, 140, 0, 0), rgba(251, 140, 0, 0)) !important; } .tabbrowser-tab[selected="true"] { background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0px, transparent 1px), -moz-linear-gradient(rgba(195, 195, 195, .5), rgba(90, 90, 90, .5)), -moz-linear-gradient(rgba(251, 140, 0, 0), rgba(251, 140, 0, 0)) !important; } .tabbrowser-tab[selected="true"]:hover { background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0px, transparent 1px), -moz-linear-gradient(rgba(245, 245, 245, .6), rgba(140, 140, 140, .6)), -moz-linear-gradient(rgba(251, 140, 0, 0), rgba(251, 140, 0, 0)) !important; } /*Placeholder for Menu Tweaks code*/ |
|