Hallo,
im Entwickler-Werkzeugkasten aktiviere den Tab "Stilbearbeitung" und suche in der linken Spalte nach calendar-event-dialog.css (128 Regeln) :
Die IDs kannst du doch in dem Code von calendar-event-dialog.css finden, wie ich es in meinem Screenshot gezeigt habe.
Es geht natürlich auch noch anders.
Du öffnest ein Fenster für einen neuen Termin und dann das Fenster mit dem Werkzeugkasten, dann bringst du aus praktischen Gründen beide Fenster nebeneinander.
Im Werkzeugkasten klickst du oben rechts auf das kleine rechteckige Fenstersymbol und wählst im Dropdown-Menü das Item chrome://calendar/conten/calendar-event-dialog.xul (wenn du mit der Maus darüber fährst, wird das Fenster "Neuer Termin" rot umrandet 
Daraufhin wird in der linken Spalte des Inspektors die Beschreibung des Inhalts der Fensters "Neuer Termin" angezeigt. Du klickst ein Element im Fenster "Neuer Termin" an, um in der linken Spalte des Inspektors die entsprechende Beschreibung blau zu markieren (hier in meinem Beispiel habe ich auf den Button "Speichern und schließen" geklickt):
Umgekehrt kannst du auch mit dem Mauszeiger den Text in der linken Spalte des Inspektors überfliegen (hover), wobei im Fenster "Neuer Termin" das gerade "überflogene" Element rot umrandet wird.
Vielen Dank! Gerade wollte ich schreiben, dass ich auf die gleiche Spur gekommen bin. Im Hauptfenster kenne ich mich mit dem Inspektor aus, aber ich wusste nicht, wie man in die anderen Fenster kommt.
Wenn der CSS-Code wie gerade bei mir nicht richtig klappt, ist der Inspektor eine große Hilfe bei der Fehlersuche.
Deine tolle Beschreibung wäre wert angepinnt zu werden 
