|
|

楼主 |
发表于 2004-6-7 04:36:12
|
显示全部楼层
优化你的Mozilla 和 Firefox(3)
一个可以把菜单变成象officeXP的风格。文件在此:userChrome.css。通过此代码你将看到“风格”是怎么样搞出来的!(转贴)对应的目录文件在/mozilla/defaults/profile/US/chrome下。
/*
Version 1.0.4 (Opus OS Blue Colors)
Made by Andreas Westerlind (loopnine), based on a work by Andreas Svensson (p0tatis).
Released under GPL (http://www.fsf.org/licenses/gpl.html)
*/
/*
How to get the toolbar-separators back?
Answer: Put a "/*" in front of the last line of the file 
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ::::: OfficeXP style ::::: */
menupopup {
/*position:relative !important;
top:-7px !important;*/
color: black !important;
border-top: 1px solid !important;
border-right: 1px solid !important;
border-bottom: 1px solid !important;
border-left: 1px solid !important;
-moz-border-top-colors: #8d8b86 !important;
-moz-border-right-colors: #8d8b86 !important;
-moz-border-bottom-colors: #8d8b86 !important;
-moz-border-left-colors: #8d8b86 !important;
background: #ffffff url(dotnet.png) repeat-y !important;
padding: 1px 1px 0px 1px !important;
}
popup {
color: black !important;
border-top: 1px solid !important;
border-right: 1px solid !important;
border-bottom: 1px solid !important;
border-left: 1px solid !important;
-moz-border-top-colors: #8d8b86 !important;
-moz-border-right-colors: #8d8b86 !important;
-moz-border-bottom-colors: #8d8b86 !important;
-moz-border-left-colors: #8d8b86 !important;
background: #ffffff url(dotnet.png) repeat-y !important;
padding: 1px 1px 0px 1px !important;
}
popup[type="autocomplete"] {
color: black !important;
border-top: 1px solid !important;
border-right: 1px solid !important;
border-bottom: 1px solid !important;
border-left: 1px solid !important;
-moz-border-top-colors: #8d8b86 !important;
-moz-border-right-colors: #8d8b86 !important;
-moz-border-bottom-colors: #8d8b86 !important;
-moz-border-left-colors: #8d8b86 !important;
background: #ffffff !important;
padding: 1px 1px 0px 1px !important;
}
menulist > menupopup {
color: black !important;
border-top: 1px solid !important;
border-right: 1px solid !important;
border-bottom: 1px solid !important;
border-left: 1px solid !important;
-moz-border-top-colors: #8d8b86 !important;
-moz-border-right-colors: #8d8b86 !important;
-moz-border-bottom-colors: #8d8b86 !important;
-moz-border-left-colors: #8d8b86 !important;
background: #ffffff !important;
padding: 1px 1px 0px 1px !important;
}
menubar > menu {
color: black !important;
padding: 1px 4px 2px 4px;
margin: 1px 0px 1px 0px;
border: 1px solid transparent;
}
menubar > menu[_moz-menuactive="true"] {
color: black !important;
border: 1px solid #61799f !important;
background-color: #ccd2de !important;
}
menubar > menu[_moz-menuactive="true"][open="true"] {
color: black !important;
border-left: 1px solid #61799f !important; /*#8d8b86*/
border-right: 1px solid #61799f !important; /*#f0ede8*/
border-bottom: 1px solid #61799f !important; /*#f0ede8*/
border-top: 1px solid #61799f !important; /*#f0ede8*/
background-color: #b0bccf !important; /*#f0ede8*/
}
menubar > menu[disabled="true"] {
color: #cacac8 !important;
border-left: 1px solid transparent !important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid transparent !important;
border-top: 1px solid transparent !important;
background-color: transparent !important;
display: none;
}
menubar > menu[_moz-menuactive="true"][disabled="true"] {
color: #cacac8 !important;
border-left: 1px solid transparent !important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid transparent !important;
border-top: 1px solid transparent !important;
background-color: transparent !important;
display: none;
}
menubar > menu[_moz-menuactive="true"][open="true"][disabled="true"] {
color: #cacac8 !important;
border-left: 1px solid transparent !important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid transparent !important;
border-top: 1px solid transparent !important;
background-color: transparent !important;
}
menupopup > menu,
popup > menu,
menupopup > menuitem,
popup > menuitem {
color: black !important;
border: 1px solid transparent !important;
margin: 0px 0px 1px 0px !important;
padding: 2px 0px 2px 9px !important; /* (order: top right bottom left) */
height: 20px !important;
max-width: 42em;
}
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
popup > menuitem[_moz-menuactive="true"] {
color: black !important;
border: 1px solid #61799f !important;
margin: 0px 0px 1px 0px !important;
padding: 2px 0px 2px 9px !important; /* (order: top right bottom left) */
background-color: #ccd2de !important;
color: MenuText !important;
height: 20px !important;
}
menupopup > menu[disabled="true"],
menupopup > menuitem[disabled="true"],
popup > menu[disabled="true"],
popup > menuitem[disabled="true"] {
color: #cacac8 !important;
border: 1px solid transparent !important;
background-color: transparent !important;
}
menupopup > menu[_moz-menuactive="true"][disabled="true"],
menupopup > menuitem[_moz-menuactive="true"][disabled="true"],
popup > menu[_moz-menuactive="true"][disabled="true"],
popup > menuitem[_moz-menuactive="true"][disabled="true"] {
color: #cacac8 !important;
border: 1px solid transparent !important;
background-color: transparent !important;
}
menuseparator {
border-top: 1px solid !important;
border-bottom: 0px solid !important;
-moz-border-top-colors: #cdcccb !important;
-moz-border-bottom-colors: transparent !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 1px !important;
margin-left: 27px !important;
}
.menu-iconic-left {
margin-top: -1px !important;
margin-right: 10px !important;
margin-bottom: -1px !important;
margin-left: -8px !important;
}
.menu-right[_moz-menuactive="true"] {
list-style-image: url("chrome://global/skin/menu/Menu-arrow.png") !important;
}
.menu-right[_moz-menuactive="true"][disabled="true"] {
list-style-image: url("chrome://global/skin/menu/Menu-arrow-disabled.png") !important;
}
toolbarbutton {
-moz-appearance: none !important;
border: 1px solid transparent !important;
}
toolbarbutton:hover {
-moz-appearance: none !important;
border: 1px solid #61799f !important;
background: #ccd2de !important;
}
toolbarbutton:hover:active, toolbarbutton[open="true"] {
-moz-appearance: none !important;
border: 1px solid #61799f !important;
background: #b0bccf !important;
}
toolbarbutton[checked="true"] {
-moz-appearance: none !important;
border: 1px solid #61799f !important;
background: #e7e7e9 !important;
}
toolbarbutton[checked="true"]:hover {
-moz-appearance: none !important;
border: 1px solid #61799f !important;
background: #b0bccf !important;
}
toolbarbutton[disabled="true"],
toolbarbutton[disabled="true"]:hover,
toolbarbutton[disabled="true"]:hover:active,
toolbarbutton[disabled="true"][open="true"] {
color: GreyText !important;
border: 1px solid transparent !important;
background: transparent !important;
}
#go-button {
color: black !important;
-moz-appearance: none !important;
border-width: 1px !important;
-moz-border-top-colors: transparent;
-moz-border-right-colors: transparent;
-moz-border-bottom-colors: transparent;
-moz-border-left-colors: transparent;
}
#go-button:hover {
color: black !important;
-moz-appearance: none !important;
-moz-border-top-colors: #61799f !important;
-moz-border-right-colors: #61799f !important;
-moz-border-bottom-colors: #61799f !important;
-moz-border-left-colors: #61799f !important;
background: #ccd2de !important;
}
#go-button:hover:active {
color: black !important;
-moz-appearance: none !important;
-moz-border-top-colors: #61799f !important;
-moz-border-right-colors: #61799f !important;
-moz-border-bottom-colors: #61799f !important;
-moz-border-left-colors: #61799f !important;
background: #b0bccf !important;
}
.toolbarbutton-menubutton-dropmarker {
color: black !important;
border-left: 1px solid transparent !important;
}
.toolbarbutton-menubutton-dropmarker:hover {
color: black !important;
border-left: 1px solid #61799f !important;
}
toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker,
toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker {
color: black !important;
border-left: 1px solid #61799f !important;
}
toolbarbutton[type="menu-button"][disabled="true"]:hover > .toolbarbutton-menubutton-dropmarker,
toolbarbutton[type="menu-button"][disabled="true"][open="true"] > .toolbarbutton-menubutton-dropmarker,
toolbarbutton[type="menu-button"][disabled="true"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker {
color: black !important;
border-left: 1px solid transparent !important;
}
toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker {
color: black !important;
background: #b0bccf !important;
}
toolbarbutton[type="menu-button"][open="true"],
toolbarbutton[type="menu-button"][buttondown="true"] {
color: black !important;
background: #ccd2de !important;
}
.toolbarbutton-menubutton-button:hover:active {
color: black !important;
background: #b0bccf !important;
border: 0 !important;
}
.toolbarbutton-menubutton-button:hover {
color: black !important;
border: 0 !important;
}
toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button {
color: black !important;
background: transparent !important;
border: 0 !important;
}
.toolbarbutton-menubutton-button[disabled="true"]:hover:active,
.toolbarbutton-menubutton-button[disabled="true"],
.toolbarbutton-menubutton-button[disabled="true"]:hover,
.toolbarbutton-menubutton-button,
.toolbarbutton-menubutton-button:hover {
border: 0 !important;
}
listbox {
background white !important;
}
#forward-button .toolbarbutton-menubutton-dropmarker {display: none}
#back-button .toolbarbutton-menubutton-dropmarker {display: none}
toolbar, menubar {border-style: none !important} /* Put a "/*" in front if this line to get the toolbar-separators back */ |
|