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

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 21. November 2022 um 22:06
    Zitat von 2002Andreas

    Das war nicht in den Entwickler-Werkzeugen aufgenommen ;)

    Oh, ....

    Dann deaktiviere ich mal alle anderen CSS-Dateien und schaue, ob es das was gibt, was dieses seltsame verursacht.

    Danke.

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 21. November 2022 um 21:59
    Zitat von 2002Andreas

    :/

    Das ist ja das Verrückte,

    in der "Stilbearbeitung" reagiert es genauso wie gewünscht und wie von Dir gezeigt.

    Jedoch über die userContent.css geladen, ist die Schrift plötzlich Orange.

  • Skript für Add-ons Update

    • Mira_Belle
    • 21. November 2022 um 16:14
    Zitat von FuchsFan

    Im Script Zeile 31 und 32 tauschen.

    Eventuell noch zusätzlich 27 und 28, dann sollte es funktionieren.

    Danke für den Tipp

    und mit dem Einfügen einer Zeitschleife (setTimeout) funktioniert es auch.

    Hier der geänderte Code:

    JavaScript
    /* Addons-UpDate-Check-Button */
    
    (function() {
      if (!window.gBrowser) return;
    
    
      CustomizableUI.createWidget({
        id: 'addons-update-button',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        label: 'Add-ons Update',
        tooltiptext: 'Add-ons aktualisieren',
        onCommand: onCommand,
        onCreated: function(button) {
          button.style.listStyleImage = 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB9klEQVR42o2TP2gTURzHvwcRXqDDCzi8gww+cfACBRsoJAWXji0KzZFBxUELDoouOmnG6JQiWOogVAcpHUpvKDRLQbekoKRDJXHyLYHLIOQNhXtgBt+7u+SSpkq+w93xu9/vw++vhVj0MiUOyzicEo5LuFh/ACGV6PT6HflbKmOyzINnGdt5kPOKnBYxg5pCNu99apdEt9cLAYdPi4cr8+kVDGYJ10oB3mlQdzebqxZnlLZf5vsEwYzRkRTSyL1pZSznCuPtZ/zXlMcNV9e2FH2LBvCjDrAFoNsYueTeiashoPV4EkDWNrSzA/ltP2rwohumjZ9foI5qI7/8+yHgkT0CkGvLwK0q5KYLovzIWK6BXNf2754GVBPABz8GPEwAithQKQJ6JmJiBmqOQekGEyUTqAF8HALuJwDML4OY2gcK6us2EPQj+811Xf+J7kcrAXwOAZS37oyVcLsCFO5CHXvAQSWyLZaist6ugvRFAtg1gOw0QJrGFXTQmYyMcxRytwJyWp8YVAIoj/eAhoHh24nH2GmADHT95yad39MApm+gUbZ9OwVq1mNyWeKsppaEwB9ALu35drjKzwvs1YuFdHXa8V9bCNROgsrGce91CDCX6GbJkxJPr9sE9v+CfQXfE8H2fldtmYu0xn8a0IUZn0tgeMpGfwErbLqeHktDngAAAABJRU5ErkJggg==)';}
      });
     
      function onCommand(event) {
          
        event.target.ownerGlobal.openTrustedLinkIn('about:addons', 'tab');
          
        addEventListener('pageshow', function onPageshow(event) {
          let document = event.target;
          if (document.URL != 'about:addons') return;
    
          removeEventListener('pageshow', onPageshow);
          
          document.querySelector('addon-page-options panel-item[action="view-recent-updates"]').click();
          document.querySelector('addon-page-options panel-item[action="check-for-updates"]').click();
           
          content.setTimeout(function() { 
            let categories = document.getElementById('categories');
            categories.querySelector('button[viewid="addons://updates/recent"]').click();
            categories.querySelector('button[viewid="addons://updates/available"]').click();
          }, 1000); 
        });
      };
    })();
    Alles anzeigen
  • Skript für Add-ons Update

    • Mira_Belle
    • 21. November 2022 um 14:48

    Ich hätte da 'ne Kleinigkeit!

    Wenn ich das Script auslöse, wird bei mir Zuletzt durchgeführte Updates angezeigt.

    Erst wenn ich den darüberliegenden Button Verfügbare Updates anklicke, bekomme ich die Updates angezeigt.

    Ist das so gewollt?

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 21. November 2022 um 14:41

    Punkt 2 auch gelöst!

    CSS
        #updates-message {
            outline-width: 1px !important;
            outline-style: solid !important;
            outline-color: #E0E0E0 !important;
            border-radius: 8px;
            height: 30px !important;
            background: #2B2B2B !important;   
            --in-content-button-text-color: #E0E0E0 !important;    
            --in-content-button-background: transparent !important;
            --in-content-button-background-hover: transparent !important;
            --in-content-button-text-color-hover: #E0E0E0 !important;
            --in-content-button-background-active: transparent !important; 
        }
        
        #updates-message:hover {
            outline-width: 2px !important;
            outline-color: #FFA500 !important;
            background-color: #5c5c5c !important;
        }
    Alles anzeigen

    Nun wird das Feld "Verfügbaren Updates anzeigen" so angezeigt wie von mir gewünscht.

    Fast :!:

    Denn was ich nicht verstehe, ist die Tatsache, dass wenn ich den Code, also das ganze CSS,

    genau so in der Stilbearbeitung eingebe, wird das Feld "Verfügbaren Updates anzeigen"

    tatsächlich so angezeigt wird wie ich das möchte!!

    Wird das CSS aber über die userContent.css geladen,

    dann ist die Schrift beim Hovern aber farbig! (Orange, #FFA500)

    Man beachte aberZeile 11 --in-content-button-text-color-hover: #E0E0E0 !important;

    ein ganz, ganz helles Grau ist da definiert.

    Hat da wer einen Tip für mich, woran das liegen könnte?

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 20. November 2022 um 22:57

    Mit diesem Code bin ich recht nahe an meinem Ziel.

    CSS
        #updates-message {
            border-width: 2px !important;
            border-style: solid !important;
            border-color: transparent !important;
    }
        #updates-message:hover {
            border-radius: 8px !important;
            border-width: 2px !important;
            border-style: solid !important;
            border-color: #FFA500 !important;
    }
    Alles anzeigen

    Hier mal der komplette Code für about:addons

    CSS
    @-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
    url-prefix(about:addons) {
        /*---------------------------------*/
        /*********** Hintergrund ***********/
        /*---------------------------------*/
        html {
            background-color: #2B2B2B !important;               /* https://www.farb-tabelle.de/de/farbtabelle.htm gray17    #2B2B2B     43,43,43 */                                
        }
        #main {
            margin-top: 5px;
        }
        /*---------------------------------*/
        /*********** Auswahlfeld ***********/
        /*---------------------------------*/
        #sidebar {
            background: #2B2B2B !important;
        }
        /* Text & Icons */
        #categories > .category {
            color: #E0E0E0 !important;                          /* https://www.farb-tabelle.de/de/farbtabelle.htm gray88    #E0E0E0 */
        }
        /* Augewähles Element in Auswahlfeld (Text) */
        .category[selected] > .category-name,
        .category.selected > .category-name {
            color: #FFA500 !important;                          /* https://www.farb-tabelle.de/de/farbtabelle.htm orange    #FFA500     255,165,0 */    
        }
        /* Augewähles Element in Auswahlfeld (Icon) */
        .category[selected] {
            fill: #FFA500 !important;
        }
        #categories > .category[selected] {
            border-radius: 8px !important;
            border-width: 1px !important;
            border-style: solid !important;
            border-color: #FFA500 !important;
        }
       
        /* Augewähles Element in Auswahlfeld (gedrückt) */
        #categories > .category {
            color: #E0E0E0 !important;
            background-color: #2b2b2b !important;               /* https://www.farb-tabelle.de/de/farbtabelle.htm gray25    #404040     64,64,64 */
            border-radius: 8px !important;
            border-width: 1px !important;
            border-style: solid !important;
            border-color: #E0E0E0 !important;
        }  
        #categories > .category:hover {
            background-color: #404040 !important;               /* https://www.farb-tabelle.de/de/farbtabelle.htm gray25    #404040     64,64,64 */
            border-radius: 8px !important;
            border-width: 1px !important;
            border-style: solid !important;
            border-color: #FFA500 !important;                   /* https://www.farb-tabelle.de/de/farbtabelle.htm orange    #FFA500     255,165,0 */
        }
        button.category {
        margin-top: 3px !important;
        }
        /* Links unten links */
       
        .sidebar-footer-label {
            color: #E0E0E0 !important;
        }
       
        .sidebar-footer-icon {
            fill: #E0E0E0 !important;
        }
        .sidebar-footer-link {
            border-radius: 8px !important;
            border-width: 1px !important;
            border-style: solid !important;
            border-color: #E0E0E0 !important;
        }
        .sidebar-footer-link:hover {
            background-color: #404040 !important;
        }
        .sidebar-footer-link:hover {
            border-radius: 8px !important;
            border-width: 1px !important;
            border-style: solid !important;
            border-color: #FFA500 !important;
        }
        .sidebar-footer-list > li {
            margin-top: 3px !important;
        }
        /* Hintergründe  */
       
        .main-search,
        .sticky-container,
        .main-heading,
        #content {
            background: #2B2B2B !important;
            }
        /* Suchfeld */
        search-addons > search-textbox {
            background: #2B2B2B !important;     /* Hintergrund Eingabefeld */
        }
        search-textbox {
            border: 1px solid #E0E0E0 !important;     /* Rahmen des Eingabefelds  */
            border-radius: 4px;
        }
       
        search-textbox[focused] {
            border-color: transparent !important;     /* Rahmen des Eingabefelds (Aktiv)  */
            outline: 2px solid #FFA500 !important;
        }
         /* Position des Button mit Zahnrad */
        .main-heading {
            max-width: 1045px !important;
        }
        /**** Button oben mit dem Zahnrad ****/
        .page-options-menu > .more-options-button {
            fill: #E0E0E0 !important;                   /* Farbe d. Zahnrades */    
            outline-width: 1px !important;              /* Dicke d. Umrandung */
            outline-style: solid !important;            /* Art d. Umrandung */
            outline-color:  #E0E0E0 !important;         /* Farbe d. Umrandung */
            border-radius: 8px !important;      
            width: 70px !important;                     /* Länge des Button */
    /*      height: 30px ! important;                   /* Höhe des Button */
        }
           
        .back-button {
            width: 70px !important;
        }
       
       
        /**** Button oben mit dem Zahnrad (hover) ****/
        .page-options-menu > .more-options-button:hover {
            fill: #FFA500 !important;                   /* Farbe des Zahnrades */    
            outline-width: 2px !important;
            outline-style: solid !important;
            outline-color:  #FFA500  !important;
            background-color: #404040 !important;      
        }
        /**** Updates ****/
        #updates-message {
            outline-width: 1px !important;
            outline-style: solid !important;
            outline-color: #E0E0E0 !important;
            border-radius: 8px;
            height: 30px !important;
            background: #2B2B2B !important;
        }
         /* Überschriften */    
        .header-name {
            color: #E0E0E0 !important;
        }
        /*** Umrandung der Container bei Hover breiter Rand und andere Farbe ****/
        :root {
            --card-outline-color: none !important;
            --card-padding: 18px !important;            /* Abstände innerhalb der Container */
        }
       
        /* Vorschauen in den Containern */
        .card-heading-image {
            border-radius: 8px !important;
        }
    /*
        addon-card:not([expanded="true"]) .addon.card {
            outline: 3px solid orange;
            outline-offset: 2px;  
        }  */
        /*** Button "Mehr Add-ons ansehen" ***/
        button.primary {
            background-color: #2B2B2B!important;
            color: #E0E0E0 !important;
            border-radius: 8px !important;
            border-width: 1px !important;
            border-style: solid !important;  
            border-color: #E0E0E0 !important;
        }
        button.primary:enabled:hover {
            background-color: #2B2B2B !important;  
            color: #FFA500 !important;
            border-radius: 8px !important;
            border-width: 1px !important;
            border-style: solid !important;  
            border-color:#FFA500 !important;
        }
        /*************************/
        /**** Empfehlungen ****/
        /*************************/
        /* Textfarbe (Empfehlungen) */
       
        body {
            color: #E0E0E0 !important;
        }
        /* Linkfarbe (Empfehlungen) */
        a {
            color: #FFA500 !important;
        }
       
        a:hover {
            color: #FFA500 !important;
            text-decoration: none !important;
        }
        /* Breite der Container */
        #main {
            max-width: 1050px !important;
        }
       
        /*  Container */
        .card {
            border: none !important;
            background: #2B2B2B !important;
    /*      border-width: 3px !important; */
    /*      border-style: solid !important; */  
    /*      border-color: #E0E0E0 !important; */  
            border-radius: 8px !important;
    /*      outline: 3px solid #E0E0E0; */
            outline-width: 1px !important;
            outline-style: solid !important;
            outline-color:  #E0E0E0 !important;
    /*      outline-offset: 2px;  */
            width: 1008px;                              /*  Ausdehnung der Container zum rechten Rand */
        }
        .card:hover {
    /*      background: #2B2B2B !important; */
            background-color: #404040 !important;      
    /*      border-width: 3px !important; */
    /*      border-style: solid !important; */  
    /*      border-color: #FFA500 !important; */  
            border-radius: 8px !important;
            outline-width: 3px !important;
            outline-style: solid !important;
            outline-color:  #FFA500 !important;
    /*      outline-offset: 2px;  */  
        }
        /* Höhe der Container   */
        .addon-description {
            line-height: 25px !important;      
        }
       
        /* Image in den Container in der Höhe verschoben    */
        addon-card[expanded] .addon.card {
            margin-top: 10px !important;
        }
        /* Image in den Container in der Größe angepasst    */
        .card-heading-image {
            width: 1040px !important;
            height: 100px !important;
        }
        /*************************/
        /**** Erweiterungen ****/
        /*************************/
        /* Schieberegler    */
       
        input[type="checkbox"].toggle-button {
            background: #8b8b8b !important;
            border-color: #E0E0E0! important;
        }
       
        input[type="checkbox"].toggle-button:checked {
            background: #FFA500 !important;
            border-color: #FFA500 !important;    
        }
        input[type="checkbox"].toggle-button:hover {
            background: #FFA500 !important;
            border-color: #FFA500 !important;
        }
        /* Sternchen  */
        .disco-description-statistics {
            color: #FFA500 !important;
        }
        /* Sternchen & mehr */
        .addon-detail-rating {
            color: #FFA500 !important;
        }
        /* Überschriften in den Containern */
        recommended-addon-card {
            color: #E0E0E0 !important;
        }
       
        recommended-addon-card:hover {
            color: #E0E0E0 !important;
        }
        /* Buttons im Allgemeinen   */
        button {
            color: #E0E0E0 !important;
        }
       
        button:enabled:hover {
            color: #FFA500 !important;
        }
       
        button:focus-visible {
            outline-color: transparent !important;
    }
        /* Tastenkombinationen von Erweiterungen verwalten  */
        [class="shortcut-input"] {
            appearance: none;
            border: 1px solid #E0E0E0 !important;
            border-radius: 8px !important;
            color: #E0E0E0 !important;
            background-color: #2B2B2B!important;
        }
        [class="shortcut-input"]:hover {
            border: 1px solid #FFA500 !important;
            background-color: #404040!important;
        }
        [class="shortcut-input"]:focus {
            border: 1px solid #FFA500 !important;
            background-color: #404040 !important;  
            outline: none !important;
        }
        /**************************************/
        /****       Container Expand        ***/
        /**************************************/
        /* "Knöpfe" */
        input[type="radio"]:enabled:checked {
            background-color: #FFA500  !important;
            border-width: 1px !important;
            border-style: solid !important;
            border-color: #FFA500 !important;
        }
        input[type="radio"]:enabled:checked:hover {
            background-color: #FFA500  !important;
        }
       
        input[type="radio"]:enabled:hover {
            background-color: #FFA500 !important;
        }
        input[type="radio"] {
            border-width: 1px !important;
            border-style: solid !important;
            border-color: #E0E0E0 !important;
    }
        .more-options-button,                                                   /* Button mit den drei Punkten */
        .back-button,                                                           /* Button Zurück */
        .disco-cta-button,                                                      /* Buttons in den Containern unter Empfelungen */
        .theme-enable-button {                                                  /* Buttons in den Containern unter Themes   */
            background-color: #2B2B2B !important;
            outline-width: 1px !important;
            outline-color: #E0E0E0 !important;
            outline-style: solid !important;
            border-radius: 8px !important;
        }
     
        .more-options-button:hover,                                             /* Button mit den drei Punkten */
        .back-button:hover,                                                     /* Button Zurück */
        .disco-cta-button:hover,                                                /* Buttons in den Containern unter Empfelungen */
        .theme-enable-button:hover {                                            /* Buttons in den Containern unter Themes   */
            outline-width: 2px !important;
            outline-color: #FFA500 !important;
            background-color: #404040 !important;      
        }
        .back-button:hover {
        background-color: #404040 !important;
        }
        /*  Icons ausblenden */
    /*  panel-item {
            --icon: unset !important;
        }
    */
        /* Menü unter den drei Punkten  */
    /*
        addon-list addon-options > panel-list[role="menu"],
        addon-list plugin-options > panel-list[role="menu"] {
            border-radius: 8px !important;
            border-width: 2px !important;
            border-style: solid !important;
            border-color: orange !important;
            background-color: #2B2B2B !important;
            padding: 0 0 2px 0 !important;
            margin-top: -1px !important;        
        }
        addon-list addon-options > panel-list > panel-item-separator,
        addon-list plugin-options > panel-list > panel-item-separator {
            background: #E0E0E0 !important;
            margin: 2px 0 0 0 !important;
        }
        panel-list {
            border-radius: 8px !important;
            border-width: 2px !important;
            border-style: solid !important;
            border-color: orange !important;
            background-color: #2B2B2B !important;
        }
    */
        /* Dreipunkte Button für Erweiterungen und Themes. */
        addon-list addon-options > panel-list > panel-item {
            --in-content-button-background: none !important;
            --in-content-button-background-hover: none !important;
            --in-content-button-background-active: none !important;
            border-radius: 4px !important;
            border: 1px solid #E0E0E0 !important;
            margin: 2px 2px 0 2px !important;
        }
        addon-list addon-options > panel-list[role="menu"],
        addon-list plugin-options > panel-list[role="menu"] {
            border-radius: 8px !important;
            border-width: 2px !important;
            border-style: solid !important;
            border-color: orange !important;
            background-color: #2B2B2B !important;
        }
        addon-list addon-options > panel-list > panel-item:hover,
        addon-list addon-options > panel-list > panel-item[action="preferences"]:hover,
        addon-list addon-options > panel-list > panel-item[action="remove"]:hover,
        addon-list addon-list addon-options > panel-list > panel-item[action="expand"]:hover,
        addon-list addon-list plugin-options > panel-list > panel-item:hover,
        addon-list plugin-options > panel-list > panel-item:hover,
        addon-list plugin-options > panel-list > panel-item[action="manage-addon-button"]:hover {
            background-color: #404040 !important;
        }
        /* Dreipunkte Button in der Detailansicht. */
        div#main[current-view="detail"] addon-card panel-list panel-item-separator {
            background: #E0E0E0 !important;
            margin: 2px 0 0 0 !important;
        }
        div#main[current-view="detail"] addon-card panel-list > panel-item {
            --in-content-button-background: none !important;
            --in-content-button-background-hover: none !important;
            --in-content-button-background-active: none !important;
            border-radius: 4px !important;
            border: 1px solid #E0E0E0 !important;
            background-color: #2B2B2B !important;
            margin: 2px 2px 0 2px !important;
        }
        div#main[current-view="detail"] addon-card panel-list > panel-item:hover {
            background-color: #404040 !important;
        }
        /**************************************/
        /****  Menü unter "Zahnrad" Expand  ***/
        /**************************************/
        #page-options panel-item {
            --in-content-button-background-hover: transparent !important;
            --in-content-button-text-color-hover: #FFA500 !important;
            --in-content-button-background-active: transparent !important;
        }
        addon-page-options panel-list {
            border-radius: 8px !important;
            border-width: 2px !important;
            border-style: solid !important;
            border-color: #FFA500 !important;
            width: 340px !important;
            padding: 5px !important;
            background-color: #2B2B2B !important;
        }
        /* Hoverfarbe #404040 */
        addon-page-options panel-list panel-item:hover {
            border-radius: 8px !important;
            background-color: #5c5c5c !important;
        }
        /* Activfarbe #404040 */
        addon-page-options panel-list panel-item:active {
            background-color: #5c5c5c !important;
        }
        .category[badge-count]::after {
            background-color: #FFA500 !important;
            color: #2B2B2B !important;
            border-radius: 100px !important;
        }
        .more-options-button-badged::after {
            background-color: #FFA500 !important;
        }
        #updates-message {
            --in-content-button-background: transparent !important;
            --in-content-button-background-hover: transparent !important;
            --in-content-button-text-color-hover: #FFA500 !important;
            --in-content-button-background-active: transparent !important;
          }
    }
    Alles anzeigen
  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 20. November 2022 um 22:36
    Zitat von 2002Andreas
    Zitat von Mira_Belle

    Wie bekomme

    Ich bin mir nicht sicher was genau du meinst.

    Geht es um diesen Button?

    Ja!

    Zitat von 2002Andreas
    CSS
    #updates-message {
      --in-content-button-background: red !important;
      --in-content-button-background-hover: green !important;
      --in-content-button-text-color-hover: #FFA500 !important;
    }

    Auf den Punkt! Vielen Dank.

    Ich habe daraus, ...

    CSS
        #updates-message {
            --in-content-button-background: transparent !important;
            --in-content-button-background-hover: transparent !important;
            --in-content-button-text-color-hover: #FFA500 !important;
            --in-content-button-background-active: transparent !important; 
          }

    ..., gemacht. Somit ist Aufgabe 1 gelöst.

    Nun zu 2.

    Den "Rahmen" bei hovern einfärben

    und Hintergründe devinieren, ähnlich wie oben beschrieben!

    Z.Z. schaut der "Eintrag" (Button) gehovert so aus:

    Wenn Du/sich jemand fragt, was ich genau meine, stelle ich nochmal Bildchen ohne Code ein.

    1. normal

    2. hover

    3. active

    Deshalb dieser Aufwand!

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 20. November 2022 um 21:43

    Käse, jetzt habe ich mit Verfügbaren Updates anzeigen das gleiche Problem!

    Es wird durch root,

    genauer durch die Einträge

    CSS
    --in-content-button-background: rgba(207,207,216,.33);
    --in-content-button-background-hover: rgba(207,207,216,.66);
    --in-content-button-background-active: rgb(207,207,216);

    verschiedene Hintergründe festgelegt.

    Wenn ich jedoch

    CSS
    :root {
      --in-content-button-background: red !important;
      --in-content-button-background-hover: green !important;
      --in-content-button-background-active: blue !important;
      }

    nutze, ändert sich nichts.

    Wenn ich statt

    :root, [data-l10n-id="addon-updates-manual-updates-found"] eintrage, ändert sich auch nichts :!:

    1. Wie bekomme ich den nicht passenden Hintergrund transparent?

    2. Wie kann ich "neuen", abgerundeten und mit eigenen Farben versehenen Hintergrund definieren?

    Ähnlich meinem Problem hier #1.174

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 20. November 2022 um 17:15

    Welch schwierige Geburt!

    Nun klappt es aber, so wie von mir gewünscht.

    Danke für die Zaunlatte, Dharkness.

    Danke für den Code, grisu2099.

    Danke 2002Andreas für Deinen Code.

    Alles zusammen ergibt folgenden funktionierenden Code:

    CSS
        /**************************************/
        /****  Menü unter "Zahnrad" Expand  ***/
        /**************************************/
        #page-options panel-item {
            --in-content-button-background-hover: transparent !important;
            --in-content-button-text-color-hover: #FFA500 !important;
            --in-content-button-background-active: transparent !important;
        }
        addon-page-options panel-list {
            border-radius: 8px !important;
            border-width: 2px !important;
            border-style: solid !important;
            border-color: #FFA500 !important;
            width: 340px !important;
            padding: 5px !important;
            background-color: #2B2B2B !important;
        }
        /* Hoverfarbe #404040 */
        addon-page-options panel-list panel-item:hover {
            border-radius: 8px !important;
            background-color: #5c5c5c !important;
        }
        /* Activfarbe #404040 */
        addon-page-options panel-list panel-item:active {
            background-color: #404040 !important;
        }
    Alles anzeigen
  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 20. November 2022 um 15:39
    Zitat von Dharkness
    Zitat von Mira_Belle

    Da kann man genau sehen, dass in der ganze Zeile der Hintergrund eingefärbt wird.

    Natürlich, denn die ganze Zeile ist das panel-item, in dem Fall müsstest Du mit margin-left und margin-right arbeiten, aber eben nicht nur bei dem Eintrag fürs hovern.

    D.h. ich müsste erst das "Menü" verbreitern,

    um dann links wie rechts das panel-item jeweils um ca. 5px einzuschränken.

    UND um einen Radius hinzuzuzaubern? :/

    Oh weh.

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 20. November 2022 um 15:27
    Zitat von Dharkness
    Zitat von Mira_Belle

    Beim Hovern wird die ganze Zeile "markiert",

    ist es möglich links, wie rechts einen Abstand zum Rand hinzuzaubern

    und die Ecken dann noch abzurunden?

    Wie wäre es mal mit nem Screenshot?

    z.B.

    Zitat von 2002Andreas
    ...

    2002Andreas hat doch Gif's eingestellt!

    Da kann man genau sehen, dass in der ganze Zeile der Hintergrund eingefärbt wird.

    Aber hier mal zwei Beispiele, wie ich mir das vorstelle.

    Zitat von Firefox_94.0.1

    ...

    Kannst du mir bitte noch sagen, wie ich bei dem drop-down Menü bei :hover den border-radius ändern kann?

    CSS
    #page-options panel-list {
    font: menu;
    background-color: #00016e !important;
    border-radius: 5px !important;
    border-color: #00016e !important;
    color: #ffd700 !important;
    }
    
    
    #page-options panel-item {
    --in-content-button-background-hover: #ffd700 !important;
    --in-content-button-text-color-hover: #9c1818 !important;
    --in-content-button-border-radius: 30px !important;
    }
    Alles anzeigen

    Denn das funktioniert ja nicht!

    Und links, wie rechts ist es dann halt auch nicht möglich den Hintergrund "einzuschränken".

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 19. November 2022 um 21:52
    Zitat von 2002Andreas

    Pauschal:

    CSS
    #page-options panel-item {
      color: yellow !important;
    }
    
    #page-options panel-item {
      --in-content-button-background-hover: lightblue !important;
      --in-content-button-text-color-hover: green !important;
    }

    Super, klasse. :thumbup:

    Danke, funktioniert wie von mir gewüscht.

    Nur eine Sache noch, wenn möglich.

    Beim Hovern wird die ganze Zeile "markiert",

    ist es möglich links, wie rechts einen Abstand zum Rand hinzuzaubern

    und die Ecken dann noch abzurunden?

    Im Grunde weiß ich ja wie es geht, aber hier hänge ich irgendwie fest,

    denn

    CSS
        --in-content-button-border-color: 3px solid red !important;
        --in-content-button-border-radius: 4px !important;

    greift nicht.

    Und mit den Abständen weiß ich auch gerade nicht weiter.

    Und auch wenn ich folgendes versuche, ...

    CSS
        #page-options panel-item:hover {
            border-radius: 8px !important;
            background: #5C5C5C !important;
            margin-left: 5px !important;
            width: 305px !important;
    }

    ... ist es nicht von Erfolg gekrönt.

    Ich bin z.Z. mit meinem Latein am Ende.

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 19. November 2022 um 19:38
    Zitat von 2002Andreas

    Meinst du diese Einträge?

    Yes.

    Wichtig wäre für mich das Hovern!

    Wobei die Textfarbe auch ganz interessant wäre.

    Ach, und "gedrückt"!

  • Skript für Add-ons Update

    • Mira_Belle
    • 19. November 2022 um 19:34
    Zitat von BrokenHeart

    Noch ein Skript: :)

    ...

    Vielen lieben Dank :!:

    Da hast Du aber ganz schön hartnäckig gekämpft!

    Hut ab.

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 19. November 2022 um 15:36
    Zitat von 2002Andreas

    Zitat von Firefox_94.0.1

    damit man diese mit dem Inspektor entsprechend anschauen und anpassen kann?

    Popup öffnen...Rechtsklick rein..Untersuchen..

    ergibt:

    CSS
    [data-l10n-id="addon-updates-check-for-updates"]:focus {
            background: #404040 !important;
    }

    Funktioniert mit und ohne focus

    Wo liegt der Unterschied?

    CSS
    [data-l10n-id="addon-updates-check-for-updates"]:hover {
            background: red !important;
    }

    Funktioniert leider gar nicht,

    und wie wäre der Code für "gedrückt"?

  • Dialog Hilfe/Über Firefox

    • Mira_Belle
    • 19. November 2022 um 13:56

    Danke 2002Andreas.

    Jetzt geht es wieder, auf einen ähnlichen Gedanken kam ich ja auch,

    nur mangels erfahrung htte ich es falsch umgesetzt!

    #noUpdatesFound > data-l10n-id {

  • Dialog Hilfe/Über Firefox

    • Mira_Belle
    • 19. November 2022 um 13:07

    Bitte um ein Update!

    Habe die Tage festgestellt, dass mein CSS nicht mehr richtig funktioniert!

    Dachte nicht tragisch, hast ja gelernt und öffnete die Browser-Werkzeuge,

    aktivierte chrome://browser/content/aboutDialog.xhtml.

    Kann ja nur ein kleines Problem sein, dachte ich!

    Doch ich staunte nicht schlecht, als ich sah, dass es keine "lables" mehr gibt!

    D.H. der Text wird nicht mehr geändert

    und auch die eigenen Icons nicht mehr angezeigt!

    CSS
    @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
    {
    
        /*---------------------------------------------------*/
        /****       Anpassungen an dem About:Dialog       ****/
        /*---------------------------------------------------*/
    
        #aboutDialog {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
            line-height: 1.5 !important;
    }
    
        #aboutDialog vbox,
        #aboutDialogContainer hbox,
        #clientBox vbox,
        #contributeDesc > label:nth-child(1),
        #contributeDesc > label:nth-child(2),
        #releasenotes,
        #trademark,
        #updateButton,
        label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] 
        {
                font-size: 15px !important;
        }
    
        /*    Das ist Links das FF-Logo */
        
        #leftBox {
            appearance: none !important;
            border-radius: 10px !important;
            background-image: url("file:///C:/Users/Mira/image/index_test.png") !important;
            background-repeat: no-repeat !important;
            background-color: #292c2f !important;
            background-position: center center !important;
            background-size: 225px !important;
            min-width: 225px !important;
            margin-top: 80px !important;
        }
    
    
        /*    Das ist Rechts die Box    */
        
        #rightBox::before {
            content: "Firefox Browser" !important;
            font-size: 40px !important;
            font-weight: 700 !important;
            color: #fff582 !important;
            text-shadow: 4px 4px red !important;
        }
    
        #rightBox {
            background-image: none !important;
            padding-top: 1px !important;      
            margin-top: 1px !important;
        }
    
        #aboutDialog,
        #bottomBox,
        #clientBox {
            background-color: #292c2f !important;
        }
    
        #icons  .icon {
            margin: 10px !important;
        }
    
    
        /*    Update-Check ohne Erwartung ;)*/
        /*    Blendet Original-Animationen aus!*/
        
        #icons > .update-throbber {
            visibility: hidden !important;
        }
    
        #updateDeck #checkingForUpdates > label {
            appearance: none !important;
            border-radius: 10px !important;
            background-image: url("./image/sample_3.gif") !important;
            background-repeat: no-repeat !important;
            background-color: #292c2f !important;
            background-position: 0% center !important;
            background-size: 36px !important;
            color: #eee8aa !important;
            font-size: 1.2em !important;
            font-weight: 200 !important;
            min-height: 28px !important;
            margin-top: 0 !important;
            margin-right: -10px !important;
            margin-bottom: 10px !important;
            margin-left: -40px !important;
            padding-top: 7px !important;
            padding-right: 25px !important;
            padding-bottom: 0 !important;
            padding-left: 45px !important;
        }
    
    
        /*    Blendet Original-Icon aus!*/
        
        #icons > .noUpdatesFound {
            visibility: hidden !important;
        }
    
        #noUpdatesFound > label:nth-child(1) {
            appearance: none !important;
            border-radius: 10px !important;
            background-image: url("./image/tick_2.png") !important;
            background-repeat: no-repeat !important;
            background-color: #292c2f !important;
            background-position: 0 center !important;
            background-size: 36px !important;
            color: #ff9600 !important;
            font-size: 1.5em !important;
            font-weight: 400 !important;
            min-height: 28px !important;
            margin-top: 0 !important;
            margin-right: -10px !important;
            margin-bottom: 12px !important;
            margin-left: -40px !important;
            padding-top: 2px !important;
            padding-right: 25px !important;
            padding-bottom: 0 !important;
            padding-left: 45px !important;
        }
    
    
    /*  Das muss noch gecheckt werden   */
    
    #downloadAndInstallButton    {
        appearance: none !important;
        border-radius: 10px !important;
    /*    background-image:  url("./image/herz.png") !important;        */
        background-repeat: no-repeat !important;
        background-color: #5b5b66 !important;
        background-position: 0% center !important;
        background-size: 16px !important;
        color: #e1e1e1 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 10px !important;
        padding-top: 0 !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        padding-left: 10px !important;
    
         }       
    
        #downloadAndInstallButton:hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
        
        #updateButton    {
            appearance: none !important;
            border-radius: 10px !important;
            background-image:  url("./image/herz.png") !important;
            background-repeat: no-repeat !important;
            background-color: #5b5b66 !important;
            background-position: 0% center !important;
            background-size: 16px !important;
            color: #e1e1e1 !important;
            margin-top: 0 !important;
            margin-right: 0 !important;
            margin-bottom: 0 !important;
            margin-left: 10px !important;
            padding-top: 0 !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            padding-left: 10px !important;      
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width: 5px !important;
    
        }
            #updateButton:hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
    
    /*-------------------------------------------------------------------------------*/
    
        /*    Versionsanzeige        */
        
        #version.update {
            margin-left: 10px !important;
            font-size: 19px !important;
            color: orchid !important;
            padding-top: 5px !important;
        }
    
    
        /*     ohne Unterstrich    */
    
        #releasenotes,                                              /*     Neue Funktionen und Änderungen    */  
        #submit-feedback,                                         /*     Feedback senden    */ 
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'],
        [href='about:credits'],                                      /*     globalen Comunity    */  
        #contributeDesc > label:nth-child(1),                      /*     Spenden Sie    */  
        #contributeDesc > label:nth-child(2),                      /*     machen Sie mit!    */  
        [href='about:license'],                                      /*     Information zur Lizensierung    */  
        [href='about:rights'],                                       /*     Endanwenderrechte    */  
        label.bottom-link:nth-child(3)                              /*     Datenschutzbestimmungen    */  
        {
            text-decoration: none !important;
        }
        
        description.text-blurb:nth-child(3) > label:nth-child(1)  {
            text-decoration: none !important;
        }
    
    
        /*    Text    */
        
        .text-blurb
        {
            font-size: 15px !important;
            color: #e1e1e1 !important;
            padding-right: 1px !important;
        }
    
    
        /*     Neue Funktionen und Änderungen    */
        
        #releasenotes {
            appearance: none !important;
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-right: 20px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            margin-top: 2px !important;
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width: 3px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;
        }
        
        #releasenotes:hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
    
    
        /*     Firefox-Hilfe    */
        
        description.text-blurb:nth-child(3) > label:nth-child(1) {
            appearance: none !important;
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-top: 35px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width: 3px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;      
        }
        description.text-blurb:nth-child(3) > label:nth-child(1):hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
    
    
        /*     Feedback senden    */
        
        #submit-feedback {
            appearance: none !important;
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-top: 35px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width: 3px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;      
        }
        #submit-feedback:hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
    
    
        /*     Mozilla    */
        
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
            appearance: none !important;
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 10px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 1px !important;     
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width: 3px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;          
        }
        
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
    
    
        /*     globalen Comunity    */
        
        [href='about:credits'] {
            appearance: none !important;
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 10px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 1px !important;     
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width: 3px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        [href='about:credits']:hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
        
        
        /*    Hinter dem Komma einen Zeilenumbruch erzwingen    */
    
        #detailsBox > description#communityDesc {
            max-width: 570px !important;
        }
    
    
        /*     Spenden Sie    */
        
        #contributeDesc > label:nth-child(1) {
            appearance: none !important;
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 2px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width: 3px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        #contributeDesc > label:nth-child(1):hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
    
    
        /*     machen Sie mit!    */
        
        #contributeDesc > label:nth-child(2) { 
            appearance: none !important;
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 2px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width: 3px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        #contributeDesc > label:nth-child(2):hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
    
    
        /*     Information zur Lizensierung    */
        
        [href='about:license'] {
            appearance: none !important;
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-right: 10px !important;
            margin-top: 1px !important;
            margin-bottom: 20px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width: 3px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;             
        }
        
        [href='about:license']:hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
    
    
        /*     Endanwenderrechte    */
        
        [href='about:rights'] {
            appearance: none !important;
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-right: 10px !important;
            margin-top: 1px !important;
            margin-bottom: 20px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width: 3px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        [href='about:rights']:hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
    
    
        /*     Datenschutzbestimmungen    */
        
        label.bottom-link:nth-child(3) {
            appearance: none !important;
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-right: 10px !important;
            margin-top: 1px !important;
            margin-bottom: 20px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width: 3px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        label.bottom-link:nth-child(3):hover {
            background: #e1e1e1 !important;
            background-position: 12px 4px !important;
            color: #292c2f !important;
        }
        
        
    /*    Text ganz unten, Logo und Warenzeichen    */
        
        #trademark {
            padding-top: 10px !important;
            text-align: center !important;
            color: #e1e1e1 !important;
            margin-block: 15px !important;
            font-size: 13px !important;    
            font-weight: 700 !important;  
            
        }
        
        
        /*    Den Text "design by me ©" will ich ganz unten rechts inne Ecke.... */    
        
        #bottomBox::after {
            display: flex !important;
            content: "design by me ©" !important;
            font-size: 11px !important;
            margin-left: 850px !important;
            color: #e1e1e1 !important;
    /*        border: 2px solid yellow !important;    */
    /*        border-radius: 15px !important;    */
            padding-left: 12px !important;
        }    
            
        #aboutDialog {
            margin-bottom: 0px !important;
        }
    
    }
    Alles anzeigen

    Es geht um #updateDeck #checkingForUpdates > label { & #noUpdatesFound > label:nth-child(1) {

  • Windows 10

    • Mira_Belle
    • 19. November 2022 um 11:21
    Zitat von schlingo

    Hallo :)

    Du hast es nicht verstanden. In diesem Fall benötigst Du für den Core genau ein Update,nämlich das LCU. Ich habe jetzt keine Lust nachzusehen, welche beiden Updates in diesem Pack enthalten sind. Eines davon ist mit Sicherheit ein CU.

    ...

    Gruß Ingo

    Das artet wieder auf einen Streit aus, da habe ich keine Lust drauf.

    Aber verrate mir, wieso bei einem "Neu aufsetzen des BS" ohne I-Net mit einem ersten original ISO plötzlich

    nach Jahren nur zwei Updates ausstehen?

    DAS verstehe ich nicht.

    Und dass ein ISO was anderes wie ein Updatepack ist, ist mir sehr wohl klar!

    Es ging mir bei diesem Hinweis im Zusammenhang mit einer Neuinstallation auch nur darum,

    darauf hinzuweisen, dass es von MS recht aktuelle ISO's gibt, bei denen wirklich nur die letzten Updates fehlen.

    Und jetzt klinke ich mich hier aus, denn es sei jedem selbst überlassen, was er/sie für sich richtig hält!

  • Windows 10

    • Mira_Belle
    • 19. November 2022 um 11:01
    Zitat von schlingo

    Hallo :)

    und dafür brauchst Du ein Updatepack von einer Fremdquelle? Ich kann 2 Updates auch per WU installieren. Hier geht das sogar automatisch.

    Gruß Ingo

    Dafür sicherlich nicht, aber wenn das System aus welchen Grund auch immer komplett neu aufgesetzt werden soll

    oder muss, kann ein solches Updatepack von Nutzen sein.

    Aber, würde ich auch nicht auf diese Weise umsetzen!

    Wofür gibt es MSDN bzw. MVS ISO's von Microsoft?

  • Skript für Add-ons Update

    • Mira_Belle
    • 19. November 2022 um 10:49

    Test beendet!

    Konnte keinen Unterschied im Verhalten beider Scriptes ( #40 & #41 ) feststellen!

    Zitat von 2002Andreas

    So sieht das jetzt in meinem Hauptprofil aus:

    Beim ersten "clicken" auf den Button wird bei Dir die Schaltfläche Ihre Add-Ons wurden aktualisiert.

    Diese fehlt bei mir, egal welches Script ich nutze!

    Erst wenn ich über das "Zahnrad" manuell die Suche anwerfe, wird diese angezeigt.

    Das weitere Verhalten des Browsers ich dann identisch mit dem "GIF".

Unterstütze uns!

Jährlich (2026)

69,4 %

69,4% (538,17 von 775 EUR)

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