Beiträge von Büssen

Büssen

Zitat von milupo

Stelle doch mal den Code der Version ein, die den Fehler verursacht hat. Ich möchte mir den Code mal ansehen.

Hallo,

hier ist der Code:

CSS

/*   AGENT_SHEET **********************/
/*   Geändert von EDV-Oldie ***********/
/*   Letzte Änderung am 02.04.2020 ****/

 @-moz-document    url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
                url-prefix(about:addons) { 

    
/*   FF - Add-ons-Manager - checkbox   */

    menuitem[checked="true"] > .menu-iconic-left{
    -moz-appearance: menuimage !important;
    }
    menuitem[type="checkbox"] .menu-iconic-icon {
    display:block  !important;
    }

    menuitem[type="checkbox"] {
    -moz-appearance:none !important;
    margin-bottom: 4px !important;
    background: url("../../../Icons/blocked.png") no-repeat !important;
    padding-left:5px!important;
    background-position:5px 1px !important;} 


    menuitem[type="checkbox"][checked="true"] {
    -moz-appearance:none !important;
    margin-bottom: 4px !important;
    background: url("../../../Icons/V_grün.png") no-repeat !important;
    padding-left:5px!important;
    background-position:5px 1px !important;}

/*Höhe der Container */ 
    addon-card:not([expanded="true"]) .addon.card {
      max-height: 150px !important;  /* maximale Höhe der Container / hauptsächlich für Theme gedacht */
    } 




/*   FF - Add-ons-Manager linke Spalte   */

    #sidebar {
    background-color: darkgray !important;
    }

    #categories {
    margin-top:-1px !important;
    }
    #categories > .category,
    #preferencesButton,
    #addonsButton,
    #help-button {
    margin-left:1px!important;
    }
    #categories > .category:not([disabled]) {
    border-radius:60px!important;
    }
    

    
    #category-availableUpdates {
    color:red !important;
    }
    
    #category-discover .category-icon {
    background: silver url("../../../Icons/Add-ons-Web.png") !important;
    -moz-image-region: auto !important;}
    #category-discover[selected="true"] {
    background-color: silver !important;
    color: white !important; }
    
     
    #category-extension .category-icon {
    list-style-image: url("../../../Icons/addon_grün_32.png") !important;
    -moz-image-region: auto !important;}
    #category-extension[selected="true"] {
    background-color: silver !important;
    color: white !important;
    }
    
     
    #category-theme .category-icon {
    list-style-image: url("../../../Icons/themen_36.png") !important;
    -moz-image-region: auto !important;}
    #category-theme[selected="true"] {
    background-color: silver !important;
    color: white !important; }
     
     
    #category-plugin .category-icon {
    list-style-image: url("../../../Icons/plugin.png") !important;
    -moz-image-region: auto !important;}    
    #category-plugin[selected="true"] {
    background-color: silver !important;
    color: white !important; }
     
     
    #category-dictionary .category-icon {
    list-style-image: url("../../../Icons/wörterbücher_32.png") !important;
    -moz-image-region: auto !important;}
    #category-dictionary[selected="true"] {
    background-color: silver !important;
    color: white !important; }

    #preferencesButton,
    #addonsButton,
    #help-button,
    #category-availableUpdates {
    background-color: silver !important;
    margin-top:5px !important;
    border-radius:60px !important;
    }
    #preferencesButton:hover,
    #addonsButton:hover,
    #help-button:hover {
    color:white !important;
    background-color: gray !important;
    margin-top:5px !important;
    border-radius:60px !important;
    }
    
    #preferencesButton .sidebar-footer-link.preferences-icon {
    list-style-image: url("../../../Icons/config.png") !important;
    -moz-image-region: rect(0px 0px 0px 0px) !important; }
    

    #addonsButton {
    list-style-image: url("../../../Icons/addons.png") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important; }
    
    
    #help-button .sidebar-footer-link {
    list-style-image: url("../../../Icons/hilfe.png") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important; }



/*   FF - Add-ons-Manager rechte Spalte   */

/*   Rechte Spalte Breite einstellen      */
/*   Farbe   */
     html[dir="ltr"],
    .sticky-container,
    .main-search,
    .main-heading {
    background: silver !important;
    }    
    
    
/*   Name für Erweiterungen & erste Zeile   */
    .header-name {
    font-size:0px !important;
    margin-top: 17px !important; 
    }
    .header-name[data-l10n-id="extension-heading"]:after{
    font-size:18px !important;
    font-weight: bold !important;
    color: blue !important;
    content: 'Erweiterungen von DBuessen' !important;
    }
    .header-name[data-l10n-id="theme-heading"]::after    {
    font-size:18px !important;
    font-weight: bold !important;
    color: blue !important;
    content: 'Themen von DBuessen' !important;
    }
    .header-name[data-l10n-id="plugin-heading"]::after    {
    font-size:18px !important;
    font-weight: bold !important;
    color: blue !important;
    content: 'Plugins von DBuessen' !important;
    }
    .header-name[data-l10n-id="dictionary-heading"]::after    {
    font-size:18px !important;
    font-weight: bold !important;
    color: blue !important;
    content: 'Wörterbücher von DBuessen' !important;
    }

    .main-search {
    max-height: 10px !important;
    }    
/*   Name für Erweiterungen Ende   */    
    .search-label{display: none !important; }
    .header-name{margin-top: -35px !important; }
    .page-options-menu{margin-top: -70px !important; margin-right: 100px !important;}
    .main-search{margin-left: 500px !important;}
/*   Name für Erweiterungen & erste Zeile Ende   */


/*   Rechte Spalte Breite einstellen   */
    .card,
    addon-list addon-card > .addon.card,
    addon-card[expanded] >.addon.card {
    width: 78vw !important; 
    border-radius: 15px !important; 
    border: 2px solid grey !important;
    }

/*   Themen   */
    .card-heading-image {
    margin-top: 1px !important;
    margin-left: 1px !important; 
    }
    addon-card .addon.card[active="false"] .theme-enable-button {
    border-radius: 15px !important; 
    border: 1px solid grey !important;
    background: #dddddd !important;
    }
        addon-card .addon.card[active="true"] .theme-enable-button {
    border-radius: 15px !important; 
    border: 1px solid grey !important;
    background: #dddddd !important;
    }
    addon-card:hover .addon.card[active="true"] .theme-enable-button {
    border-radius: 15px !important; 
    border: 1px solid grey !important;
    background: #ff7150  !important;
    }    
    addon-card:hover .addon.card[active="false"] .theme-enable-button {
    border-radius: 15px !important; 
    border: 1px solid grey !important;
    background: #7fff00  !important;
    }

/*   Aktiv-Passiv Farbe   */
    .list-section-heading[data-l10n-id="extension-enabled-heading"],
    .list-section-heading[data-l10n-id="theme-enabled-heading"],
    .list-section-heading[data-l10n-id="plugin-enabled-heading"],
    .list-section-heading[data-l10n-id="dictionary-enabled-heading"] {
    background: gainsboro !important;
    font-weight: bold !important;
    color: green !important;
    text-indent: 15px;
    }
    .list-section-heading[data-l10n-id="extension-disabled-heading"],
    .list-section-heading[data-l10n-id="theme-disabled-heading"],
    .list-section-heading[data-l10n-id="plugin-disabled-heading"],
    .list-section-heading[data-l10n-id="dictionary-disabled-heading"] {
    background: gainsboro !important;
    font-weight: bold !important;
    color: red !important;
    text-indent: 15px;
    }
    
/*   Aktiv-Passiv Farbe Ende   */


/*   Add-on Manager - Farbe der Elemente anpassen   */
    .addon.card {
    background: gainsboro !important;
    max-width: initial !important;
    }

/*** Hintergrund der Container bei Hover andere Farbe ****/ 
    addon-card:not([expanded="true"]) .addon.card:hover {
      background: lightsteelblue !important;
      border: 1px solid green ! important;
    }

/*** Umrandung der Container bei Hover breiter Rand und andere Farbe ****/ 
    :root {
    --card-outline-color: royalblue !important;
    }

/**** fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. ****/    
    body {
      counter-reset: section;                     
    }

/**** Hintergrund Container und Umrandung ****/    
  /*   addon-list addon-card > .addon.card {
      background: #F8F8FF !important;
      border: 2px solid #EEAD0E !important;
      border-radius: 20px !important;
    }                 */

   #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
   #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
      color: red !important;
      font-weight: bold !important;
      counter-increment: section;                 
      content: counter(section, decimal-leading-zero)".) ";
      padding-right: 20px !important; 
      margin-top:5px!important; /* Lage im Container */
      margin-left: -5px !important; /* Abstand vom linken Rand */
    }  


/*   Add-on Manager - Farbe der Elemente anpassen Ende   */

    
    #list-view > #addon-list .date-updated {
    display: block  !important; }
    
    
/*   Add-ons-update   */ 
    panel-list {
    background: gainsboro !important;
    }
  
/**** Button oben mit dem Zahnrad ****/
    .page-options-menu > .more-options-button {
     fill: red !important; /* rotes Zahnrad */ 
    border: 1px solid grey !important; /* farbige Umrandung */
    border-radius: 15px !important; /* Abrundung */
    width: 70px !important; /* Länge des Button */
    height: 30px ! important; /* Höhe des Button */
    box-shadow: inset 0 0 3px 3px grey; /* innerer Schatten */
    margin-right: 500px !important;
        } 

/**** Button oben mit dem Zahnrad bei hover blau ****/
      .page-options-menu > .more-options-button:hover {
      fill: lime !important; /* Farbe des Zahnrades */
      }

      #categories .category[name="search"],
      #category-search .category-icon {
      fill: dodgerblue !important;
      }

     *.addons-icon {
     fill: red !important;
     }

     *.help-icon {
     fill: red !important;
     }


/**** Hintergrund der einzelnen Boxen ****/
    addon-page-options panel-list panel-item[accesskey][checked] {
      background: unset !important;
    }    


 /*   More-Options-Button ...   */
   /* .more-options-button {
    border-radius: 15px !important; 
    border: 1px solid grey !important;
    }*/

   /* .more-options-button[action="page-options"] {
    background: url"G:/Firefox_2-Profil_Neu/chrome/Icons/update.png" no-repeat !important;
    border: 1px solid blue !important;
    padding-left:5px!important;
    background-position:5px 5px !important; 
    }*/
  
  /* .more-options-button[action="page-options"]:hover {
    background: gray url"G/Firefox_2_Profil_Neu/chrome/Icons/update.png" no-repeat !important;
    border: 1px solid blue !important;
    padding-left:5px!important;
    background-position:5px 5px !important;
    }*/
    

    panel-item[action="check-for-updates"][data-l10n-id="addon-updates-check-for-updates"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/updates_prüfen.png") !important; }
    
    
    panel-item[action="view-recent-updates"][data-l10n-id="addon-updates-view-updates"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/update_1.png") !important; }


    panel-item[action="install-from-file"][data-l10n-id="addon-install-from-file"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/update_2.png") !important; }


    panel-item[action="debug-addons"][data-l10n-id="addon-open-about-debugging"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons_debuggen.png") !important; }
    
    
    panel-item[action="set-update-automatically"][data-l10n-id="addon-updates-update-addons-automatically"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/V_grün.png") !important;
    }    
/*    panel-item[action="set-update-automatically"][data-l10n-id="addon-updates-update-addons-automatically"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/blocked.png") !important; }    */    
    
    
    panel-item[action="reset-update-states"][data-l10n-id="addon-updates-reset-updates-to-automatic"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons_auto.png") !important;
    }    
    panel-item[action="reset-update-states"][data-l10n-id="addon-updates-reset-updates-to-manual"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons_manuell.png") !important; }
    
    
    panel-item[action="manage-shortcuts"][data-l10n-id="addon-manage-extensions-shortcuts"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/keybord.png") !important; }

    
    
/*   Ghost Button Erweiterungen   */

/*  panel-item[action="toggle-disabled"][data-l10n-id="disable-addon-button"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/deaktivieren.png") !important; }
    
    panel-item[action="toggle-disabled"][data-l10n-id="enable-addon-button"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons.png") !important; }
*/    
    
    panel-item[action="remove"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/papierkorb_rot.png") !important; }
    
    panel-item[action="install-update"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/update.png") !important; }
    
    panel-item[action="preferences"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/config.png") !important; }
    
    panel-item[action="report"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/warnung.png") !important; }
    

    panel-item[action="expand"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/V_grün.png") !important; }
    
    
/*   Ghost Button Plugins   */

    panel-item[data-l10n-id="manage-addon-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/addon_verwalten.png") !important; }
    
    
    panel-item[data-l10n-id="ask-to-activate-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/info_1.png") !important }
    
    
    panel-item[data-l10n-id="always-activate-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/always-activate.png") !important; }
    
    
    panel-item[data-l10n-id="never-activate-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/never-activate.png") !important; }
    
    
/*   Ghost Button weitere Einstellungen   */
    named-deck-button[data-l10n-id="permissions-addon-button"] {
    background: red !important;
    color: green !important; } 
    
    
      /*   Add-ons-Manager Ende   */

Alles anzeigen

Ich hoffe, dass du da vielleicht den Fehlerteufel findest?

Büssen

Zitat von milupo

Wenn du schreibst, dass du hauptsächlich in about:addons geändert hast, suche zuerst in deren CSS-Datei nach o. g. Elementen.

Hallo,

habe mal meine *.css Dateien "about:addons" durchforstet - dabei momentan nichts "Auffälliges" gefunden.

Ich nutze nicht nur die Anpassungen von FuchsFan, sondern habe auch Dateien von edvoldi im Einsatz. Da die Dateien unterschiedlich sind, wundert es mich schon, dass auch letztere mir (nur Nightly) gleiches Bild bescheren-

Was hinzu kommt, auf dem Notebook setze ich nicht nur gleiche (wie auf PC) Dateien ein - auch dort habe ich die fette Schrift.

Ich warte einfach mal ab und durchforste weiterhin meinen chrome-Ordner.

Erst mal vielen Dank für deine Hinweise!

Nachtrag: nachdem ich gerade einen andere Version about:addons im Nightly probiert habe, ist auch die fette Schrift aus der Menüleiste weg. Alle DropDowns zeigen auch nicht mehr die fette Schrift.

Damit hat sich das Thema wohl vorerst erledit.

Büssen

Zitat von milupo

Zitat von Büssen

Ich habe in meinen beiden Nightly Profilen keine Änderung vorgenommen - in beiden Profilen also gleiches Spiel!

Wirklich nicht? Hast du z. B. Code direkt in die userChrome.css hineingeschrieben? Da werden deine CSS-Dateien nicht geändert und der Code gilt dann global für alles, das den entsprechenden Selektor enthält.

Also, in letzter Zeit habe ich mich lediglich um den Code "about:addons" (o.a. Addon Manager genannt) bemüht, weil die Darstellung nicht nach meinen Wünschen aussah.

Aber den Code habe ich in der CSSWeb - die Import-Befehle demzufolge in der userContent.css stehen.

Ich gehe eigentlich so vor: wenn ich eine *.css aus dem Forum nehme, wird diese kopiert und z.B in "Notepad" eingefügt. Diese wird dann als "Name.css" entsprechend im Ordner "CSS oder CSSWeb in UTF-8 Codierung gespeichert.

Aber seit ein paar Tagen wird mir immer die fette Schrift (nur Nightly) angezeigt - das hat mich richtig irritiert!

Büssen

Moin,

vor ein paar Tagen kam plötzlich nach dem täglichen Update die fette Schrift ins Spiel.

Nicht nur bei der Menüleiste, sondern auch beim DropDown des "Extra Config Menüs" , Wetterfuchs etc. Im Grunde bei allen Rechtsklicks!

Ich habe in meinen beiden Nightly Profilen keine Änderung vorgenommen - in beiden Profilen also gleiches Spiel!

Gibt es dafür eine Erklärung?

Büssen

Zitat von FuchsFan

Deshalb habe ich auch aus der Vergangenheit gelernt, nur Portable, dann Kopie, und bei Fehlern damit ersetzen.
Mittlerweile eine meiner leichtesten Übungen.

Moin FuchsFan,,

diese portable Version stammt auch aus deiner Feder - sozusagen als Double auf dem USB-Stick. Das ist allerdings nicht die letzte Version von dir, sondern sicher ein Vorvorgänger. Damit gibt es mit der 77-er Version keine Schwierigkeiten.

Man kann jedoch nicht alles haben - deshalb warte ich mal (Corona-bedingt) auf bessere Zeiten!

Hier nochmal ein gutes Beispiel:

oder dieses Beispiel:

Büssen

Moin,

momentan habe ich o.g. Code soweit im Griff - nur werden nicht obige bunten Themes wie gewünscht angezeigt.

Außerdem wird bei einem Theme von der Norm abgewichen:

Komischerweise wird obiges Beispiel (Bild) nur in bei diesem Theme so dargestellt.

Büssen

Moin,

war mal so frei und habe das Angebot in meinem Hauptprofil ausprobiert.

Bei Themes sieht es so aus:

Im Moment weiß ich noch nicht , wo der Unterschied herkommt - habe nur eine Anpassung (Card-Länge) von 65 auf 67vw vorgenommen.

Cards werden auch nur schlicht dargestellt. Bei "Erweiterungen" u.a. wird alles wie im Forum gezeigt.

Büssen

Zitat von edvoldi

.Ich habe da einen Code der auf mehrere Seiten wirkt und ich weiß noch nicht wo der ist.

Moin edvoldi,

ich glaube, inzwischen evtl. den Übeltäter gefunden zu haben.

Ich hatte ja seinerzeit mir erlaubt, einen Code für about:addons von dir zu übernehmen.

Gestern wollte ich auf dem Notebook den grauen Hintergrund ändern. Dafür dann den Code von dir stillgelegt - trotzdem weiterhin grauer Hintergrund.

Der Übeltäter ist dein "about:cache" Code, den ich auch mal übernommen hatte. >> RE: About Seiten mit CSS Codes anpassen

Der werkelte im Hintergrund einfach weiter und bescherte mir weiterhin die graue Seite.

Büssen

Zitat von FuchsFan

Sonst sind manchmal die Icons nicht zu erkennen

Hallo,

bin nun mal meine Versionen und Profile durchgegangen. Tatsächlich werden mir in Firefox Beta bei Aufruf "about:addons" auf der linken Seite nur die Buttons ohne Icons angezeigt:

Lässt sich das ohne großen Aufwand bereinigen? Rufe ich "Firefox-Einstellungen" auf - so werden (deine) farblichen Icons gezeigt.

Nachtrag: hat sich erledigt!

Büssen

Zitat

Das sind einige Schnipsel.

So, wir machen es jetzt einfach so, du erstellst aus dem folgenden Code eine css-Datei und dann in den Ordner CSSWeb ablegen.

Das ging ja schnell - ich war nicht langsamer:

Sieht gut aus - vielen Dank!

Ich mache nun mal eine "Corona-Pause"

Büssen

Zitat von FuchsFan

Ja, dann musst du jetzt einfach sagen, was du brauchst.

Habe versucht, den Schnipsel "Suche" (aus#520) bei mir im Code about:addons einzubauen , wenn dass so richtig ist?

Oder wird da ein neuer Code eingebunden?

Büssen

Zitat von FuchsFan

Sehr gut, manchmal haben wir auch Glück.

Ich muss mich nunmehr ja fast schon "Schnorrer" nennen, denn sicher hast du erkannt, dass ich den besagten Button aus deiner Kiste entwendet hatte. Deine farbliche Anpassung aus #520 ist teilweise auch schon bei mir auf dem Tisch gelandet.

Da fehlt mir nur noch der letzte Schliff.

Büssen

Hallo fuchsFan,

>> margin-right: 500px !important; - damit war die Kuh vom Eis!

Perfekt - vielen Dank!

Büssen

Hallo,

ich muss da nochmal nachhaken.

Mein Code "about addons" sieht im Firefox 77 so aus:

Diesen Code habe ich in Firefox N79 übernommen - sieht dort so aus:

Habe schon alles versucht - wie kann ich den Button wieder mittig platzieren?

Büssen

Hallo,

das Quadrat konnte ich mit dem ersten Code in einen Kreis verwandeln.

Habe versucht, meinen Pfad zu den Icons einzugeben:

CSS

background: url("../../../Icons/update.png") no-repeat !important;

Den Pfad habe ich zu meinem Profil gewählt - nach oberer Vorgabe.

z.B. "G:/Firefox_2-Profil/chrome/Icons/update.png"

Hat aber nicht funktioniert. Was mache ich falsch?

Nachtrag: Fehler entdeckt >> habe die Klammern nicht entfernt!!

Büssen

Hallo edvoldi ,

Zitat von edvoldi

Oh Schreck, ich sehe gerade das ich den falschen Code in #509 kopiert habe.,
jetzt ist der richtige drin.

Der Schreck ist inzwischen wohl verflogen!

Ich habe mir nunmehr mal die Mühe gemacht, deine "about addons" vom 02.0420 für mich umzubauen.

sieht so aus:

Wie spreche ich nun (s.a. Pfeil) "Werkzeuge für alle Addons" an? Hier ist es ja noch ein Quadrat - in deiner neuen Fassung ist es ein Kreis.

Ich schaffe es nicht, dort ein Icon unter zu bringen.

Büssen

Zitat von edvoldi
Hallo Büssen,
ich würde erst einmal nur meinen Code nehmen und testen was fehlt oder falsch ist.
Auch im Kreis neben Themen von EDV-Oldie, das solltest Du auch noch ändern, denn es sind ja Deine, fehlt ein Icon.
CSS
background: url("../../../Icons/update.png") no-repeat !important;
das müsstest Du löschen oder ein anderes Icon eingeben.
Im Code #509 habe ich schon die fehlende Farbe im oberen Bereich eingetragen.
Code
Dann würde ich so nach und nach die anderen Änderungen eintragen.

Hallo edvoldi,

vielen Dank für die Antwort, die mich aber erneut vor ein Problem stellt.

Ich hatte den Code von #509 gleich, nachdem eingestellt, bei mir unter FX 76.01. installiert.

Der (jetzige) Code' im #509 ist aber ein anderer - den müsstest du inzwischen geändert haben

Zuerst war es dieser:

Code

/***   AGENT_SHEET   *********************/
/***   Geändert von EDV-Oldie   **********/
/***   Letzte Änderung am 27.05.2020   ***/

@-moz-document    url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
                url-prefix(about:addons) {

Nun steht da aber ein anderer:

Code

/***   AGENT_SHEET   *********************/
/***   Geändert von EDV-Oldie   **********/
/***   Letzte Änderung am 28.05.2020   ***/
/***   https://www.camp-firefox.de/forum/thema/130540-about-seiten-mit-css-codes-anpassen/   */

@-moz-document    url-prefix(about:preferences) {

Zitat

background: url("../../../Icons/update.png") no-repeat !important;

Das haut mich aus den Socken - denn in beiden ist diese Zeile

nicht vorhanden.

Ich weiß nun nicht mehr, wo bei mir genau der Fehler liegen könnte .

Vielleicht hilfst du mir mal auf die Sprünge?

Büssen

Moin edvoldi,

nachdem ich o.g. Code installiert habe, sieht es nunmehr so aus:

In Themes sieht es noch nicht so aus, wie im #498 dargestellt. Vielleicht fällt dir noch was ein?

Zitat von edvoldi

Ich habe da einen Code der auf mehrere Seiten wirkt und ich weiß noch nicht wo der ist.

den habe ich vorher auch schon nutzen können, z.B. für dieses Forum:

Diese Darstellung war vorher nicht so.

Daher fand ich es ganz praktisch, hervorgerufen durch deinen (versteckten) Code.

Übrigens bin ich auch ein Fan von "Silvermel" - genutzt seinerzeit im Firefox und Thunderbird.

Erst mal Danke für die Bemühungen!

Büssen

Hallo edvoldi,

Habe den Code mal mit Einstellung 90% laufen - sieht so aus:

Der zeigt sich noch nicht im richtigen Gewand. In der Card fehlt (s.a.'#498) der richtige Inhalt für das "Theme" "charamel 25".

Im oberen Bereich hakt es auch noch?

PS: ich mache erst mal eine Pause!

Büssen

Zitat von edvoldi

habe ich schon

Gruß
EDV-Oldi

Hallo edvoldi ,

habe mal von dir diesen Code übernommen:

CSS

/*   AGENT_SHEET **********************/
/*   Geändert von EDV-Oldie ***********/
/*   Letzte Änderung am 02.04.2020 ****/


 
/*   FF - Add-ons-Manager - checkbox   */

    menuitem[checked="true"] > .menu-iconic-left{
    -moz-appearance: menuimage !important;
    }
    menuitem[type="checkbox"] .menu-iconic-icon {
    display:block  !important;
    }

    menuitem[type="checkbox"] {
    -moz-appearance:none !important;
    margin-bottom: 4px !important;
    background: url("../../../Icons/blocked.png") no-repeat !important;
    padding-left:5px!important;
    background-position:5px 1px !important;} 


    menuitem[type="checkbox"][checked="true"] {
    -moz-appearance:none !important;
    margin-bottom: 4px !important;
    background: url("../../../Icons/V_grün.png") no-repeat !important;
    padding-left:5px!important;
    background-position:5px 1px !important;}


/*   FF - Add-ons-Manager linke Spalte   */

    #sidebar {
    background-color: darkgray !important;
    }

    #categories {
    margin-top:-1px !important;
    }
    #categories > .category,
    #preferencesButton,
    #addonsButton,
    #help-button {
    margin-left:1px!important;
    }
    #categories > .category:not([disabled]) {
    border-radius:60px!important;
    }
    

    
    #category-availableUpdates {
    color:red !important;
    }
    
    #category-discover .category-icon {
    background: silver url("../../../Icons/Add-ons-Web.png") !important;
    -moz-image-region: auto !important;}
    #category-discover[selected="true"] {
    background-color: silver !important;
    color: white !important; }
    
     
    #category-extension .category-icon {
    list-style-image: url("../../../Icons/addon_grün_32.png") !important;
    -moz-image-region: auto !important;}
    #category-extension[selected="true"] {
    background-color: silver !important;
    color: white !important;
    }
    
     
    #category-theme .category-icon {
    list-style-image: url("../../../Icons/themen_36.png") !important;
    -moz-image-region: auto !important;}
    #category-theme[selected="true"] {
    background-color: silver !important;
    color: white !important; }
     
     
    #category-plugin .category-icon {
    list-style-image: url("../../../Icons/plugin.png") !important;
    -moz-image-region: auto !important;}    
    #category-plugin[selected="true"] {
    background-color: silver !important;
    color: white !important; }
     
     
    #category-dictionary .category-icon {
    list-style-image: url("../../../Icons/wörterbücher_32.png") !important;
    -moz-image-region: auto !important;}
    #category-dictionary[selected="true"] {
    background-color: silver !important;
    color: white !important; }

    #preferencesButton,
    #addonsButton,
    #help-button,
    #category-availableUpdates {
    background-color: silver !important;
    margin-top:5px !important;
    border-radius:60px !important;
    }
    #preferencesButton:hover,
    #addonsButton:hover,
    #help-button:hover {
    color:white !important;
    background-color: gray !important;
    margin-top:5px !important;
    border-radius:60px !important;
    }
    
    #preferencesButton .sidebar-footer-link.preferences-icon {
    list-style-image: url("../../../Icons/config.png") !important;
    -moz-image-region: rect(0px 0px 0px 0px) !important; }
    

    #addonsButton {
    list-style-image: url("../../../Icons/addons.png") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important; }
    
    
    #help-button .sidebar-footer-link {
    list-style-image: url("../../../Icons/hilfe.png") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important; }



