BigRZA's avatar

elegant brit tabs for firefox

13 16 5K (1 Today)
By BigRZA   |   
Published:
© 2011 - 2020 BigRZA
this is a css style to make Firefox fit with the Elegant brit themes.
You can install it here with stylish [link]
Image size
631x63px 9.63 KB
Comments16
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In
maniacOtaku's avatar
Nicely done. Thanks.
chicoray's avatar
Good job a fave :)
cdidic's avatar
Hello,

I try to use this for my firefox 7, i have a little problem, pinned don't appear (as you can see here : [link] )

Did you have any idea to correct this please ?

Thanks
BigRZA's avatar
Ah ok, i don't use pinned tabs so i didn't see this problem :)
I updated the style and i think i fixed it. If you installed it with stylish you can update the style in your addons page :)
cdidic's avatar
Perfect !!!!
cdidic's avatar
To correct my problem i do this :

.tabbrowser-tab, .tabs-newtab-button #TabsToolbar {
border:3px solid rgba(200,0,0,0.0) !important;
border-radius: 0 !important;
}

/* Orange border */
.tabbrowser-tab[selected]:not([pinned])[fadein] {
-moz-border-top-colors: #E04613 !important;
margin-left: 2px !important;
margin-right: 2px !important;
}

.tabbrowser-tab:not([selected]):not([pinned])[fadein] {
-moz-border-bottom-colors: #E04613 !important;
margin-left: 2px !important;
margin-right: 2px !important;
}

I hope it help :)
tinkudadra's avatar
tinkudadraProfessional Photographer
I follow that
Zerolution's avatar
ZerolutionHobbyist General Artist
klasse, danke dir das du das freigibst,
konnte seit firefox 4 mit den tabs nichts mehr anfangen,
hiermit wirds hoffentlich wieder besser, so das ich auch wieder andere themes außer elementary nutzen kann ;)
ohne das mir beim firefox würgereize kommen :P
BigRZA's avatar
Hey danke, bin froh, dass es dir gefällt :)
Zerolution's avatar
ZerolutionHobbyist General Artist
war jetzt doch weniger als ich erhoffte, dachte du hättest es geschafft die hässlichen highlights verschwinden zu lassen, die bei dunklen tabs wirklicht furchtbar aussehen, aber bin trotzdem glücklich damit ;)
BigRZA's avatar
welche highlights meinst du? vielleicht kann ich sie ja für dich entfernen :)
Zerolution's avatar
ZerolutionHobbyist General Artist
[link] hier mal ganz fix ein screenshot,
der erste ist ein normaler inaktiver tab, der 2te ist mouse-over der 3te ist der aktive.
2 und 3 haben diesen scheinenden effekt, früher bis zu firefox 3.6 (oder so) gings eigene tab-grafiken für die tabs zu verwenden, jetzt scheint dies ja nicht mehr zu funktionieren, und gerade wie hier auf den screen sieht das bei dunklen themes einfach nicht gut aus, auch die adressleiste hat diesen effekt ;)

vielleicht kannst du mir ja weiterhelfen, ich hoffe du weist was ich meine.

grüße
BigRZA's avatar
Versuchs mal hiermit

/* Square tabs */
.tabbrowser-tab, .tabs-newtab-button #TabsToolbar {
margin-left: 2px !important;
margin-right: 2px !important;
border: 3px solid rgba(200,0,0,0.0) !important;
border-radius: 0!important;
}

/* url bar color and tab border and gradient color*/
.tabbrowser-tab[selected]:not([pinned])[fadein] {
-moz-border-top-colors: #C1C1C1 !important;
background-image: -moz-linear-gradient(rgba(42, 42, 42, 1), rgba(42, 42, 42, 1)),
-moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important;
}

.tabbrowser-tab:hover {
-moz-border-top-colors: #ffffff !important;
background-color: rgba(42,42,42,1) !important;
}

.tabbrowser-tab:not([selected]):not([pinned])[fadein] {

background-image: -moz-linear-gradient(rgba(42, 42, 42, 1), rgba(42, 42, 42, 1)),
-moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important;
}
#nav-bar {
background-image: -moz-linear-gradient(rgba(42, 42, 42, 1), rgba(42, 42, 42, 1)),
-moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important;
}

#TabsToolbar
{


height: 24px !important;

}
Zerolution's avatar
ZerolutionHobbyist General Artist
wow ich danke dir,
und ich such mir da nen wolf.

Funktioniert einwandfrei, den Rest bekomm ich selbst hin.
besten dank :D
BigRZA's avatar
Null problemo, wenn du weitere fragen hast, frag einfach :)
View all replies
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In