ie Tabs zweifarbig färben, geht das mit der .css auch noch?
Ja, siehe dazu hier:
https://www.mediaevent.de/css/gradient.html
Beispiel:
.tab-background[selected="true"] {
background-image:linear-gradient(to bottom left, yellow, red)!important;
}
[attachment=0]Zwischenablage01.png[/attachment]
besten dank, beides hat wunderbar funktioniert...
was ein Zeichen zu viel oder zu wenig ausmachen kann...
Deinen Hintergrund für die Tabs finde ich auch nicht perfekt :wink:
Wenn du magst, teste bitte mal diesen kompl. geänderten Code:
image#page-proxy-favicon, box.unknownIdentity#identity-box, stack#page-proxy-stack, searchbar#searchbar textbox, textbox#urlbar, #PersonalToolbar, #personal-bookmarks, tabs.tabbrowser-tabs#tabbrowser#tabs, #content,#appcontent,#content > tabbox > tabpanels
{
background-color: #F8F8FF!important;
border-style: none!important;
color: #none!important;
}
searchbar#searchbar textbox:hover, #urlbar:hover
{
background-color: #F8F8FF!important;
border-style: none!important;
}
#web-developer-toolbar, #web-developer-toolbar toolbarbutton
{
background-color: transparent!important;
border-style: none!important;
color: #none!important;
text-shadow: #none!important;
}
.tabs-newtab-button
{
background: transparent !important;
text-shadow: #FFF 0px 0px 2px !important;
font-size: 0.9em !important;
box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important;
height: 24px !important;
border: none !important;
}
.tabs-newtab-button
{
margin-left: 1px !important;
}
.tabbrowser-tab:not([pinned="true"])
{
margin-left: 1px !important;
color: #000000 !important;
}
.tabbrowser-tab:hover
{
background: transparent !important;
color: #000000 !important;
text-shadow: #555444 0px 0px 2px !important;
}
#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #addon-bar, #main-window[tabsontop="false"] #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"] #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"] [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar
{
background: transparent !important;
color: #FFFFFF !important;
-moz-appearance: none !important;
}
.chromeclass-directories ,#bookmarksPanel *
{
color: #FFFFFF !important;
text-shadow: none !important;
}
#main-window[inFullscreen="true"]
{
-moz-appearance: -moz-win-borderless-glass !important;
background: none !important;
}
#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="View Source Chart"]) #content browser:not([src])
{
opacity: 0 !important;
}
#gtbToolbar
{
background-color: transparent !important;
}
#identity-box.unknownIdentity
{
opacity: 0.5 !important;
background: transparent!important;
}
#identity-box.unknownIdentity:hover
{
opacity: 1 !important;
background-color: rgba(129, 240, 246, 0.2)!important;
}
#personal-bookmarks{
background-color: transparent!important;
color: #F8F8FF !important;
}
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
padding-right: 1px !important;
}
.searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
}
#TabsToolbar { -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !important;
}
.tabbrowser-tab:not([selected="true"]){
background: #FF8000 !important;
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-background[selected="true"] {
background: #58FA58 !important;
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-line{
display:none !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}Sieht dann so aus:
[attachment=1]Zwischenablage01.png[/attachment]
MIt deinem alten Code sind oben links und rechts noch die Ecken am Tab zu sehen.
[attachment=0]Zwischenablage01.png[/attachment]
genial, mit diesen kleinen Ecken hatte ich mich eigentlich schon abgefunden...
.tab-background[selected="true"] {
background-image:linear-gradient(to bottom left, #EE7600, #58FA58)!important;
}
kann man den Farbverlauf auch senkrecht oder wagerecht machen?
unten grün und oben Orange für Inaktive Tabs
unten orang und oben grün für aktiv...
dann sieht der Firefox wieder genau so aus wie mein Alter, noch mit CTR editierter FF 56.0.2, von dem ich mich schweren Herzens gestern getrennt habe...
Netflix wollte nicht mehr...
Z.B. so:
.tab-background[selected="true"] {
background-image:linear-gradient( white, black)!important;
}
Die Farben kannst du beliebig ändern.
[attachment=0]Zwischenablage01.png[/attachment]
In dem Link aus Beitrag 41 wird das genau beschrieben welche Möglichkeiten es gibt.
to bottom left weglassen, hätte ich auch alleine drauf kommen können...
danke
unten grün und oben Orange für Inaktive Tabs
unten orang und oben grün für aktiv...
.tab-background[selected="true"] {
background-image:linear-gradient(orange, lightgreen)!important;
}
.tab-background:not([selected="true"]) {
background-image:linear-gradient(lightgreen, orange)!important;
}hab den Farbverlauf falsch wiedergegeben, hab's schon...
aber danke für deine Mühen...
wenn du mir noch zeigst, wie ich den Schatten in den Tabs noch loswerde...
image#page-proxy-favicon, box.unknownIdentity#identity-box, stack#page-proxy-stack, searchbar#searchbar textbox, textbox#urlbar, #PersonalToolbar, #personal-bookmarks, tabs.tabbrowser-tabs#tabbrowser#tabs, #content,#appcontent,#content > tabbox > tabpanels
{
background-color: #F8F8FF!important;
border-style: none!important;
color: #none!important;
}
searchbar#searchbar textbox:hover, #urlbar:hover
{
background-color: #F8F8FF!important;
border-style: none!important;
}
#web-developer-toolbar, #web-developer-toolbar toolbarbutton
{
background-color: transparent!important;
border-style: none!important;
color: #none!important;
text-shadow: #none!important;
}
.tabs-newtab-button
{
background: transparent !important;
text-shadow: #FFF 0px 0px 2px !important;
font-size: 0.9em !important;
box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important;
height: 24px !important;
border: none !important;
}
.tabs-newtab-button
{
margin-left: 1px !important;
}
.tabbrowser-tab:not([pinned="true"])
{
margin-left: 1px !important;
color: #000000 !important;
}
.tabbrowser-tab:hover
{
background: transparent !important;
color: #000000 !important;
text-shadow: #555444 0px 0px 2px !important;
}
#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #addon-bar, #main-window[tabsontop="false"] #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"] #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"] [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar
{
background: transparent !important;
color: #FFFFFF !important;
-moz-appearance: none !important;
}
.chromeclass-directories ,#bookmarksPanel *
{
color: #FFFFFF !important;
text-shadow: none !important;
}
#main-window[inFullscreen="true"]
{
-moz-appearance: -moz-win-borderless-glass !important;
background: none !important;
}
#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="View Source Chart"]) #content browser:not([src])
{
opacity: 0 !important;
}
#gtbToolbar
{
background-color: transparent !important;
}
#identity-box.unknownIdentity
{
opacity: 0.5 !important;
background: transparent!important;
}
#identity-box.unknownIdentity:hover
{
opacity: 1 !important;
background-color: rgba(129, 240, 246, 0.2)!important;
}
#personal-bookmarks{
background-color: transparent!important;
color: #F8F8FF !important;
}
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
padding-right: 1px !important;
}
.searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
}
#TabsToolbar { -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !important;
}
.tabbrowser-tab:not([selected="true"]){
background-image:linear-gradient( #58FA58, #FF4000)!important;
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-background[selected="true"] {
background: #58FA58 !important;
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-line{
display:none !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
.tab-background[selected="true"] {
background-image:linear-gradient( #FF4000, #58FA58)!important;
}
den Schatten in den Tabs noch loswerde..
Bin mir nicht sicher was genau du damit meinst, darum teste bitte wieder:
image#page-proxy-favicon, box.unknownIdentity#identity-box, stack#page-proxy-stack, searchbar#searchbar textbox, textbox#urlbar, #PersonalToolbar, #personal-bookmarks, tabs.tabbrowser-tabs#tabbrowser#tabs, #content,#appcontent,#content > tabbox > tabpanels
{
background-color: #F8F8FF!important;
border-style: none!important;
color: #none!important;
}
searchbar#searchbar textbox:hover, #urlbar:hover
{
background-color: #F8F8FF!important;
border-style: none!important;
}
#web-developer-toolbar, #web-developer-toolbar toolbarbutton
{
background-color: transparent!important;
border-style: none!important;
color: #none!important;
text-shadow: #none!important;
}
.tabs-newtab-button
{
background: transparent !important;
text-shadow: #FFF 0px 0px 2px !important;
font-size: 0.9em !important;
box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important;
height: 24px !important;
border: none !important;
}
.tabs-newtab-button
{
margin-left: 1px !important;
}
.tabbrowser-tab:not([pinned="true"])
{
margin-left: 1px !important;
color: #000000 !important;
}
.tabbrowser-tab:hover
{
background: transparent !important;
color: #000000 !important;
text-shadow: #555444 0px 0px 2px !important;
}
#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #addon-bar, #main-window[tabsontop="false"] #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"] #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"] [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar
{
background: transparent !important;
color: #FFFFFF !important;
-moz-appearance: none !important;
}
.chromeclass-directories ,#bookmarksPanel *
{
color: #FFFFFF !important;
text-shadow: none !important;
}
#main-window[inFullscreen="true"]
{
-moz-appearance: -moz-win-borderless-glass !important;
background: none !important;
}
#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="View Source Chart"]) #content browser:not([src])
{
opacity: 0 !important;
}
#gtbToolbar
{
background-color: transparent !important;
}
#identity-box.unknownIdentity
{
opacity: 0.5 !important;
background: transparent!important;
}
#identity-box.unknownIdentity:hover
{
opacity: 1 !important;
background-color: rgba(129, 240, 246, 0.2)!important;
}
#personal-bookmarks{
background-color: transparent!important;
color: #F8F8FF !important;
}
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
padding-right: 1px !important;
}
.searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
}
#TabsToolbar { -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !important;
}
.tabbrowser-tab:not([selected="true"]){
background-image:linear-gradient( #58FA58, #FF4000)!important;
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-background[selected="true"] {
/* background: #58FA58 !important; */
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-line{
display:none !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
.tab-background[selected="true"] {
background-image:linear-gradient(#FF4000, #58FA58)!important;
}[attachment=0]Zwischenablage01.png[/attachment]
nee, das ist es nicht...
[attachment=0]Unbenannt.png[/attachment]
Siehst du den Unterschied in der schrift bei dir und bei mir?
da ist noch ein Schatten unter der Schrift...
Du meinst bei hover auf einen Tab?
Wenn ja...teste bitte wieder:
image#page-proxy-favicon, box.unknownIdentity#identity-box, stack#page-proxy-stack, searchbar#searchbar textbox, textbox#urlbar, #PersonalToolbar, #personal-bookmarks, tabs.tabbrowser-tabs#tabbrowser#tabs, #content,#appcontent,#content > tabbox > tabpanels
{
background-color: #F8F8FF!important;
border-style: none!important;
color: #none!important;
}
searchbar#searchbar textbox:hover, #urlbar:hover
{
background-color: #F8F8FF!important;
border-style: none!important;
}
#web-developer-toolbar, #web-developer-toolbar toolbarbutton
{
background-color: transparent!important;
border-style: none!important;
color: #none!important;
text-shadow: #none!important;
}
.tabs-newtab-button
{
background: transparent !important;
text-shadow: #FFF 0px 0px 2px !important;
font-size: 0.9em !important;
box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important;
height: 24px !important;
border: none !important;
}
.tabs-newtab-button
{
margin-left: 1px !important;
}
.tabbrowser-tab:not([pinned="true"])
{
margin-left: 1px !important;
color: #000000 !important;
}
.tabbrowser-tab:hover
{
background: transparent !important;
color: #000000 !important;
}
#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #addon-bar, #main-window[tabsontop="false"] #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"] #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"] [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar
{
background: transparent !important;
color: #FFFFFF !important;
-moz-appearance: none !important;
}
.chromeclass-directories ,#bookmarksPanel *
{
color: #FFFFFF !important;
text-shadow: none !important;
}
#main-window[inFullscreen="true"]
{
-moz-appearance: -moz-win-borderless-glass !important;
background: none !important;
}
#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="View Source Chart"]) #content browser:not([src])
{
opacity: 0 !important;
}
#gtbToolbar
{
background-color: transparent !important;
}
#identity-box.unknownIdentity
{
opacity: 0.5 !important;
background: transparent!important;
}
#identity-box.unknownIdentity:hover
{
opacity: 1 !important;
background-color: rgba(129, 240, 246, 0.2)!important;
}
#personal-bookmarks{
background-color: transparent!important;
color: #F8F8FF !important;
}
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
padding-right: 1px !important;
}
.searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
}
#TabsToolbar { -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !important;
}
.tabbrowser-tab:not([selected="true"]){
background-image:linear-gradient( #58FA58, #FF4000)!important;
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-background[selected="true"] {
/* background: #58FA58 !important; */
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-line{
display:none !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
.tab-background[selected="true"] {
background-image:linear-gradient(#FF4000, #58FA58)!important;
}Und wenn du den Tab Text zentriert und nicht abgeschnitten haben möchtest:
image#page-proxy-favicon, box.unknownIdentity#identity-box, stack#page-proxy-stack, searchbar#searchbar textbox, textbox#urlbar, #PersonalToolbar, #personal-bookmarks, tabs.tabbrowser-tabs#tabbrowser#tabs, #content,#appcontent,#content > tabbox > tabpanels
{
background-color: #F8F8FF!important;
border-style: none!important;
color: #none!important;
}
searchbar#searchbar textbox:hover, #urlbar:hover
{
background-color: #F8F8FF!important;
border-style: none!important;
}
#web-developer-toolbar, #web-developer-toolbar toolbarbutton
{
background-color: transparent!important;
border-style: none!important;
color: #none!important;
text-shadow: #none!important;
}
.tabs-newtab-button
{
background: transparent !important;
text-shadow: #FFF 0px 0px 2px !important;
font-size: 0.9em !important;
box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important;
height: 24px !important;
border: none !important;
}
.tabs-newtab-button
{
margin-left: 1px !important;
}
.tabbrowser-tab:not([pinned="true"])
{
margin-left: 1px !important;
color: #000000 !important;
}
.tabbrowser-tab:hover
{
background: transparent !important;
color: #000000 !important;
}
#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #addon-bar, #main-window[tabsontop="false"] #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"] #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"] [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar
{
background: transparent !important;
color: #FFFFFF !important;
-moz-appearance: none !important;
}
.chromeclass-directories ,#bookmarksPanel *
{
color: #FFFFFF !important;
text-shadow: none !important;
}
#main-window[inFullscreen="true"]
{
-moz-appearance: -moz-win-borderless-glass !important;
background: none !important;
}
#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="View Source Chart"]) #content browser:not([src])
{
opacity: 0 !important;
}
#gtbToolbar
{
background-color: transparent !important;
}
#identity-box.unknownIdentity
{
opacity: 0.5 !important;
background: transparent!important;
}
#identity-box.unknownIdentity:hover
{
opacity: 1 !important;
background-color: rgba(129, 240, 246, 0.2)!important;
}
#personal-bookmarks{
background-color: transparent!important;
color: #F8F8FF !important;
}
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
padding-right: 1px !important;
}
.searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
}
#TabsToolbar { -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !important;
}
.tabbrowser-tab:not([selected="true"]){
background-image:linear-gradient( #58FA58, #FF4000)!important;
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-background[selected="true"] {
/* background: #58FA58 !important; */
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-line{
display:none !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
.tab-background[selected="true"] {
background-image:linear-gradient(#FF4000, #58FA58)!important;
}
/* Tabtext zentriert*/
.tab-label {
-moz-box-flex: 1 !important;
text-align: center !important;}
/* Tabtext wird nicht ausgeblendet */
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
direction: ltr;
mask-image: linear-gradient(to left, transparent, black 0em)!important;}[attachment=0]Zwischenablage01.png[/attachment]
das ist es alles nicht...
die Schrift in deinem Tab hat keinen Schatten
[attachment=0]Unbenannt.png[/attachment]
Ich hab's mal vergrößert, siehst du was ich meine?
Die Schrift in meinen Tabs sieht im Vergleich zu deinen verwaschen aus
die beiden text-shadow- Zeilen aus der Datei haben darauf aber keinen einfluss
Keine Ahnung warum das bei dir so ist :-??
Teste bitte wieder:
image#page-proxy-favicon, box.unknownIdentity#identity-box, stack#page-proxy-stack, searchbar#searchbar textbox, textbox#urlbar, #PersonalToolbar, #personal-bookmarks, tabs.tabbrowser-tabs#tabbrowser#tabs, #content,#appcontent,#content > tabbox > tabpanels
{
background-color: #F8F8FF!important;
border-style: none!important;
color: #none!important;
}
searchbar#searchbar textbox:hover, #urlbar:hover
{
background-color: #F8F8FF!important;
border-style: none!important;
}
#web-developer-toolbar, #web-developer-toolbar toolbarbutton
{
background-color: transparent!important;
border-style: none!important;
color: #none!important;
text-shadow: #none!important;
}
.tabs-newtab-button
{
background: transparent !important;
text-shadow: #FFF 0px 0px 2px !important;
font-size: 0.9em !important;
box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important;
height: 24px !important;
border: none !important;
}
.tabs-newtab-button
{
margin-left: 1px !important;
}
.tabbrowser-tab:not([pinned="true"])
{
margin-left: 1px !important;
color: #000000 !important;
}
.tabbrowser-tab:hover
{
background: transparent !important;
color: #000000 !important;
}
#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #addon-bar, #main-window[tabsontop="false"] #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"] #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"] [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar
{
background: transparent !important;
color: #FFFFFF !important;
-moz-appearance: none !important;
}
.chromeclass-directories ,#bookmarksPanel *
{
color: #FFFFFF !important;
text-shadow: none !important;
}
#main-window[inFullscreen="true"]
{
-moz-appearance: -moz-win-borderless-glass !important;
background: none !important;
}
#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="View Source Chart"]) #content browser:not([src])
{
opacity: 0 !important;
}
#gtbToolbar
{
background-color: transparent !important;
}
#identity-box.unknownIdentity
{
opacity: 0.5 !important;
background: transparent!important;
}
#identity-box.unknownIdentity:hover
{
opacity: 1 !important;
background-color: rgba(129, 240, 246, 0.2)!important;
}
#personal-bookmarks{
background-color: transparent!important;
color: #F8F8FF !important;
}
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
padding-right: 1px !important;
}
.searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
}
#TabsToolbar { -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !important;
}
.tabbrowser-tab:not([selected="true"]){
background-image:linear-gradient( #58FA58, #FF4000)!important;
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-background[selected="true"] {
text-shadow: #FFF 10px 10px 20px !important;
/* background: #58FA58 !important; */
border-radius: 12px 12px 0px 0px !important;
border:1px solid transparent!important;
}
.tab-line{
display:none !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
.tab-background[selected="true"] {
background-image:linear-gradient(#FF4000, #58FA58)!important;
}
/* Tabtext zentriert*/
.tab-label {
-moz-box-flex: 1 !important;
text-align: center !important;}
/* Tabtext wird nicht ausgeblendet */
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
direction: ltr;
mask-image: linear-gradient(to left, transparent, black 0em)!important;}
.tab-text {
text-shadow:none !important;}Das wars...
perfekt, vielen Dank
Freut mich 