Beiträge von edvoldi

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.

Dann würde ich so nach und nach die anderen Änderungen eintragen.

Ich habe gerade zum Test einmal das Thema installiert, das sieht bei mir so aus.

Gruß
EDV-Oldi

edvoldi

Zitat von Büssen

Im oberen Bereich hakt es auch noch?

ja ich weiß, der Code steht irgend wo anders, leider habe ich noch nicht gefunden wo.

Das ist mir erst aufgefallen, bei einem Code von Endor, der bei mir keine Wirkung zeigte.
Jetzt bin ich dabei alle css Dateien mit der genauen Bezeichnung z.B.(

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

url-prefix(about:addons) {) zu versehen~~.Ich habe da einen Code der auf mehrere Seiten wirkt und ich weiß noch nicht wo der ist.~~

CSS

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

die erste Zeile in diesem Code .card ist für die Rundung im Themenbereich zuständig, vielleicht kopierst Du Dir diesen nur einmal zum Test Deinem Code.

So ich habe den Fehler gefunden.

Ersetze diesen Code

CSS

/*   Rechte Spalte Breite einstellen      */
/*   Farbe   */
    #content,
    .main-search,
    .main-heading {
    background: silver !important;
    }

Durch diesen, mit dem sollte es funktionieren

CSS

/*   Rechte Spalte Breite einstellen      */
/*   Farbe   */
    #content,
    .sticky-container,
    .main-search,
    .main-heading {
    background: silver !important;
    }

Was

Gruß
EDV-Oldi

edvoldi

Zitat von Büssen

Im oberen Bereich hakt es auch noch?

ja ich weiß, der Code steht irgend wo anders, leider habe ich noch nicht gefunden wo.

Das ist mir erst aufgefallen, bei einem Code von Endor, der bei mir keine Wirkung zeigte.
Jetzt bin ich dabei alle css Dateien mit der genauen Bezeichnung z.B.(

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

url-prefix(about:addons) {) zu versehen.Ich habe da einen Code der auf mehrere Seiten wirkt und ich weiß noch nicht wo der ist.

CSS

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

die erste Zeile in diesem Code .card ist für die Rundung im Themenbereich zuständig, vielleicht kopierst Du nur einmal zum Test diesen in Deinem Code.

Gruß
EDV-Oldi

edvoldi

Hallo Büssen,

Zitat von Büssen

habe mal von dir diesen Code übernommen:

danach habe ich noch viel geändert, hier mein kompletter aktueller Code:

CSS

/***   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) { 


/*   FF - Add-ons-Manager - Empfehlungen   */
    #main > div > discovery-pane > header {
    display: none !important;
    }


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

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

    #categories {
    margin-top:-1px !important;
    }
    #categories > .category,
    .sidebar-footer-list {
    margin-left:1px!important;
    }
    
    .category {
    margin-top: 15px !important;
    }    
    .category[name="discover"] {
    background: url("../../../Icons/Add-ons-Web_24.png") no-repeat !important;
    background-position: 8px 12px !important;
    }
    .category[name="discover"]:hover {
    color: yellow !important;
    border-radius: 60px !important;
    border: 1px solid white !important;
    background: gray url("../../../Icons/Add-ons-Web_24.png") no-repeat !important;
    background-position: 8px 12px !important;
    }
    .category[name="discover"][aria-selected="true"] {
    color: green !important;
    border-radius: 60px !important;
    border: 1px solid grey !important;
    background: silver url("../../../Icons/Add-ons-Web_24.png") no-repeat !important;
    background-position: 8px 12px !important;
    }


    .category[name="extension"] {
    background: url("../../../Icons/addon_grün_24.png") no-repeat !important;
    background-position:8px 12px!important;
    }
    .category[name="extension"]:hover {
    color:yellow !important;
    border-radius: 60px !important;
    border: 1px solid white !important;
    background: gray url("../../../Icons/addon_grün_24.png") no-repeat !important;
    background-position:8px 12px!important;
    }
    .category[name="extension"][aria-selected="true"] {
    color: green !important;
    border-radius: 60px !important;
    border: 1px solid grey !important;
    background: silver url("../../../Icons/addon_grün_24.png") no-repeat !important;
    background-position:8px 12px!important;
    }


    .category[name="theme"] {
    background: url("../../../Icons/themen_24.png") no-repeat !important;
    background-position:8px 12px!important;
    }
    .category[name="theme"]:hover {
    color:yellow !important;
    border-radius: 60px !important;
    border: 1px solid white !important;
    background: gray url("../../../Icons/themen_24.png") no-repeat !important;
    background-position:8px 12px!important;
    }
    .category[name="theme"][aria-selected="true"] {
    color: green !important;
    border-radius: 60px !important;
    border: 1px solid grey !important;
    background: silver url("../../../Icons/themen_24.png") no-repeat !important;
    background-position:8px 12px!important;
    }


    .category[name="plugin"] {
    background: url("../../../Icons/plugin_32.png") no-repeat !important;
    background-position:4px 8px!important;
    }
    .category[name="plugin"]:hover {
    color:yellow !important;
    border-radius: 60px !important;
    border: 1px solid white !important;
    background: gray url("../../../Icons/plugin_32.png") no-repeat !important;
    background-position:4px 8px!important;
    }
    .category[name="plugin"][aria-selected="true"] {
    color: green !important;
    border-radius: 60px !important;
    border: 1px solid grey !important;
    background: silver url("../../../Icons/plugin_32.png") no-repeat !important;
    background-position:4px 8px!important;
    }


    .category[name="dictionary"] {
    background: url("../../../Icons/wörterbücher_24.png") no-repeat !important;
    background-position:8px 12px!important;
    }
    .category[name="dictionary"]:hover {
    color:yellow !important;
    border-radius: 60px !important;
    border: 1px solid white !important;
    background: gray url("../../../Icons/wörterbücher_24.png") no-repeat !important;
    background-position:8px 12px!important;
    }
    .category[name="dictionary"][aria-selected="true"] {
    color: green !important;
    border-radius: 60px !important;
    border: 1px solid grey !important;
    background: silver url("../../../Icons/wörterbücher_24.png") no-repeat !important;
    background-position:8px 12px!important;
    }


    #preferencesButton {
    background: url("../../../Icons/config.png") no-repeat !important;
    background-position:11px 9px!important;
    }
   #preferencesButton:hover {
    color:yellow !important;
    margin-top:4px !important;
    border-radius: 60px !important;
    border: 1px solid white !important;
    background: gray url("../../../Icons/config.png") no-repeat !important;
    background-position:11px 9px!important;
    }
    
    #help-button {
    background: url("../../../Icons/hilfe.png") no-repeat !important;
    background-position:11px 9px!important;
    }    
    #help-button:hover {
    color:yellow !important;
    margin-top:4px !important;
    border-radius: 60px !important;
    border: 1px solid white !important;
    background: gray url("../../../Icons/hilfe.png") no-repeat !important;
    background-position:11px 9px!important;
    }







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

