Firefox einstellen / Win 10 64 bit

Herman4

hallo

alles jetzt endlihc neu +g+g

frage

siehe bild

bei Lesezeichen ist das ganze zu weit auseinander, wie ändere ich das bitte?

ich hätte gerne abgerundete Tabs wie früher wie geht das bitte

2002Andreas

Zitat von Herman4

siehe bild

2002Andreas

Zitat von Herman4

ich hätte gerne abgerundete Tabs

Beitrag

Tabs farbig - zentriert - hover - schmaler - abgerundet und einiges mehr

Ich habe hier mal diverse Codes erstellt, die die Tabs und diverse Icons in der Tableiste optisch verändern.

Evtl. kann der eine oder andere daraus ja etwas gebrauchen.

Über jedem Code steht ein Hinweis wofür er ist.

Alles was nicht erwünscht ist, einfach löschen oder auskommentieren.

Farben können beliebig verändert werden.

Die Werte können/müssen evtl. auch individuell noch etwas angepasst werden.

Hinweis!

Bitte nicht den kompletten Code verwenden, da sich einige Einträge überschneiden bezüglich…

2002Andreas

10. Juni 2021 um 14:16

Zitat von Herman4

bei Lesezeichen ist das ganze zu weit auseinander,

Wo genau unter Lesezeichen?

Die gibt es an verschiedenen Stellen im Firefox.

Herman4

entschuldigung

habe ich nachgereicht

2002Andreas

Zitat von Herman4

habe ich nachgereicht

CSS

/*Abstände Lesezeichen-Popup*/
#bookmarksMenuPopup :is(menu,menuitem) {
  min-height: 20px !important;
  padding-top: 0 !important; 
  padding-bottom: 0 !important;
}

Herman4

hallo ich habe sicher reinen fehler gemacht weil es nicht geht

ich fügte ein deinen code

Lokaler Ordner - Ordner Chrome - Unterordner User Chrome

da fügte ich den Code 1-6 ein

geht nicht

2002Andreas

Zitat von Herman4

da fügte ich den Code 1-6 ein

Beitrag

Videoanleitung für userChrome.css, userContent.css, Vorbereitung Skripte

Nur zur Info, wer es braucht kann es gerne verlinken.

Ich habe 3 ausführliche Videos erstellt

1. wie man eine userChrome.css erstellt und einen Beispiel Code einfügt

https://mozhelp.ddnss.de/dateien/forum/…e-erstellen.mp4

2. wie man eine userContent.css erstellt und einen Beispiel Code einfügt

https://mozhelp.ddnss.de/dateien/forum/…t-erstellen.mp4

3. Vorbereitung von Skripten ausgehend von https://github.com/Endor8/userChrome.js/

https://mozhelp.ddnss.de/dateien/forum/…ung-skripte.mp4

Vielleicht hilft…

Zitronella

5. Juni 2021 um 14:43

Herman4

danke ist super aer ich habe es doch be userchrome eingefügt ganz unten und trotzdem geht das nicht

was mache ich bitte falsch?

2002Andreas

Zitat von Herman4

was mache ich bitte falsch?

Dieser Schalter in about:config:

toolkit.legacyUserProfileCustomizations.stylesheets

steht bei dir auf true?

Wenn nicht, dann bitte umstellen.

Herman4

ja steht auf true

2002Andreas

Zitat von Herman4

steht auf true

Dann lies dir die gegebene Beschreibung erneut und ganz in Ruhe durch, dann klappt das auch.

Herman4

verzeihung wenn ich noch mal schreibe

ich habe das alles gmacht

auf true gestellt

firefox geschlossen

so sieht mein noch immer vermurkster Code aus aber mit am Ende von dem was du hast mir da lieberweise geschrieben

CSS

/* 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 {
    background-image: none !important;
    -moz-box-orient: horizontal !important;
    background-color: transparent !important;
    margin-top: 1px !important;
}
.tab-background[selected="true"] {
    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 */
.tab-background[selected="true"]::before {
    border: none !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    display: -moz-box !important;
    background-repeat: no-repeat !important;
}
.tab-background[selected="true"]::after {
    border: none !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    display: -moz-box !important;
    background-repeat: no-repeat !important;
}
.tab-background[selected="true"] > spacer {
    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 {}
}
.tab-background[selected="true"]::before {
    background-image: var(--svg-selected-before) !important;
}
.tab-background[selected="true"]::after {
    background-image: var(--svg-selected-after) !important;
}
.tab-background[selected="true"] > spacer {
    background-image: var(--background-selected-middle) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
    background-image: var(--svg-hover-before) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
    background-image: var(--svg-hover-after) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
    background-image: var(--background-hover-middle) !important;
}
.tabs-newtab-button:hover {
    background-image: var(--newtab-hover) !important;
}


