With Australis and the changes that the new style brought with it, I had to work a lot to obtain a satisfying result. This is the result.
It is obtained using the "Classic Theme Restorer" addon ad a bunch of code through "Stylish".
And now the problem.
I use "Tab Mix Plus" and I setted the tab bar so that, id there are many tabs, it increases its height up to 3 lines.
Unfortunately the code I use prevent the tab-bar to show tabs for more than one single line, like in this screenshot (where you can see only the last three tabs in the third line, instead then all seventy tabs on three lines).
It seems I was able to obtain the result working on the tabs container (#tabbrowser-tabs) instead than every single tab. And that causes the problem.
I made some tests trying to move the constraint from the tabs container to the single tabs, but I had no fortune.
Any idea on how to solve this problem?
Here is the code I'm using:
Code: Select all
/*AGENT_SHEET*/
/*Bars - Menubar*/
#main-window[sizemode="normal"] #toolbar-menubar[inactive][autohide="false"] {
margin-top: 2px !important;
}
#main-window[sizemode="normal"] #toolbar-menubar:not([inactive])[autohide="true"] {
margin-top: 2px !important;
}
/*
#main-window:not([windowtype="navigator:browser"]) #TabsToolbar {
margin-top: 1px !important;
}
*/
/*Bars - Tabbar*/
#main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar {
margin-top: -3px !important;
margin-right: -2px !important;
}
#main-window[sizemode="normal"] #toolbar-menubar[inactive][autohide="false"] ~ #TabsToolbar {
margin-top: -3px !important;
}
#main-window[sizemode="maximized"] #TabsToolbar {
margin-top: 1px !important;
}
#main-window #TabsToolbar {
color: black !important;
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAGUlEQVQImWP4////f6arF08yMDEwMAwWAgC5gAamoilcUAAAAABJRU5ErkJggg==") !important;
background-repeat:repeat-x !important;
}
#main-window #titlebar-buttonbox-container{
visibility: collapse !important;
}
#toolbar-menubar {
color: black !important;
background-color:#D4D0C8 !important;
}
/*#main-window #titlebar {
-moz-appearance: none !important;
}*/
/*Tabs*/
#main-window #TabsToolbar #tabbrowser-tabs{
min-height: 0 !important;
max-height: 24px !important;
padding-bottom: 1px !important;
}
.tabbrowser-tabs .tabs-closebutton {
margin-top: -5px !important;
margin-right: -1px !important;
}
.tabbrowser-tab {
padding-top: 0px !important;
margin-left: 1px !important;
}
.tabbrowser-tab .tab-protect-icon,
.tabbrowser-tab .tab-lock-icon,
.tabbrowser-tab .tab-icon-image,
.tabbrowser-tab .tab-throbber,
.tabbrowser-tab .tab-image-right,
.tabbrowser-tab .tab-close-button {
margin: -3px -1px 0 -1px !important;
}
.tabbrowser-tab .tab-text {
margin-top: -3px !important;
}
/* Progress-bar gradient background in tab */
#tabbrowser-tabs .progress-bar {
margin-left: -4px !important;
margin-right: -4px !important;
border-radius: 2px !important;
min-height: 18px !important;
background-image: linear-gradient(to left, #225577 0%, #88BBDD 100%) !important;
}
NOTE: this code works with Windows XP Classic theme, for other OS or Themes there are some modifies to do!