Runde Ecken für Tabs

  • In Firefox hab ich diesen Schnipsel in der userChrome.css, der für runde Ecken bei den tabs sorgt:

    #TabsToolbar .tabs-newtab-button,

    #TabsToolbar .tabbrowser-tab,

    #TabsToolbar .tabbrowser-tab .tab-stack,

    #TabsToolbar .tabbrowser-tab .tab-background,

    #TabsToolbar .tabbrowser-tab .tab-content {

    border-top-left-radius: 7px !important;

    border-top-right-radius: 7px !important;

    }


    #TabsToolbar .tabbrowser-tab .tab-line {

    visibility: hidden;

    }


    Wie geht das in TB?

  • moin, moin...


    Da o.g. Add-On für TB 68.x nicht mehr funktionuckelt, meine Frage:

    Wie bekomme ich jetzt die eckigen Tabs per CSS schön rund , gleich groß, mit etwas Abstand und verschiedenen Hintergründen für Aktiv/Inaktiv?


    guuts Nächtle...

    Uli

    W7 Home Premium 64bit - TB 68.x (32-Bit) Portable

  • Wie bekomme ich jetzt die eckigen Tabs per CSS schön rund , gleich groß, mit etwas Abstand und verschiedenen Hintergründen für Aktiv/Inaktiv?

    Hallo

    Habe TB 68.1.0 und diese Einträge in der "userChrome.css" und es funktioniert. Werte kann man was Farbe und Größe betrifft anpassen.

    Code
    1. /************************************ Schrift in Tabs *******************************************/
    2. tab .tab-text {
    3. font-size: 11,5px !important;
    4. font-weight: bold !important; }
    Code
    1. /*************************** Hintergrundfarbe aktives Tab - grün ****************************/
    2. .tab-background[selected="true"] {
    3. background: #99ff66 !important; }
    4. /********************************* Hintergrundfarbe inaktive Tabs - gelb ********************/
    5. tab:not([selected="true"]) {
    6. background: #ffff00 !important; }

    Einfach mal testen.

    Thunderbird 68.1.2 64bit Portable

  • Wo kann ich abgucken, wie Du in TB die Tabs so schön rund und den Menüleisten-Inhalt hinbekommen hast?

    Hwww ha tDir ja schon eine Code oben angeboten.

    Ich habe den von Aris für Thunderbird und mich angepasst.
    hie mein Code:

    Viel Spaß beim testen


    Gruß
    EDV-Oldi

  • :thumbup::thumbup:Mein Dank geht an Euch beide, wird Euch ewig verfolgen, aaaaber....


    ...letztendlich hab ich mich dafür entschieden, EDV-Oldis Code zu übernehmen und daran weiterzubasteln.

    Sieht schon ganz nett aus, aber Feinschliff dauert halt dann doch etwas.


    Eins ist mir aber schon aufgefallen:

    Das Grau des Bereiches, in dem die Tabs liegen gefältt mir garnicht:/

    Wie kann ich da die Farbe ändern?

    Im FF hab ich das mit so einer Zeile gelöst

    CSS
    1. #TabsToolbar {background: cyan !important;}

    Was muß ich hier im TB verwenden?


    Edith sagt: "#tabs-toolbar" statt "#TabsToolbar".

    Was so ein Bindestrich doch ausmachen kann ^^

    W7 Home Premium 64bit - TB 68.x (32-Bit) Portable

    Edited once, last by Harff182: Lösung gefunden ().