Hintergrundfarbe des ausgewählten Textes des Kontextmenüs in Suchleiste ändern

2002Andreas

Zitat von Falkfisch

ie Tabs zweifarbig färben, geht das mit der .css auch noch?

Ja, siehe dazu hier:

https://www.mediaevent.de/css/gradient.html

Beispiel:

CSS

.tab-background[selected="true"] {
   background-image:linear-gradient(to bottom left, yellow, red)!important; 
   }

[attachment=0]Zwischenablage01.png[/attachment]

Falkfisch

besten dank, beides hat wunderbar funktioniert...
was ein Zeichen zu viel oder zu wenig ausmachen kann...

2002Andreas

Deinen Hintergrund für die Tabs finde ich auch nicht perfekt :wink:

Wenn du magst, teste bitte mal diesen kompl. geänderten Code:

CSS

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;
	  }

Alles anzeigen

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]

Falkfisch

genial, mit diesen kleinen Ecken hatte ich mich eigentlich schon abgefunden...

CSS

.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...

2002Andreas

Z.B. so:

CSS

.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.

Falkfisch

to bottom left weglassen, hätte ich auch alleine drauf kommen können...
danke

2002Andreas

Zitat von Falkfisch

unten grün und oben Orange für Inaktive Tabs
unten orang und oben grün für aktiv...

CSS

.tab-background[selected="true"] {
   background-image:linear-gradient(orange, lightgreen)!important; 
   }


.tab-background:not([selected="true"]) {
   background-image:linear-gradient(lightgreen, orange)!important; 
   }

Falkfisch

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...

CSS

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; 
   }

Alles anzeigen

2002Andreas

Zitat von Falkfisch

den Schatten in den Tabs noch loswerde..

Bin mir nicht sicher was genau du damit meinst, darum teste bitte wieder:

CSS

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; 
   }

Alles anzeigen

[attachment=0]Zwischenablage01.png[/attachment]

Falkfisch

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...

2002Andreas

Du meinst bei hover auf einen Tab?

Wenn ja...teste bitte wieder:

CSS

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; 
   }

Alles anzeigen

2002Andreas

Und wenn du den Tab Text zentriert und nicht abgeschnitten haben möchtest:

CSS

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;}

Alles anzeigen

[attachment=0]Zwischenablage01.png[/attachment]

Falkfisch

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

2002Andreas

Keine Ahnung warum das bei dir so ist :-??

Teste bitte wieder:

CSS

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;}

Alles anzeigen

Falkfisch

Das wars...
perfekt, vielen Dank

2002Andreas

Freut mich