body { | |
margin: 0; | |
font-family: Arial, sans-serif; | |
} | |
.map-canvas { | |
width: 100%; | |
height: 100%; | |
} | |
ul.messages { | |
width: 30%; | |
min-width: 10em; | |
list-style: none; | |
} | |
.messages li { | |
color: #FFF; | |
background-color: rgba(0, 0, 0, .6); | |
font-size: 10pt; | |
padding: 3px 3px 3px 1em; | |
border-radius: 4px; | |
margin-bottom: 3px; | |
text-indent: -.5em; | |
} | |
.messages li:before { | |
font-weight: bold; | |
} | |
.messages li.info:before { | |
content: "i "; | |
color: #77F; | |
} | |
.messages li.error:before { | |
content: "x "; | |
color: red; | |
} |