Beiträge von BarbaraZ-

BarbaraZ-

Wie ich finde, eine der letzten guten Charakterschauspieler.

64 Jahre, viel zu jung. Ich habe ihn in seinen Rollen sehr geliebt.

Bewahrheitet sich immer wieder, Krebs ist ein Schweinehund.

R.I.P.

BarbaraZ-

Herzlichen Danke.

Da ich das Script ebenfalls benutze, habe ich es an der Stelle eingefügt und es passt.

Danke

BarbaraZ-

Moin,

das Icon ist ein wenig nach links verrutscht, im Gegensatz zu den anderen Icons, die mittig sitzen.

Ich hätte es gerne zentriert, weis aber nicht wie und wenn möglich, vielleicht in das Script eingefügt, wenn dort nicht schon eine Postition vorgesehen ist, die nur geändert werden muss.

BarbaraZ-

Den Weihnachtswünschen schließe ich mich gerne an.

BarbaraZ-

Herzlichen Dank Andreas.

Alles gut so, wie es sein soll.

BarbaraZ-

Hallo Andreas,

Danke, der Code aus Beitrag #382 passt perfekt.

Nun muss nur noch der weiße Rand um die Container, dort wo auch das Wort das Wort "Aktiviert" steht, farblich angepasst werden.

BarbaraZ-

Moin zusammen,

ich nutze diesen Code, um die Addons-Verwaltung anzupassen:

CSS

/*Addons-Manager*/

/*Versionsnummer des Addons wird angezeigt*/
      
    div:not([current-view="updates"]) .addon-name-link[title]::after,
    div:not([current-view="updates"]) .addon-name[title]::after {
      display: block !important;
      content: attr(title) !important;
      margin-top: -22px !important;
    }


/*Nummerierung der installierten Erweiterungen*/

body {
  counter-reset: section;                      
  }

#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 {
  font-size: 18px !important;  
  color: magenta !important;
  font-weight: bold !important;
  counter-increment: section;                 
  content: counter(section, decimal-leading-zero)".) ";
  margin-left: -8px !important;
  padding-right: 8px !important; 
  margin-top: 4px !important;
  } 
  
addon-list addon-card > .addon.card {
  width: 700px;
  }

/*Ansicht-Erweiterungen-Verwalten*/

addon-card:not([expanded]) .card-contents {
    white-space: normal !important;
    }

.addon-description {
    max-width: 1150px !important;
    }
    
button:hover {    
    cursor: pointer !important;
    }
    
addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"] { /* Deaktivieren */
    margin-left: -10px !important;
    padding-right: 20px !important;
    background: powderblue !important;
    border-radius: 60px !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"]:hover {
    background: magenta !important;
    color: white !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="remove"] {  /* Entfernen */
    margin-left: 8px !important;
    padding-right: 13px !important;
    background: powderblue !important;
    border-radius: 60px !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="remove"]:hover {
    background: red !important;
    color: white !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="preferences"] {  /* Einstellungen */
    margin-left: 32px !important;
    padding-right: 18px !important;
    background: powderblue !important;
    border-radius: 60px !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="preferences"]:hover {
    background: blue !important;
    color: white !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="expand"] {  /* Verwalten */
    margin-left: 60px !important;
    padding-right: 20px !important;
    background: powderblue !important;
    border-radius: 60px !important;
    }
  
addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="expand"]:hover {
    background: green !important;
    color: white !important;
    }
    
    
/*** hiermit wird der Hintergrund bei Klick auf das Zahnrad-Symbol ausgeblendet ***/
button:-moz-focusring {
    box-shadow: none !important;
    outline: 0px dotted !important;
    outline-offset: 0px !important;
}    

/*** hiermit wird der Hintergrund bei Klick auf Buttons auf der rechten Seite ausgeblendet ***/
button.more-options-button:focus, button.more-options-button:enabled:hover {
    background-color: transparent !important;
    border: none !important;
}