/*   FF - Add-ons-Manager rechte Spalte   */

/*   Rechte Spalte Breite einstellen      */
/*   Farbe   */
    html[dir="ltr"],
    .sticky-container,
    .main-search,
    .main-heading {
    background: silver !important;
    }    
    
    
/*   Name für Erweiterungen & erste Zeile   */
    .header-name {
    font-size:0px !important;
    margin-top: 17px !important; 
    }
    .header-name[data-l10n-id="extension-heading"]:after{
    font-size:18px !important;
    font-weight: bold !important;
    content: 'Erweiterungen von EDV-Oldi' !important;
    }
    .main-search {
    max-height: 10px !important;
    }    
/*   Name für Erweiterungen Ende   */    
    .search-label{display: none !important; }
    .header-name{margin-top: -35px !important; }
    .page-options-menu{margin-top: -70px !important; margin-right: 100px !important;}
    .main-search{margin-left: 500px !important;}
/*   Name für Erweiterungen & erste Zeile Ende   */


/*   Rechte Spalte Breite einstellen   */
    addon-list addon-card > .addon.card,
    addon-card[expanded] >.addon.card {
    width: 72vw !important; }
  

/*   Aktiv-Passiv Farbe   */
    .list-section-heading[data-l10n-id="extension-enabled-heading"],
    .list-section-heading[data-l10n-id="theme-enabled-heading"],
    .list-section-heading[data-l10n-id="plugin-enabled-heading"],
    .list-section-heading[data-l10n-id="dictionary-enabled-heading"] {
    background: gainsboro !important;
    font-weight: bold !important;
    color: green !important;
    text-indent: 15px;
    }
    .list-section-heading[data-l10n-id="extension-disabled-heading"],
    .list-section-heading[data-l10n-id="theme-disabled-heading"],
    .list-section-heading[data-l10n-id="plugin-disabled-heading"],
    .list-section-heading[data-l10n-id="dictionary-disabled-heading"] {
    background: gainsboro !important;
    font-weight: bold !important;
    color: red !important;
    text-indent: 15px;
    }
    
