xpi/content/css/tabsontop_off.css
@import url(chrome://ctraddon_os_special/skin/tabsontop_offextra.css);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

@-moz-document url(chrome://browser/content/browser.xul){

	/* toolbars above navigator-toolbox (only one at a time can be visible anyway) */
	#print-preview-toolbar,
	#printedit-toolbar,
	#titlebar {
	  -moz-box-ordinal-group: 0 !important;
	}
	
	/* START: navigator-toolbox toolbars */
	#navigator-toolbox #toolbar-menubar {
	  -moz-box-ordinal-group: 1 !important;
	}
	#navigator-toolbox #nav-bar {
	  -moz-box-ordinal-group: 2 !important;
	}
	#navigator-toolbox toolbar[id^=ctraddon_extra-bar] {
	  -moz-box-ordinal-group: 3 !important;
	}
	#navigator-toolbox #PersonalToolbar {
	  -moz-box-ordinal-group: 4 !important;
	}
	/* other toolbars like google, amazon etc.*/
	#navigator-toolbox toolbar {
	  -moz-box-ordinal-group: 10 !important;
	}
	#navigator-toolbox #TabsToolbar {
	  -moz-box-ordinal-group: 100 !important;
	}
	/* END: navigator-toolbox toolbars */

	/* exclude CTRs prefwindow */
	#main-window[chromehidden~="menubar"][title^="about:preferences"][tabsontop="false"] #titlebar{
	  margin-bottom:0px !important;
	}

	#TabsToolbar,
	#TabsToolbar:not(:-moz-lwtheme),
	#main-window[tabsintitlebar][chromehidden~="menubar"][sizemode="normal"]:not([inFullscreen])[tabsontop="false"] #toolbar-menubar ~ #TabsToolbar,
	#main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen])[tabsontop="false"] #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar,
	#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) ~ #TabsToolbar{
	  margin-top: 0px !important;
	}
	
	/**/
	#main-window[tabsintitlebar][chromehidden="menubar directories extrachrome "][sizemode="normal"]:not([inFullscreen])[tabsontop="false"] #titlebar,
	#main-window[tabsintitlebar][chromehidden="menubar directories extrachrome "][sizemode="maximized"]:not([inFullscreen])[tabsontop="false"] #titlebar{
      margin-bottom:-10px !important;
	}
	
	#main-window:-moz-lwtheme #navigator-toolbox::after {
	  background: none !important; 
	}

	#TabsToolbar .tabs-newtab-button,
	#TabsToolbar .tabbrowser-tab{
	  height: 28px;
	}

	#TabsToolbar .tabbrowser-tabs:not([multibar]) .tabs-newtab-button,
	#TabsToolbar .tabbrowser-tabs:not([multibar]) .tabbrowser-tab {
	  margin-bottom: -2px !important;
	}

	#TabsToolbar #ctraddon_appbutton{
	  margin-top: 2px !important; 
	  margin-bottom: 0px !important;
	  border-radius: 2.5px 2.5px 0 0 !important;
	}
	
	#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
	  visibility: collapse !important;
	}
	
	#tabbrowser-tabs .tab-drop-indicator {
	  margin-bottom:0px !important;
	}

	/* Personas support */
	toolbar[id^=ctraddon_extra-bar]:-moz-lwtheme,
	#PersonalToolbar:-moz-lwtheme,
	#nav-bar:-moz-lwtheme {
	  background-image: none !important;
	  box-shadow: none !important;
	  border-top: none !important;
	  border-bottom: none !important;
	}

	/* colorize tabs toolbar for developer edition theme */
	#main-window[developertheme="true"][defaultfxtheme="true"][tabsontop="false"] #navigator-toolbox::after,
	#main-window[developertheme="true"][defaultfxtheme="true"][tabsontop="false"] #TabsToolbar{
	  background-color:var(--chrome-secondary-background-color) !important;
	}

	/* TMP multibar support */
	#TabsToolbar[multibar]:not(:-moz-lwtheme)  {
	  margin-bottom: -3px !important;
	}
	#TabsToolbar[multibar]:-moz-lwtheme  {
	  margin-bottom: -2px !important;
	}

	@media (-moz-os-version: windows-win10) {
	  #TabsToolbar[multibar]:not(:-moz-lwtheme),
	  #TabsToolbar:not([multibar]):-moz-lwtheme  {
		margin-bottom: -1px !important;
	  }
	}
	
	/* cui buttons */
	#ctraddon_cui-tabsnontop {
	  background: #dadada !important;
	}
	
	@media all and (-moz-windows-classic) {
	  #ctraddon_cui-tabsnontop * {
		background:#e7e3db !important;
	  }
	}

}