Commit 6aa13142 authored by jon r's avatar jon r
Browse files

style : update less dependencies and file

parent 1c26761d
a,a:link{color:#455473;cursor:pointer}
body{margin:0;font-family:'PT Sans',sans-serif;background:#1f3050}
p{font-family:'Open Sans',sans-serif;font-size:16px}
li{list-style-type:none}
h1,h2,h3,h4,h5,h6{text-align:center}
#map-tiles{height:100vh;position:absolute;top:0;bottom:0;right:0;left:0;z-index:0;}#map-tiles .leaflet-popup{font-family:'Open Sans',sans-serif;text-align:left !important}#map-tiles .leaflet-popup .leaflet-popup-close-button{font-size:23px;width:35px;height:35px;padding:8px 0 0 0;vertical-align:center}
#map-tiles .leaflet-popup .leaflet-popup-close-button:hover{background:#c3c3c3}
#map-tiles .leaflet-popup .leaflet-popup-content-wrapper{border-radius:0;padding:0 2px 0 0;margin:0;max-width:300px;max-height:90vh;overflow-x:hidden;overflow-y:auto}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content{padding-bottom:15px;margin:0}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content h1{text-align:left;padding:15px;padding-right:30px;border-bottom:1px solid #eee;margin-bottom:15px;margin-top:0;color:#1f3050;font-weight:700;font-size:16px}
#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p{font-size:12px;text-align:left;padding:5px 15px;margin:0}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p img{display:block;margin:auto;width:100%;max-width:270px}
#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p a{text-align:left !important;color:#1f3050}
#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p span.wp{display:block}
#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p span.osm{font-style:italic}
#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p img.wp{height:1.5em;width:1.5em;display:inline;margin-bottom:-0.35em}
#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content table{font-size:12px;text-align:left;padding:5px 15px;margin:0;width:100%}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content table td+td{text-align:right}
#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p.contact{line-height:2em}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p.contact img{width:16px;margin-bottom:-4px;margin-right:6px;display:inline}
#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content h3{margin:0;padding:5px 15px 0;text-align:left;font-size:12px;font-weight:bold}
#map-tiles .my-div-icon{width:25px !important;height:40px;background-image:url("/assets/marker-green.png");margin-top:-40px}#map-tiles .my-div-icon div{display:none}
#map-tiles .my-div-icon:hover>div{display:block;width:200px;z-index:15000;margin-left:-85px;position:absolute;bottom:35px}#map-tiles .my-div-icon:hover>div div{display:block;margin:0 auto;background:rgba(255,255,255,0.8);text-align:center;width:fit-content;border:1px solid #1f3050;border-radius:5px;padding:5px 8px}
#map-tiles .leaflet-control-layers-toggle{width:26px;height:26px;background-size:22px 22px}
#map-tiles #forkme{position:absolute;bottom:14px;left:-70px;display:block;width:300px;height:33px;transform:rotate(45deg);overflow:hidden}
#map-tiles #forkme:hover{opacity:.8}
#map-tiles #forkme img{margin-top:-85px;margin-left:40px;transform:rotate(-45deg)}
#map-tiles.leaflet-touch .leaflet-control-layers-toggle{width:30px;height:30px;background-size:26px 26px}
#showfilters{display:none;position:absolute;top:50px;left:10px;border-radius:4px;width:26px;height:26px;background:#fff url(../../assets/icon-filter-24.png) 50% 50% no-repeat;box-shadow:0 1px 5px rgba(0,0,0,0.65);cursor:pointer}
#map-menu-container{position:absolute;z-index:1;overflow:auto;width:260px;background:#54af4e;font-size:.8em;font-weight:bold;letter-spacing:.075em;}
#map-menu-container ul#map-menu{border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:0;margin:0;border:none;}#map-menu-container ul#map-menu .list-group-item{padding:0;background:#4ca63c;color:#fff;border:none;border-radius:none}#map-menu-container ul#map-menu .list-group-item form.expert_mode.off{display:none}
#map-menu-container ul#map-menu .list-group-item form.expert_mode.on{display:block;float:right;margin-right:3px;margin-left:6px;font-style:normal;color:#000}
#map-menu-container ul#map-menu li.list-group-item.category{border-left:0;border-right:0;border-radius:0;border-bottom:1px solid #aaa}#map-menu-container ul#map-menu li.list-group-item.category ul.subcategories{background:#1f3050}
#map-menu-container ul#map-menu li.list-group-item.category:first-child{border-top:1px solid #aaa}
#map-menu-container ul#map-menu span.toggle{padding:5px 0 5px 10px;display:block;height:100%;cursor:pointer}
#map-menu-container ul#map-menu span.toggle.selected{background:#1f3050;font-style:italic}
#map-menu-container ul#map-menu .toggle-subcategories{padding-left:20px}
#map-menu-container ul#map-menu .category ul{display:none}
#map-menu-container ul#map-menu ul.subcategories{padding-left:10px}#map-menu-container ul#map-menu ul.subcategories li.list-group-item:last-child{border-bottom:0}
#map-menu-container ul#map-menu ul.type-of-initiative{font-weight:normal;letter-spacing:normal;text-align:left;display:none;background:#fcec74;position:fixed;left:260px;top:0;z-index:10;-webkit-padding-start:0;padding:0 15px;border-top-right-radius:5px;border-bottom-right-radius:5px}#map-menu-container ul#map-menu ul.type-of-initiative .list-group-item{background:#fcec74;padding:5px 0 5px 10px;color:#000;border-top:1px solid #fff}
#map-menu-container ul#map-menu ul.type-of-initiative .list-group-item:hover{cursor:pointer}
#map-menu-container ul#map-menu ul.type-of-initiative .list-group-item:first-child{border-top:0}
#map-menu-container ul#map-menu ul.type-of-initiative .list-group-item.selected{background:#f2bd0b;font-style:italic}
#map-menu-container ul#map-menu ul.type-of-initiative .list-group-item.empty{color:#808080}
#map-menu-container #activefilters{padding:0 0 0 10px;color:#fff}#map-menu-container #activefilters h2{text-align:left}
#map-menu-container #activefilters .expert_mode.off{display:none}
#map-menu-container #activefilters ul{font-weight:normal;padding:0;margin:0}#map-menu-container #activefilters ul li{border-radius:5px;padding:3px 22px 3px 5px;margin:5px 5px 5px 0;background:#f2bd0b;color:#000}#map-menu-container #activefilters ul li .close{font-weight:bold;background:#fcec74;text-align:center;display:block;padding:3px;margin-top:-3px;margin-right:-22px;border-top-right-radius:5px;border-bottom-right-radius:5px;height:100%;width:12px;float:right;border-left:1px solid #fcec74}
#map-menu-container #activefilters ul li .close:hover{background:#f2bd0b;cursor:pointer}
#map-menu-container div#resetfilters,#map-menu-container div#toggleAdvancedFilters,#map-menu-container div#languageSelector,#map-menu-container div#mobileShowMap>div{width:fit-content;color:#fff;padding:5px;margin:10px;border:1px solid #fff;cursor:pointer}
#map-menu-container div#resetfilters,#map-menu-container div#mobileShowMap{display:none}
#map-menu-container div#languageSelector ul{float:right;margin:0 0 0 5px;padding:0}#map-menu-container div#languageSelector ul li{display:none;background:#95d5d2}
#map-menu-container div#languageSelector ul li.default{display:block}
#map-menu-container div#languageSelector ul.open{margin-top:-5px;margin-right:-6px;}#map-menu-container div#languageSelector ul.open li{display:block;border:1px solid #fff;border-top:0;padding:5px}
#map-menu-container div#languageSelector ul.open li:hover{color:#000}
#map-menu-container div#languageSelector ul.open li.default{background:#1f3050;font-style:italic}
#map-menu-container div#susyci{color:#fff;padding:.5em}#map-menu-container div#susyci .logo{text-align:center;margin:1em 0}#map-menu-container div#susyci .logo img{width:80%}
#map-menu-container div#susyci .logo a{color:#fff}
@media screen and (max-width:640px){#map-menu-container{position:absolute;top:0;left:0;width:100%}#map-menu-container ul#map-menu ul.type-of-initiative{margin-left:10px;padding:0;position:static;border-radius:0} #map-menu-container div#mobileShowMap{display:block;width:100%;height:1em;padding:6px 0 21px 0}#map-menu-container div#mobileShowMap div{float:right;margin:0 10px} #map-tiles .leaflet-popup-pane{bottom:0;right:0} #map-tiles{left:0;} #showfilters{display:block} .leaflet-top{top:40px}}
a,a:link{color:#455473;cursor:pointer}body{margin:0;font-family:'PT Sans',sans-serif;background:#4ca63c}p{font-family:'Open Sans',sans-serif;font-size:16px}li{list-style-type:none}h1,h2,h3,h4,h5,h6{text-align:center}#map-tiles{height:100vh;position:absolute;top:0;bottom:0;right:0;left:0;z-index:0}#map-tiles .leaflet-popup{font-family:'Open Sans',sans-serif;text-align:left!important}#map-tiles .leaflet-popup .leaflet-popup-close-button{font-size:23px;width:35px;height:35px;padding:8px 0 0 0;vertical-align:center}#map-tiles .leaflet-popup .leaflet-popup-close-button:hover{background:#c3c3c3}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper{border-radius:0;padding:0 2px 0 0;margin:0;max-width:300px;max-height:90vh;overflow-x:hidden;overflow-y:auto}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content{padding-bottom:15px;margin:0}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content h1{text-align:left;padding:15px;padding-right:30px;border-bottom:1px solid #eee;margin-bottom:15px;margin-top:0;color:#1f3050;font-weight:700;font-size:16px}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p{font-size:12px;text-align:left;padding:5px 15px;margin:0}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p img{display:block;margin:auto;width:100%;max-width:270px}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p a{text-align:left!important;color:#1F3050}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p span.wp{display:block}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p span.osm{font-style:italic}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p img.wp{height:1.5em;width:1.5em;display:inline;margin-bottom:-.35em}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content table{font-size:12px;text-align:left;padding:5px 15px;margin:0;width:100%}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content table td+td{text-align:right}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p.contact{line-height:2em}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p.contact img{width:16px;margin-bottom:-4px;margin-right:6px;display:inline}#map-tiles .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content h3{margin:0;padding:5px 15px 0;text-align:left;font-size:12px;font-weight:700}#map-tiles .my-div-icon{width:25px!important;height:40px;background-image:url(/assets/marker-green.png);margin-top:-40px}#map-tiles .my-div-icon div{display:none}#map-tiles .my-div-icon:hover>div{display:block;width:200px;z-index:15000;margin-left:-85px;position:absolute;bottom:35px}#map-tiles .my-div-icon:hover>div div{display:block;margin:0 auto;background:rgba(255,255,255,.8);text-align:center;width:fit-content;border:1px solid #1F3050;border-radius:5px;padding:5px 8px}#map-tiles .leaflet-control-layers-toggle{width:26px;height:26px;background-size:22px 22px}#map-tiles #forkme{position:absolute;bottom:14px;left:-70px;display:block;width:300px;height:33px;transform:rotate(45deg);overflow:hidden}#map-tiles #forkme:hover{opacity:.8}#map-tiles #forkme img{margin-top:-85px;margin-left:40px;transform:rotate(-45deg)}#map-tiles.leaflet-touch .leaflet-control-layers-toggle{width:30px;height:30px;background-size:26px 26px}#showfilters{display:none;position:absolute;top:50px;left:10px;border-radius:4px;width:26px;height:26px;background:#fff url(../../assets/icon-filter-24.png) 50% 50% no-repeat;box-shadow:0 1px 5px rgba(0,0,0,.65);cursor:pointer}#map-menu-container{overflow:auto;position:absolute;width:260px;z-index:1;background:#54af4e;font-size:.8em;font-weight:700;letter-spacing:.075em}#map-menu-container ul#map-menu{border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:0;margin:0;border:none}#map-menu-container ul#map-menu .list-group-item{padding:0;background:#4ca63c;color:#fff;border:none;border-radius:none}#map-menu-container ul#map-menu .list-group-item form.expert_mode.off{display:none}#map-menu-container ul#map-menu .list-group-item form.expert_mode.on{display:block;float:right;margin-right:3px;margin-left:6px;font-style:normal;color:#000}#map-menu-container ul#map-menu li.list-group-item.category{border-left:0;border-right:0;border-radius:0;border-bottom:1px solid #aaa}#map-menu-container ul#map-menu li.list-group-item.category ul.subcategories{background:#1F3050}#map-menu-container ul#map-menu li.list-group-item.category:first-child{border-top:1px solid #aaa}#map-menu-container ul#map-menu span.toggle{padding:5px 0 5px 10px;display:block;height:100%;cursor:pointer}#map-menu-container ul#map-menu span.toggle.selected{background:#1F3050;font-style:italic}#map-menu-container ul#map-menu .toggle-subcategories{padding-left:20px}#map-menu-container ul#map-menu .category ul{display:none}#map-menu-container ul#map-menu ul.subcategories{padding-left:10px}#map-menu-container ul#map-menu ul.subcategories li.list-group-item:last-child{border-bottom:0}#map-menu-container ul#map-menu ul.type-of-initiative{font-weight:400;letter-spacing:normal;text-align:left;display:none;background:#fcec74;position:fixed;left:260px;top:0;z-index:10;-webkit-padding-start:0;padding:0 15px;border-top-right-radius:5px;border-bottom-right-radius:5px}#map-menu-container ul#map-menu ul.type-of-initiative .list-group-item{background:#fcec74;padding:5px 0 5px 10px;color:#000;border-top:1px solid #fff}#map-menu-container ul#map-menu ul.type-of-initiative .list-group-item:hover{cursor:pointer}#map-menu-container ul#map-menu ul.type-of-initiative .list-group-item:first-child{border-top:0}#map-menu-container ul#map-menu ul.type-of-initiative .list-group-item.selected{background:#F2BD0B;font-style:italic}#map-menu-container ul#map-menu ul.type-of-initiative .list-group-item.empty{color:gray}#map-menu-container #activefilters{padding:0 0 0 10px;color:#fff}#map-menu-container #activefilters h2{text-align:left}#map-menu-container #activefilters .expert_mode.off{display:none}#map-menu-container #activefilters ul{font-weight:400;padding:0;margin:0}#map-menu-container #activefilters ul li{border-radius:5px;padding:3px 22px 3px 5px;margin:5px 5px 5px 0;background:#F2BD0B;color:#000}#map-menu-container #activefilters ul li .close{font-weight:700;background:#fcec74;text-align:center;display:block;padding:3px;margin-top:-3px;margin-right:-22px;border-top-right-radius:5px;border-bottom-right-radius:5px;height:100%;width:12px;float:right;border-left:1px solid #fcec74}#map-menu-container #activefilters ul li .close:hover{background:#F2BD0B;cursor:pointer}#map-menu-container div#languageSelector,#map-menu-container div#mobileShowMap>div,#map-menu-container div#resetfilters,#map-menu-container div#toggleAdvancedFilters{width:fit-content;color:#fff;padding:5px;margin:10px;border:1px solid #fff;cursor:pointer}#map-menu-container div#mobileShowMap,#map-menu-container div#resetfilters{display:none}#map-menu-container div#languageSelector ul{float:right;margin:0 0 0 5px;padding:0}#map-menu-container div#languageSelector ul li{display:none;background:#95D5D2}#map-menu-container div#languageSelector ul li.default{display:block}#map-menu-container div#languageSelector ul.open{margin-top:-5px;margin-right:-6px}#map-menu-container div#languageSelector ul.open li{display:block;border:1px solid #fff;border-top:0;padding:5px}#map-menu-container div#languageSelector ul.open li:hover{color:#000}#map-menu-container div#languageSelector ul.open li.default{background:#1F3050;font-style:italic}#map-menu-container div#susyci{color:#fff;padding:.5em}#map-menu-container div#susyci .logo{text-align:center;margin:1em 0}#map-menu-container div#susyci .logo img{width:80%}#map-menu-container div#susyci .logo a{color:#fff}@media screen and (max-width:640px){#map-menu-container{position:absolute;top:0;left:0;width:100%}#map-menu-container ul#map-menu ul.type-of-initiative{margin-left:10px;padding:0;position:static;border-radius:0}#map-menu-container div#mobileShowMap{display:block;width:100%;height:1em;padding:6px 0 21px 0}#map-menu-container div#mobileShowMap div{float:right;margin:0 10px}#map-tiles .leaflet-popup-pane{bottom:0;right:0}#map-tiles{left:0}#showfilters{display:block}.leaflet-top{top:40px}}
\ No newline at end of file
......@@ -5,12 +5,14 @@
"license": "WTFPL",
"dependencies": {},
"devDependencies": {
"less": "^2.7.2",
"less-plugin-clean-css": "^1.5.1",
"uglify-es": "^3.1.0"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "npm run build-js && npm run build-css",
"build-css": "cat styles/css/style.css > dist/site.css",
"build-css": "lessc --clean-css styles/less/style.less styles/css/style.css && cat styles/css/style.css > dist/site.css",
"build-js": "uglifyjs scripts/red_fetch.js scripts/map.js > dist/site.js"
},
"repository": {
......
/* next 4 are currently used */
@yellow-bright: #fcec74; /* 1 #F6DF05 2 */
@yellow-dark: #F2BD0B; /* #F0BB0C */
@blue-bright: #95D5D2; /* 5 dec: 149,213,210 */
@blue-bright: #95D5D2; /* 5 dec: 149,213,210 */
@blue-dark: #1F3050; /* 6 */
@green-light: #54af4e;
@green-dark: #4ca63c;
/* the original ones from the CD document */
@cd-darkblue: #1F3050;
@cd-brightblue: #95D5D2;
......@@ -28,7 +31,7 @@ a:link {
body {
margin:0;
font-family: 'PT Sans', sans-serif;
background: @blue-dark;
background: @green-dark;
}
p {
......@@ -60,7 +63,8 @@ Basic map and pop up styles
top:0;
bottom:0;
right:0;
left:@menuwidth;
left:0;
z-index:0;
.leaflet-popup {
font-family: 'Open Sans', sans-serif;
......@@ -161,7 +165,7 @@ Basic map and pop up styles
.my-div-icon {
width:25px !important;
height:40px;
background-image:url("../../bower_components/leaflet/dist/images/marker-green.png");
background-image:url("/assets/marker-green.png");
margin-top:-40px;
div {
display:none;
......@@ -206,7 +210,7 @@ Basic map and pop up styles
bottom:14px;
left:-70px;
display:block;
width:300px;
width:300px;
height:33px;
transform: rotate(45deg);
overflow:hidden;
......@@ -246,11 +250,12 @@ Map menu styling
/* Menu styles */
#map-menu-container {
height: 100vh;
overflow:auto;
position:absolute;
width: @menuwidth;
z-index:1;
background: @blue-bright;
background: @green-light;
font-size: 0.8em;
font-weight:bold;
letter-spacing:0.075em;
......@@ -269,7 +274,7 @@ Map menu styling
border: none;
.list-group-item {
padding:0;
background: @blue-bright;
background: @green-dark;
color: #fff;
border: none;
border-radius: none;
......@@ -293,7 +298,7 @@ Map menu styling
ul.subcategories {
background:@blue-dark;
}
}
li.list-group-item.category:first-child {
border-top: 1px solid #aaa;
......@@ -520,4 +525,3 @@ MEDIA
top:40px;
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment