l'html e' una lista puntata, formattata via css (per approfondimenti devi chiedere nel forum apposito), mentre per la grafica, devi fare una barra con il riempimento sfumato tra #d1d1d1 in alto e #939393 in basso; hanno arrotondato leggermente gli angoli e dato un minimo di ombra (grigio chiaro con poca opacita' e pochissima sfocatura)

gli hover sono uguali, ma scuri e vanno da #9f9f9f in alto a #666666 in basso e il testo e' bianco anziche' nero

per quanto riguarda il testo, hanno scelto di farlo in formato immagine, ma puoi tranquillamente ottenere lo stesso effetto con del testo vero e proprio, dando un colore grigio scuro nella posizione normale e il bianco in quella hover

per la posizione cliccata, psp ha un effetto apposito, ma se dovessi farlo da zero:
- riempirei un livello di color grigio scuro
- aggiungerei un livello che riempirei di color bianco (o non importa cosa)
- ritaglierei un rettangolo della misura del tasto
- darei l'effetto ombra con abbastanza sfocatura e abbastanza opacita', di colore nero
- appiattirei tutti i livelli
- ritaglierei esattamente il rettangolo escludendo completamente il bianco e mantenendo la parte sfumata con lo sfondo grigio scuro (ci riesci con precisione aiutandoti con le guide e ingrandendo quanto basta)