/*   Rechte Spalte Breite einstellen      */
/*   Farbe   */
    #content,
    .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 EDV-Oldie' !important;
    }
    .header-name[data-l10n-id="theme-heading"]::after    {
    font-size:18px !important;
    font-weight: bold !important;
    color: blue !important;
    content: 'Themen von EDV-Oldie' !important;
    }
    .header-name[data-l10n-id="plugin-heading"]::after    {
    font-size:18px !important;
    font-weight: bold !important;
    color: blue !important;
    content: 'Plugins von EDV-Oldie' !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 EDV-Oldie' !important;
    }
        
        
    .main-search {
    max-height: 10px !important;
    }    
/*   Name für Erweiterungen Ende   */    
    .search-label{display: none !important; }
    .header-name{margin-top: -35px !important; }
    #updates-message{margin-top: -75px !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: 72vw !important; 
    border-radius: 15px !important; 
    border: 2px solid grey !important;
    }
        
    
/*   Hintergrund der Container bei Hover andere Farbe   */ 
    addon-list addon-card > .addon.card:hover {
    background: lightsteelblue !important;
    }
/*   Umrandung der Container bei Hover breiter Rand und andere Farbe   */ 
    :root {
      --card-outline-color: royalblue !important;
    }
/*   Hover in expanded   */     
    button.tab-button:hover {
    background: skyblue !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: red  !important;
    }    
    addon-card:hover .addon.card[active="false"] .theme-enable-button {
    border-radius: 15px !important; 
    border: 1px solid grey !important;
    background: green  !important;
    }

/*   More-Options-Button ...   */
    .more-options-button {
    border-radius: 15px !important; 
    border: 1px solid grey !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;
    max-width: 100px !important;
    font-weight: bold !important;
    color: green !important;
    text-indent: 15px;
    border-radius:10px!important;
    border: 2px solid grey !important;
    }
    .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;
    max-width: 120px !important;
    font-weight: bold !important;
    color: red !important;
    text-indent: 15px;
    border-radius:10px!important;
    border: 2px solid grey !important;
    }
    
/*   Aktiv-Passiv Farbe Ende   */


/*   Add-on Manager - Farbe der Elemente anpassen   */
    .addon.card {
    background: gainsboro !important;
    max-width: initial !important;
    }
