主題

火狐Firefox CSS樣式：右上角系統按鈕（縮小、還原、關閉）美化

—— | 2017-12-01 22:47:35 | 巴幣 0 | 人氣 304

只是加三種顏色，會使非預設佈景主題失效，內建暗色主題移上去才看得到。

#main-window {
background: #eee !important;
border:#9a9a9a 1px solid !important;
-moz-appearance:none !important;
}
#main-window[sizemode="maximized"]{
border:0px  !important;
}
#titlebar-buttonbox-container{
padding: 0 !important;
}
#main-window:not([inFullscreen]) .titlebar-button {
padding: 0 !important;
margin: 0 !important;
height: 26px !important;
width: 34px !important;
}
#main-window:not([inFullscreen]) .titlebar-button>.toolbarbutton-icon {
display: none !important;
}

/*最小化*/
#main-window:not([inFullscreen]) #titlebar-min {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAWCAYAAAAy/emjAAAAiElEQVRoge3TwQkDMRTEUJ+3kTSQureJFLapQOCL0SeRYCp4zFpDuj7vZ8LW/ZqxKdkgwUA2SDCQDRIMZIMEA9kgwUA2SDCQDRIMZIMEA9kgwUA2yC/APJs7CrPbaZjdeswfP+ZINkgwkA0SDGSDBAPZIMFANkgwkA0SDGSDBAPZIMFANsg0mC+DmmN0vPQYlgAAAABJRU5ErkJggg==") !important;
    background-position: 0 !important;
}
#main-window:not([inFullscreen]) #titlebar-min:hover {
background-position: -34px !important;
}
#main-window:not([inFullscreen]) #titlebar-min:active {
background-position: -68px !important;
}

/*最大化*/
#main-window:not([inFullscreen]) #titlebar-max {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAWCAYAAAAy/emjAAAAlklEQVRoge3XsQ2AMAxE0SzEvGzAcogZoIXCko3snBX9L12Xyq/KGE3ajvPusLFfPdYlNQgwRmoQYIzUIMAYqUGAMVKDrABzO1cK460axtssmIw3n/7AZLzJgMl4AwwwsYABBphIwAADTCRggFkahg/m6+ieZsCUFD1g1cIHrFqX1CDAGKlBgDFSgwBjpAYBxkgN0g3mAaNc3Z5rD3DjAAAAAElFTkSuQmCC")!important;
background-position: 0 !important;
}
#main-window:not([inFullscreen]) #titlebar-max:hover {
background-position: -34px !important;
}
#main-window:not([inFullscreen]) #titlebar-max:active {
background-position: -68px !important;
}

/*視窗化*/
#main-window[sizemode="maximized"]:not([inFullscreen]) #titlebar-max {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAWCAYAAAAy/emjAAAAwklEQVRoge3XwQnDQAxE0W0o9aaDNBdSg3P1IbKWsTQjwnzQSTc/BOu1hvR4vY8Js56fGTMlNYhhgtQghglSgxgmSA1imCA1yD/BHMlQYLJYMFlsGGT3szswyK4DBtlVwuxcSjvMzqUwYHYuhQmT7Sgw2Y4Fk+0MYxjDGMYwZTCU53IGc34EKGHOjwA1DFTHxSDTcTHQAJX+WN6BuYoJcxUTpiX0Q1YP/CGrZ0pqEMMEqUEME6QGMUyQGsQwQWqQaTBfmJj/DX/HoWsAAAAASUVORK5CYII=") !important;
background-position: 0 !important;
}
#main-window[sizemode="maximized"]:not([inFullscreen]) #titlebar-max:hover {
background-position: -34px !important;
}
#main-window[sizemode="maximized"]:not([inFullscreen]) #titlebar-max:active {
background-position: -68px !important;
}
/*關閉*/
#main-window:not([inFullscreen]) #titlebar-close {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAWCAYAAAAy/emjAAABMElEQVRoge3XMQ6DMAwFUN+nJ6jUkbHHgBXEzpF6AZbSgQvkFJWoEGwsSOlCUdrGVIoTHFX+kidne4qdAESS+/mkY6jb8RBFcXus4QYRGCTcIAKDhBtEYJBwgwgMEm6Qf4C5AECy0U+WM0FhprbRfVWi/b4q9dQ2wWG6a61VkaF9lae6u9a7wCQA8EBwtnpeYfqq1PM4WHG2er5hVJHpeRysOCpP0V6oUWYDcEZxgcEAKCiuo8yGQ0Gh7hgTgoTiCvMJQUWh7JgVJ0/JKFQYE4eEQoExcagoFBgTh4oiML5hlpvyujlcMDLKLCiqyN7G2t4wsvwRFNvO2QtGnss/UL5wdnouywfTqJg+mEHiuhN8l+tO8F3cHmu4QQQGCTeIwCDhBhEYJNwgAoOEGyQ2mCc76MsG9/vYiQAAAABJRU5ErkJggg==") !important;
background-position: 0 !important;
}
#main-window:not([inFullscreen]) #titlebar-close:hover {
background-position: -34px !important;
}
#main-window:not([inFullscreen]) #titlebar-close:active {
background-position: -68px !important;
}