kopia lustrzana https://github.com/FacilMap/facilmap
193 wiersze
2.7 KiB
CSS
193 wiersze
2.7 KiB
CSS
html,body {
|
||
overflow: hidden;
|
||
}
|
||
|
||
#map,#map-disabled-cover {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
|
||
#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 {
|
||
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 {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
padding: 5px 10px;
|
||
overflow: auto;
|
||
}
|
||
|
||
#view-marker-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 {
|
||
position: absolute;
|
||
background: #fff;
|
||
bottom: 0;
|
||
left: 0;
|
||
padding: 5px 10px;
|
||
box-shadow: 0 0 10px #fff;
|
||
}
|
||
|
||
#view-marker-popup .close-button {
|
||
position: absolute;
|
||
top: 10px;
|
||
right: 20px;
|
||
font-size: 1.5em;
|
||
font-weight: bold;
|
||
color: inherit;
|
||
text-decoration: none;
|
||
} |