1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. Krabato

Beiträge von Krabato

  • Multirow-Tableiste mit userChrome.css anpassen für FF 89.0

    • Krabato
    • 6. Juni 2021 um 20:35

    Hallo nochmals,

    ich würde mich wirklich sehr freuen, wenn jemand mal über meinen Code schauen könnte und die Punkte in #1 wieder in Ordnung bringen könnte...

  • Multirow-Tableiste mit userChrome.css anpassen für FF 89.0

    • Krabato
    • 4. Juni 2021 um 09:13

    Falls der Code oben auch nicht übermittelt wurde, hier auch nochmals:

    CSS
    /* Tableiste mehrreihig */
    @-moz-document url(chrome://browser/content/browser.xhtml) {
    
    [tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
    padding-top: 8px !important;
    }
    
    #titlebar,#tabbrowser-tabs {
    appearance: none !important;
    }
    
    [tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
    #main-window[inFullscreen="true"] #window-controls {
    display: block;
    }
    
    /* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */
    box[class="scrollbox-clip"][orient="horizontal"],
    tabs > arrowscrollbox { display: block; }
    scrollbox[part][orient="horizontal"] {
    display: flex;
    flex-wrap: wrap;
    max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */
    overflow-x: hidden;
    overflow-y: auto;
    }
    
    tabs tab[fadein]:not([pinned]) {
    flex-grow: 1;
    }
    
    tabs tab,.tab-background {
    height: var(--tab-min-height);
    overflow: hidden;
    }
    
    tab > .tab-stack {
    width: 100%;
    }
    
    box[class="scrollbox-clip"][orient="horizontal"] {
    -moz-window-dragging: no-drag;
    }
    
    hbox.titlebar-spacer,
    #alltabs-button,tabs tab:not([fadein]) {
    display: none;
    }
    
    /* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
    tabs tab[fadein]:not([pinned]) {
    min-width: 150px !important;/* Minimale Tabbreite 76px */
    max-width: 150px !important;/* Maximale Tabbreite 225px */
    }
    }
    
    /* Buttons/Zwischenräume Ausblenden */
    hbox.titlebar-spacer,
    #alltabs-button,tabs tab:not([fadein]), 
    [class="scrollbutton-up"],
    [class="scrollbutton-up"] + spacer,
    scrollbox[part][orient="horizontal"] + spacer,
    [class="scrollbutton-down"] { 
        display: none; 
    }
    tabs tab {
        border-left: solid 1px hsla(0,0%,50%,.5);
        border-right: solid 1px hsla(0,0%,50%,.5);
    }
    tabs tab:after,tabs tab:before { display: none;}
    
    /* #TabsToolbar:not(:-moz-lwtheme){ 
        color: black !important;
    } */
    #TabsToolbar > .titlebar-buttonbox-container {
        display: none !important;
    }    
    
    /* -----------------------------*/
    /* Tab: Optische Anpassungen    */
    /* -----------------------------*/
    
    #tabbrowser-tabs :not([fokus]){
        opacity: 1!important;
    }
    
    /* Schriftart/Schriftgröße ändern */
    .tabbrowser-tab .tab-label {
        text-shadow: 1px 1px 0px #000000 !important;    
        font-weight: 500 !important;
        font-size:   12px !important;
        font-family: "Arial" !important;
    }
    
    .tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
        text-shadow: none !important; 
    }
       
    .tabbrowser-tab .tab-label[selected="true"] {
        text-shadow: 1px 1px 0px #000000 !important;
        font-weight: 500 !important;
        font-size:   12px !important; 
        font-family: "Arial" !important; 
    }
    
    /* Inaktive Tabs Schrift kursiv */
    .tabbrowser-tab:not([selected]) {
        font-style: italic !important;
    }
        
    /* Aktiver Tab */
    .tabbrowser-tab[selected] .tab-content {
        background: rgba(255,46,250,1) !important;
        color: white !important;
    }
    .tabbrowser-tab[selected] .tab-content:hover{
        background: yellow !important;
        color: blue !important; 
    }
    
    /* Tab ungelesen */
    .tabbrowser-tab[pending] .tab-content{    
        background:  rgba(0,37,255,0.39) !important;
        color: yellow !important;
    }
    .tabbrowser-tab[pending] .tab-content:hover{
        background: orange !important;
    }
    
    /* Tab gelesen */
    .tabbrowser-tab .tab-content {
        background: rgba(0,234,255,0.38) !important;
        color: white !important; 
    }
    .tabbrowser-tab .tab-content:hover {
        background: orange !important;
        color: white !important; 
    }
    
    
    
    
    /* Tab-Line entfernen */
    #TabsToolbar .tabbrowser-tab .tab-line {
        display: none !important; 
    }
    
    /* Tab-Höhe  */
    .tabbrowser-tab {
        min-height: 28px !important;
        max-height: 28px !important;
        vertical-align: bottom !important;
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
    
    /* Tab-Rahmen entfernen */
    #TabsToolbar .tabbrowser-tab[visuallyselected="true"],
    #TabsToolbar .tabbrowser-tab,
    #TabsToolbar .tabbrowser-tab .tab-background {
        background: unset !important;
        border-top: unset !important;
        outline: none !important;
    }
    
    /* Tab-Schließen-Button entfernen *//*
    .tabbrowser-tab .tab-close-button {
      visibility: collapse !important;
    }
    */
    
    /************* Tabschliessen-Button ****************/
    .tab-close-button.close-icon{
        display: -moz-box !important;
        width: 20px; height: 20px !important;
        border: none !important;
        background-color: none !important;
    }
    
    .tab-close-button {
        color: white !important; /* Farbe des Kreuzes */
    }      
    Alles anzeigen
  • Multirow-Tableiste mit userChrome.css anpassen für FF 89.0

    • Krabato
    • 3. Juni 2021 um 11:32

    Upps... sorry... hier nochmal: (komisch - bei mir sehe ich die Bilder auch im 1. Post....)

    Abstände Lesezeichentabs:

    So sah es vorher aus (habe ich von einem Rechner, wo sich Firefox zum Glück noch nicht aktualisiert hat...):

    So sieht es jetzt aus:

  • Multirow-Tableiste mit userChrome.css anpassen für FF 89.0

    • Krabato
    • 3. Juni 2021 um 10:51

    Hallo,

    und mal wieder hat mir das Update zu 89.0 alles zerschossen... ;(

    Würde mir bitte jemand helfen und mal über meinen Code drüberschauen?

    - Die Tabs sind jetzt etwas zu hoch, die Schrift in den Tabs ist ganz unten... Mittig wäre schöner und etwas niedrigere Tabs...

    - Dann ist ober- und unterhalb der Multi-Tableiste nun sehr viel "Platz", es wäre schön, wenn das wieder zusammenrutschen würde...

    - Das "Schließen-Kreuz" in den Tabs ist etwas zu klein geworden... etwas größer wäre schön, damit man nicht so genau "zielen" muss...

    - Und die angehefteten Tabs sind etwas zu breit....

    - Die Abstände in den Lesezeichen-Ordnern sind zu weit auseinander (das wurde hier im Forum ja auch schon diskutiert)...

    Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

    - Und mir ist gerade aufgefallen, dass ich nicht mehr mit STRG mehrere Tabs markieren kann, um sie zu löschen, klonen, etc.... Kann man das wieder ändern?


    So sah es vorher aus (habe ich von einem Rechner, wo sich Firefox zum Glück noch nicht aktualisiert hat...):

    Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.


    So sieht es jetzt aus: ;(

    Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

    Mein Code:

    CSS
    /* Tableiste mehrreihig */
    @-moz-document url(chrome://browser/content/browser.xhtml) {
    
    [tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
    padding-top: 8px !important;
    }
    
    #titlebar,#tabbrowser-tabs {
    appearance: none !important;
    }
    
    [tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
    #main-window[inFullscreen="true"] #window-controls {
    display: block;
    }
    
    /* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */
    box[class="scrollbox-clip"][orient="horizontal"],
    tabs > arrowscrollbox { display: block; }
    scrollbox[part][orient="horizontal"] {
    display: flex;
    flex-wrap: wrap;
    max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */
    overflow-x: hidden;
    overflow-y: auto;
    }
    
    tabs tab[fadein]:not([pinned]) {
    flex-grow: 1;
    }
    
    tabs tab,.tab-background {
    height: var(--tab-min-height);
    overflow: hidden;
    }
    
    tab > .tab-stack {
    width: 100%;
    }
    
    box[class="scrollbox-clip"][orient="horizontal"] {
    -moz-window-dragging: no-drag;
    }
    
    hbox.titlebar-spacer,
    #alltabs-button,tabs tab:not([fadein]) {
    display: none;
    }
    
    /* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
    tabs tab[fadein]:not([pinned]) {
    min-width: 150px !important;/* Minimale Tabbreite 76px */
    max-width: 150px !important;/* Maximale Tabbreite 225px */
    }
    }
    
    /* Buttons/Zwischenräume Ausblenden */
    hbox.titlebar-spacer,
    #alltabs-button,tabs tab:not([fadein]), 
    [class="scrollbutton-up"],
    [class="scrollbutton-up"] + spacer,
    scrollbox[part][orient="horizontal"] + spacer,
    [class="scrollbutton-down"] { 
        display: none; 
    }
    tabs tab {
        border-left: solid 1px hsla(0,0%,50%,.5);
        border-right: solid 1px hsla(0,0%,50%,.5);
    }
    tabs tab:after,tabs tab:before { display: none;}
    
    /* #TabsToolbar:not(:-moz-lwtheme){ 
        color: black !important;
    } */
    #TabsToolbar > .titlebar-buttonbox-container {
        display: none !important;
    }    
    
    /* -----------------------------*/
    /* Tab: Optische Anpassungen    */
    /* -----------------------------*/
    
    #tabbrowser-tabs :not([fokus]){
        opacity: 1!important;
    }
    
    /* Schriftart/Schriftgröße ändern */
    .tabbrowser-tab .tab-label {
        text-shadow: 1px 1px 0px #000000 !important;    
        font-weight: 500 !important;
        font-size:   12px !important;
        font-family: "Arial" !important;
    }
    
    .tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
        text-shadow: none !important; 
    }
       
    .tabbrowser-tab .tab-label[selected="true"] {
        text-shadow: 1px 1px 0px #000000 !important;
        font-weight: 500 !important;
        font-size:   12px !important; 
        font-family: "Arial" !important; 
    }
    
    /* Inaktive Tabs Schrift kursiv */
    .tabbrowser-tab:not([selected]) {
        font-style: italic !important;
    }
        
    /* Aktiver Tab */
    .tabbrowser-tab[selected] .tab-content {
        background: rgba(255,46,250,1) !important;
        color: white !important;
    }
    .tabbrowser-tab[selected] .tab-content:hover{
        background: yellow !important;
        color: blue !important; 
    }
    
    /* Tab ungelesen */
    .tabbrowser-tab[pending] .tab-content{    
        background:  rgba(0,37,255,0.39) !important;
        color: yellow !important;
    }
    .tabbrowser-tab[pending] .tab-content:hover{
        background: orange !important;
    }
    
    /* Tab gelesen */
    .tabbrowser-tab .tab-content {
        background: rgba(0,234,255,0.38) !important;
        color: white !important; 
    }
    .tabbrowser-tab .tab-content:hover {
        background: orange !important;
        color: white !important; 
    }
    
    
    
    
    /* Tab-Line entfernen */
    #TabsToolbar .tabbrowser-tab .tab-line {
        display: none !important; 
    }
    
    /* Tab-Höhe  */
    .tabbrowser-tab {
        min-height: 28px !important;
        max-height: 28px !important;
        vertical-align: bottom !important;
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
    
    /* Tab-Rahmen entfernen */
    #TabsToolbar .tabbrowser-tab[visuallyselected="true"],
    #TabsToolbar .tabbrowser-tab,
    #TabsToolbar .tabbrowser-tab .tab-background {
        background: unset !important;
        border-top: unset !important;
        outline: none !important;
    }
    
    /* Tab-Schließen-Button entfernen *//*
    .tabbrowser-tab .tab-close-button {
      visibility: collapse !important;
    }
    */
    
    /************* Tabschliessen-Button ****************/
    .tab-close-button.close-icon{
        display: -moz-box !important;
        width: 20px; height: 20px !important;
        border: none !important;
        background-color: none !important;
    }
    
    .tab-close-button {
        color: white !important; /* Farbe des Kreuzes */
    }      
    Alles anzeigen

    Vielen Dank im Voraus!

  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 24. September 2020 um 12:25

    Hab Zeilenumbruch gerade mal aktiviert, dann sieht es zwar anders aus, aber er hängt immer noch alles hintereinander weg...

    Ist es denn richtig, dass ich zum Kopieren auf dieses "2-Blätter-Icon" zum "Inhalt kopieren" klicke?

  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 24. September 2020 um 12:08

    Ich glaub ich steh auf dem Schlauch... das gab doch noch nie Probleme... :/:/:/

    Aber jetzt sieht es so aus:

    Zitat von 2002Andreas

    Vor dem Einfügen des neuen Codes musst du den alten vorhandenen Code erst mit STRG + A markieren, und dann durch den neuen Code überschreiben lassen.

    das mache ich auch....

    Trotzdem sieht es dann so aus...

    Kopiere ich falsch?

  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 24. September 2020 um 11:28

    2002Andreas: Vielen Dank für die Änderungen:)

    Dumme Frage: Ich habe auf diese zwei Blätter rechts oben in der Ecke des Codes geklickt und dann Strg+V in meiner userChrome.css aber dann hängt er mir den Text hintereinanderweg...

    Wie kopiere ich das richtig?:/

  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 24. September 2020 um 10:26

    @Sören und Boersenfeger: Vielen Dank für die Links - da werde ich mal nachforschen...

    Aber ihr habt schon recht: Mit der userChrome.css bzw. den Skripten kann man (wenn man sich auskennt) viel mehr herausholen.

    Es ist halt aber (leider) so, dass ich mich z.B. überhaupt nicht auskenne und immer dastehe, wie ein Ochs vorm Scheunentor, wenn es wieder ein FF Update gibt und meine schöne Tableiste wieder zerschossen wird...

    Ich liebe es, viele Tabs offen zu haben, um vieles einfach "im Blick" zu haben und so ist dieses Feature für mich seeehr wichtig.

    Von daher bin ich Euch hier im Forum so dermaßen dankbar, dass ich mich hier immer wieder mit Fragen an Euch (alle) wenden darf und man so schnell und unkompliziert Hilfe bekommt - das ist einfach super!

    Habt Ihr noch Tips zu den Tab-Farben?

  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 24. September 2020 um 09:43

    TabMixPlus war trotzdem einfach nur super! Irgendwann hieß es noch, man plant ein "Comeback"... wißt Ihr, ob das noch aktuell ist?

  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 24. September 2020 um 09:08

    Betreffend der Farben habe ich eine alte noch abgespeicherte userChrome.css gefunden in der u.a. folgender Code enthalten war:

    CSS
    /*TABs farblich unterscheiden ANFANG*/
    /* Tab, normal */
    .tabbrowser-tab .tab-content {
        background: aquamarine !important;
        color: black !important;
    }
    /* Tab, aktiv */
    .tabbrowser-tab[selected='true'] .tab-content {
        background: #F465B4 !important;
        color: black !important;
    }
    /* Ungelesenes Tab / Tab, in welchem (noch) kein Link angewählt wurde  */
    .tabbrowser-tab[notselectedsinceload="true"] .tab-content {
        background: yellow !important;
        color: black !important;
    }
    /* Tab, entladen / (noch) nicht geladen */
    .tabbrowser-tab[pending="true"] .tab-content{
        background: #B7F4F3 !important;
        color: black !important;
    }
    /* Letztes Tab - DEAKTIVIERT!
    .tabbrowser-tab[last-visible-tab="true"] .tab-content {
        background: lightseagreen !important;
        color: black !important;
    }*/
    
    /* Tab, aktiv */
    .tabbrowser-tab[selected='true'].tab-content {
        background: #F465B4 !important;
        color: black !important;
    }
    Alles anzeigen

    Ich habe gerade mal als Theme Standard eingestellt, aber es zeigte sich eigentlich das gleiche Bild: grau bei hover, blau der aktive, aber man sieht z.B. nicht, welche Tabs neu sind und welche ich schon angesehen habe...

  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 23. September 2020 um 16:23
    Code

    ok, dankeschön. Werde mit den Werten mal rumspielen...

    Stimmt, das mit den Farben hat auch vorher nicht hingehauen... Ich kann mich nicht mehr erinnern, seit welcher Version es nicht mehr ging...:/

    Kann der Code denn so verändert werden, dass das wieder funktioniert? Oder geht das einfach nicht mehr?

  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 23. September 2020 um 14:54

    Sorry, war auf Arbeit und etwas unterwegs...

    So, habe es getestet...

    Die drei Zeilen sind wieder da! Vielen Dank!:thumbup::thumbup::thumbup::)

    Es sind allerdings etwas mehr als drei Zeilen... wo muß ich den Wert evtl. nochmal anpassen, um mich an die genauen drei Zeilen ranzutasten?

    Und noch eine kurze Frage: Ich dachte, ich hätte einen code drin, der mir die Tabs farblich verändert, wenn ich sie angesehen habe. Aber irgendwie tut's das nicht... oder habe ich da was falsch in Erinnerung?:/

    Bilder

    • Screenshot 3,5 Zeilen.JPG
      • 70,63 kB
      • 1.916 × 174
  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 23. September 2020 um 08:58

    So sieht es mit FF80 aus... 3 sichtbare Zeilen und Scrollbar rechts...

    Bilder

    • ff80 Ansicht 3 Zeilen.PNG
      • 324,72 kB
      • 1.917 × 158
  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 23. September 2020 um 00:20

    bitteschön ;)

    Da wo die eine Zeile jetzt ist, waren es vorher 3 sichtbare Zeilen...

    Bilder

    • Screenshot 1 Zeile.JPG
      • 95,24 kB
      • 1.920 × 211
  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 22. September 2020 um 23:15

    ok, also, mit meiner userChrome.css hatte ich vor dem Update eine Multirow-Tableiste (oben), von denen ich 3 Zeilen sehen konnte mit Scrollbalken rechts.

    Nun jedoch ist sie zwar immer noch Multirow und ich kann auch noch scrollen (allerdings ohne Balken rechts, nur mit Maus-Scrollen), aber ich sehe nur noch eine Zeile....

  • Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

    • Krabato
    • 22. September 2020 um 22:17

    Hallo und guten Abend...

    es hätte ein so schöner Abend werden können... wenn sich mein FF nicht wiedermal geupdated hätte und meine Multirow-Tableiste jetzt (wiedermal) nicht mehr funktioniert.;(;(;(

    Ich habe im Forum nach Hilfe gesucht, aber noch nichts gefunden.... (?)

    Meine Userchrome.css sieht folgendermaßen aus:

    CSS
    /* -----------------------*/
    /* Mehrzeilige Tabreihen  */
    /* -----------------------*/
    
    /* Tab-Höhe  */
    .tabbrowser-tab {
        min-height: 28px !important;
        max-height: 28px !important;
        vertical-align: bottom !important;
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
     /* Feste Breite  des einzelnem Tabs */
    .tabbrowser-tab:not([pinned]) {
        min-width: 130px !important; 
    }
    /* Platz für Scrollbar schaffen */
    .tabbrowser-tabs {
      margin-right: -41px !important;
    }
    
    tabs > arrowscrollbox { 
        display: block; 
    }
    scrollbox[part][orient="horizontal"] {
        display: flex;
        flex-wrap: wrap; 
        overflow: visible !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        min-height: 30px !important; /* Tab-Höhe(28px) + 2px */
        max-height: calc( 3 * 30px ) !important;  /* Anzahl der Tabreihen * Minimal-Höhe */
        -moz-window-dragging: no-drag !important;
    }
    
    /* Buttons/Zwischenräume Ausblenden */
    hbox.titlebar-spacer,
    #alltabs-button,tabs tab:not([fadein]), 
    [class="scrollbutton-up"],
    [class="scrollbutton-up"] + spacer,
    scrollbox[part][orient="horizontal"] + spacer,
    [class="scrollbutton-down"] { 
        display: none; 
    }
    tabs tab {
        border-left: solid 1px hsla(0,0%,50%,.5);
        border-right: solid 1px hsla(0,0%,50%,.5);
    }
    tabs tab:after,tabs tab:before { display: none;}
    
    #TabsToolbar:not(:-moz-lwtheme){ 
        color: black !important;
    }
    #TabsToolbar > .titlebar-buttonbox-container {
        display: none !important;
    }    
    
    /* -----------------------------*/
    /* Tab: Optische Anpassungen    */
    /* -----------------------------*/
    
    #tabbrowser-tabs :not([fokus]){
        opacity: 1!important;
    }
    
    /* Schriftart/Schriftgröße ändern */
    .tabbrowser-tab .tab-label {
        text-shadow: 1px 1px 0px #000000 !important;    
        font-weight: 500 !important;
        font-size:   12px !important;
        font-family: "Arial" !important;
        color: white !important;
    }
    .tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
        text-shadow: none !important; 
        color: black !important; 
    }
    .tabbrowser-tab .tab-label[selected="true"] {
        text-shadow: 1px 1px 0px #000000 !important;
        color: white !important; 
        font-weight: 500 !important;
        font-size:   12px !important; 
        font-family: "Arial" !important; 
    }
    
    /* Tab-Line entfernen */
    #TabsToolbar .tabbrowser-tab .tab-line {
        display: none !important; 
    }
    
    /* Tab-Höhe  */
    .tabbrowser-tab {
        min-height: 28px !important;
        max-height: 28px !important;
        vertical-align: bottom !important;
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
    
    /* Tab-Rahmen entfernen */
    #TabsToolbar .tabbrowser-tab[visuallyselected="true"],
    #TabsToolbar .tabbrowser-tab,
    #TabsToolbar .tabbrowser-tab .tab-background {
        background: unset !important;
        border-top: unset !important;
        outline: none !important;
    }
    
    /* Tab-Schließen-Button entfernen *//*
    .tabbrowser-tab .tab-close-button {
      visibility: collapse !important;
    }
    */
    
    /************* Tabschliessen-Button ****************/
    .tab-close-button.close-icon{
        display: -moz-box !important;
        width: 20px; height: 20px !important;
        border: none !important;
        background-color: none !important;
    }
    
    .tab-close-button {
        color: white !important; /* Farbe des Kreuzes */
    }      
    
    /* Tab-Icon ausrichten *//*
    .tab-throbber:not([pinned]),
    .tab-sharing-icon-overlay:not([pinned]),
    .tab-icon-pending:not([pinned]),
    .tab-icon-image:not([pinned]) 
    {
      margin-top: -1px !important;
    }
    */
    /*------------------*/
    /* Tab-Hintergrund  */
    /*------------------*/
    
    /*--- selektiert ---*/
    .tab-background[selected=true]:not(:-moz-lwtheme) > spacer {
        background-image:  linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important; /* blau */
        /*background-image:  linear-gradient( rgba(230,175,175,1), rgba(84,25,25,1) ),  none !important;*/  /* rot */
        filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-4px 3px 2px rgba(0,0,0,0.33)) !important; 
    }
    .tab-background[selected=true]:-moz-lwtheme > spacer {
        background-image:  linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important;
        filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-2px 3px 2px rgba(0,0,0,0.33)) !important; 
    }
    
    /*--- hover(nicht selektiert) ---*/
    .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
        background-image:  linear-gradient( rgba(255,255,255,1), rgba(115,115,115,1) ),  none !important; 
        filter: brightness(130%) contrast(95%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important; 
    }
    .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):-moz-lwtheme > spacer {
        background-image:  linear-gradient( rgba(225,225,225,0.66), rgba(100,125,145,0.66) ),  none !important; 
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    }
    
    /*--- nicht selektiert ---*/
    .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
        background-image:  linear-gradient( rgba(255,255,255,1), rgba(125,125,125,1) ),  none !important; 
        filter: brightness(115%) contrast(90%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important; 
    }
    .tab-background:not([selected=true]):-moz-lwtheme > spacer {
        background-image:  linear-gradient( rgba(255,255,255,0.33), rgba(110,110,110,0.33) ),  none !important; 
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    }
    
    /*--- Multi-selektiert ---*/
    .tab-background[multiselected=true]:not([selected=true]) > spacer {
        background-image:  linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important;
    }
    .tabbrowser-tab:hover > .tab-stack > .tab-background[multiselected=true]:not([selected=true]) > spacer {
        background-image:  linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important; 
    }    
    Alles anzeigen

    Ich würde mich seeehr freuen, wenn Ihr dort mal drüberschauen würdet, und die nötigen Änderungen für FF81 vornehmen würdet.

    Vielen herzlichen Dank für Eure Mühe im Voraus!

    Krabato

  • Mehrzeilige Tableiste für aktuelle Firefox-Versionen

    • Krabato
    • 11. Dezember 2019 um 12:21

    in #47 haben Deine Tabs aber wahrscheinlich noch eine Breite von 234px?:/

  • Mehrzeilige Tableiste für aktuelle Firefox-Versionen

    • Krabato
    • 11. Dezember 2019 um 11:14

    2002Andreas: bei mir waren die Kreuze weg... auch mit deinem Zusatz-Code... wahrscheinlich waren sie/war es bei dir sichtbar, weil du nur einen Tab geöffnet hattest und dieser zwangsläufig der aktive war??(:/

    FuchsFan: Der Code funktioniert, VIELEN DANK!:thumbup: Vielleicht magst Du nochmal Deinen gesamten css-Code hier einstellen? Dein FF sehr gut aus;)

    Danke nochmals an alle, die sich hier so toll engagieren! Hut ab - Einfach klasse, diese Unterstützung!:thumbup::thumbup::thumbup:

    (nach dem Update auf 71 habe ich schon wieder die Hände über'm Kopf zusammengeschlagen... aber dass das hier so schnell wieder gelöst wird, ist einfach super!)

  • Mehrzeilige Tableiste für aktuelle Firefox-Versionen

    • Krabato
    • 10. Dezember 2019 um 21:28

    jetzt weiß ich woran es liegt, dass bei mir die "Schließen-Kreuze/Button" in den einzelnen Tabs verschwunden sind...

    Mir waren die Tabs zu breit und ich habe die Breite von 234 auf 130 angepaßt..

    CSS
     /* Feste Breite  des einzelnem Tabs */
    .tabbrowser-tab:not([pinned]) {
        min-width: 130px !important; 
    }

    Jetzt gefällt mir die Breite, aber das Kreuz ist weg...

    Vielleicht könntet ihr doch nochmal schauen, ob man da was "machen kann"?

    Danke im voraus!

    Ich nehme an, dass man an der Überlappung der Internetseite beim Code "Tableiste unten" nichts weiter ändern kann?!?

  • Mehrzeilige Tableiste für aktuelle Firefox-Versionen

    • Krabato
    • 10. Dezember 2019 um 11:34

    @BrokenHeart

    Ich habe jetzt erstmal Deinen 2. Code genommen ;)

    Herzlichen Dank dafür!

    Kannst du evtl. noch ergänzen, dass auch in den inaktiven Tabs das "schließen-Kreuz/button" zu sehen ist?

    Im Moment muss man den Tab erst aktivieren und kann ihn dann schließen.

    Ich würde gerne inaktive Tabs mit einem Klick schließen können ;)

Unterstütze uns!

Jährlich (2025)

59,1 %

59,1% (384,24 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon