3 Stylesheet that does simple wireframe display
7 way :hover { z-index: 2; width: 1; color: yellow; }
8 way :selected { z-index: 2; width: 2; color: yellow; }
9 way !:drawn { z-index:10; width: 1; color: black; }
11 node :selectedway { z-index: 8; icon-image: square; icon-width: 6; color: green; }
12 node :hoverway { z-index: 9; icon-image: square; icon-width: 6; color: blue; }
13 node :selected { z-index: 9; icon-image: square; icon-width: 6; color: red; casing-color: black; casing-width: 1; }
14 node !:drawn :poi { z-index: 2; icon-image: square; icon-width: 4; color: green; casing-color: black; casing-width: 1; }
15 node !:drawn :hasTags { z-index: 9; icon-image: circle; icon-width: 3; color: black; }
16 node :hasTags :selectedway { z-index: 9; icon-image: square; icon-width: 8; color: black; layer: 5; }
18 way[_status=incomplete]::statushighlight { z-index: 0; width: 10; color: #d95f02; }
19 way[_status=complete]::statushighlight { z-index: 0; width: 10; color: #1b9e77; opacity: 0.4; }
20 node[_status=incomplete]::statushighlight :hasTags { z-index: 0; icon-image: square; icon-width: 10; color: #d95f02; }
21 node[_status=complete]::statushighlight :hasTags { z-index: 0; icon-image: square; icon-width: 10; color: #1b9e77; opacity: 0.4; }