/*** hiermit werden unter Themes die Grafiken ausgeblendet ****/
.card-heading-image {
    display: none !important;
}


addon-list addon-card > .addon.card
{
    width: 94vw !important;  /* bringt die Container bis zum rechten Rand */
    margin-bottom: 5px !important;
    height: 65px !important; /* Höhe der Container */
    border: 1px solid black !important; /* Umrandung */
    /*border: 5px solid black !important;*/ /* Umrandung */
    
}
/*** Umrandung bei Hover breiter Rand und andere Farbe ****/ 
:root {
    --card-outline-color: red !important;
    }


addon-list section addon-card,
addon-list section addon-card .card.addon
{
    cursor: default !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed
{
    cursor: pointer !important;
}

#addons-page #heading hbox.heading-inner #heading-name.header-name
{
    -moz-box-ordinal-group: 2 !important;
    padding-left: 10px !important;
}

.addon-badge-private-browsing-allowed {
    width: 230px !important;
    background-position: left !important;
}
.addon-badge-private-browsing-allowed::after
{
    content: "(privates Fenster erlaubt)" !important;
    margin-left: 20px !important;
    
} 

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu
{
    position:absolute !important;
    margin: 0 !important;
    margin-inline-end: 0 !important;
    left: 120px !important;
    
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options
{
    margin-left: 0 !important;
    margin-inline-end: 0 !important;
}

/*** die drei Punkte werden im Container-Feld ausgeblendet *****/
addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu button.more-options-button.ghost-button
{
    display: none !important;
    
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list
{
    display:block !important;
    visibility: visible !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    --in-content-button-background: none !important;
    top: -25px !important;
}

.arrow, .arrow.top, .arrow.bottom,
addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item-separator
{
    display: none !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="toggle-disabled"] /* Deaktivieren */
{
    position:absolute !important;
    top: 16px !important;
    left: 565px !important; /* Lage des Button Deaktivieren in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888;
    }

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="remove"] /* Entfernen */
{
    position:absolute !important;
    top: 16px !important;
    left: 700px !important; /* Lage des Button Entfernen in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888;
}


addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="preferences"] /* Einstellungen */
{
    position:absolute !important;
    top: 16px !important;
    left: 800px !important; /* Lage des Button Einstellungen in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888; 
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="report"]
{
    display: none !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="expand"] /* Verwalten */
{
    position:absolute !important;
    top: 16px !important;
    left: 925px !important; /* Lage des Button Verwalten in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888; 
}


.message-bar{
    display:none;
}


/* Hintergrundfarbe auf allen Seiten hellgrau*/
#headered-views,
#category-box,
.App,
.DiscoPane,
.Footer{
    background: lightgrey !important;
    }

/* Die Button auf der linken Seite */
#categories > .category,
#preferencesButton,
#helpButton,
#addonsButton{
    margin-left: 1px !important; /*Abstand der Button zum linken Rand*/
    }

#categories > .category:not([disabled]){
    background-color: cadetblue !important; /*Hintergrundfarbe vom Button*/
    margin-top: 1px !important; /*Abstand zum Button darüber*/
    border-radius: 60px !important; /*Rundung vom Button*/
    box-shadow: inset 0 0 5px 5px #888;
    }
    

/*Aktiver Button rot, Schrift weiß*/
#categories > .category[selected]{
    color: white !important;
    background-color: red !important;
    margin-top: 1px !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 5px 5px #888; 
    }

/* Hintergrund der Button blau, Schrift weiß bei hover mit der Maus*/
#categories > .category:hover,
#preferencesButton:hover,
#helpButton:hover,
#addonsButton:hover{
    color: white !important;
    background-color: blue !important;
    margin-top: 1px !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 5px 5px #888;
    }
    
    
/* Die Breite der Felder unter Add-ons entdecken im rechten Fensterteil */
.App,           
.DiscoPane,
.Footer{
    max-width:initial !important;
    }
    
/* Kleiner Pfeil nach unten in einem Button, bei hover weiß */
.addon-control:hover .menulist-dropmarker{
    fill: white !important;
    }
    
/* Button oben mit dem Zahnrad */
#header-utils-btn{
    background-color: cornflowerblue !important; /*Hintergrundfarbe vom Button*/
    border-radius: 60px !important; /*Rundung vom Button*/
    box-shadow: inset 0 0 3px 3px #888; 
    }

/* Button oben mit dem Zahnrad bei hover blau */
#header-utils-btn:hover{
    color: white ! important;
    background-color: lime !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 3px 3px #888; 
    }
    
/* Zurückbutton bei geöffneter Einstellung einer Erweiterung */
#go-back{
    background-color: cornflowerblue !important; /*Hintergrundfarbe vom Button*/
    border-radius: 60px !important; /*Rundung vom Button*/
    box-shadow: inset 0 0 3px 3px #888; 
    }
    
