Firefox 70.0. 64 Bit Win 7

Herman4

hallo wie geht das

siehe Bild

Tabs abgerundet

Ordner bei Lesezeichen usw. gelb nicht grau

danke

Zitronella

Zitat von Herman4

Ordner bei Lesezeichen usw. gelb nicht grau

in userChrome.css

CSS

/*Lesezeichen Sidebar Ordnerfarbe ändern */
treechildren::-moz-tree-image(container) {
fill:orange !important;}
/*Lesezeichen Ordnerfarbe ändern */
.bookmark-item[container="true"]{
fill:orange !important;}

2002Andreas

Zitat von Herman4

Tabs abgerundet

CSS

#TabsToolbar {
margin-bottom: 1px !important;
      }

.tab-background[selected="true"],
.tabbrowser-tab:not([selected="true"]) {
  border-radius: 80px !important; 
  border: 1px solid black !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-line { 
    display: none !important
      }

Alles anzeigen

Herman4

danke für die Antworten

sorry geht nicht leider nicht

ich habe da einen Fehler gemacht und komme nicht dah inter

bei beiden habe ich es angehängt

bei

C:\Users\mein Name\AppData\Roaming\Mozilla\Firefox\Profiles\crdilhp8.default-1519759652785\chrome

ich will nur dass die Farbe schwarz auf weiß ist

die Tabs abgerundet

die Ordner in gelber Farbe

das wars m ehr nicht und ja leider ist mein Code irre lange

da sind sicher einige Fehler drinnen

ich habe alles glaube ich so gemacht

obwohl ich mir nicht sicher bin

habe ich nun

/code/

/* AGENT_SHEET */

/* Tabs unter Adresszeile */

@import url(./classic/css/tabs/tabs_below_navigation_toolbar_classic_grey.css); /**/

/* Gelbe statt graue Ordnericons */

@import url(./classic/css/generalui/bookmark_icons_colorized.css); /**/

/* Ab hier keine @imports mehr! */

/********************************/

/* Tabs mit abgerundeten Ecken */

:root {

--tab-curve-width: 30px;

--tabs-border: transparent !important;

}

.arrowscrollbox-scrollbox {

padding-inline-start: 10px !important;

}

/* To be able to see the top border of the tab */

.tab-stack {

margin-top: 2px !important;

}

/* When the window is maximized, the first pinned tab is properly displayed. */

#TabsToolbar {

padding-inline-start: 15px !important;

}

.titlebar-placeholder {

border: none !important;

}

/* Remove unneeded styles from Photon */

.tabbrowser-tab::before,

.tabbrowser-tab::after {

border: none !important;

}

.tabbrowser-tab > .tab-stack > .tab-background {

-moz-box-orient: horizontal !important;

background-color: transparent !important;

margin-top: 1px !important;

}

border: none !important;

}

.tab-line {

display: none !important;

}

.tab-bottom-line {

display: none !important;

}

/* Match height of new tab button (right svg) on hover */

.tabs-newtab-button {

margin: 0 !important;

}

/* overlap the tab curves */

.tab-background {

-moz-margin-end: -15px !important;

-moz-margin-start: -15px !important;

}

/* Begin tab background customizations */

border: none !important;

content: "" !important;

width: 30px !important;

min-height: 30px !important;

display: -moz-box !important;

background-repeat: no-repeat !important;

}

border: none !important;

content: "" !important;

width: 30px !important;

min-height: 30px !important;

display: -moz-box !important;

background-repeat: no-repeat !important;

}

margin-top: 0px !important;

}

#new-tab-button,

.tabs-newtab-button {

width: calc(36px + 30px) !important;

margin-inline-start: -15px !important;

margin-top: 1px !important;

}

/* Tab hover customizations */

/* Regular tabs */

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {

display: -moz-box !important;

background-repeat: no-repeat !important;

content: "" !important;

width: 30px !important;

min-height: 30px !important;

background-color: transparent !important;

}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {

display: -moz-box !important;

background-repeat: no-repeat !important;

content: "" !important;

width: 30px !important;

min-height: 30px !important;

background-color: transparent !important;

}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {

margin-top: 0px !important;

}

#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),

.tabs-newtab-button:hover,

.tabs-newtab-button:hover::before,

.tabs-newtab-button:hover::after {

background-color: transparent !important;

}

/* New tab hover customizations */

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),

.tabs-newtab-button:hover {

background-position: 0px 2px, 30px 4px, 36px 2px !important;

background-repeat: no-repeat !important;

background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;

}

