asuna
10/27/2012 - 10:16 AM

最大化最小化按钮mac

最大化最小化按钮mac

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#titlebar-buttonbox{
position:fixed !important;
left:5px !important;
top:5px !important;
z-index:100;
}
#main-window[sizemode="maximized"] #titlebar-buttonbox{
position:fixed !important;
left:8px !important;
top:11px !important;
}

#titlebar-buttonbox{
-moz-transform:rotateY(180deg) !important;
}


#window-controls toolbarbutton, 
#titlebar-buttonbox toolbarbutton {
	-moz-appearance: none !important;
	padding: 0 !important;
	border: none !important;
	width: 14px !important;
	min-width: 14px !important;
	height: 14px !important;
	min-height: 14px !important;
	background: none !important;
	box-shadow: none !important;
	list-style-image: url("data:image/png;base64,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") !important;
}

#minimize-button, 
#titlebar-min {
    margin:0 !important;
	-moz-image-region: rect(0 14px 14px 0) !important;
}
#minimize-button:hover, 
#titlebar-min:hover {
	-moz-image-region: rect(14px 14px 28px 0) !important;
}
#minimize-button:hover:active, 
#titlebar-min:hover:active {
	-moz-image-region: rect(28px 14px 42px 0) !important;
}


#restore-button, 
#titlebar-max {
	margin-left: 6px !important;
	margin-right: 6px !important;
	-moz-image-region: rect(0 28px 14px 14px) !important;
}
#restore-button:hover, 
#titlebar-max:hover {
	-moz-image-region: rect(14px 28px 28px 14px) !important;
}
#restore-button:hover:active, 
#titlebar-max:hover:active {
	-moz-image-region: rect(28px 28px 42px 14px) !important;
}


#close-button, 
#titlebar-close {
	margin:0 !important;
	-moz-image-region: rect(0 42px 14px 28px) !important;
}
#close-button:hover, 
#titlebar-close:hover {
	-moz-image-region: rect(14px 42px 28px 28px) !important;
}
#close-button:hover:active, 
#titlebar-close:hover:active {
	-moz-image-region: rect(28px 42px 42px 28px) !important;
}