#go-back:hover{
    color: white !important;
    background-color: lime !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 3px 3px #888;
    }
    
/* Kleiner Pfeil nach unten in einem Button unter Plugins, bei hover weiß */
#detail-state-menulist:hover .menulist-dropmarker{
    fill: white !important;
    }

Alles anzeigen

Nun möchte ich hier gerne farblich etwas ändern:

Ich möchte

1. Die Container farblich unterlegen,

2. den Rand um die Container ebenfalls farblich anpassen.

Beides soll aber unterschiedliche Farben enthalten.

Gerne füge ich die einzelnen Codes bei mir auch selber ein, wenn es einfacher ist, statt den gesamten Code zu ändern.

BarbaraZ-

Auch von mir ein Dankeschön und noch einen restlichen schönen 1. Advent.

BarbaraZ-

Weihnachten auf bremische Art.

BarbaraZ-

Danke Andreas,

manchmal ist es so einfach, dass mal *blind* auf den Augen ist.

BarbaraZ-

Moin zusammen,

ich habe hier im Code

CSS

/*AddonMenu Text statt Punkte*/


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

/*Nummerierung der installierten Erweiterungen*/

body {
  counter-reset: section;                      
  }

#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 {
  font-size: 18px !important;  
  color: red !important;
  font-weight: bold !important;
  counter-increment: section;                 
  content: counter(section, decimal-leading-zero)":) ";
  margin-left: -8px !important;
  padding-right: 8px !important; 
  margin-top: 4px !important;
  } 
  
addon-list addon-card > .addon.card {
  width: 700px;
  }

/*https://www.camp-firefox.de/forum/thema/128571-ansicht-erweiterungen-verwalten/?pageNo=1*/

addon-card:not([expanded]) .card-contents {
    white-space: normal !important;
    }

.addon-description {
    max-width: 1150px !important;
    }
    
button:hover {    
    cursor: pointer !important;
    }
    
addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"] { /* Deaktivieren */
    margin-left: -10px !important;
    padding-right: 20px !important;
    background: dodgerblue !important;
    border-radius: 60px !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"]:hover {
    background: magenta !important;
    color: white !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="remove"] {  /* Entfernen */
    margin-left: 8px !important;
    padding-right: 13px !important;
    background: dodgerblue !important;
    border-radius: 60px !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="remove"]:hover {
    background: red !important;
    color: white !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="preferences"] {  /* Einstellungen */
    margin-left: 32px !important;
    padding-right: 18px !important;
    background: dodgerblue !important;
    border-radius: 60px !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="preferences"]:hover {
    background: blue !important;
    color: white !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="expand"] {  /* Verwalten */
    margin-left: 60px !important;
    padding-right: 20px !important;
    background: dodgerblue !important;
    border-radius: 60px !important;
    }
  
addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="expand"]:hover {
    background: green !important;
    color: white !important;
    }
    
    
/*** hiermit wird der Hintergrund bei Klick auf das Zahnrad-Symbol ausgeblendet ***/
button:-moz-focusring {
    box-shadow: none !important;
    outline: 0px dotted !important;
    outline-offset: 0px !important;
}    

/*** hiermit wird der Hintergrund bei Klick auf Buttons auf der rechten Seite ausgeblendet ***/
button.more-options-button:focus, button.more-options-button:enabled:hover {
    background-color: transparent !important;
    border: none !important;
}

/*** hiermit werden unter Themes die Grafiken ausgeblendet ****/
.card-heading-image {
    display: none !important;
}

/***********************************************************************************************/
/* Addon Manager by @.DeJaVu */

addon-list addon-card > .addon.card
{
    width: 94vw !important;  /* bringt die Container bis zum rechten Rand */
    margin-bottom: 5px !important;
    height: 65px !important; /* Höhe der Container */
    border: 1px solid black !important; /* Umrandung */
    
}

addon-list section addon-card,
addon-list section addon-card .card.addon
{
    cursor: default !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed
{
    cursor: pointer !important;
}

#addons-page #heading hbox.heading-inner #heading-name.header-name
{
    -moz-box-ordinal-group: 2 !important;
    padding-left: 10px !important;
}

.addon-badge-private-browsing-allowed {
    width: 230px !important;
    background-position: left !important;
}
.addon-badge-private-browsing-allowed::after
{
    content: "(In privaten Fenstern erlaubt)" !important;
    margin-left: 20px !important;
    
} 

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu
{
    position:absolute !important;
    margin: 0 !important;
    margin-inline-end: 0 !important;
    left: 120px !important;
    
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options
{
    margin-left: 0 !important;
    margin-inline-end: 0 !important;
}

/*** die drei Punkte werden im Container-Feld ausgeblendet *****/
addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu button.more-options-button.ghost-button
{
    display: none !important;
    
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list
{
    display:block !important;
    visibility: visible !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    --in-content-button-background: none !important;
    top: -25px !important;
    
}

.arrow, .arrow.top, .arrow.bottom,
addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item-separator
{
    display: none !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="toggle-disabled"] /* Deaktivieren */
{
    position:absolute !important;
    top: 16px !important;
    left: 565px !important; /* Lage des Button Deaktivieren in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888;
    }

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="remove"] /* Entfernen */
{
    position:absolute !important;
    top: 16px !important;
    left: 700px !important; /* Lage des Button Entfernen in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888;
}


addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="preferences"] /* Einstellungen */
{
    position:absolute !important;
    top: 16px !important;
    left: 800px !important; /* Lage des Button Einstellungen in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888; 
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="report"]
{
    display: none !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="expand"] /* Verwalten */
{
    position:absolute !important;
    top: 16px !important;
    left: 925px !important; /* Lage des Button Verwalten in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888; 
}


.message-bar{
    display:none;
}


/* Hintergrundfarbe auf allen Seiten hellgrau*/
#headered-views,
#category-box,
.App,
.DiscoPane,
.Footer{
    background: lightgrey !important;
    }

/* Die Button auf der linken Seite */
#categories > .category,
#preferencesButton,
#helpButton,
#addonsButton{
    margin-left: 1px !important; /*Abstand der Button zum linken Rand*/
    }

#categories > .category:not([disabled]){
    background-color: cadetblue !important; /*Hintergrundfarbe vom Button*/
    margin-top: 1px !important; /*Abstand zum Button darüber*/
    border-radius: 60px !important; /*Rundung vom Button*/
    box-shadow: inset 0 0 5px 5px #888;
    }
    

/*Aktiver Button rot, Schrift weiß*/
#categories > .category[selected]{
    color: white !important;
    background-color: red !important;
    margin-top: 1px !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 5px 5px #888; 
    }

/* Hintergrund der Button blau, Schrift weiß bei hover mit der Maus*/
#categories > .category:hover,
#preferencesButton:hover,
#helpButton:hover,
#addonsButton:hover{
    color: white !important;
    background-color: blue !important;
    margin-top: 1px !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 5px 5px #888;
    }
    
    
/* Die Breite der Felder unter Add-ons entdecken im rechten Fensterteil */
.App,           
.DiscoPane,
.Footer{
    max-width:initial !important;
    }
    
/* Kleiner Pfeil nach unten in einem Button, bei hover weiß */
.addon-control:hover .menulist-dropmarker{
    fill: white !important;
    }
    
/* Button oben mit dem Zahnrad */
#header-utils-btn{
    background-color: cornflowerblue !important; /*Hintergrundfarbe vom Button*/
    border-radius: 60px !important; /*Rundung vom Button*/
    box-shadow: inset 0 0 3px 3px #888; 
    }

/* Button oben mit dem Zahnrad bei hover blau */
#header-utils-btn:hover{
    color: white ! important;
    background-color: lime !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 3px 3px #888; 
    }
    
/* Zurückbutton bei geöffneter Einstellung einer Erweiterung */
#go-back{
    background-color: cornflowerblue !important; /*Hintergrundfarbe vom Button*/
    border-radius: 60px !important; /*Rundung vom Button*/
    box-shadow: inset 0 0 3px 3px #888; 
    }
    
#go-back:hover{
    color: white !important;
    background-color: lime !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 3px 3px #888;
    }
    
/* Kleiner Pfeil nach unten in einem Button unter Plugins, bei hover weiß */
#detail-state-menulist:hover .menulist-dropmarker{
    fill: white !important;
    }

Alles anzeigen

in den Zeilen 4 - 6 folgenden Eintrag. Hier sollte sich eigentlich bei Hover der Rahmen in Orange einfärben.

Leider bleibt dieser grau.

Ich kann den Fehler, woran es liegt nicht finden. Benötige bitte Hilfe.

Danke

BarbaraZ-

Moin,

erst einmal Danke für die Hilfe und milupo, dieses Phänomen trat bei mir auch auf. Habe mal Deinen Code aus Beitrag #162 übernommen. Mal im Auge behalten.

BarbaraZ-

So, habe hier ein bisschen gebastelt.

CSS

/*AddonMenu Text statt Punkte*/

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

/*https://www.camp-firefox.de/forum/thema/128571-ansicht-erweiterungen-verwalten/?pageNo=1*/

addon-card:not([expanded]) .card-contents {
    white-space: normal !important;
    }

.addon-description {
    max-width: 1150px !important;
    }
    
button:hover {    
    cursor: pointer !important;
    }
    
addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"] { /* Deaktivieren */
    margin-left: -10px !important;
    padding-right: 20px !important;
    background: gainsboro !important;
    border-radius: 60px !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"]:hover {
    background: magenta !important;
    color: white !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="remove"] {  /* Entfernen */
    margin-left: 8px !important;
    padding-right: 13px !important;
    background: gainsboro !important;
    border-radius: 60px !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="remove"]:hover {
    background: red !important;
    color: white !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="preferences"] {  /* Einstellungen */
    margin-left: 32px !important;
    padding-right: 18px !important;
    background: gainsboro !important;
    border-radius: 60px !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="preferences"]:hover {
    background: blue !important;
    color: white !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="expand"] {  /* Verwalten */
    margin-left: 60px !important;
    padding-right: 20px !important;
    background: gainsboro !important;
    border-radius: 60px !important;
    }
    

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="expand"]:hover {
    background: green !important;
    color: white !important;
    }
    
    
/*** hiermit wird der Hintergrund bei Klick auf das Zahnrad-Symbol ausgeblendet ***/
button:-moz-focusring {
    box-shadow: none !important;
    outline: 0px dotted !important;
    outline-offset: 0px !important;
}    

/*** hiermit wird der Hintergrund bei Klick auf Buttons auf der rechten Seite ausgeblendet ***/
button:focus, button:enabled:hover {
    background-color: transparent !important;
    border: none !important;
}

/*** hiermit werden unter Themes die Grafiken ausgeblendet ****/
.card-heading-image {
    display: none !important;
}

/***********************************************************************************************/
/* Addon Manager by @.DeJaVu */

addon-list addon-card > .addon.card
{
    width: 94vw  !important;  /* bringt die Container bis zum rechten Rand */
    margin-bottom: 5px !important;
    height: 65px !important; /* Höhe der Container */
    border: 1px solid yellow !important; /* Umrandung */
    
}

addon-list section addon-card,
addon-list section addon-card .card.addon
{
    cursor: default !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed
{
    cursor: pointer !important;
}

#addons-page #heading hbox.heading-inner #heading-name.header-name
{
    -moz-box-ordinal-group: 2 !important;
    padding-left: 10px !important;
}

.addon-badge-private-browsing-allowed {
    width: 230px !important;
    background-position: left !important;
}
.addon-badge-private-browsing-allowed::after
{
    content: "(In privaten Fenstern erlaubt)" !important;
    margin-left: 20px !important;
    
} 

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu
{
    position: absolute !important;
    margin: 0 !important;
    margin-inline-end: 0 !important;
    left: 120px !important;
    
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options
{
    margin-left: 0 !important;
    margin-inline-end: 0 !important;
}

/*** die drei Punkte werden im Container-Feld ausgeblendet *****/
addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu button.more-options-button.ghost-button
{
    display: none !important;
    
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list
{
    display: block !important;
    visibility: visible !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    --in-content-button-background: none !important;
    top: -25px !important;
    
}

.arrow, .arrow.top, .arrow.bottom,
addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item-separator
{
    display: none !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="toggle-disabled"] /* Deaktivieren */
{
    position: absolute !important;
    top: 16px !important;
    left: 565px !important; /* Lage des Button Deaktivieren in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888;
    }

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="remove"] /* Entfernen */
{
    position: absolute !important;
    top: 16px !important;
    left: 700px !important; /* Lage des Button Entfernen in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888;
}


addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="preferences"] /* Einstellungen */
{
    position: absolute !important;
    top: 16px !important;
    left: 800px !important; /* Lage des Button Einstellungen in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888; 
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="report"]
{
    display: none !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="expand"] /* Verwalten */
{
    position: absolute !important;
    top: 16px !important;
    left: 925px !important; /* Lage des Button Verwalten in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888; 
}


.message-bar{
    display:none;
}


/* Hintergrundfarbe auf allen Seiten hellgrau*/
#headered-views,
#category-box,
.App,
.DiscoPane,
.Footer{
    background: lightgrey !important;
    }

/* Die Button auf der linken Seite */
#categories > .category,
#preferencesButton,
#helpButton,
#addonsButton{
    margin-left: 1px !important; /*Abstand der Button zum linken Rand*/
    }

#categories > .category:not([disabeld){
    background-color: cadetblue !important; /*Hintergrundfarbe vom Button*/
    margin-top: 1px !important; /*Abstand zum Button darüber*/
    border-radius: 60px !important; /*Rundung vom Button*/
    box-shadow: inset 0 0 5px 5px #888;
    }
    

/*Aktiver Button rot, Schrift weiß*/
#categories > .category[selected]{
    color: white !important;
    background-color: red !important;
    margin-top: 1px !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 5px 5px #888; 
    }

/* Hintergrund der Button blau, Schrift weiß bei hover mit der Maus*/
#categories > .category:hover,
#preferencesButton: hover,
#helpButton: hover,
#addonsButton: hover{
    color: white !important;
    background-color: blue !important;
    margin-top: 1px !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 5px 5px #888;
    }
    
    
/* Die Breite der Felder unter Add-ons entdecken im rechten Fensterteil */
.App,           
.DiscoPane,
.Footer{
    max-width: initial !important;
    }
    
/* Kleiner Pfeil nach unten in einem Button, bei hover weiß */
.addon-control: hover .menulist-dropmarker{
    fill: white !important;
    }
    
/* Button oben mit dem Zahnrad */
#header-utils-btn{
    background-color: cornflowerblue !important; /*Hintergrundfarbe vom Button*/
    border-radius: 60px !important; /*Rundung vom Button*/
    box-shadow: inset 0 0 3px 3px #888; 
    }

/* Button oben mit dem Zahnrad bei hover blau */
#header-utils-btn: hover{
    color: white ! important;
    background-color: lime !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 3px 3px #888; 
    }
    
/* Zurückbutton bei geöffneter Einstellung einer Erweiterung */
#go-back{
    background-color: cornflowerblue !important; /*Hintergrundfarbe vom Button*/
    border-radius: 60px !important; /*Rundung vom Button*/
    box-shadow: inset 0 0 3px 3px #888; 
    }
    
