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