Interessanterweise ist das GIF großer als das PNG
Deine Icons sind auch viel zu groß.
Standard für den Throbber ist:
Dein Throbber hat aber:
128 x 128
Der Haken hat Standard:
Dein Haken hat:
24 x 24
Ich denke mal, darum kommt schon die Verschiebung 
klappt es nicht,
egal ob mit zwei Punkten oder nur mit einem.
Der Ordner image befindet sich bei dir im Unterordner chrome im Profilordner?
Mit Verlaub, und ohne Dir nahetreten zu wollen: Du fängst an, dich genauso zu verzetteln wie Omar letztes Jahr.
Es ist problematisch, an mehreren verschiedenen Stellen/Codes in einem Thread gleichzeitig rumzubasteln.
Mein Vorschlag:
Das mit den Pfadangaben habe ich noch immer nicht so richtig gerafft!
Finde dafür als erstes eine funktionierende Lösung.
Interessanterweise ist das GIF großer als das PNG
Dann such/finde eins in passender Größe. Könnte ein Positionierungsproblem weniger ergeben.
Da ging es darum, dass die Grafiken nicht deckungsgleich sind!
Das ist aus meiner Sicht das größte Problem in deinem Code.
Ich würde den Code erstmal aufräumen und so kommentieren, daß ich sehe, was wozu gehört und sich eventuell beeinflußt.
Bin allerdings jetzt erstmal für einige Stunden weg...
dass die Grafiken nicht deckungsgleich sind!
Mit diesem Teil von deinem Code:
#updateDeck #checkingForUpdates > label {
appearance: none !important;
background: #292c2f url("./image/sample_3.gif") no-repeat 0px 0px !important;
background-size: 48px !important;
color: #eee8aa !important;
font-weight: 200 !important;
font-size: 1.2em !important;
min-height: 28px !important;
margin-top: 0px !important;
margin-right: -10px !important;
margin-bottom: 10px !important;
margin-left: -40px !important;
padding-top: 15px !important;
padding-left: 45px !important;
padding-right: 10px !important;
padding-bottom: 10px !important;
}erstellst du einen neuen Throbber mit einem dunklen Hintergrund.
Weiterhin verschiebst du damit den ganzen Eintrag nach links, damit der Original Throbber durch den dunklen Hintergrund verdeckt wird.
Ist die Update Suche beendet, dann springt alles wieder auf den Standard Abstand nach rechts zurück.
Ob bzw. wie sich das anpassen lässt bin ich überfragt.
Evtl. kannst du versuchen den ganzen Eintrag für alles nach links zu schieben.
Ob bzw. wie sich das anpassen lässt bin ich überfragt.
Lang, lang ist es her, da wollten wir das schon in Angriff nehmen, aber nicht geschafft.
da wollten wir das schon in Angriff nehmen, aber nicht geschafft
Kurz zwischendurch:
Meinereiner hats doch geschafft.
Guckst Du nebenan in #150 ...
Ich würde den Code erstmal aufräumen
background: #292c2f url("./image/sample_3.gif") no-repeat 0px 0px !important;
Ich empfehle, solche Zeilen zu trennen, Beispiel:
background-image: url('./grafik.gif') !important;
background-repeat: no-repeat !important;
background-color: #292c2f !important;
background-position: 0 0 !important;"0px" -> "0"
Wie in der Mathematik, die Null hat keine Einheit 
Danke an die Ideen, die Hilfe, die Codeschnipsel und all da was ich jetzt vergessen hab'. 
Danke an .DeJaVu für die Idee des sauberen Codes.
Danke an 2002Andreas, der einsprang, als ich schon am Aufgeben war.
Und mein besonderer Dank geht an harff182 
Für Deinen Code, für Deine Kritik und, und, und.
Der Kopf raucht, ich bin platt,
aber
ich hab's geschafft.
Hier nun mein Ergebnis:
Und hier der Code dazu:
/* Update-Check ohne Erwartung ;)*/
/* Blendet Original-Animationen aus!*/
#icons > .update-throbber {
visibility: hidden !important;
}
#updateDeck #checkingForUpdates > label {
appearance: none !important;
border-radius: 10px !important;
background-image: url("./image/sample_3.gif") !important;
background-repeat: no-repeat !important;
background-color: #292c2f !important;
background-position: 0 center !important;
background-size: 36px !important;
color: #eee8aa !important;
font-size: 1.2em !important;
font-weight: 200 !important;
min-height: 28px !important;
margin-top: 0 !important;
margin-right: -10px !important;
margin-bottom: 10px !important;
margin-left: -40px !important;
padding-top: 7px !important;
padding-right: 25px !important;
padding-bottom: 0 !important;
padding-left: 45px !important;
}
/* Blendet Original-Icon aus!*/
#icons > .noUpdatesFound {
visibility: hidden !important;
}
#noUpdatesFound > label:nth-child(1) {
appearance: none !important;
border-radius: 10px !important;
background-image: url("./image/tick_2.png") !important;
background-repeat: no-repeat !important;
background-color: #292c2f !important;
background-position: 0 center !important;
background-size: 36px !important;
color: #ff9600 !important;
font-size: 1.5em !important;
font-weight: 400 !important;
min-height: 28px !important;
margin-top: 0 !important;
margin-right: -10px !important;
margin-bottom: 12px !important;
margin-left: -40px !important;
padding-top: 2px !important;
padding-right: 25px !important;
padding-bottom: 0 !important;
padding-left: 45px !important;
}
/* Das muss noch gecheckt werden */
/* Update-Check mit Erwartung auf FF96ff..*/
#updateButton {
appearance: none !important;
background: yellow url("./image/newtab-inverted.png")no-repeat 13px 1px !important;
color: black !important;
min-width: 360px !important;
padding-left: 30px !important;
margin: 0 0 10px 0!important;
border: 2px solid black !important;
border-radius: 10px !important;
}
#updateButton:hover{
background: lightblue url("./image/Test_1.png")no-repeat 13px 3px !important;
}
/* Dazugehörige default-GFX is im Weg...*/
#icons > .apply{
visibility: hidden !important;
}
#updateButton .button-box{
padding-top: 0 !important;
padding-bottom: 0 !important;
-moz-padding-start: 3px !important;
-moz-padding-end: 3px !important;
}Gruß
Mira
PS:
OK, ich übertreibe!!
#updateDeck #checkingForUpdates > label {
background-position: 20 center !important;
}Das GIF etwas nach unten gesetzt.
¯_(ツ)_/¯.
GESCHAFFT
MIST - ich hatte mich grade hingesetzt und angefangen, meinen Code umzubauen 
Kannichjadannwohllöschen .
Und mein besonderer Dank geht an harff182
Meinereiner fühlt sich geschmeichelt 
für Deine Kritik
Und da isse widda:
Dein Fuchs sieht kastriert aus:
An der rechten Seite ist am Ohr und am Bart ist was abgeschnitten und am lenken Bart auch.
Dat GFX paßt so nich rein.
Füge da mal background-size: contain !important; ein
Und was bei meinem güldenen nicht, aber bei Deinem schwarzen Hintegrund sehr wohl auffällt:
Rundherum ist so ein komischer heller Pünktchen-Rand - is abba Geschmackssache, ob man da nacharbeitet 
Schön, daß Du letztendlich Dein Ziel erreicht hast 
background-position: 20 center !important;
Das sollte überhaupt nicht funktionieren, da du die Einheit weggelassen hast!
Wie in der Mathematik, die Null hat keine Einheit
In der Mathematik gibt es streng genommen überhaupt keine Einheiten, so wie du sie verstehst! Das, was du wahrscheinlich meinst, nennt sich Physik...
Außerdem weiß ich nicht, warum immer wieder auf die Einheitenlosikkeit der '0' hingewiesen wird? Es ist doch durchaus praktisch jeder Konstanten oder Variablen, also auch der Null, eine Einheit mitzugeben: Erstens erkenne ich damit sofort, welche Größeneinheit das Element verlangt bzw akzeptiert (z.B. Pixel), zweitens kann ich so 'gedankenlos' eine Änderung an dem Zahlenwert vornehmen, ohne mich um die Einheit kümmern zu müssen. Auch gibt es ein paar Ausnahmen von der Regel '0+Einheit == 0', beispielsweise in der Definition von Schlüsselframes bei Animationen in Prozent dann gilt nämlich '0% != 0'. Mir ist es schon öfters passiert, dass ich eben mal schnell die '0' (ohne Einheit) durch eine andere Zahl ersetzt habe und mich dann erst mal gewundert habe, warum denn keine Änderung eingetreten ist. Seitdem füge ich auch bei der Null stets die Einheit hinzu...
background-position: 20 center !important;
Das sollte überhaupt nicht funktionieren, da du die Einheit weggelassen hast!
Doch, so weit ich mir das angelesen habe, sind Zahlen eh Prozent angaben!
Des Weiteren sind dann ja nur center, top, bottom, left and right zugelassen.
Mit dem beschnittenen Bild ist mir bis jetzt noch gar nicht aufgefallen.
Mach mich demnächst daran.
Auch die Grafik wird dann nochmals überarbeitet.
Aber das hat ja nun etwas Zeit.
Gruß
Mira
Doch, so weit ich mir das angelesen habe, sind Zahlen eh Prozent angaben!
Nein. Wenn du eine Zahl angibst, die nicht 0 ist, muss diese auch eine Einheit haben. CSS nimmt grundsätzlich nicht automatisch Einheiten an, bei keiner Eigenschaft. Das siehst du eh im Inspektor, dass eine solche Angabe durchgestrichen und mit einem Ausrufezeichen versehen wird, dessen Tooltip "Ungültiger Wert für Eigenschaft" sagt.
Des Weiteren sind dann ja nur center, top, bottom, left and right zugelassen.
Mir ist nicht ganz klar, was genau du damit meinst, aber ausgehend von deinem Beispiel mit zwei Werten ist der ein Wert immer die X-Position und der andere Wert die Y-Position. Für beides kannst du jeden dieser Begriffe verwenden, eine Angabe in Pixel, Prozent oder jeder anderen Längeneinheit oder sogar eine Längenheit mit einem solchen Schlüsselwort kombinieren (z.B. right 100px center, um in der Höhe zentriert und 100px von rechts angeben zu können).
Ich empfehle hier das MDN als Quelle, weil dieses die Möglichkeiten ausführlich erklärt und mehrere Beispiele beinhaltet:
OK,
habe ich korrigiert!
Und es war doch mein Fehler!
Sorry.
Hat mir keine Ruhe gelassen.
Besser?
Gruß
Mira
Besser?
Ein glücklicher Fuchs
Bezüglich background-size : wenn du sowas nachgucken willst, besser hier:
Mit den Erklärungen + Beispielen komme sogar ich oft klar
guuts nächtle...
Der MDN-Link steht schon zwei Beiträge über deinem Beitrag, bloß im englischen Original, welches man bei MDN immer verwenden sollte. Die deutschen Inhalte sind häufig veraltet.