#go-back:hover{
    color: white !important;
    background-color: lime !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 3px 3px #888;
    }
    
/* Kleiner Pfeil nach unten in einem Button unter Plugins, bei hover weiß */
#detail-state-menulist: hover .menulist-dropmarker{
    fill: white !important;
    }

Alles anzeigen

Dabei sind mir leider auf der linken Seite z. B. bei Erweiterungen die Rundungen abhanden gekommen.

So wie in diesem Bild dargestellt, hätte ich es gerne wieder.

Ich finde leider die Stelle nicht, wo ich die Änderung setzetn muss.

BarbaraZ-

Hallo FuchsFan,

Danke für Deine verständliche Erklärung im Beitrag #115.

Dadurch war es für mich nicht schwierig, mir den Code optimal für meine Verhältnisse anzupassen.

Hast gut gemacht und verdienst ein * Sternchen.

BarbaraZ-

Zitat von FuchsFan

Ich für meinen Teil bin erst einmal damit durch, funktioniert jetzt bis zur Nightly. Ich habe jetz nochmal alles für Auflösung 1920x1080 für die volle Breite angepasst

Moin FuchsFan, verrätst Du mir, wie Du das gemacht hast?

BarbaraZ-

Tach zusammen.

erst einmal Danke für den Code aus Beitrag #20. Habe ich gleich mal gegen meinen bestehenden ausgetauscht.

Allerdings suche ich die Möglichkeit, die 4 abgerundeten Textfelder weiter nach rechts zu verschieben, damit der blaue Text sichbar wird.

Leider weiß ich nicht, an welcher Stelle im Code ich schrauben muss.

Bitte um kurze Hilfe.

BarbaraZ-

Hallo Zauberer, die besten Glückwünsche zum Geburtstag.

BarbaraZ-

Gibt es hierzu schon Erkenntnisse:

Oder müssen wir noch warten??

BarbaraZ-

Danke für den Hinweis.

Dann markiere ich es mal als erledigt. Sicherlich wird sich jemand bei Gelegenheit dran machen.

BarbaraZ-

Auch wenn sich oben in Code ein Fehler eingeschlichen hat,

Eine } zuviel in Zeile 12, klappt es trotzdem nicht mehr.

Sieht jetzt so aus:

CSS

/* Datum im Addons-Manager anzeigen */

@-moz-document url("about:addons"){

#list-view > #addon-list .date-updated {
display: -moz-box !important; 
text-align:center !important; 
margin-top: 17px !important;
color: coral !important;}
  }

Beiträge von BarbaraZ-

In memoriam

extra_config_menu-Icon verschieben

extra_config_menu-Icon verschieben

Frohe Weihnachten und einen guten Rutsch

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Forum - Geburtstagsliste verkürzen

Advents-Thread

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Der Glückwunsch-Thread

Datum im Add-ons-Manager und empfohlene Erweiterungen

Datum im Add-ons-Manager und empfohlene Erweiterungen

Datum im Add-ons-Manager und empfohlene Erweiterungen