Files
iD/css/app.css
2012-10-18 12:37:01 -04:00

134 lines
2.0 KiB
CSS

body {
font:normal 13px/20px Helvetica, Arial, sans-serif;
background:#e4e4e4;
margin:0;
text-rendering: optimizeLegibility;
}
:focus {
outline-color: transparent;
outline-style: none;
}
p {
font-size: x-small;
}
a:visited, a {
color: black;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
text {
-webkit-user-select: none;
-moz-user-select: none;
}
#map {
height: 600px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.help-pane {
position:absolute;
left:0;
width:300px;
opacity:0.9;
top:40px;
background:#FFFBD3;
}
.help-pane div {
padding:10px;
font-style:italic;
}
#map.state-drawing {
cursor: pointer;
}
.currentMode {
font-weight: bold;
}
#modebuttons {
width:300px;
position:absolute;
left:0px;
top:0px;
}
#zoombuttons {
position:absolute;
right:20px;
top:20px;
}
#addPOI {
display:none;
}
#modebuttons button {
width:100px;
cursor:pointer;
background:#fff;
color:#555;
font:bold 19px/35px 'Helvetica Neue';
border:0;
border-right:1px solid #222;
border-bottom:1px solid #222;
padding:0 10px;
height:40px;
margin:0;
}
#modebuttons button:hover {
background:#eee;
}
#zoombuttons button {
cursor:pointer;
width:30px;
height:30px;
text-align:center;
margin:0;
background:#fff;
color:#555;
font:bold 20px/20px 'Helvetica';
border:1px solid #888;
}
#zoombuttons button:active {
background:#eee;
}
#zoombuttons #zoomIn {
border-radius: 4px 0 0 4px;
}
#zoombuttons #zoomOut {
border-left:0;
border-radius: 0 4px 4px 0;
}
/* Tag window */
#tagform input.key {
margin-right:10px;
}
#tagform input.key,
#tagform input.value {
font: normal 13px/20px 'Helvetica';
width:135px;
}
polyline.way-fill {
cursor: pointer;
}