bis der weiße Strich weg ist.
CSS
/* Downloads Icon ändern */
#downloads-button {
width: 110px !important;
background-image: url("..//favicons/download1.png") !important;
background-repeat: no-repeat !important;
background-position: 0px 2px !important;
background-size: 110px 20px !important;
}
#downloads-button:hover {
width: 110px !important;
background-image: url("..//favicons/download1.png") !important;
background-repeat: no-repeat !important;
background-position: 0px 2px !important;
background-size: 110px 20px !important;
background-color: lightgrey !important;
}
#downloads-button > stack {
fill: transparent !important;
}
#downloads-button {
--toolbarbutton-active-background: transparent !important;
}
#downloads-button {
--toolbarbutton-hover-background: transparent !important;
}
#downloads-button > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer {
border: 2px solid rgb(3, 255, 3) !important;
}
#downloads-button {
--toolbarbutton-icon-fill-attention: white !important;
}
/* Download-Prozessor Popups ändern */
progress::-moz-progress-bar {
background-color: red !important;
}
.downloadProgress {
height: 15px !important;
}
#downloadsPanel-mainView,
#downloadsPanel {
background-color: blue !important;
}
#downloadsHistory {
font-size: 20px !important;
color: white !important;
}
#emptyDownloads {
font-size: 20px !important;
}
.downloadIconCancel {
color: white !important;
}
.downloadProgress {
background: white !important;
}
Alles anzeigen
das ist jetzt meine Code für Download-Icon.
und so sieht es aus:
wenn mit Maus drauf bin.
so sieht es aus:
wenn mit Maus NICHT drauf bin.
so sieht es aus:
wenn es was downloadet.
Aber ich schafe es nicht, dass beim HOVER hintergrund grau aussieht wie hier:
Evtl. ist es so, weil es ein langer Icon ist.
Wenn jemand es schaft, würde es mich freuen, wenn nicht dann Pech
PS: wenn ich mit den Zahlen spiele dann wird es so, dass es nicht mehr passt.