Firefox 70.0. 64 Bit Win 7

  • Ordner bei Lesezeichen usw. gelb nicht grau

    in userChrome.css

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

    Hilfe auch im deutschsprachigen Firefox-Chat möglich.
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden
    ;)

  • Tabs abgerundet

  • 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 {

    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;

    }

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

    }

    .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

    }

    /*Lesezeichen Sidebar Ordnerfarbe ändern */

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

    fill:orange !important;}

    /*Lesezeichen Ordnerfarbe ändern */

    .bookmark-item[container="true"]{

    fill:orange !important;}

    /code/

  • Ordner bei Lesezeichen usw. gelb nicht grau

    in userChrome.css

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


    Tabs abgerundet

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

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice und WordPress

  • 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

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

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice und WordPress

  • Wo sind die Bilder?

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice und WordPress

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

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice und WordPress

  • 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

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



    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.