/*   Aktiv-Passiv Farbe Ende   */


/*   Add-on Manager - Farbe der Elemente anpassen   */
    .addon.card {
    background: gainsboro !important;
    max-width: initial !important;
    }

/*** Hintergrund der Container bei Hover andere Farbe ****/ 
    addon-card:not([expanded="true"]) .addon.card:hover {
      background: #76ee00 !important;
      border: 1px solid green ! important;
    }

/*** Umrandung der Container bei Hover breiter Rand und andere Farbe ****/ 
    :root {
    --card-outline-color: DarkOrange !important;
    }

/**** fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. ****/    
    body {
      counter-reset: section;                     
    }

/**** Hintergrund Container und Umrandung ****/    
  /*   addon-list addon-card > .addon.card {
      background: #F8F8FF !important;
      border: 2px solid #EEAD0E !important;
      border-radius: 20px !important;
    }                 */

   #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
   #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
      color: red !important;
      font-weight: bold !important;
      counter-increment: section;                 
      content: counter(section, decimal-leading-zero)".) ";
      padding-right: 20px !important; 
      margin-top:5px!important; /* Lage im Container */
      margin-left: -5px !important; /* Abstand vom linken Rand */
    }  


/*   Add-on Manager - Farbe der Elemente anpassen Ende   */

    
    #list-view > #addon-list .date-updated {
    display: block  !important; }
    
    
