metro右上角

Metro - 右上角.css

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#main-window {
	background: #F8F8F8 !important;
}
#titlebar-buttonbox-container {
	height: 0 !important;
	width: 0 !important;
}
#titlebar-buttonbox {
	-moz-appearance: none !Important;
	position: fixed !important;
	right: 4px !important;
	top: -11px !important;
	height: auto !important;
	width: auto !important;
	padding: 0 !Important;
	display: block !important;
	border-top: none !Important;
	border-radius: 0 !important;
	opacity: 1 !important;
    z-index:10000000;
}
#main-window[sizemode="maximized"] #titlebar-buttonbox{
	right: 1px !important;
	top:-4px !important;
}

#titlebar-buttonbox .titlebar-button{
-moz-appearance:none !Important;
padding: 0 !important;
margin: 0 !important;
display: inline-block !important;
}
/*#titlebar-buttonbox .titlebar-button::before{
-moz-transition:0.1s ease all;
background-color:transparent;
content:"";
height:18px;
position:absolute;
top:13px;
margin:0;
}
#titlebar-buttonbox .titlebar-button:hover::before{
background-color: rgba(255,255,255,0.25);
}
#titlebar-buttonbox .titlebar-button:active::before{
background-color:rgba(90,90,90,0.2);
box-shadow: 0 0 2px #444 inset !important;
-moz-transition:0s ease all;
}*/

#main-window:not([inFullscreen]) #titlebar-min, #main-window:not([inFullscreen]) #titlebar-max, #main-window:not([inFullscreen]) #titlebar-close {
	list-style-image: none !important;
}
#main-window:not([inFullscreen]) #titlebar-max, #main-window:not([inFullscreen]) #titlebar-max:hover, #main-window:not([inFullscreen]) #titlebar-min, #main-window:not([inFullscreen]) #titlebar-min:hover, #main-window:not([inFullscreen]) #titlebar-close, #main-window:not([inFullscreen]) #titlebar-close:hover, #main-window[sizemode="maximized"]:not([inFullscreen]) #titlebar-max {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	-moz-appearance: none !important;
	background-repeat: no-repeat !important;
	background-position: 0px 0px, center center, top left !important;
}
#main-window:not([inFullscreen]) #titlebar-max {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAAcklEQVRIie2SwQqAIBAF++oiEKEyTURNou99nbp0WB4sdHJgbo+dyw5Dp6NhXD1Y1bFpC2BVx+Y9glUdMyHBhASJd6OO2ZhhYxYPMRuKJVUsqYqHmA2FKw2uNPEQs6Hw5wVWdexoN1jVMfENP6hjnc5vPGKk/nHlxhFRAAAAAElFTkSuQmCC") !important;
	height: 21px !important;
	width: 28px !important;
}
#main-window:not([inFullscreen]) #titlebar-max:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAAoklEQVRIie3NXQqCQBiF4dlmGykCESzThkFtiNbl8W9czvG2q8+Jr4KkA+fuhcfM80ySu08fAE0I4Y/9GDZNk4jtTwVjr8YO55KxX8XGcRSj48Uy9mosKR2T0lHaUyNjwzCIUWorprZSN1FY5hpmrlE3AGj6vhejvPbMa69uANB0XSdGxe3O2Kuxq38w9qsYADHia1Njb/nGsbZt+Y0DoNnsFpUbi8VCfmqCAAAAAElFTkSuQmCC") !important;
}
#main-window:not([inFullscreen]) #titlebar-max:active {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAA2UlEQVRIieWSwQqCQBCGfeoiEMEyTRY1iZ5lZ99hH8LDevGS4N6nQ6kpOA1YCjXwge7+/h+76EgpdVEUX0dKqR0AWEQGACvIjDG6NEabV8rR+2CtfJ815WP9ubeOrKqqSTb7ELlQPZ2srutJtocIuQy+vQ17Opm1dpLdMUYuVA8AaEcppa1thptN/+xGAt1IIDVthpIppVrZdMiLE/TihCziZAhZf1JfZOiLjCziZDpZQ4SCNMcgzckiToZ1jeH5glxmy075FbnMlpG/4Whmyz7FH8iWwvnZuQMOc8QRWGOJPwAAAABJRU5ErkJggg==") !important;
}
#main-window:not([inFullscreen]) #titlebar-min {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAALklEQVRIiWNgGAWjYBSMLFDW1PafWEyxZQ1dff+JxRRb9p8EQLFlo2AUjIKhBQC78mOxihztmwAAAABJRU5ErkJggg==") !important;
	height: 21px !important;
	width: 28px !important;
}
#main-window:not([inFullscreen]) #titlebar-min:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAAZklEQVRIie3Ruw2AMAxF0azJItSIgoIiqzlxPh7nsUESFGGJyE+69ZFsJyIAsH0dEcHVWg2bx0ophs1jOedFsZRSE9vPC6NNY8ftMVoXY+beGd+sjcUY9X6mioUQDPshRkQquWX3AIq2q5xL+Uy5AAAAAElFTkSuQmCC") !important;
}
#main-window:not([inFullscreen]) #titlebar-min:active {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAApElEQVRIie2SvQrDIBCAferOpUOHDn2du3sH36EOOsTlDuJuhra2oVEMSSSUCB/C/X2CpwBAG2M2BwC0QsQVhz6yOURcW5Ynyay1RVwp78q9z373kXnvJ+ky8Tm8ZySZiCT4hXzdY/gnlupYtDBP1iZZCGFzEFErImoiI6KdyU6Xa6xlsex8u8daFsvijDPq7Rv8Wb+7Bcm9qOk2HrJqWSvU354ButP444zu+GAAAAAASUVORK5CYII=") !important;
}
#main-window:not([inFullscreen]) #titlebar-close {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAVCAYAAADb2McgAAABzUlEQVRIie1U7Y6EIAy8Z9U3AI27AV31XfcRVsWP9H4g2BY83OSSu1yuyYQKZRin6AdkGQxCwCAx5A5xjMKN4hhjuat19ZjD5cLxSb8Xsgw+ziIQ6Q4gEBREmDsMH85eToT5S2DR8q+IDFotvjjoZM0Jjl6dyB7E9ZJX2u3vINqMHZPU0WeewzPPmbuSrnE+zu1f3OJau9kmAkEdcmGFUvEuDscQh8/5B3TJSXwnT4BIcThHsUAAoC3l9xibsq9dcFJSJ7kwf/dCN53QQGDwm2HcgnbpvXYLRsQJkSOxoC/Ivvron+LinRyLgmCQFi4fCwlDUcDA6riDzzwPag6OMB9l4XnTIsvSY4rkE5sfyzIQiIWm+DimskyLnKrKw1S3k7yC6WZHLnCqqkBoio/wVlVapLnf3wKOK/OXOFMiZ6XAaA1Ga5iVBqMUGKWOXCuYtdrr1CFkr7O1dG1WjC/gVmCUBqPtc1LkUtcwp9C4sYG5rmHZEdQ0kfkTLHXja5Mi17aFZcfadkG++ucD/HltW1i7WE3It0T2p9v9eMDW9wjdjj3velh7i61neXfMbX69i/D1hG/re9g6Oz8/HmmRlPBnkBT5W3Aq8j++KT4BX9mpaJLjtFwAAAAASUVORK5CYII=") !important;
	height: 21px !important;
	width: 35px !important;
}
#main-window:not([inFullscreen]) #titlebar-close:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAVCAYAAADb2McgAAAB90lEQVRIie1UW46cMBDcew13sMFiQUbMsHDvucTyBqnz4We3TUykSImitFRyYbfLRbfhAx4PGBmDkfvgGsyNzIzMjTFuck2+r2E4M3rc7oXHAz6uIjBpDkBgGMiYOcw/nLwcC/k3803zf8Vk0Gr2k4Mu1ozh6NWJ7PG0vvmddts76G32K8ZxRd9ZBu8sI9XleI3qUW374gr32k02ITBcIRPKKDZvwlXM07CcfkC3KunfyQt4on6YivoGAQC3lN5jvyh67UYlOa4kNWbvXlhNYzQwGPxmiDbDXfq1djMiRAW9isQCvyD56qN/ipt3cspzhJErGD7lHMY8h5Hk0Qq+syzIcRohn3huddMmhbCYhYBJFDCJwvLZ8KKwedSgb3QSAqaC6mHuUMBciLTJuSwtlvLzgpcwf6qRGpzLMjCa0kO6ZZk2udQVrBpLVcFS1wo+rxVf6xoZWqpagcxTPaxdwVIpLaOfNLlJCWvTwNo0sMkGVilhldLxRsLWSJ0nnRGdp3Lx2iaJXqAtYZUNrI16Tprc2xa2FJ5mfMLWtrBrBDnPyPwF9vZpc5Mmj66DXePovgJ+2GcH+nx0HRxfsZxQb4/sT7f79YJzGDz0Gpr3AxyDwjkQ3ru50673Eb0B6Z3DAGev5rfXK20SC/4ZJE3+Lbg0+T9+U/wAC7399MeMHZgAAAAASUVORK5CYII=") !important;
}
#main-window:not([inFullscreen]) #titlebar-close:active {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAVCAYAAADb2McgAAACVUlEQVRIie1TS2/iMBjsD0NCUXIBDnH8OSRKxKPwh7m1hwppufZQIYVHIOrswY7tOEmDupV2D2tpNGPP5/EA4uljNsPO97ELfOz8QGpf6cDHLgiMF/jWbI/WOUE7z+XA+B+zGZ761sdshtfJBK/TieFaT6YKkyamtp5K6LmpylBc79039Fvy7mDJAwtxCEPDttZnzHhhiANjymNtr+t+H4chfrFwuOS7EBIk8E6kIPAulG5534HoYKHf/vGSL56HF89rlhCi6Qn3Q/1hySMRjiRwFEJpkroGqXMhUVUVqqrCm+cZjwhvnqe9eraR18UkcBQ0XLIgLsEJBecKtuYoiPT55+enxn48RsE59uNx41ze78qzWWniD5QMmYVQgaFgas9C4zEJe+1Ho8bezDp5LjPz5gMlQ6dgR3AdyIzftfRd5pbqAZPZgyVPUdSLgkU4RQxFFKFwPPcb3I9GrZkvwSKdO1ySqBNnIpyI40xcas615xa0i56IcOLybl+2AceZP/DHOcdxJy7x3NIxznPJbsFzHLeK6pz5vDdf58bxcMlLmuCaJrgkKS5pIpGkuCQJLmmqIPU1TRuF5JycsVedd02sPIevOjsdLllmGa55LlmhzDKUWS73eYYyz9RcZoo487an79p+i3Ncc7kfLHlbLFAOYVnzEuVigZtCa2Zpzm+L5ZfZtj9Y8r5e49aB+/pZ8VrzvWd/X69xf+6Yee7Odu8P/9yrFartVmKjUO+3G1SbLe5biWrr6I05q7S/MXN2XovlXLlaPVbyb2Ow5L+C3pL/1w+t30fS8k0YbAhyAAAAAElFTkSuQmCC") !important;
}
#main-window[sizemode="maximized"]:not([inFullscreen]) #titlebar-max {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAAmUlEQVRIie2UwQqDMBBE/WorUoqENIk2RFP1e6cnYS9hlzX0lAdz2mEfbCBd1/gnvXGQpIrsYTwkqSIDw2ADBhv0svE9QxLaVcue/gNJaFcte4UISWhXLZuWhGlJxXe65rSrlpm4wcStuIDOuS6LTRk25eICOue6LG7d4da9uIDOr9OqZT4fkEQtoMzfE5JUkXG/xu3TNRqUHwBAaWZ09PkCAAAAAElFTkSuQmCC") !important;
	height: 21px !important;
	width: 28px !important;
}
#main-window[sizemode="maximized"]:not([inFullscreen]) #titlebar-max:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAAx0lEQVRIid2RWwrCMBQFs003okVESoh9WdLW6rpu313O8UsISNpLiFW8MF9nykAj5nkGgN2nISKITWPTNP1ebC8jcPASO8gYHBZj4zhyf+PiBSpBoBL32PGSgoPpLsaGYbAKp/gKDqbrHDsnOTiY7mKs73urEGYaYaat72TspusWk3kJmZesfc0lIoiu66yC0hWUrlj7mktEEG3bWoWoqBEVNXd/nVssru7gYPv+LdY0jVVObw9w8BID/7zEvPGdGBFtgvjbewIddXsK2gQ8JwAAAABJRU5ErkJggg==") !important;
}
#main-window[sizemode="maximized"]:not([inFullscreen]) #titlebar-max:active {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAA+UlEQVRIid2U2wqCQBCG96lLIkJkUyux7PAsO/sOvkNe2EXeuJD3003qYk67iRU08OHC/DOfB5AJIdIsyz6OECJlADDi0jPZA4CxZTSNLM9zIxPPRxv6Zi/5pZUVRWFk6gVoQ3fu+rg2MqVUQ/lAdUBDOTxEh4eoylKba8+NrKqqXmbLFdqgZ6ldAJAyKSUpmwcbtEHPUruklK9lizBCG/TsYJm7jtFdx+R3qvt6drDMi3boRTtygd43ZY0yHifI44RcoPefsrc3Zf72gP72QMr0fv1qb0OfLEiOaAM1T8r67mi1P6ENb8v6MP016hpFNia/kX0L9rd1B1/Rrgh5mh4wAAAAAElFTkSuQmCC") !important;
}