html,body {
overflow: hidden;
}
#map,#map-disabled-cover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#map.fp-overFeature {
cursor: pointer;
}
#map.fp-clickHandler {
cursor: crosshair;
}
#map-disabled-cover {
z-index: 10001;
background-color: #888;
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
}
#toolbox {
position: absolute;
top: 10px;
right: 10px;
}
.error,.success,.warning,.info {
padding: 8px;
border-radius: 3px;
border: 1px solid;
font-weight: bold;
}
.error {
background-color: #f2dede;
color: #a94442;
border-color: #ebccd1;
}
.success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
dl {
margin: 0;
padding: 0;
vertical-align: middle;
line-height: 2em;
}
dt {
float: left;
clear: left;
font-weight: bold;
margin: 5px 0 0 0;
padding: 0;
width: 30%;
}
dd {
width: 70%;
margin: 5px 0 0 30%;
padding: 0;
}
dd input, dd textarea {
width: 100%;
}
dl:after {
clear: left;
display: block;
content: " ";
}
tr.selected td {
font-weight: bold;
}
table {
width: 100%;
}
table td.button {
width: 1px;
}
table td.button button {
white-space: nowrap;
}
#messages {
position: absolute;
top: 10px;
width: 50%;
left: 25%;
z-index: 10002;
}
#messages p {
font-size: 1.5em;
margin:0 0 10px 0;
position: relative;
box-shadow: 0 0 15px;
border-radius: 5px;
}
#messages .close-button {
position: absolute;
top: 5px;
right: 5px;
color: inherit;
text-decoration: none;
}
textarea {
height: 5em;
}
#view-marker-popup,#view-line-popup {
background: #fff;
position:absolute;
width: 350px;
height: 200px;
border-radius: 10px;
box-shadow: 0 0 10px #888;
margin-top: 50px;
margin-left: -28px;
}
#view-marker-popup .content,#view-line-popup .content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 5px 10px;
overflow: auto;
}
#view-marker-popup:before,#view-line-popup:before {
content:"";
position:absolute;
top:-50px;
left:30px;
border:0;
border-left-width:15px; /* vary this value to change the angle of the vertex */
border-top-width:50px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
border-style:solid;
border-color:transparent #fff;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
#view-marker-popup .buttons,#view-line-popup .buttons {
position: absolute;
background: #fff;
bottom: 0;
left: 0;
padding: 5px 10px;
box-shadow: 0 0 10px #fff;
}
#view-marker-popup .close-button,#view-line-popup .close-button {
position: absolute;
top: 10px;
right: 20px;
font-size: 1.5em;
font-weight: bold;
color: inherit;
text-decoration: none;
}
.pos,.distance {
font-style: italic;
}
#edit-line-colour {
width: auto;
}