/*   Add-ons-update   */ 
    panel-list {
    background: gainsboro !important;
    }
    .more-options-button[action="page-options"] {
    background: url("../../../Icons/update.png") no-repeat !important;
    border: 1px solid blue !important;
    padding-left:5px!important;
    background-position:5px 5px !important; 
    }
    .more-options-button[action="page-options"]:hover {
    background: gray url("../../../Icons/update.png") no-repeat !important;
    border: 1px solid blue !important;
    padding-left:5px!important;
    background-position:5px 5px !important;
    }
    

    panel-item[action="check-for-updates"][data-l10n-id="addon-updates-check-for-updates"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/updates_prüfen.png") !important; }
    
    
    panel-item[action="view-recent-updates"][data-l10n-id="addon-updates-view-updates"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/update_1.png") !important; }


    panel-item[action="install-from-file"][data-l10n-id="addon-install-from-file"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/update_2.png") !important; }


    panel-item[action="debug-addons"][data-l10n-id="addon-open-about-debugging"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons_debuggen.png") !important; }
    
    
    panel-item[action="set-update-automatically"][data-l10n-id="addon-updates-update-addons-automatically"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/V_grün.png") !important;
    }    
/*    panel-item[action="set-update-automatically"][data-l10n-id="addon-updates-update-addons-automatically"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/blocked.png") !important; }    */    
    
    
    panel-item[action="reset-update-states"][data-l10n-id="addon-updates-reset-updates-to-automatic"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons_auto.png") !important;
    }    
    panel-item[action="reset-update-states"][data-l10n-id="addon-updates-reset-updates-to-manual"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons_manuell.png") !important; }
    
    
    panel-item[action="manage-shortcuts"][data-l10n-id="addon-manage-extensions-shortcuts"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/keybord.png") !important; }

    
    
/*   Ghost Button Erweiterungen   */

/*  panel-item[action="toggle-disabled"][data-l10n-id="disable-addon-button"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/deaktivieren.png") !important; }
    
    panel-item[action="toggle-disabled"][data-l10n-id="enable-addon-button"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons.png") !important; }
*/    
    
    panel-item[action="remove"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/papierkorb_rot.png") !important; }
    
    panel-item[action="install-update"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/update.png") !important; }
    
    panel-item[action="preferences"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/config.png") !important; }
    
    panel-item[action="report"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/warnung.png") !important; }
    

    panel-item[action="expand"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/V_grün.png") !important; }
    
    
/*   Ghost Button Plugins   */

    panel-item[data-l10n-id="manage-addon-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/addon_verwalten.png") !important; }
    
    
    panel-item[data-l10n-id="ask-to-activate-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/info_1.png") !important }
    
    
    panel-item[data-l10n-id="always-activate-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/always-activate.png") !important; }
    
    
    panel-item[data-l10n-id="never-activate-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/never-activate.png") !important; }
    
    
/*   Ghost Button weitere Einstellungen   */
    named-deck-button[data-l10n-id="permissions-addon-button"] {
    background: red !important;
    color: green !important; } 
    
    
    
    
    
     
     


     /*   Add-ons-Manager Ende   */

Alles anzeigen

Leider bekomme ich z.B. bei "Themes" nicht das angezeigt wie auf deinem Beispielbild.

Kannst du da mal reinschauen.

Beiträge von Büssen

Nightly 79 - Menüleiste - fette Schrift

Nightly 79 - Menüleiste - fette Schrift

Nightly 79 - Menüleiste - fette Schrift

Nightly 79 - Menüleiste - fette Schrift

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"