I like StepMania, I also like Phaser. So I decided to create a StepMania clone with Phaser.

The game can parse and play StepMania .sm charts. It handles freezes, mines, and more.

But now there’s a small problem. I need an interface like StepMania’s. For that, I’m planning to use CSS and the JavaScript DOM to create and manipulate HTML elements. That should be enough to recreate the interface.

But I’m not very good with CSS and I can’t get good styles that can recreate something like this.

That’s why I came to the forums to ask for help.

Does anyone know how to recreate the StepMania interface in HTML/CSS?