.tabs-newtab-button:hover > .toolbarbutton-icon {

background: none !important;

background-color: transparent !important;

}

/* Color specific customizations */

:root {

--svg-selected-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(249,249,250);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

--svg-selected-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(249, 249, 255);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

--background-selected-middle: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient( transparent 2px, rgb(249, 249, 255) 2px, rgb(249, 249, 255)), none;

--svg-hover-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='30' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

--svg-hover-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

--background-hover-middle: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient( transparent 2px, rgba(255, 255, 255, .1) 2px, rgba(255, 255, 255, .1)), none;

--newtab-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"), linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

}

/* OS-specific color variables */

Media screen and (-moz-windows-theme) {

:root {}

}

Media not screen and (-moz-windows-theme) {

:root {}

}

}

}

}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {

}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {

}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {

}

.tabs-newtab-button:hover {

}

#toolbar-context-menu, menuitem, menupopup, popup, menupopup > menu, menupopup menuitem, popup menu, popup menuitem{

-moz-appearance: none !important;

color: black !important;

background:white!important;

font-size:15px!important;

}

menupopup > menu[_moz-menuactive="true"],

menupopup > menuitem[_moz-menuactive="true"],

popup > menu[_moz-menuactive="true"],

popup > menuitem[_moz-menuactive="true"]{

border: none !important;

background: lightblue !important;

#main-menubar > menu{

font-size:22px!important;}

}

/*Abgerundete Tabs*/

/*Tableisten Abstand nach unten*/

#TabsToolbar {

margin-bottom:1px!important;

}

CSS

#TabsToolbar {

margin-bottom: 1px !important;

}

.tabbrowser-tab:not([selected="true"]) {

border-radius: 80px !important;

border: 1px solid black !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-line {

display: none !important

}

/*Lesezeichen Sidebar Ordnerfarbe ändern */

treechildren::-moz-tree-image(container) {

fill:orange !important;}

/*Lesezeichen Ordnerfarbe ändern */

fill:orange !important;}

/code/

Herman4

Zitat von Zitronella
Zitat von Herman4

Ordner bei Lesezeichen usw. gelb nicht grau

in userChrome.css
CSS
/*Lesezeichen Sidebar Ordnerfarbe ändern */
treechildren::-moz-tree-image(container) {
fill:orange !important;}
/*Lesezeichen Ordnerfarbe ändern */
.bookmark-item[container="true"]{
fill:orange !important;}

Zitat von 2002Andreas

Zitat von Herman4

Tabs abgerundet

CSS

#TabsToolbar {
margin-bottom: 1px !important;
      }

