I'm considering using a map with my current game, but will only be doing so if I can customise its appearance.

Perhaps naively, I wondered if I could simply gather the class names of the various elements (room squares, exit lines, colours, size, positioning, etc) and then target them with CSS, so I used Firebug to try and do this. However, when I try to hover over the individual elements, it will only highlight the map area as a whole.

Does anyone know, or know how to obtain all the class names of the various parts of the map?

The map is drawn using a JavaScript library called Paper.js, which renders the map onto an HTML canvas (a single bitmap element). The various bits aren't individual HTML elements, so they can't be styled with CSS.

Let me know what you'd like to do with the map, if you need assistance. I've done some customization with it, and I can either help or tell you why something isn't possible.

Cheers, Jay, I may do that, but it will be one of the last things I do if I go with it

I have a screenshot mock-up of what I want to do somewhere. I'll see if I can find it, at least then you'll know beforehand if it's doable.

Here we go.