Skip to content

Instantly share code, notes, and snippets.

@hakobe
Created September 20, 2008 11:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hakobe/11743 to your computer and use it in GitHub Desktop.
Save hakobe/11743 to your computer and use it in GitHub Desktop.
/*
* Tree Style Tab with Fx3 new theme for a right-side tab bar
*
* Tree Style Tab with Fx3 new theme
* http://userstyles.org/styles/4677
*
* Apply Mac OS style to Tree Style Tab
* https://addons.mozilla.org/firefox/addon/5890
*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tabbrowser-tabs * {
width: 100% !important;
}
.tabs-stack {
width: 10em !important;
padding: 5px 0 0 0 !important;
border-style: solid !important;
border-color: #444 !important;
border-width: 1px 0 0 0 !important;
background:#797979 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAATCAIAAAA26UVlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFlJREFUWMPt1MENwEAIA0GSrumXKjjZpIhIx2e3hLHkJzODbjUzks453V1VLyKX9WfGtqSIQH9nAPTX9G3bRn/zfNBfDn300Sf00Sf00Sf00Sf00Sf00ae/fcgdNtGP2RYEAAAAAElFTkSuQmCC") repeat-y top right !important;
}
.treestyletab-splitter {
border-style: solid !important;
border-color: #4e4e4e !important;
border-width: 0 0 0 1px !important;
background: #b3b2b3 !important;
}
tab .tab-icon {
margin: 0 0 0 0 !important;
}
tab .tab-text-stack {
padding: 6px 4px 4px !important;
text-align: center !important;
}
tab {
height: 26px !important;
padding: 0 0 0 0 !important;
border: none !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAaCAIAAADqseFyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANxJREFUKM91kk2yhCAQg3NaWeNKrzEqiPzNUV93AwpjvY8QAlT1KtCz1jOhK3PdZFDTNClak1KsgpIXxJgi78QHe7oz8otvE3LKrNx5E1KFLonuqQPfnP8bi2fIayy6Gb9jEXvScEMMsSl0mYXgA6vgB4f3wTfCbRJwuYt1XUMQpz9HekF/Du507iTE2J1rgq2cwyHAMFa2tZKtZEowh2EZU0MnHPtBokVns10eDuzb/qjQrtg+28DnCZCOcF9i7UvpDp8o9erbdlcNtZXSUj23jkrAsqxLYR1tWf8AJr2Qe2DQNzkAAAAASUVORK5CYII=") repeat-x top left !important;
}
tab .tab-image-left {
width: 10px !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAaCAIAAAABhlpxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABRUlEQVQoFVVSUZaDIBBjQKH47Em2Z+npu2fxo6/MJhlsu6OCmmQywNj9ft/3vW+91bauaynZk6XkuFKyBcNxHO4+Xq/nc8mW3ZIBs+SeCN9+btfrtW/bpdVSFgkN6FQbJNlKNk4YE25mxkM1jXTL7/QlIPhEyREDLzOotq9QSstCQZrJ+RkSjf/Un5znm8QcqOaifYyYseqvUHJSUhokTouTMb3xm0HaydDOKvmUiDEXpS2d3oPAwIgbJ8K657lMNXE5Y47aNPvp/QZDGmf63tTkqptJonqyEKGG6VwV/HVWPHT8krcwmUuk4qNCwtgyWmvjzIepOEfHRLdgkiWJSBk6TNOb35MRdXHZOlmV1i+989laq0uBHUjRT4Ifvw/AaOSyLgWtoH1RfaGGuPd2QZ9XNGQAWpf6vNbaELXhJedoJNaF+AOseuHDC0RfggAAAABJRU5ErkJggg==") no-repeat top left !important;
}
tab .tab-image-right {
width: 10px !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAaCAIAAADnr5E1AAAACXBIWXMAAAsTAAALEwEAmpwYAAABzklEQVQ4EWWUXZbCIAyFA6TtnKmrcBHjutylsxWdJ/8erIW5N4FWj6mnhfAlJCEY9vu9SJBQpAgkBHzD1zBw8iF6v99K47gKq1CpTxvd/ezomxg+fIGfn/P1dj0ej6XkGFO1FokmIcQQI96QkGLs+24zbrbbLbbNOa805ozEgikUTDmBQckFBo9peqEJ84cnIEc8Ibiq73tweZ4XWrG/+W0aWpkglyJ9B4N1PXJbny4DKvjMmV4JNFH3FVi2Vc+AMIUCX/yaqOdEGwJV7VNkqYOaZdXrQqwDXyqSUkJWqw8RiwQuXbksYWCCWNb4SPussEHaAocVh1mzhMZo+m4o3Te0+q+GTuPthTGtkTR5zbrxyJLrzRsK6c7ZWy8hVFxzYdOYM6pKbXSY4wwQXvNjvFcQFnYNGH7Nir5BvsFLTWpqXFwADNCubLUmmiUzIy8g2894Auz26Tnh3WBRwLZuHrOFCZTKkjRdLhdVXelaPCwvG2YBl3DBguCyvdHj92imnp5XUB7T43w+n/5OCDBF1K3mooffA2hmYhVG2ehWk3a4ax2DtpQ8GB03o52DV463nq1H4dXGYdVQDdehxx9NM+dJsqUAYi/sz/1qFMT/AbGg/CVfildoAAAAAElFTkSuQmCC") no-repeat top left !important;
}
tab[selected="true"] {
height: 26px !important;
border: none !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAaCAIAAADqseFyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUKM9jyMzKTAeCDAhGQQx+uAHD5k2bcaFRuVE5DLndu3bjQnjTWUYGKGkiJVEoBwgYKnEDAAQjv6hLimGWAAAAAElFTkSuQmCC") repeat-x top left !important;
color: #000 !important;
}
tab[selected="true"] .tab-image-left {
width: 10px !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAaCAIAAAABhlpxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAY0lEQVQoFWNMT89gwA1Ynj9/hluWgXHzps14pJnwyAGlRqWxhs9osGANFhYODg6sEhBBRj8/PzzSLJKSkmBpRgbG/wz/QUxGRsb/IAYIA9P5cyEhIS4uLnZ2djY2NiYmlFgAAAFyD7+40p+QAAAAAElFTkSuQmCC") no-repeat top left !important;
}
tab[selected="true"] .tab-image-right {
width: 10px !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAaCAIAAADnr5E1AAAACXBIWXMAAAsTAAALEwEAmpwYAAABbElEQVQ4EY2UX3KCMBDGSbKbEtTO1Dc79cG+exV6DHu+eg998AQdO3IBHARC6EIwMIwa9yFs4JcvX/4sbLP5DoI6aIIFrKaUCw4CJYIAFIIzzmtjWiCAJDnZbNhGUaSiaDqJQhUBqVyDbX+217x/6konp2S33yHi7HWGKE1V0WfeI4NMolx9ruL4izGWZRfn5DZtjNGlRoT1en1OU12WVuo2bb+Zyiw/llmWFVo/QRtDTi6XvMhzP00E0Yw2lncWHjmxNB2Bg1xip7rVNifWhYdufAzCT9dO+d7pDOQorWmx9o1fu4Gvoz00gbRIZ8ZD016TLqOb3IaHttCz2q2ws33nxlpJasm0EMCfOXmCiryQErkQdvwj31Sgx7+jUkoCWLp7uKk7DZIVvCz14XCYTKeAaHcRwjAcodRNz2ny29WlUmFT9m1dsjiORzSAkPKlr/lmlYxqjzBYLN59/5N+B2E+fxtpj7pU8O4W/gP5P3TSRTaKjAAAAABJRU5ErkJggg==") no-repeat top left !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment