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

Beiträge von Mira_Belle

  • Tabform

    • Mira_Belle
    • 22. März 2026 um 17:39

    Danke 2002Andreas
    Genau so sollte es auch sein. Dir fehlt ja nur der "Bogen", als das SVG für die untere Rundung.

    Habe es eben auch noch mal in einem neuen Testprofil ausprobiert.

  • Tabform

    • Mira_Belle
    • 22. März 2026 um 14:10

    Danke, dass Ihr das CSS getestet habt.

    Was die "ominösen" Variablen betrifft, es sind, was "Werte" an gehen, genau drei
    und dahinter als Kommentar auch noch angegeben.

    Alle anderen Variablen sind Farben, aber auch die sind als Kommentar direkt dahinter angegeben.
    Aber gut, ....

    CSS
     /* Farben ---------------------------------------------------*/
    
     :root {
        --uc-color-black-light: #2B2B2B !important;	  	/*	var(--uc-color-black-light)		*/
        --uc-color-black-lighter: #404040 !important;	  	/*	var(--uc-color-black-lighter)	*/
        --uc-color-grey-dark: #5C5C5C !important;			/*	var(--uc-color-grey-dark)		*/
        --uc-color-grey-light: #A9A9A9 !important;			/*	var(--uc-color-grey-light)		*/
        --uc-color-grey-lighter: #D4D4D4 !important;       /*	var(--uc-color-grey-lighter)	*/
        --uc-color-white-dark: #E0E0E0 !important;			/*	var(--uc-color-white-dark)		*/
        --uc-color-white-normal: #FFFFFF !important;		/*	var(--uc-color-white-normal)    */
        --uc-color-orange-normal: #FFAA00 !important;		/*	var(--uc-color-orange-normal)	*/
        --uc-color-orange-hover: #FFCC66  !important;		/*	var(--uc-color-orange-hover)	*/
        --uc-color-red-normal: #FF0000 !important;		    /*	var(--uc-color-red-normal)      */    
        
        --uc-color: rgba(225, 225, 225, 0.2);              /* hellgrau basis, unselected        */
        --uc-color_hov: rgba(225, 225, 225, 0.3);          /* mittelgrau unselected hover       */
        --uc-color-sel: rgba(255, 148, 0, 0.4);            /* zart orange selected              */
        --uc-color-musel: rgba(255, 148, 0, 0.3);          /* zart orange dunkel+ multiselected */
        --uc-color_musel_hov: rgba(255, 148, 0, 0.5);      /* zart orange dunkel+ multiselected hover */
        
        --uc-color-orange-test: #db8b00 !important;
    }
    
    /* Border ---------------------------------------------------*/
    
    :root {
        --uc-border-width: 3px !important;					/*	var(--uc-border-width)		*/
        --uc-border-radius: 8px !important;					/*	var(--uc-border-radius) 	*/
        --uc-border-style: outset !important;				/*	var(--uc-border-style)		*/
    
        /*--uc-radius: 20px !important;*/
        --uc-radius: 19px !important;
    
    }
    
    /* Ränder ---------------------------------------------------*/
    
    :root {
        --uc-margin-top: 3px !important;					/*	var(--uc-margin-top)		*/
        --uc-margin-right: 10px !important;					/*	var(--uc-margin-right)		*/
        --uc-margin-left: 1px !important;					/*	var(--uc-margin-left)		*/
        --uc-margin-bottom: 5px !important;					/*	var(--uc-margin-bottom)		*/
    }
    
    /* Abstände -------------------------------------------------*/
    
    :root {
        --uc-padding-top: 3px !important;					/*	var(--uc-padding-top)		*/
        --uc-padding-right: 20px !important;				/*	var(--uc-padding-right)		*/
        --uc-padding-left: 20px !important;					/*	var(--uc-padding-left)		*/
        --uc-padding-bottom: 3px !important;				/*	var(--uc-padding-bottom)	*/
    
        --uc-block-margin: 2px !important;                  /*	var(--uc-block-margin)      */
        --uc-min-height: 36px !important;                   /*	var(--uc-min-height)        */
    }
    Alles anzeigen

    @Horstmann Und Danke für den Link,
    werde das mal im Auge behalten.

  • Tabform

    • Mira_Belle
    • 22. März 2026 um 10:47

    Es geht demnächst wieder los! Das CSS für die Tableiste muss angepasst werden.
    Durch die Splittfunktion, die man ja auch schon im 148.02 ausprobieren kann,
    habe ich gesehen, dass die Tabs "verrutschen".
    Wenn der "neue" Fuchs dann läuft, werde ich auch Bilder machen und mein derzeitiges CSS,
    wenn es von dem aus #150 abweicht, noch einmal Posten.

    Gerade das CSS überprüft, es weicht etwas ab!


    CSS
    /*** Curved tabs beta D2b sauber - dunkles Theme ***/
    /* aus #130 https://www.camp-firefox.de/forum/thema/137164-tabform/?postID=1239391#post1239391 */
    
    /* -------------------------------------------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------------------------------------------- */
    
    /*** General adjustments ***/
    /*** Allgemeine Anpassunge ***/
    
    :root {
    
        /* Tabs bar height adjust */
        /* Tabbar Höhe einstellen */
            /*--tabs-navbar-shadow-size: 0 !important;*/
            /*--tab-block-margin: 4px !important;*/
            --tab-block-margin: var(--uc-block-margin) !important;       /*  2px */
            --tab-min-height: var(--uc-min-height) !important;           /* 36px */
        
        /* Edges without corner Svg /  Radius */
        /* Kanten ohne Ecken (svg / Radien */
            /*--ug-radius: 20px;*/
            --ug-radius: var(--uc-radius) !important;                    /* 19px */
        
        
        /* Edges (borders, outlines) colors */
        /* Farben für Ränder (Umrandungen, Konturen) */
        
        /* Edges not selected */
        /* Ränder nicht ausgewählt */
    /*        --ug-color-border: hsla(0, 0%, 83%, 0.5);                   /* hellgrau unselected Kante Tab */
    /*        --ug-color-border: var(--uc-color-orange-test); */
            --ug-color-border: var(--uc-color-grey-light);
            --ug-stroke: var(--ug-color-border);                          /* unselected Kante Svg */
    /*        --ug-kante_hova: hsla(0, 0%, 93%, 0.65);                    /* mittelgrau unselected alle Kanten hover */
            --ug-kante_hova: var(--ug-color-border);
        
        /* Edges selected , multiselected */
        /* Kanten ausgewählt, mehrfach ausgewählt */
    /*        --ug-color-border_select: hsla(0, 0%, 93%, 0.75);           /* mittelgrau hell+ selected Kante Tab */
            --ug-color-border_select: var(--uc-color-orange-normal);
            --ug-stroke_select: var(--ug-color-border_select);            /* selected Kante Svg */
    /*        --ug-kante_hova_select: hsla(0, 0%, 100%, 0.8);             /* mittelgrau hell++ multiselected alle Kanten hover */
            --ug-kante_hova_select: var(--uc-color-orange-normal);
    
        
        /* Tabs background colors:  */
        
    /*        --ug-color1: hsla(0, 0%, 83%, 0.25);                        /* hellgrau basis, unselected */
    /*        --ug-color2: hsla(35, 80%, 60%, 0.25);                      /* zart orange selected */
    /*        --ug-color2-multi: hsla(35, 80%, 40%, 0.25);                /* zart orange dunkel+ multiselected */
    /*        --ug-color_multi_hova: hsla(35, 70%, 40%, 0.35);            /* zart orange dunkel++ multiselected hover */
    /*        --ug-color_hova: hsla(0, 0%, 50%, 0.25);                    /* mittelgrau#2 unselected hover */
    
            --ug-color1: var(--uc-color);                                 /* hellgrau basis, unselected */
            --ug-color2: var(--uc-color-sel);                             /* zart orange selected */
            --ug-color2-multi: var(--uc-color-musel);                     /* zart orange dunkel+ multiselected */
            --ug-color_hova: var(--uc-color_hov);                         /* mittelgrau unselected hover */
            --ug-color_multi_hova: var(--uc-color_musel_hov);             /* zart orange dunkel++ multiselected hover */
    
    
        /* Tab bar unten, border bottom color */
    /*        --ug-color_bottom: hsla(0, 0%, 93%, 1);                     /* hellgrau nicht transparent, Kante unten */
            --ug-color_bottom: var(--uc-color-orange-normal);
    
        
        /* Symbole für about:xxx */
            --ug-color_tab-icon: var(--uc-color-red-normal);
    }
        /*** General adjustments end ***/
    /* -------------------------------------------------------------------------------------------------------------- */    
    /* -------------------------------------------------------------------------------------------------------------- */
    
                                                                   /*** Tabs base ***/
    
        /* tabs connected bottom */
        
        .tab-background {
            margin-block: calc(2 * var(--tab-block-margin)) 0 !important;
        }
        
        /*** Tabs Radien, borders, corners, tab shapes order , inline borders only where no custom corners ***/
        
        /*  Basis alle Tabs  */
        
        .tabbrowser-tab .tab-background {
            border-radius: var(--ug-radius) var(--ug-radius) var(--ug-radius)  0 !important;
            border: 1px solid !important;
            /*border-bottom: none !important;*/
        }
        
        .tabbrowser-tab:not([pinned]) .tab-background {
            border-left: none !important;
        }
        
        /*  Zusatzregeln, überschreiben Basis alle Tabs  */
        
        /* selected , pinned tabs */
        .tabbrowser-tab:is([visuallyselected], [pinned]) .tab-background {
            border-radius: var(--ug-radius) var(--ug-radius) 0 0 !important;
        }
        /* Tab selected no inline border */
        .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-background {
            border-inline: none !important;
        }
        
        /* Tab after selected tab completely round, no corners */
        .tabbrowser-tab:is([visuallyselected]):not([pinned]) + .tabbrowser-tab:not([visuallyselected]) .tab-background {
            border-radius: var(--ug-radius) !important;
            border-left: 1px solid var(--ug-color-border) !important;
        }
        
        /* Last tab dual corners, unless it comes after selected tab */
        .tabbrowser-tab:not([pinned]):last-of-type .tab-background {
            border-radius: var(--ug-radius) var(--ug-radius) 0 0 !important;
            border-inline: none !important;
        }
        .tabbrowser-tab:is([visuallyselected]):not([pinned]) + .tabbrowser-tab:not([visuallyselected]):last-of-type .tab-background {
            border-radius: var(--ug-radius) var(--ug-radius) 0 var(--ug-radius) !important;
            border-right: none !important;
        }
    
        /* Erster Tab nach ausgewähltem Tab komplett rund, keine Ecken !! multiselected */
        .tabbrowser-tab:is([visuallyselected]):not([pinned]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background {
            border-color: var(--uc-color-orange-normal) !important;
        }
    
                                                                      /***  COLORS  ***/
        
        /**  In about:config set svg.context-properties.content.enabled to true  **/
        
        /*  Basis alle Tabs  */
        
        .tabbrowser-tab .tab-background {
            outline: none !important;
            box-shadow: none !important;
            background-color: var(--ug-color1) !important;
            border-color: var(--ug-color-border) !important;
            stroke: var(--ug-stroke) !important;
            fill: var(--ug-color1) !important;
            border-bottom: none !important;   /* Muss zusätzlich, da unten ja keine Kante sein soll !  */
        }
        
        /*  Zusatzregeln, überschreiben Basis alle Tabs  */
        
        /* Colors, outlines: selected / multiselected / hover */
        
        /* tabs selected base */
        .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background {
            background-image: none !important;
            background-color: var(--ug-color2) !important;
            stroke: var(--ug-stroke_select) !important;
            border-color: var(--ug-color-border_select) !important;
            fill: var(--ug-color2) !important;
        }
        
        /* tabs multiselected */
        .tabbrowser-tab:not([visuallyselected])[multiselected] .tab-background {
            background-color: var(--ug-color2-multi) !important;
            fill: var(--ug-color2-multi) !important;
        }
        
        /* tabs multiselected hover */
        .tabbrowser-tab:not([visuallyselected]):hover .tab-background {
            background-color: var(--ug-color_multi_hova) !important;
            fill: var(--ug-color_multi_hova) !important;
            stroke: var(--ug-kante_hova_select) !important;
            border-color: var(--ug-kante_hova_select) !important;
        }
        
        /* tabs unselected hover */
        .tabbrowser-tab:not([visuallyselected], [multiselected]):hover .tab-background {
            background-color: var(--ug-color_hova) !important;
            fill: var(--ug-color_hova) !important;
            stroke: var(--ug-kante_hova) !important;
            border-color: var(--ug-kante_hova) !important;
        }
        
    /* -------------------------------------------------------------------------------------------------------------- */
        /* fill colors selected / unselected hover */
        .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::before, 
        .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::after {
            fill: var(--ug-color2) !important;       
            stroke: var(--uc-color-orange-normal) !important;
        }
    
        .tabbrowser-tab:not([visuallyselected]):is([multiselected]) .tab-background::before, 
        .tabbrowser-tab:not([visuallyselected]):is([multiselected]) .tab-background::after {
            fill: var(--ug-color2-multi) !important;
        }
    
        .tabbrowser-tab:not([visuallyselected]):is([multiselected]):hover .tab-background::before, 
        .tabbrowser-tab:not([visuallyselected]):is([multiselected]):hover .tab-background::after {
            fill: var(--ug-color_multi_hova) !important;
        }
    
        /*  right corner bg, selected --> vor not selected  */
        .tabbrowser-tab:is([visuallyselected]) + .tabbrowser-tab:not([visuallyselected]) .tab-background::before {
            background-image: none !important;
        }
    /* -------------------------------------------------------------------------------------------------------------- */
    
                                                              /***  tabs corners  ***/
        /*  base  */
        
        #TabsToolbar {
            --ug-corner-size: var(--tab-min-height) !important;             /*  36px */
            --ug-corner-image: url("../icons/tab_corner.svg") !important;
        }
        
        .tabbrowser-tab .tab-background::before, 
        .tabbrowser-tab .tab-background::after {
            -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important;
            content: "";
            position: absolute;
            width: var(--ug-corner-size) !important;
            height: var(--ug-corner-size) !important;
            background-size: var(--ug-corner-size) !important;
            background-repeat: no-repeat !important;
            background-position: bottom center !important;
            mask-image: linear-gradient(215deg, transparent, black 18px) !important;
            pointer-events: none !important;
        }
        
        /*  left  */
        .tabbrowser-tab .tab-background::before {
            left: calc(0px - var(--ug-corner-size) / 2);                      /* -18px */
            background-image: var(--ug-corner-image) !important;
        }
        
        /*  right  */
        .tabbrowser-tab:is([visuallyselected], :last-of-type) .tab-background::after {
            right: calc(0px - var(--ug-corner-size) / 2);                     /* -18px */
            background-image: var(--ug-corner-image) !important;
            transform: scaleX(-1) !important;
        }
    
                                                /****   Margins etc. overflow fix   ****/
        
        /* Base values ; tab padding, margin */
        #tabbrowser-tabs {
        /*    --ug-tab_Pad: calc(8px + var(--ug-corner-size) / 2);             /*  26px */
            --ug-tab_Pad: calc(-10px + var(--ug-corner-size) / 2);             /*   8px */
    
        /*    --ug-tab_Marge: calc(0px - var(--ug-corner-size) - 12px);        /* -48px */
            --ug-tab_Marge: calc(0px - var(--ug-corner-size) / 2 + 6px);       /* -12px */
        }
    
        /* Basis all Tabs */
        .tabbrowser-tab:not([pinned]) {
            overflow: visible !important;
            padding-inline: var(--ug-tab_Pad) !important;
        }
    
        /* Tab before any tab */
        .tabbrowser-tab:not([pinned], [visuallyselected]) + .tabbrowser-tab:not([pinned]) {
            margin-inline: var(--ug-tab_Marge) 0px !important;
        /*    margin-inline: -48px 0px !important; */
        }
    
        /* Tab after selected */
        .tabbrowser-tab:not([pinned]):is([visuallyselected]) + .tabbrowser-tab:not([pinned]) {
            margin-inline: var(--ug-tab_Marge) 0px !important;
        /*    margin-inline: -48px 0px !important; */
        }
    
        /* Tab selected  */
        .tabbrowser-tab:not([pinned]):is([visuallyselected], :last-of-type) {
            margin-inline: 0px !important;
        }
    
        /* Last tab after selected tab */
        .tabbrowser-tab:is([visuallyselected]):not([pinned]) + .tabbrowser-tab:not([visuallyselected]):last-of-type {
            margin-inline: var(--ug-tab_Marge) 0px !important;
        /*    margin-inline: -48px 0px !important; */
        }
        /***  Tab left higher z index / Vorrang vor Tab rechts  ***/
        .tabbrowser-tab:not([pinned]) .tab-content {
            z-index: 1 !important;
        }
    
        /***  Space for corner left/right - first/last tab, overflow bugs fix  ***/
    
        #tabbrowser-tabs .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
        /*    margin-inline-start: 0px !important; */
            margin-inline-start: 10px !important;
        }
        #tabbrowser-tabs:not([pinned]) .tabbrowser-tab:last-of-type {
        /*    margin-inline-start: 0px !important; */    
            margin-inline-end: 10px !important;
        }
        #tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
            margin-inline-start: -12px !important;
        }
        #tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:last-of-type {
            margin-inline-end: -12px !important;
        }
    
        /*-----------------------------------------------*/
        /****     Tabtext nicht verkürzt bei hover    ****/
        /*-----------------------------------------------*/
    
        /* Ein längerer Tabtext wird am Ende ja ausgeblendet. */
        /* Diese Verkürzung bei hover hätte ich gerne verhindert. */
    
        .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button {
            padding-inline-start: 6px !important;
            width: 24px !important;
    
        }
      
        .tabbrowser-tab[visuallyselected=true]:not(:hover),
        #tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected=true]):not(:hover) {
            --tab-label-mask-size: 1em !important;
        }
        
        /* Tabtext wird nicht ausgeblendet */    
        .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
        .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
            mask-image: none !important;
        }
    
        /*--------------------------------------------*/
        /****     Tabbar nach unten verschieben    ****/
        /*--------------------------------------------*/
        
        #navigator-toolbox {
            position: relative !important;
            padding-bottom: calc( var(--tab-min-height) + 8px );                /*  44px */
        /*    padding-bottom: 42px !important; */
        }
        
        #TabsToolbar {
            position: absolute !important;
            display: block !important;
        }
    
        /*--------------------------------------------------*/
        /****  Trennlinie zwischen Inhalt und Tableiste  ****/
        /*--------------------------------------------------*/
    
        #TabsToolbar {
            bottom: 6px !important;                                             /* Tableiste etwas angehoben */
            width: 100vw !important;                                            /* Tableistenbreite festgelegt */
            background-image: linear-gradient(to top, var(--ug-color_bottom) 7px, transparent 1px) !important;
            margin-bottom: -7px !important;                                     /* Trennlinie nach unten verschoben */
            padding-bottom: 7px !important;                                     /* Tabs etwas angehoben */
        }
    
        /*---------------------------------------------*/
        /****     Symbole für about:xxx anpassen    ****/
        /*---------------------------------------------*/
    
    	.tab-icon-image {
    		-moz-context-properties: fill !important;
    	/*	fill: #FFAA00 !important;	*/
    		fill: #FF0000 !important;
    	}
    
        /*-----------------------------------------------------------------------*/
        /* Ausblenden des Meüs "Link in neuem Tab in Umgebung öffnen" im Popoup **/
        /*-----------------------------------------------------------------------*/
    
        #context_reopenInContainer {
            display: none !important;
          }
          
        /*---------------------------------------------------*/
        /************** Tab schließen X hover  ***************/
        /*---------------------------------------------------*/
    
        .tabbrowser-tab:not([pinned]) .tab-close-button {                          /* Button rund */
            border-radius: 50% !important;
            display: flex !important;
        }
    
        .tab-content > .tab-close-button:hover {
            /*outline: none !important;*/
            outline: 1px solid rgba(255, 0, 0, 0.3) !important;
            outline-offset: -1px !important;
            background-color: rgba(255, 0, 0, 0.4) !important;                  /* Rot */
            box-shadow: 0 0 1em rgba(255, 0, 0, 0.7) !important;                /* Rot, glow */
        }
    
        /*  Schließen Kreuz größer */
        .tab-close-button {
            transform: scale(1.4, 1.4) !important;
        }
    
        /*---------------------------------------------------*/
        /************* New Tab Button (+) hover  *************/
        /*---------------------------------------------------*/
    
        /* Abstand vom Tab */
        #tabbrowser-arrowscrollbox-periphery #tabs-newtab-button .toolbarbutton-icon {
            margin-left: 6px !important;
            border-radius: 50% !important;
        }
    
        /* New Tab (+) button hover outline */
        #tabbrowser-arrowscrollbox-periphery:hover #tabs-newtab-button .toolbarbutton-icon {
            outline: 1px solid var(--uc-color-orange-normal) !important;
            outline-offset: -1px !important;
            background-color: var(--ug-color1) !important;
        }
    
        /* New Tab (+) button hover color */
        #tabbrowser-arrowscrollbox-periphery:hover #tabs-newtab-button:hover {
            fill: var(--uc-color-orange-normal) !important;
        }
    
        /* Position, closer to last tab */
        #tabbrowser-arrowscrollbox-periphery #tabs-newtab-button {
            margin: 0 !important;
            margin-top: 2px !important;
            padding-inline: 0px !important;
        }
        .tabbrowser-tab:not([pinned]) + #tabbrowser-arrowscrollbox-periphery {
            margin-left: -16px !important;
            z-index: 2 !important;
        }
    
        /*-------------------------------------------------*/
        /*************** Schrift in den Tabs ***************/
        /*-------------------------------------------------*/
    
        .tab-label {
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        /*    text-overflow: " " !important;    */
            text-overflow: " …" !important;
            white-space: nowrap !important;
            max-width: 95% !important; 
            text-shadow: 1px 1px 1.5px var(--uc-color-black-light) !important;   /* Schatten hinter Schrift */
        }
        .tab-label[selected]  {
            color: var(--uc-color-white-normal) !important;                      /* Aktiver Tab: Schriftfarbe (Orange) */
        }
        .tab-label:not([selected])  {
            color: var(--uc-color-grey-lighter) !important;                      /* Aktiver Tab: Schriftfarbe (Hellgrau) */
        }
        
        /* Move tab content */
        .tab-content {
            margin-top: 1px !important;
        }
    
    /*************** Tests ***************/
    
        #tabbrowser-tabs {
        /*    --tab-min-width: 76px !important; */
            --tab-min-width: 75px !important;
            --tab-loading-fill: lime !important;      
            --tab-overflow-pinned-tabs-width: 0px !important;
          
        }
        
        /* userChrome.css */
        /* progress-bar page loading in the tab header */
        .tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line {
            opacity: 0;
            background-color: #FFCC00;
            height: 2px;
            margin-inline: 12px;
            margin-top: 0px;
            border-radius: 90px;
        }
        .tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line {
            opacity: 1;
            transform-origin: left center;
            animation: 2s ease-in-out scale;
        }
        .tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line {
            transition: opacity 2s ease-out;
        }
        @keyframes scale {
            0% {transform: scaleX(0);}
            100% {transform: scaleX(1);}
        }  
    Alles anzeigen
  • Custom buttons not recognized, do not appear on toolbar

    • Mira_Belle
    • 19. März 2026 um 09:14

    juzzlukin
    Auf der Page von Aris => https://github.com/Aris-t2/CustomJSforFx/tree/master/scripts
    gibt es schon einige Skripte, in aktualisierter Form, die Du nutzt.
    Zum Beispiel das "restart_button.uc.js", also der Restartbutton.

    CustomJSforFx/scripts/restart_button.uc.js at master · Aris-t2/CustomJSforFx
    custom scripts. Contribute to Aris-t2/CustomJSforFx development by creating an account on GitHub.
    github.com


    Und alice hat auch das eine oder andere Skript in aktualliesierte Form vorligen.

    Hier die "userChrome.js"
    Diese ist ab Version 141 => https://github.com/alice0775/user…1/userChrome.js
    und jene ab Version 150 => https://github.com/alice0775/user…0/userChrome.js

    Bitte Testen, welche bei Dir funktioniert!
    ------------------------------------------------------------------------------------------------------------------------------------

    On Aris's page => https://github.com/Aris-t2/CustomJSforFx/tree/master/scripts
    there are already several updated scripts that you can use.
    For example, “restart_button.uc.js,” which is the restart button.

    CustomJSforFx/scripts/restart_button.uc.js at master · Aris-t2/CustomJSforFx
    custom scripts. Contribute to Aris-t2/CustomJSforFx development by creating an account on GitHub.
    github.com

    And Alice also has a few scripts available in their updated versions.

    Here is the “userChrome.js” file

    This applies starting with version 141 => https://github.com/alice0775/user…1/userChrome.js
    and that one is for version 150 => https://github.com/alice0775/user…0/userChrome.js

    Please try them out and see which one works for you!

    I'll take a closer look at your other scripts this weekend and test them as well.

  • Der Glückwunsch-Thread

    • Mira_Belle
    • 18. März 2026 um 09:48

    Alles Liebe und Gute zu Deinem Geburtstag.
    Ich wünsche Dir von ganzem <3en viel Glück,
    aber vor allem viel Gesundheit.

  • Custom buttons not recognized, do not appear on toolbar

    • Mira_Belle
    • 17. März 2026 um 19:22
    Zitat von Horstmann

    Für das Icon würde ich button.style.fill statt button.style.color empfehlen,

    Danke, habe ich übernommen.

    Zitat von Horstmann

    und schauen was mit der Leistehöhe passiert,

    Nichts.

    Das CSS habe ich bewusst aus dem Skript herausgelassen.
    Ich nutze für die "Umrandung" der Button eine eigenes CSS.

    CSS
    #home-button,
    #forward-button,
    #back-button {
      fill: var(--uc-color-orange-normal) !important;
    }
    #nav-bar .toolbarbutton-1,
    #toolbar-menubar .toolbarbutton-1 {
      margin: 2px 3px 3px !important;
      min-height: 30px !important;
      max-height: 30px !important;
      min-width: 30px !important;
      max-width: 30px !important;
      /*        border-radius: 50% !important;    */
      border-radius: 50% !important;
      background-position: center !important;
      /* background: linear-gradient(155deg, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0.25) ); */
      background: linear-gradient(155deg, rgba(0,0,0,.5),  rgba(164,164,164,.5) );
      /* box-shadow: -1px -1px 2px rgba(255, 255, 255, 0.25), 2px 2px 2px rgba(0, 0, 0, 0.25); */
      box-shadow: -1px -1px 2px rgba(255,255,255,.25), 2px 2px 2px rgba(34,34,34,0.5);  
      filter: contrast(110%) brightness(90%) !important;
      transition: filter 0.33s, box-shadow 0.33s !important;
    }
    #nav-bar .toolbarbutton-1:hover:not([disabled="true"]),
    #toolbar-menubar .toolbarbutton-1:hover:not([disabled="true"]) {
      filter: contrast(120%) brightness(100%) !important;
    }
    #nav-bar
      .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"]),
    #toolbar-menubar
      .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"]) {
      /*        border-radius: 50% !important;    */
      border-radius: 50% !important;
      background: linear-gradient(
        145deg,
        rgba(0, 0, 0, 0.5),
        rgba(48, 48, 48, 0.5),
        rgba(100, 100, 100, 0.5)
      ) !important;
      box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.25) !important;
    }
    #nav-bar .toolbarbutton-1 .toolbarbutton-icon,
    #toolbar-menubar .toolbarbutton-1 .toolbarbutton-icon,
    #nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack,
    #toolbar-menubar .toolbarbutton-1 .toolbarbutton-badge-stack {
      background: transparent !important;
      /*    fill: rgba(220,220,220,1) !important; */
      filter: drop-shadow(1px 1px 1px rgba(25, 25, 25, 0.75)) !important;
      transition: fill 0.33s, filter 0.33s, transform 0.33s !important;
    }
    #nav-bar
      .toolbarbutton-1:not([open]):hover:not([disabled="true"])
      .toolbarbutton-icon,
    #toolbar-menubar
      .toolbarbutton-1:not([open]):hover:not([disabled="true"])
      .toolbarbutton-icon,
    #nav-bar
      .toolbarbutton-1:not([open]):hover:not([disabled="true"])
      .toolbarbutton-badge-stack
      #toolbar-menubar
      .toolbarbutton-1:not([open]):hover:not([disabled="true"])
      .toolbarbutton-badge-stack {
      /*        fill: rgba(255,255,255,1) !important; */
      filter: drop-shadow(1px 1px 1px rgba(25, 25, 25, 1))
        drop-shadow(-1px -1px 3px rgba(200, 200, 200, 0.5)) brightness(120%) !important;
      transition: fill 0.33s, filter 0.33s, transform 0.33s !important;
    }
    #nav-bar
      .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"])
      .toolbarbutton-icon,
    #toolbar-menubar
      .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"])
      .toolbarbutton-icon,
    #nav-bar
      .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"])
      .toolbarbutton-badge-stack,
    #toolbar-menubar
      .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"])
      .toolbarbutton-badge-stack {
      fill: rgba(0, 230, 255, 1) !important;
      filter: drop-shadow(1px 1px 1px rgba(25, 25, 25, 0.75))
        drop-shadow(-1px -1px 3px rgba(0, 230, 255, 1)) brightness(120%) !important;
      transform: translate(0px, 1px) !important;
    }
    #nav-bar .toolbarbutton-1[open] .toolbarbutton-icon,
    #toolbar-menubar .toolbarbutton-1[open] .toolbarbutton-icon,
    #nav-bar .toolbarbutton-1[open] .toolbarbutton-badge-stack,
    #toolbar-menubar .toolbarbutton-1[open] .toolbarbutton-badge-stack {
      fill: rgba(0, 230, 255, 1) !important;
      filter: drop-shadow(1px 1px 1px rgba(25, 25, 25, 0.75))
        drop-shadow(-1px -1px 3px rgba(0, 230, 255, 1)) brightness(120%) !important;
      transform: translate(0px, 0px) !important;
    }
    Alles anzeigen
  • Custom buttons not recognized, do not appear on toolbar

    • Mira_Belle
    • 14. März 2026 um 22:58

    Compress the JS files into a ZIP file, then you can upload them.


    JavaScript
    // Restart_Firefox.uc.js
    // Das Script erstellt einen Button, der einen Neustart des Browsers auslöst .
    
    // Source file https://www.camp-firefox.de/forum/thema/140072/?postID=1282691#post1282691
    
    /* ----------------------------------------------------------------------------------- */
    /*     Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen     */
    /*            %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons             */
    /* ----------------------------------------------------------------------------------- */
    
    // Linksklick 	if (event.button == 0)
    // Mittelklick 	if (event.button == 1)
    // Rechtsklick 	if (event.button == 2)
    
    (function() {
    
      if (location.href !== 'chrome://browser/content/browser.xhtml')
        return;
    
      const
      // ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
               id = 'restart-button2a', // Id des Buttons
            label = 'Neustart', // Bezeichnung des Buttons
      tooltiptext = 'Neustart (inkl. Script Cache leeren) ausrichten',
      // ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
      curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
    
        try {
            CustomizableUI.createWidget({
                id: id,
                defaultArea: CustomizableUI.AREA_NAVBAR,
                label: label,
                tooltiptext: tooltiptext,
    
                onCreated: (button) => {
                    button.style.MozContextProperties = 'fill, stroke, fill-opacity';
                    button.style.listStyleImage = 'url(chrome://browser/skin/sync.svg)';
                    button.style.minWidth = 'fit-content';
                    button.style.color = '#ff0000'; // Farbe für das SVG-Icon setzen
                    button.style.paddingLeft = '5px';
                    button.style.paddingTop = '3px';
                }         
            });
        } catch(e) { };
    
      (function add_restart_button_listener() {
        const button = document.getElementById('restart-button2a');
    
        if (button) {
          button.addEventListener('click', (event) => {
            // rechte Maus – Neustart
            if (event.button === 2) {
              Services.startup.quit(
                Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit
              );
            }
            // linke Maus – Neustart mit Löschung des Start-Caches
            if (event.button === 0) {
              event.preventDefault();
              Services.appinfo.invalidateCachesOnRestart();
              Services.startup.quit(
                Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit
              );
            }
            // Mittelklick
            if (event.button === 1) {
              openTrustedLinkIn("about:config", "tab");
            }
          });
        } else {
          // Button existiert noch nicht → später erneut versuchen
          setTimeout(add_restart_button_listener, 100);
        }
      })();
    
    })();
    Alles anzeigen
  • Firefox: Mozilla stellt Unterstützung für veraltete Betriebssysteme endgültig ein

    • Mira_Belle
    • 14. März 2026 um 09:36

    Ich dachte schon, prima .DeJaVu kann doch anders, ohne jemanden zu beleidigen, nicht so wie schlingo, aber nee,
    auch er muss noch einmal nachlegen.

    Was bin ich doch so froh, dass ich Euch habe.
    Meine Helden!

  • Firefox: Mozilla stellt Unterstützung für veraltete Betriebssysteme endgültig ein

    • Mira_Belle
    • 13. März 2026 um 17:08
    Zitat von Sören Hentzschel

    Mal abgesehen davon, dass Router auch nichts speziell mit IoT zu tun haben,

    Wow, habe meinen Fehler erkannt und auch benannt, und dennoch wird darauf rumgeritten.

    Zitat von Mira_Belle

    Eventuell habe ich mich da mit den Begriffen vertan.

  • Firefox: Mozilla stellt Unterstützung für veraltete Betriebssysteme endgültig ein

    • Mira_Belle
    • 12. März 2026 um 19:33

    .DeJaVu Eventuell habe ich mich da mit den Begriffen vertan.
    Aber lassen wir das jetzt. Ich rege mich nur auf, mache blöde Bemerkungen und so bringt das alles nichts.

    StandingBill Hat es schön beschrieben.

    Sören Hentzschel Ja, schon gut, dennoch sind 16 Millionen potenzielle "Altsysteme"-Nutzen nichts gegen all die
    vernachlässigten Router, die nie ein Update erhalten haben.
    Und es gibt da noch viel mehr Geräte, die direkt im Internet hängen, als die 16 Millionen Rechner, die zum größten Teil
    hinter einem Router mit FW, beheimatet sind.

    Aber ich wiederhole mich!
    Es wäre besser, all jene Rechner würden ein Update auf ein aktuelles System erhalten.

  • Firefox: Mozilla stellt Unterstützung für veraltete Betriebssysteme endgültig ein

    • Mira_Belle
    • 12. März 2026 um 18:20
    Zitat von schlingo

    Eben nicht nur der Nutzer, wenn z.B. Spam-, Phishing- oder Kinderpornomails verschickt werden.

    Weil dazu auch solche Rechner, also die "paar" genutzt werden.
    Ne, sorry, dafür werden große Bootnetzwerke genutzt.

    Aber gut jetzt, Ihr habt recht, die Welt wird untergehen, wegen einer "Handvoll" Windows 7, 8 und 8.1 Systemen,
    die ein Fliegenschiss sind, gegen die schier wahnsinnigen Anzahl von ungepatchter IoT-Geräten,
    Router, die niemals ein Update erfahren haben und anderer Geräte.

    Ich hoffe ja nur, dass Ihr keine alten Smartphones nutzt und Eure Router alle noch Updates bekommen.
    Ach und vergesst nicht Eure "alten" smart TV's vom Netz zu nehmen
    und die unzähligen anderen Geräte, die heut zu Tage so genutzt und dennoch vergessen werden.

  • Firefox: Mozilla stellt Unterstützung für veraltete Betriebssysteme endgültig ein

    • Mira_Belle
    • 12. März 2026 um 15:57

    Sören Hentzschel Nur eine Frage.
    Wie kommt ein potenzieller Angreifer dazu eine Sicherheitslücke in einem BS anzugreifen?

    Durch Schadcode, oder etwa nicht?

    Und an dieser Stelle hilft dann schon einmal ein aktueller Browser.

    Aber sicher gibt es auch Ports vom BS, die am Netz lauschen und bei Anfragen eben auch antworten.
    DAS wäre dann so ein Einfallstor, keine Frage.
    Und unter anderem werden genau aus solchen Gründen Sicherheitslücken im System gepatcht.

    Aber mir ging es in erster Linie darum, das immer wieder Behauptet wird, ein Rechner sein per se unsicher
    weil dessen BS keine Updates mehr erhält und vor allem, dass er eine Gefahr für alle anderen im Netz darstellt.
    Das ist völlig übertrieben.
    Als "Beifang" können solche Rechner schon mal mit Viren verseucht sein, aber dann hat der Nutzer ein Problem.

  • Firefox: Mozilla stellt Unterstützung für veraltete Betriebssysteme endgültig ein

    • Mira_Belle
    • 12. März 2026 um 14:54
    Zitat von Foxxiator

    Das wissen die denke ich alle, aber das Gerät funktioniert ja auch so ohne Probleme......

    Tja, da bin ich aber anderer Meinung.
    Gerade jene wissen es nicht und der Rechner tut, was er soll.
    Der oder die Nutzer können surfen, E-Mails verschicken und empfangen.
    Mehr werde diese Nutzer gar nicht groß machen.
    Ich denke also, es werden Nutzer sein, die nichts groß mit IT zu tun haben und nur alle paar Tage ihren Rechner anwerfen.

    Wer sich ein wenig auskennt, so glaube ich, wird sich hüten mit Windows 7 oder 8 (8.1) noch groß ins Internet zu gehen,
    auch wenn der Browser sicher sein sollte!
    Und was einige hier immer wieder unterschlagen, ein Angreifer muss ja erst einmal auf das BS zugreifen können!
    Da gibt es schon noch so ein, zwei Hürden.
    Es wird immer so getan, als wenn Windows 7 ans Netz geht, es sofort kompromittiert wird.
    Dem ist mitnichten so.
    Das war unter Windows XP vor dem SP1 mal so, aber unter neueren Versionen eben nicht mehr.

    Und nein, ich bin keine Verfechterin, dass man mit "alten" Systemen noch ins Netz geht,
    aber mich stören diese immer wieder runter geleierten Ammenmärchen.

    Keine Frage, ein altes nicht mehr unterstütztes BS ist fahrlässig.
    Mann gefährdet seine Daten und ist im schlimmsten Fall alles, auch wichtiges, einfach los.

    Und wenn jetzt einer kommt und schreibt, "aber Bootnetz", sorry, das ist lächerlich!
    Dazu werden IoT-Geräte genutzt!! Die werde viel seltener bis gar nicht gewartet!
    Da lauern die Gefahren für "Euch"!
    Aber das wird ja immer schön ausgeblendet, weil über "veraltete" Systeme man so schon herziehen kann.

  • FocusSearchBox.uc.js funktioniert nicht mehr

    • Mira_Belle
    • 12. März 2026 um 14:33
    Zitat von klickman

    Wär fein, wenn es dir gelingt! 👍

    War heute Morgen mehrere Stunden drann, aber Mozilla hat Änderungen vollzogen, denen ich nicht auf die Schliche komme.

  • Firefox: Mozilla stellt Unterstützung für veraltete Betriebssysteme endgültig ein

    • Mira_Belle
    • 12. März 2026 um 10:27
    Zitat von Sören Hentzschel

    Das reduziert die Anzahl der Artikel aber drastisch.

    Dann gäbe es aber nichts mehr über, dass sich echauffiert werden kann. ;)

    Ich finde es im übrigen gut, dass Mozilla den Support verlängert hat.
    Denn es macht den Firefox unter den alten BSen etwas sicherer.
    Und ganz ehrlich, jene die diese alten Systeme nutzen, werden es auch weiterhin tun,
    ob der Firefox nun Updates erhält oder nicht.
    Somit ist es doch besser, wenn wenigstens der FF gepatcht wird.

  • FocusSearchBox.uc.js funktioniert nicht mehr

    • Mira_Belle
    • 11. März 2026 um 20:02

    Sorry, noch mal für meinen patzigen Kommentar.

    Zitat von klickman

    Wer suchet, der findet

    Ich habe mir einen Wolf abgesucht, also Github links gemacht, und nichts dergleichen gefunden.
    Aber es ist doch schön zusehen, dass es bessere Pfadfinder als mich gibt, wir wären verloren!

    Nachtrag!
    Das Script ist also von hier und wurde irgendwann einmal von aborix erstellt.
    Erschwerend kommt hinzu, es ist verdammt alt.
    Ich werde die Tage mein Glück versuchen.

  • FocusSearchBox.uc.js funktioniert nicht mehr

    • Mira_Belle
    • 11. März 2026 um 19:23
    Zitat von 2002Andreas

    Letztlich ist es doch egal woher es stammt, beide funktionieren jetzt nicht mehr :/

    Dass beide nicht mehr funktionieren, habe ich auch gelesen,
    nur wenn man wüsste, woher die Scripte stammen, also wer der Ersteller ist,
    könnte man ja auf die blöde Idee kommen und mal nachschauen, ob der Ersteller das Script nicht schon gefixt hat.
    Aber gut, war halt nur so eine blöde Idee von mir. (Sorry, mir geht es nicht so)

  • FocusSearchBox.uc.js funktioniert nicht mehr

    • Mira_Belle
    • 11. März 2026 um 19:00

    Woher stammt das Script?

  • Online-Formulare auf meine.aok.de

    • Mira_Belle
    • 11. März 2026 um 15:17

    Die Frage die sich mir jetzt stellt, welche AOK?

    Bei "meiner" AOK kann ich den Antrag "Antrag auf Leistungen der Pflegeversicherung" problemlos downloaden.
    Aber eventuell meinst Du ja was anderes und möchtest alles online machen.

    In dem Fall müsste mal jemand das Überprüfen, der die Äpp nutzt,
    bzw. ein Online-Konto bei denen hat.

    Ich bin da etwas altmodischer, habe die Filiale direkt vor meiner Nase und drücke denen lieber einen Zettel in die Hand.

  • Ich komme bei Firefox nicht mehr an meine Passwörter

    • Mira_Belle
    • 8. März 2026 um 16:48
    Zitat von schlingo

    Du hast nicht verstanden, worum es geht.

    Offensichtlich!
    War mir nicht bekannt, dass das Passwort vom Windowslogin abgefragt wird.

    Da mein Rechner zu Hause steht und da auch niemand ran geht, habe ich weder MS-Nutzerkonto
    noch ein Hauptpassort eingerichtet.

    Aber vielen Dank für den Link.
    Wieder was gelernt.

Unterstütze uns!

Jährlich (2026)

34 %

34% (263,24 von 775 EUR)

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