1/* GNOME CSD styles for headerbar on Firefox [tabsintitlebar] */ 2 3@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 5#main-window { 6 -moz-appearance: -moz-window-titlebar !important; 7} 8 9/* Headerbar top border corners rounded */ 10:root[tabsintitlebar]:not([inFullscreen]):not([sizemode="maximized"]) #nav-bar { 11 border-radius: 7px 7px 0 0 !important; 12} 13 14/* Window buttons: at least 1 button */ 15@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) { 16 :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { 17 padding-right: 50px !important; 18 } 19} 20/* Window buttons: at least 2 buttons */ 21@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), 22 (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), 23 (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { 24 :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { 25 padding-right: 60px !important; 26 } 27} 28/* Window buttons: 3 buttons */ 29@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { 30 :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { 31 padding-right: 80px !important; 32 } 33} 34 35/* Fullscreen headerbar padding for 1 button */ 36:root[tabsintitlebar][inFullscreen] #nav-bar { 37 padding-right: 30px !important; 38} 39 40/* Window buttons box */ 41:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container, 42:root[tabsintitlebar] #titlebar-buttonbox-container, 43:root[tabsintitlebar][inFullscreen] #window-controls { 44 -moz-appearance: none !important; 45 padding: 0 3px 0 4px; 46 position: absolute !important; 47 right: 0; 48 top: 0; 49 display: block !important; 50} 51:root[tabsintitlebar] #titlebar .titlebar-buttonbox { 52 -moz-appearance: none !important; 53} 54 55/* Window buttons style */ 56:root[tabsintitlebar] #titlebar .titlebar-button, 57:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton { 58 -moz-appearance: none !important; 59 border: none !important; 60 border-radius: 100px !important; 61 height: 16px; 62 margin: 10px 4px !important; 63 padding: 2px 0 !important; 64 width: 16px; 65} 66:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon, 67:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon { 68 opacity: 0 !important; 69} 70:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button .toolbarbutton-icon, 71:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton .toolbarbutton-icon { 72 opacity: 0 !important; 73} 74 75/* Remove close and minimize buttons from fullscreen buttons */ 76:root[tabsintitlebar][inFullscreen] #window-controls #close-button, 77:root[tabsintitlebar][inFullscreen] #window-controls #minimize-button, 78:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container, 79:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-close, 80:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-min { 81 display: none !important; 82} 83 84/* Left window buttons */ 85@media (-moz-gtk-csd-reversed-placement) { 86 :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { 87 padding-right: 3px !important; 88 } 89 90 /* Window buttons box */ 91 :root[tabsintitlebar] #titlebar .titlebar-buttonbox-container { 92 padding: 0 3px 0 4px; 93 left: 0; 94 right: auto; 95 } 96 97 /* Window controls: at least 1 button */ 98 @media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) { 99 :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { 100 padding-left: 50px !important; 101 } 102 } 103 /* Window controls: at least 2 buttons */ 104 @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), 105 (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), 106 (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { 107 :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { 108 padding-left: 60px !important; 109 } 110 } 111 /* Window controls: 3 buttons */ 112 @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { 113 :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { 114 padding-left: 80px !important; 115 } 116 } 117} 118 119/* Remove tabsbar titlebar blank spaces */ 120:root[tabsintitlebar] #TabsToolbar .titlebar-placeholder { 121 display: none !important; 122} 123 124/* Prevent menubar from breaking */ 125:root[tabsintitlebar] #toolbar-menubar:not([inactive=true]) { 126 height: 30px !important; 127 margin-bottom: 8px; 128} 129 130/* Remove default style of titlebar */ 131:root[tabsintitlebar] #titlebar { 132 -moz-appearance: none !important; 133} 134 135/* Fix the issue when dragging tabs */ 136:root[tabsintitlebar] #navigator-toolbox[movingtab] #TabsToolbar { 137 padding-bottom: 0 !important; 138} 139