/*   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   */


/*   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;}
 */

Alles anzeigen

der ist natürlich nicht bunt, da ich ein Fan von Silvermel war ist bei mir fast alles Silbern

Gruß
EDV-Oldi

edvoldi

Zitat von FuchsFan

Wenn du die nicht aktiven auch noch mit Hitergrund haben möchtest

habe ich schon

Gruß
EDV-Oldi

edvoldi

Hallo FuchsFan.

Zitat von FuchsFan

Na, eventuell doch. Probiere mal:

passt Danke

edvoldi

Zitat von FuchsFan

Teste bitte:

Ohne es getestet zu haben, kann es so nicht funktionieren, Du brauchst schon die Auswahl Deaktivieren oder Aktivieren den es sollen ja zwei unterschiedliche Farben beim Hovern erscheinen.

Gruß
EDV-Oldi

edvoldi

Ich habe auch noch zwei Baustellen wo ich nicht weiter komme.

Ich möchte gerne, wenn ich im Themenbereich beim Hovern über Deaktivieren/Aktiveren fahre,für Deaktivieren rot und Aktivieren grün als Hintergrund habe, leider schaffe ich das nicht.
Hat jemand eine Idee?
Diese Code verwende ich zur Zeit.

CSS

    .theme-enable-button {
    border-radius: 15px !important; 
    border: 1px solid grey !important;
    background: #dddddd !important;
    }
    .theme-enable-button:hover {
    border: 1px solid grey !important;
    background: skyblue !important;
    }

Gruß
EDV-Oldi

edvoldi

Zitat von Büssen

Lassen sich die Felder rechte Seite noch anpassen (verkürzen)?

Hallo Büssen,
ändere einmal margin-left: -10px !important;

zu

margin-left: 25px !important;

Denn Code findest Du hier.

CSS

#abouts > li:nth-child(n+20){
appearance:none!important;
background: cornsilk url("../../../Icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
margin-left: -10px !important;
margin-top:3px!important;

und hier

CSS

#abouts > li:nth-child(n+20):hover{
appearance:none!important;
background: #B2EDFA url("../../../Icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
margin-left: -10px !important;
margin-right:30px!important;

Gruß
EDV-Oldi

edvoldi

Ich habe nur gefragt, da im alten Code hier eine andere Farbe war.
Wenn Du die bewusst geändert hast ist das Okay.

Gruß
EDV-Oldi

edvoldi

Hallo Endor,

Zitat von Endor

ich habe den CSS Code
für about:about nochmal geändert - erweitert.

kann es sein das Du Dich hier vertippt hast?

CSS

#abouts{
background-color: #fffffF !important;

oder soll das so sein?

Gruß
EDV-Oldi

edvoldi

War ja auch nur eine Frage.

Ich möchte immer gerne wissen was ich mache bzw. falsch mach.

Und ich habe meinen Fehler gefunden.

edvoldi

Ich habe diese Zeilen gelöscht und bei mir sieht es so aus.

und genau so soll es auch aussehen.

Gruß
EDV-Oldi

edvoldi

Dann überschreibt bei mir etwas diesen Befehl, ist auch egal, denn die von mir gewünschte Farbe ist da.

Gruß
EDV-Oldi

edvoldi

Zitat von grisu2099

Dann ändere doch einfach mal die Farbe...

Das ist immer das erste was ich mache, ich sehe bei mir keine Änderung

Gruß
EDV-Oldi

edvoldi

Hallo Endor eine Frage,
wo für ist dieser Code

CSS

html{background:#ffffff !important;}

in about:support drin.
Ob der drin ist oder nicht, ich sehe keine Änderung.

Gruß
EDV-Oldi

edvoldi

Zum Beispiel bei mir das:

Gruß
EDV-Oldi

edvoldi

Hallo Enodr,

Zitat von Endor

#saveLogsVerbose{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/content.gif")no-repeat !important;

hier ist glaube ich noch ein Fehler drin.
Im Code steht content.gif du bittest aber ein Icon content.png an.

Gruß
EDV-Oldi

edvoldi

Zitat von Büssen

Dann siehst du auch alle Icons im Nightly.

Ich habe mir gerade das im Nightly angesehen, dort ist ein Feld mehr als in der 76.0.1 Version und für Save verbose wird das Icon im Nightly nicht angezeigt

Links Nightly recht 76.X

Gruß
EDV-Oldi

edvoldi

Zitat von Boersenfeger

fehlen einige Icons bzw Code für Buttons

Bei mir sind sie alle da.

Beiträge von edvoldi

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen