Carica file su 'css'

css/place_people.css

@@ -0,0 +1,516 @@
+/*!
+ * Start Bootstrap - Landing Page v5.0.9 (https://startbootstrap.com/theme/landing-page)
+ * Copyright 2013-2020 Start Bootstrap
+ * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
+ */
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  background-color: #e9e9e9;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 700;
+}
+
+header.masthead {
+  position: relative;
+  background-color: #343a40;
+  background: url("../img/bg-masthead.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+}
+
+header.masthead .overlay {
+  position: absolute;
+  background-color: #212529;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.1;
+}
+
+header.masthead h1 {
+  font-size: 2rem;
+}
+
+@media (min-width: 768px) {
+  header.masthead {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+  header.masthead h1 {
+    font-size: 3rem;
+  }
+}
+
+.showcase .showcase-text {
+  padding: 3rem;
+}
+
+.showcase .showcase-img {
+  min-height: 30rem;
+  background-size: cover;
+}
+
+@media (min-width: 768px) {
+  .showcase .showcase-text {
+    padding: 7rem;
+  }
+}
+
+.features-icons {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+  background-color: #bac9d0;
+}
+
+.features-icons .features-icons-item {
+  background-color: rgba(255, 255, 255, 0.5);
+  padding:2%;
+}
+
+.features-icons .features-icons-item .features-icons-icon {
+  height: 7rem;
+}
+
+.features-icons .features-icons-item .features-icons-icon i {
+  font-size: 4.5rem;
+}
+
+.features-icons .features-icons-item:hover .features-icons-icon i {
+  font-size: 5rem;
+}
+
+.testimonials {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.testimonials .testimonial-item {
+  max-width: 18rem;
+}
+
+.testimonials .testimonial-item img {
+  width: 10rem;
+  height: 10rem;
+  box-shadow: 0px 5px 5px 0px #adb5bd;
+}
+
+.call-to-action {
+  position: relative;
+  background-color: #343a40;
+  background: url("../img/bg-masthead.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.call-to-action .overlay {
+  position: absolute;
+  background-color: #212529;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.3;
+}
+
+footer.footer {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.ico-img {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#search_fp {
+  width:70%;
+  margin-left:auto;
+  margin-right:auto;
+}
+
+header.masthead {
+    padding-top: 8rem;
+    padding-bottom: 4rem;
+}
+
+.more {
+	background-color: #a71b24;
+	color: #fff;
+	padding:2rem;
+	font-size:20px;
+}
+
+.btn-text {
+  font-size: 8px;
+  text-transform: uppercase;
+}
+
+.img-logo {
+  max-height:30px;
+  width:auto;
+}
+
+.row {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-left: 0px;
+  margin-right: 0px;
+  padding:1%;
+}
+
+#container_luogo .col{
+  padding-left:0px;
+  padding-right: 0px;
+}
+
+#container_persona .col{
+  padding-left:0px;
+  padding-right: 0px;
+}
+
+#map { 
+  height: 100%; 
+  width:100%;
+}
+
+#place_map {
+  height: 500px;
+}
+
+#people_map {
+  height: 60vh;
+}
+
+#container_luogo {
+  width: 80%;
+  margin-left:auto;
+  margin-right: auto;
+}
+
+#container_persona {
+  width: 80%;
+  margin-left: auto;
+  margin-right: auto;
+  background-color: #fff;
+}
+
+#info_luogo {
+  background-color: #ffffff87;
+  padding: 1%;
+  height: 500px; 
+  width:100%;
+  overflow: scroll;
+  display: none;
+}
+
+#info_persona {
+  background-color: #fff;
+}
+
+#col_graph {
+  background-color: #b61924;
+  color: #fff;
+  font-size: 16px;
+}
+
+#nome_luogo{
+  font-size: 32px;
+  font-weight: 300;
+  color: #b61924;
+}
+
+#nome_persona {
+  font-size: 32px;
+  font-weight: 300;
+  color: #b61924;
+}
+
+#container_references { 
+  margin-left:15px; 
+  margin-right:15px;
+  width: 80%;
+  margin-left: auto;
+  margin-right:auto;
+}
+
+#map_buttons button{
+  padding: 0 1rem;
+  font-size: 1rem;
+  border: 0;
+  border-radius: 15px;
+  font-weight: 700;
+  text-transform: uppercase;
+  color: #30383f;
+}
+
+#place_info {
+  display: none;
+}
+
+#map_buttons button:hover {
+  color: #fff;
+}
+
+a {
+  word-wrap: break-word;
+}
+
+#ref_buttons {
+  display: flex;
+}
+
+#ref_buttons .btn {
+  flex: 1
+}
+
+.box_results {
+  width: 50%;
+}
+
+.inner_results {
+  width: 98%;
+  background-color: #ffffffa1;
+  font-size: 12px;
+  margin-bottom: 10px;
+}
+
+.inner_results a:link {
+    color: #000;
+    background-color: transparent;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.inner_results a:visited {
+  color: #000;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.inner_results a:hover {
+  color: #007bff;
+  background-color: transparent;
+  text-decoration: underline;
+}
+
+.results_rows {
+  padding: 5%;
+  height: 300px;
+  overflow: scroll;
+
+}
+
+.box_results .left {
+  margin-left:0px;
+  margin-right:auto;
+}
+
+.box_results .right {
+  margin-right:0px;
+  margin-left:auto;
+}
+
+.def_res {
+  background-color: #3f4149;
+  color: #fff;
+  padding: 2% 5%;
+  font-size: 16px;
+}
+
+.def_res p {
+  margin-bottom: 0;
+}
+
+div#layout {
+  text-align: center;
+}
+
+div#container {
+  width: 700px;
+  height: 500px;
+  margin: auto;
+  background-color: #2F4A6D;
+}
+
+svg {
+  width: 100%;
+  height: 100%;
+}
+
+.bar {
+  fill: #80cbc4;
+}
+
+text {
+  font-size: 0.5vw;
+  fill: #000;
+}
+
+path {
+  stroke: gray;
+}
+
+line {
+  stroke: gray;
+}
+
+line#limit {
+  stroke: #FED966;
+  stroke-width: 3;
+  stroke-dasharray: 3 6;
+}
+
+.grid path {
+  stroke-width: 0;
+}
+
+.grid .tick line {
+  stroke: #9FAAAE;
+  stroke-opacity: 0.3;
+}
+
+text.divergence {
+  font-size: 12px;
+  fill: #2F4A6D;
+}
+
+text.value {
+  font-size: 12px;
+}
+
+text.title {
+  font-size: 22px;
+  font-weight: 600;
+}
+
+text.label {
+  font-size: 12px;
+  font-weight: 400;
+}
+
+text.source {
+  font-size: 10px;
+}
+
+.text2 {
+  font-size: 16px;
+  color: #000;
+  font-weight: bold;
+}
+
+.box_info {
+  font-size: 14px;
+}
+
+.ind {
+  text-transform: uppercase;
+}
+
+.head_box {
+  font-size: 18px;
+  color: #343a3f;
+  font-weight: 200;
+}
+
+#ref_buttons {
+  margin-top:50px;
+}
+
+#ref_buttons .btn {
+  font-size:24px;
+}
+
+#ref_buttons .active {
+  background-color: #b61924;
+  color: #fff;
+  box-shadow: none;
+}
+
+#riferimenti .row {
+  border-bottom: 1px solid #b0b0b0;
+}
+
+#riferimenti a:link {
+    color: #000;
+    background-color: transparent;
+    text-decoration: none;
+    font-weight: 400;
+}
+
+#riferimenti a:visited {
+  color: #000;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: 400;
+}
+
+#riferimenti a:hover {
+  color: #007bff;
+  background-color: transparent;
+  text-decoration: underline;
+}
+
+#statistiche {
+  display:none;
+}
+
+#info_persona .row {
+  padding: 2px;
+}
+
+.section_box {
+  font-size: 16px;
+  text-transform: uppercase;
+  font-weight: 600;
+}
+
+#list_places_person {
+  overflow: scroll;
+  height:55vh;
+}
+
+#list_places_person .row {
+  border-bottom: 1px solid #adadad;
+}
+
+#list_places_person .col-10 {
+  padding-left: 0px;
+  font-size: 13px;
+  font-weight:400;
+}
+
+#list_person_network {
+  overflow: scroll;
+  height:55vh;
+}
+
+#list_person_network .row {
+  border-bottom: 1px solid #adadad;
+}
+
+#list_person_network .col-9 {
+  padding-left: 0px;
+  font-size: 13px;
+  font-weight:400;
+}
+
+.results_rows .btn {
+  padding: 0px;
+}