.tab-background[selected="true"],
.tabbrowser-tab:not([selected="true"]) {
  border-radius: 80px !important; 
  border: 1px solid black !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-line { 
    display: none !important
      }

Alles anzeigen

Zitronella

Was soll das zitieren ohne Sinn? Wir wissen was wir geschrieben haben.

Herman4

Verzeihung wra ein fehler

was für einen code brauche ich nun

ich kriegte das niht hin mit den abgerundeten tabs und gelben ordnern

Herman4

leider funktioniert der Code nicht, ich habe es so eingegeben wie angegeben aber er geht nicht der Code

wieso

die Ecken sind noch immer nicht abgerundet

2002Andreas

Zitat von Herman4

leider funktioniert der Code nicht,

Wie kommst du denn darauf?

milupo

Zitat von Herman4

ich will nur dass die Farbe schwarz auf weiß ist
die Tabs abgerundet
die Ordner in gelber Farbe
das wars m ehr nicht und ja leider ist mein Code irre lange
da sind sicher einige Fehler drinnen
ich habe alles glaube ich so gemacht
obwohl ich mir nicht sicher bin

Alles anzeigen

Herman4 Ich empfehle dir, trenne dich von deinem bisherigen langen Code. Wenn du ihn nicht löschen willst, kopiere ihn in eine Textdatei, z. B. tabs.txt. Bitte nicht .css als Dateieendung verwenden, da wird dieser Code dann wieder wirksam, das soll aber gerade verhindert werden.

Dann arbeiten wir oben die drei Punkte ab und du hast nur so viel CSS-Code, wie du dafür brauchst.

Ich weiß nicht, ob du mit gesonderten CSS-Dateien arbeitest oder nur mit der Datei userChrome.css.

Herman4

nun bei mir geht das nicht bei mir ist das eckig

danke für deine Hilfe

der code ist kopiert ja

ok was mache ich ejtzt?

für mich ist wichtig

TAbs unter der Adresszeile oder oberhalb egal

Schwarze Schrift auf weiißem Hintergrund

gelbe Ordner

darunter die Zeile mit den Tabs die fix sind

siehe wie es jetzt ist

milupo

Zitat von Herman4

nun bei mir geht das nicht bei mir ist das eckig
danke für deine Hilfe
der code ist kopiert ja
ok was mache ich ejtzt?

Ich nehme mal an, du meinst den langen alten Code, der nicht mehr verwendet werden soll. Der darf jetzt nicht mehr in der userChrome.css sein.

Kopiere jetzt den Code aus Beitrag #2 für die gelben Ordnersymbole und aus Beitrag #3 für die abgerundeten Ecken von 2002Andreas in deine userChrome.css.

Herman4

ja gemacht danke

anbei die Bilder

Bild 1 ist der Hauptordner

Bild 2 ist der Chrome Ordner

Bild 3 ist das kopierte

und ja schwarze schrift auf weißem Hintergrund bei allnen Tabs z.b. bei datei Bearbeiten Ansicht Chronik Lesezeichen Extras usw.

ist das richtig

weil geändert hat sich 0

milupo

Wo sind die Bilder?

.DeJaVu

Wie alt ist das Profil eigentlich? Da sind ja etliche Altlasten zu sehen.

milupo

Herman4 Lösche bitte mal die beiden Vorkommen von CSS aus deiner userChrome.css, die hast du versehentlich mitkopiert, führen aber dazu, dass dein Code nicht funktioniert.

Um Code aus den Kästen hier im Forum zu kopieren, klicke immer rechts auf dieses Symbol mit diesen zwei Seiten.

Herman4

ja mache ich kann mich aber erst mrogen am abend melden ok

die codes sind ja sehr alt +g+g

jedenfalls ich habe die 2 x CSS gelöscht, 0 Auswirkung

bis jetzt hat sich das nicht geändert

der Code ist richtig eingefügt aber die Ecken bleiben eckig die Ordner grau

Herman4

udn vor allem wie kann man die Lesezeichen und Menüleiste und den sChrifztug bei Lesezeichen Datei bearbeiten usw. verkleinern

weil bei mir ist alles megagroß

Herman4

anbei ncoh mal die bilder und es ist richtig eingefügt

scorpie

erstelle ne neue userChrome.css unter Chrome und kopier mal das hier rein.

CSS

/*Lesezeichen Sidebar Ordnerfarbe ändern */
treechildren::-moz-tree-image(container) {
fill:orange !important;}

/*Lesezeichen Ordnerfarbe ändern */
.bookmark-item[container="true"]{
fill:orange !important;}


/*Abgerundete Tabs*/

/*Tableisten Abstand nach unten*/
#TabsToolbar {
margin-bottom:1px!important;
      }

/*Aktiver Tab mit hellblauen Hintergrund, und schwarzem Rahmen*/
.tabbrowser-tab:not([selected="true"]){
/*  background: lightblue !important; */
  border-radius: 80px !important; 
  border:1px solid black!important;
      }

/*Inaktiver Tab mit orangem Hintergrund, und schwarzem Rahmen*/
.tab-background[selected="true"] {
/*  background: orange !important; */
  border-radius: 80px !important; 
  border:1px solid black!important;
      }

/*Tabschattierung im Hintergrund entfernt*/
.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;
      }
      
/*Farbige Leiste oben im aktiven Tab entfernt*/
.tab-line { 
    display:none!important
      }

Alles anzeigen

Deine jetzige benennst du mal um oder verschiebst sie woanders hin. Weiß ja ned ob du die noch brauchst. Nutzt du irgendein Theme oder nur das Standart. In der hier kannst du Farben für die Tabs anpassen. Hast due den Chrome Ordner auch im richtigen Profil drin, hast ja 2 oder täusch ich mich da. Kopier in mal in das andere Profil rein.

Was ist denn bei dir riesen groß, ich seh nix. mach mal ein Bild davon

@2002Andreas

leider funktionert der Code für die abgerundeten Tabs auch bei mir mit ff 70 nicht, der für die orangen Ordner aber schon.

Firefox 70.0. 64 Bit Win 7

Ähnliche Themen

Frage zu --allow-downgrade

Fehler beim Öffnen der 'Browser-Werkzeuge' unter FF70/Nigthly...

Firefox 69 64bit - Mods für Tabs Dateien js und css beißen sich

Anzeige der Buttons Einstellungen - Deaktivieren/Aktivieren - Entfernen für die Addons - falls das wer braucht

Seit Update auf FF 69.0 ist 2. Lesezeichensymbolleiste weg