treestyletab/content/treestyletab/treestyletab.css

@import url("chrome://treestyletab/content/treestyletab-tmp.css"); /* hacks for Tab Mix Plus */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

.tabbrowser-tab .treestyletab-twisty,
.tabbrowser-tabs[treestyletab-twisty-style="none"] .treestyletab-twisty-container,
.tabbrowser-tab .treestyletab-counter-container,
.tabbrowser-tab .treestyletab-drop-marker,
.tabbrowser-tabs[treestyletab-allow-subtree-collapse="true"] .tabbrowser-tab[treestyletab-children]:not([treestyletab-subtree-collapsed="true"]) .treestyletab-counter-container {
	display: none;
}

.tabbrowser-tabs[treestyletab-allow-subtree-collapse="true"] .tabbrowser-tab[treestyletab-children] .treestyletab-twisty,
.tabbrowser-tabs[treestyletab-allow-subtree-collapse="true"] .tabbrowser-tab[treestyletab-children] .treestyletab-counter-container,
.tabbrowser-tab[treestyletab-drop-position] .treestyletab-drop-marker {
	display: -moz-box;
}

.tabbrowser-tabs:not([treestyletab-allow-subtree-collapse="true"]) .treestyletab-twisty-container,
.tabbrowser-tabs[treestyletab-allow-subtree-collapse="true"] .tabbrowser-tab[treestyletab-collapsed-done="true"],
.tabbrowser-strip[collapsed="true"]+splitter:not([state="collapsed"]),
.tabbrowser-strip[treestyletab-tabbar-autohide="hidden"],
.tabbrowser-tabs[treestyletab-tabbar-autohide="hidden"],
.tabbrowser-strip[treestyletab-tabbar-autohide="hidden"]+splitter,
tabbrowser:not([treestyletab-tabbar-autohide="hidden"]) .treestyletab-tabbar-toggler,
#appcontent[ahFull="true"] .tabbrowser-strip[ahHIDE="true"]+splitter /* AutoHide */,
.tabbrowser-strip[treestyletab-tabbar-fixed="true"]+splitter,
.tabbrowser-strip[treestyletab-print-preview="true"],
.tabbrowser-strip[treestyletab-print-preview="true"]+splitter,
#TabsToolbar[treestyletab-print-preview="true"],
window[chromehidden~="toolbar"] .tabbrowser-strip[treestyletab-tabbar-placeholder="true"],
window[chromehidden~="toolbar"] .tabbrowser-strip[treestyletab-tabbar-placeholder="true"]+splitter {
	visibility: collapse;
}


.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-arrowscrollbox > .scrollbutton-down-stack,
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-arrowscrollbox > .scrollbutton-down, /* Firefox 3 */
.tabbrowser-tabs[treestyletab-hide-alltabs-button="true"] .tabs-alltabs-stack,
.tabbrowser-tabs[treestyletab-hide-alltabs-button="true"] .tabbrowser-arrowscrollbox ~ stack, /* "all tabs" button in Firefox 3.0 / 3.5 */
#TabsToolbar[treestyletab-hide-alltabs-button="true"] .tabs-alltabs-button, /* Firefox 3.7 or later */
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabs-closebutton-box,
#TabsToolbar[treestyletab-mode="vertical"] .tabs-closebutton, /* Firefox 3.7 or later */
.tabbrowser-tabs[treestyletab-mode="vertical"] .tab-drop-indicator-bar {
	visibility: collapse !important;
}

#appcontent {
/*	position: relative;*/
	margin: 0;
}

.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-arrowscrollbox > scrollbox {
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

/* for Firefox 3.0 (not 3.5 and later!) */
/* ".tabs-apptabs-container" will be introduced by Tab Utilities
   https://addons.mozilla.org/firefox/addon/59961 */
tabbrowser[treestyletab-mode="vertical"] .tabs-stack > *:first-child + * > hbox:not(.tabs-apptabs-container) {
	-moz-box-flex: 1 !important;
}

.tabbrowser-tabs[treestyletab-tabbar-position="left"][treestyletab-scrollbar-inverted="true"] .tabbrowser-arrowscrollbox > scrollbox {
	direction: rtl !important;
	/* if there is scrollbar, closeboxes of tabs cannot be clicked because
	   they are "under the rightside scrollbar" even if it is moved to
	   leftside by the above rule. This seems a bug. Following rules move
	   the "hidden rightside scrollbar" out of the box, then we can click
	   closeboxes again. */
	margin-right: -1em !important;
	padding-right: 1em !important;
}

.tabbrowser-tabs[treestyletab-tabbar-position="left"][treestyletab-scrollbar-inverted="true"] .tabbrowser-arrowscrollbox > scrollbox > .scrollbox-innerbox {
	direction: ltr !important;
}

#TabsToolbar {
	-moz-binding: url(treestyletab.xml#tabs-toolbar);
}
#TabsToolbar:not([treestyletab-tabbar-position="top"]),
#TabsToolbar[treestyletab-tabbar-position="top"]:not([treestyletab-tabbar-fixed="true"]) {
	line-height: 0 !important;
	position: fixed !important;
	-moz-appearance: none !important;
}
#TabsToolbar:not([treestyletab-tabbar-position="top"]) .tabbrowser-tabs,
#TabsToolbar[treestyletab-tabbar-position="top"]:not([treestyletab-tabbar-fixed="true"]) .tabbrowser-tabs {
	overflow: hidden !important;
}