* {
    font-size: 1em !important;


/*Abstände Lesezeichen-Popup*/
#bookmarksMenuPopup :is(menu,menuitem) {
  min-height: 20px !important;
  padding-top: 0 !important; 
  padding-bottom: 0 !important;
}

Alles anzeigen

Zitronella

Zitat von Herman4

Lokaler Ordner - Ordner Chrome - Unterordner User Chrome

alleine hier sind schon 3 Fehler.

Herman4

ahso

about:config ist true

dann im Ordner Chrome im Lokalen Ordner ist das drinnen die Chrome ist das geändert

dort wo ich die user chrome habe

da habe ich ma bei about:Profiles einen wurzel und einen lokalen Ordner

acuh bei about:support profilordner habe ich das gemacht und eingefügt ganz am ende

Zitronella

mach es einfach wie im Video gezeigt, du kannst es ja jederzeit stoppen. Dann klappt es auch 100%. Aber mach es Schritt für Schritt und achte auf die korrekte Rechtschreibung.

Herman4

habe ich gemacht

bei Toolkit ist auf true gestellt

wie du in dem super Video angegeben hast.

Dann habe ich über about:support dann den profilordner geöffnet

und im Ordner Chrome die User Chrome geöffnet.

dann den Code eingefügt von 1-6 der oben steht am Ende

dann auf speichern von dem Text Editor Dokument gegangen

und dann FF geöffnet

geht nix

2002Andreas

Zitat von Herman4

geht nix

Teste bitte:

CSS

/* 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 {
    background-image: none !important;
    -moz-box-orient: horizontal !important;
    background-color: transparent !important;
    margin-top: 1px !important;
}
.tab-background[selected="true"] {
    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 */
.tab-background[selected="true"]::before {
    border: none !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    display: -moz-box !important;
    background-repeat: no-repeat !important;
}
.tab-background[selected="true"]::after {
    border: none !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    display: -moz-box !important;
    background-repeat: no-repeat !important;
}
.tab-background[selected="true"] > spacer {
    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 {}
}
.tab-background[selected="true"]::before {
    background-image: var(--svg-selected-before) !important;
}
.tab-background[selected="true"]::after {
    background-image: var(--svg-selected-after) !important;
}
.tab-background[selected="true"] > spacer {
    background-image: var(--background-selected-middle) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
    background-image: var(--svg-hover-before) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
    background-image: var(--svg-hover-after) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
    background-image: var(--background-hover-middle) !important;
}
.tabs-newtab-button:hover {
    background-image: var(--newtab-hover) !important;
}

/*Abstände Lesezeichen-Popup*/
#bookmarksMenuPopup :is(menu,menuitem) {
  min-height: 20px !important;
  padding-top: 0 !important; 
  padding-bottom: 0 !important;
}

Alles anzeigen

Zitronella

wie gesagt, dann musst du es nochmal überprüfen! alleine schon die Rechtschreibung bei dir ist falsch.

2002Andreas

Willst du wirklich diesen riesen Tabs haben?

Wenn nicht, dann schmeiß den ganzen Code raus, und nimm nur die Zeilen für die Lesezeichen rein.

Herman4

Danke Lieber 2002Andreas

jetzt geht es

juhu

daaaaaaaanke

wie geht das aber bei Datei Bearbeiten und Ansicht, Chronik und Hilfe das alles so ist wie Lesezeichen so knapp untereinander?

die Tabs nein ich hätte gerne die kleinen Tabs

lustig beim Windows 7 ging es.

jetzt habe ich ja Windows 10.

Die kleinenTabs, die Schrift größerund abgerundet

dann müßte noch die Schrift i oberen Rand größer sein, da oben beim Firefox, im Rand

Und darunter die Zeile

mit Datei Bearbeiten usw. müßte auch größer sein

Auch die Schrift in den Tabs hätte ich gerne größer.

Und kleiner Tabs.

Firefox einstellen / Win 10 64 bit

2002Andreas 12. Mai 2023 um 18:45

Tabs farbig - zentriert - hover - schmaler - abgerundet und einiges mehr

Videoanleitung für userChrome.css, userContent.css, Vorbereitung Skripte

Ähnliche Themen

Update von Firefox (106.0.1 (64-Bit): Änderungen der Anzeige des privaten Modus rückgängig machen (erledigt)

Firefox 111.0 (64-Bit) & 111.0.1 (64-Bit) Whatsapp Web funktioniert nicht mehr

Einstellen von Auktionen bei eBay nicht mehr möglich

direktes ziehen aus Adressleiste auf Win 10 Desktop geht nicht mehr ?

Firefox zeigt während der ersten 10 Sekunden eines Videos das falsche Bild an

Win10 Firefox portable startet nicht