rita
/
Networks_of_Care
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

new style + fixed query

Browse Source
master
rita 5 years ago
parent 270699a812
commit 8184bbb2aa
1 changed files with 88 additions and 77 deletions
Show Stats Download Patch File Download Diff File

165
style.css
Unescape Escape View File

@ -35,6 +35,8 @@
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
@ -48,12 +50,10 @@
position: absolute;
left: 0;
top: 0;
}
}
.leaflet-container {
overflow: hidden;
}
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
@ -61,29 +61,25 @@
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
@ -100,36 +96,29 @@
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
@ -137,19 +126,20 @@
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
@ -157,14 +147,12 @@
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
@ -695,17 +683,18 @@ html, body {
}
.leaflet-div-icon a {
font-family: "standard";
font-size: calc(9px + 0.2vw);
text-transform: none;
font-family: "lunchtype2";
font-size: calc(9px + 0.4vw);
padding: 1%;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
border: 2px solid #e3e3e3;
border-radius: 500px;
background-color: #e3e3e3;
padding: 5px;
transform: rotate(45deg);
-moz-transform: rotate(-45deg);
/*border: 2px solid CornflowerBlue;
border-radius: 50%;*/
background-color: black;
color: white;
text-align: center;
}
.leaflet-div-icon2 {
@ -721,56 +710,77 @@ html, body {
}
.leaflet-div-icon2 a {
font-family: "standard";
font-size: calc(9px + 0.2vw);
text-transform: none;
font-family: "lunchtype2";
font-size: calc(9px + 0.4vw);
padding: 1%;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
border: 2px solid black;
border-radius: 500px;
background-color: black;
padding: 5px;
background-color: lightgrey;
color: black;
text-align: center;
}
.leaflet-div-icon2 a:hover,
.leaflet-div-icon a:hover,
.leaflet-div-icon3 a:hover,
.leaflet-div-icon4 a:hover,
.leaflet-div-icon5 a:hover,
.leaflet-div-icon6 a:hover {
background-color: #0025a2;
color: white;
}
.leaflet-div-icon3 {
text-align: center;
}
.leaflet-div-icon3 a {
font-family: "standard";
font-size: calc(9px + 0.2vw);
text-transform: none;
font-family: "lunchtype2";
font-size: calc(9px + 0.4vw);
padding: 1%;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
border: 2px solid #929292;
border-radius: 500px;
background-color: #929292;
padding: 5px;
background-color: #939393;
color: black;
text-align: center;
}
.leaflet-div-icon4{
font-size: calc(9px + 1.2vw);
.leaflet-div-icon4 a{
font-size: calc(9px + 1.5vw);
font-family: "lunchtype2";
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: black;
text-decoration: none;
background-color:lightgrey;
z-index: 2;
}
.leaflet-div-icon5 {
font-size: calc(9px + 1.2vw);
.leaflet-div-icon5 a {
font-size: calc(9px + 1.5vw);
font-family: "lunchtype2";
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
text-align: center;
color: lightgrey;
color: white;
background-color: black;
z-index: 2;
}
.leaflet-div-icon6 {
font-size: calc(9px + 1.2vw);
.leaflet-div-icon6 a {
font-size: calc(9px + 1.5vw);
font-family: "lunchtype2";
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #706f6f;
text-decoration: none;
color: black;
background-color: #939393;
z-index: 300;
}
@ -784,24 +794,25 @@ html, body {
h1 {
font-family: "standard";
font-size: 12px;
margin-left: 1%;
border-bottom: 1.5px solid black;
width: 75%;
font-size: 13px;
float: left;
line-height: 150%;
line-height: 2em;
color: white;
}
h1:hover {
text-decoration: underline;
}
h2 {
font-family: "standard";
text-transform: uppercase;
font-size: 12px;
margin: 1%;
font-size: 13px;
margin-left: 0.5em;
line-height: 2em;
}
h3 {
font-size: calc(11px + 1vw);
border-bottom: 1.5px solid black;
margin: 1%;
height: 13px;
text-transform: capitalize;
@ -811,7 +822,9 @@ text-transform: capitalize;
position: fixed;
z-index: 1000;
top: 60%;
background-color: rgba(237, 237, 237, 0.95);
/*background-color: rgba(237, 237, 237, 0.95);*/
background-color: #0025a2;
color: white;
left: 1em;
}
@ -821,13 +834,13 @@ text-transform: capitalize;
.dropbtn {
border: none;
padding: 16px;
cursor: pointer;
background: url(./images/layers-2x.png);
background-repeat: no-repeat;
background-size: auto 80%;
background-position: center;
float: right;
background-size: auto 70%;
background-position: right;
width: 95%;
}
#myDropdownIcon {
@ -840,8 +853,8 @@ text-transform: capitalize;
right: 0;
background: url(./images/layers.png);
background-repeat: no-repeat;
background-size: auto 80%;
background-position: center;
background-size: auto 60%;
text-transform: capitalize;
display: inline-block;
vertical-align: middle;
}
@ -855,8 +868,6 @@ text-transform: capitalize;
}
.dropdown-content a {
color: black;
text-decoration: none;
display: block;
}
@ -869,22 +880,22 @@ text-transform: capitalize;
/*float: left;*/
margin-right: 3%;
cursor: pointer;
color: black;
font-size: calc(8px + 0.2vw);
color: white;
font-size: 13px;
line-height: 15px;
font-size: calc(9px + 0.2vw);
border-bottom: 1.5px solid black;
/*border-bottom: 1.5px solid black;*/
margin: 1%;
width: 20em;
text-transform: capitalize;
}
label:last-child {
margin-bottom: 1.5em;
margin-bottom: 0.5em;
}
.leaflet-control-layers label:hover{
color: grey;
}

Write Preview
Loading…
Cancel
Save