Tsamari wrote...
But, I do love the look of your tabs, can I get the css?
Sure. Doesn't change the style of the url bar. Tell me if you want that thing too.
Added comments. I don't know how familiar you are with css, tell me if you need any help.
/** Tab width **/
.tabbrowser-tabs:not([drag=detach]) > .tabbrowser-tab:not([pinned])[fadein] {
min-width: 10px !important;
max-width: 250px !important;
}
#TabsToolbar {
background: rgb(251,251,251) !important;
margin-bottom: 0 !important;
}
#TabsToolbar .tabbrowser-tabs {
min-height: 18px !important; /** height of the tabs **/
margin-top: 0px !important;
margin-bottom: 0px !important;
text-align: center !important;
margin-left: -15px !important;
margin-right: -15px !important;
}
#tabbrowser-tabs tab .tab-close-button {
display: none !important;
}
.tabbrowser-tab:not([pinned]) .tab-icon-image {
display: none !important;
}
#TabsToolbar .tabbrowser-tab {
-moz-border-top-colors: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-bottom-colors: none !important;
text-shadow: 0 0 4px rgba(80,80,80,0) !important;
padding: 0px 0px !important;
border-radius: 0px !important;
background: rgb(251,251,251) !important; /** every color value like this is for the color for the background of the tab. Don't mix 251 with 255 **/
background-clip: padding-box !important;
transition: all .1s !important;
margin-left: 0px !important;
color: rgb(100,100,100) !important;
font-family: 'proggytinysz' !important;
font-size: 12px !important;
min-height: 14px !important;
}
#TabsToolbar .tabs-newtab-button {
-moz-border-top-colors: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-bottom-colors: none !important;
border-style: solid !important;
border-color: transparent !important;
border-width: 1px 1px 0 1px !important;
text-shadow: 0 0 4px rgba(255,255,255,0) !important;
background: transparent !important;
background-clip: padding-box !important;
transition: all .1s !important;
}
#TabsToolbar .tabbrowser-tab[selected] {
color: rgba(251,251,251,1) !important;
background: rgba(219,145,139,1) !important; /** color of selected tab **/
background-clip: padding-box !important;
}
#TabsToolbar .tabs-newtab-button:hover,
#TabsToolbar .tabbrowser-tab:hover:not([selected]) {
background-color: rgba(219,145,139,.8) !important; /** color of hover **/
color: rgb(251,251,251) !important;
}
#TabsToolbar .tab-background {
margin: 0 !important;
background: transparent !important;
}
#TabsToolbar .tab-background-start,
#TabsToolbar .tab-background-end {
display: none !important;
}
#TabsToolbar .tab-background-middle {
margin: -4px -2px !important;
background: transparent !important;
}
#TabsToolbar .tabbrowser-tab:after,
#TabsToolbar .tabbrowser-tab:before {
display: none !important;
}
#TabsToolbar .tabs-newtab-button {
border-width: 1px 1px 0 1px !important;
margin: 0 !important;
width: auto !important;
padding: 0 5px !important;
}