source: trunk/webmap/html/webmap.css @ 20

body {
        background: white;
        color: black;
        font-family: sans;
        font-size: normal;
}

h1 {
        background: rgb(0, 166, 214);
        color: white;
        padding: 0.5ex;
        font-size: 1.8em;
}


#webmap_container {
        display: inline-block;
        border: 1px dashed black;
}


.log {
        white-space: pre-wrap;
        border: 1px solid rgb(0, 166, 214);
        padding: 0.5ex;
        max-height: 5em;
        overflow-y: auto;
}

svg.webmap {
        image-rendering:optimizeSpeed;             /* Legal fallback                 */
        image-rendering:-moz-crisp-edges;          /* Firefox                        */
        image-rendering:-o-crisp-edges;            /* Opera                          */
        image-rendering:-webkit-optimize-contrast; /* Chrome (and eventually Safari) */
        image-rendering:optimize-contrast;         /* CSS3 Proposed                  */
        -ms-interpolation-mode:nearest-neighbor;   /* IE8+                           */
}

.stage {
        fill: #f00;
        stroke: #000;
        stroke-width: 0.01;
}

.stage.selected {
        fill: #f66;
        stroke: #fcc;
}

.stage_0 {
        fill: #0a0;
        stroke: #000;
}

.stage_1 {
        fill: #f00;
        stroke: #000;
}

.stage_0.selected {
        fill: #6a6;
        stroke: #cfc;
}

.stage_1.selected {
        fill: #f66;
        stroke: #fcc;
}

.laserscan > .dot {
        fill: #f00;
        stroke: none;
}

.stage_0 > .laserscan > .dot {
        fill: #0a0;
}

.stage_1 > .laserscan > .dot {
        fill: #f00;
}