.tabbrowser-tabs:not([treestyletab-mode="vertical"]) .tabbrowser-tab:not([treestyletab-nest="0"]) + .tabbrowser-tab[treestyletab-nest="0"],
.tabbrowser-tabs:not([treestyletab-mode="vertical"]) .tabbrowser-tab[treestyletab-nest="0"] + .tabbrowser-tab[treestyletab-nest="0"][treestyletab-children] {
	margin-left: 0.8em !important;
}



/*
.tabbrowser-tabs[treestyletab-mode="multirow"] .tabbrowser-arrowscrollbox > scrollbox > .scrollbox-innerbox {
	display: block !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
}
.tabbrowser-tabs[treestyletab-mode="multirow"] .tabbrowser-arrowscrollbox > scrollbox {
	display: block !important;
	overflow-x: visible !important;
	overflow-y: auto !important;
	max-height: 100px !important;
}

.tabbrowser-tabs[treestyletab-mode="multirow"] .tabbrowser-tab {
	min-width: 150px !important;
}
*/

.tabbrowser-tabs[treestyletab-tabbar-autohide][treestyletab-tabbar-transparent] .tabs-stack > *:first-child > :not(html|canvas),
.tabbrowser-tabs[treestyletab-tabbar-resizing] .tabs-stack > *:first-child > html|canvas {
	display: none !important;
}


/* for some themes */
image.tab-icon {
	display: -moz-stack;
	-moz-binding: url(treestyletab.xml#tab-icon);
}

/* for Tabbrowser Preferences, and some theme */
.tabbrowser-tabs .tabs-newbutton,
.tabbrowser-tabs[treestyletab-mode="vertical"] .scrollbutton-up,
.tabbrowser-tabs[treestyletab-mode="vertical"] .scrollbutton-down,
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabs-alltabs-button, /* Firefox 3.6 or older */
.tabbrowser-tabs[treestyletab-mode="vertical"] .close-button.tabs-closebutton, /* Firefox 3.6 or older */
#TabsToolbar[treestyletab-mode="vertical"] .tabs-alltabs-button, /* Firefox 3.7 or later */
#TabsToolbar[treestyletab-mode="vertical"] > .close-button.tabs-closebutton /* Firefox 3.7 or later */ {
	max-width: none !important;
}

/* for All-in-One Sidebar */
#aiostbx-tableft-toolbox:not([incustomisemode="true"]) > toolbar[currentset="__empty"],
#aiostbx-tableft-toolbox:not([incustomisemode="true"]) > toolbar:not([currentset]),
#aiostbx-tabright-toolbox:not([incustomisemode="true"]) > toolbar[currentset="__empty"],
#aiostbx-tabright-toolbox:not([incustomisemode="true"]) > toolbar:not([currentset]) {
	visibility: collapse;
}



.tabbrowser-tabs[treestyletab-animation-enabled="true"][treestyletab-mode="vertical"]:not([treestyletab-tab-inverted="true"])
  .tabbrowser-tab {
	-moz-transition: margin-top 0.15s ease-out,
	                 opacity 0.15s ease-out,
	                 margin-left 0.2s ease-out;
	transition: margin-top 0.15s ease-out,
	            opacity 0.15s ease-out,
	            margin-left 0.2s ease-out;
}

.tabbrowser-tabs[treestyletab-animation-enabled="true"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
  .tabbrowser-tab {
	-moz-transition: margin-top 0.15s ease-out,
	                 opacity 0.15s ease-out,
	                 margin-right 0.2s ease-out;
	transition: margin-top 0.15s ease-out,
	            opacity 0.15s ease-out,
	            margin-right 0.2s ease-out;
}

.tabbrowser-tabs[treestyletab-animation-enabled="true"]:not([treestyletab-mode="vertical"]):not([treestyletab-tab-inverted="true"])
  .tabbrowser-tab {
	-moz-transition: margin-left 0.15s ease-out,
	                 opacity 0.15s ease-out,
	                 margin-top 0.2s ease-out;
	transition: margin-left 0.15s ease-out,
	            opacity 0.15s ease-out,
	            margin-top 0.2s ease-out;
}

.tabbrowser-tabs[treestyletab-animation-enabled="true"]:not([treestyletab-mode="vertical"])[treestyletab-tab-inverted="true"]
  .tabbrowser-tab {
	-moz-transition: margin-left 0.15s ease-out,
	                 opacity 0.15s ease-out,
	                 margin-bottom 0.2s ease-out;
	transition: margin-left 0.15s ease-out,
	            opacity 0.15s ease-out,
	            margin-bottom 0.2s ease-out;
}