I have found two userChrome.css files which separately work as intended in Firefox.
The first creates curved tabs and moves them below the navigation bar
Code:
/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
box-shadow: none !important;
}
#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
padding-top: 0 !important;
}
/* Clean up spacing */
.titlebar-placeholder {
display: none !important;
}
toolbarbutton.bookmark-item {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
border-left: none !important;
}
.tab-background {
border-radius: 10px 10px 0px 0px !important;
border-image: none !important;
border-left: 1px solid !important;
border-right: 1px solid !important;
border-top: 1px solid !important;
background-color: #e4f2f4 !important;
}
.tab-line {
display: none !important;
}
and the second adds colour to the active tab
Code:
/* Change Color of Active tab */
tab{
-moz-appearance: none !important; }
tab[selected=”true”] {
background-color: rgb(222,218,210) !important;
color: black !important; }
How do you combine the two?