|
@@ -0,0 +1,481 @@
|
|
|
+/*!
|
|
|
+ * 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)
|
|
|
+ */
|
|
|
+
|
|
|
+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;
|
|
|
+}
|
|
|
+
|
|
|
+#title {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size:20px;
|
|
|
+ padding: 1.5em 3.5em 0em 3em;
|
|
|
+}
|
|
|
+
|
|
|
+#title a:link {
|
|
|
+ color: #000;
|
|
|
+ background-color: transparent;
|
|
|
+ text-decoration: none;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+#title a:visited {
|
|
|
+ color: #000;
|
|
|
+ background-color: transparent;
|
|
|
+ text-decoration: none;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+#title a:hover {
|
|
|
+ color: #007bff;
|
|
|
+ background-color: transparent;
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+#container_lettera {
|
|
|
+ margin-left: 0px;
|
|
|
+ margin-right:0px;
|
|
|
+ padding: 2em 4em;
|
|
|
+}
|
|
|
+
|
|
|
+#info_titolo {
|
|
|
+ height:5vh;
|
|
|
+ width:100%;
|
|
|
+ border:1px solid;
|
|
|
+ padding:1%;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+#info_lettera {
|
|
|
+ width:50%;
|
|
|
+ border:1px solid;
|
|
|
+ height: 75vh;
|
|
|
+ overflow: scroll;
|
|
|
+ background-color: #fff;
|
|
|
+ padding-top: 3%;
|
|
|
+}
|
|
|
+
|
|
|
+#all_info {
|
|
|
+ padding-top: 3%;
|
|
|
+}
|
|
|
+
|
|
|
+#all_info .row {
|
|
|
+ margin-top: 0px;
|
|
|
+ margin-bottom: 0px;
|
|
|
+ padding:1%;
|
|
|
+}
|
|
|
+
|
|
|
+div#info_lettera>div>div:nth-of-type(odd) {
|
|
|
+ background: #ededed;
|
|
|
+}
|
|
|
+
|
|
|
+#info_trascrizione {
|
|
|
+ margin-left:5px;
|
|
|
+ width:50%;
|
|
|
+ height: 73vh;
|
|
|
+}
|
|
|
+
|
|
|
+#trascrizione_titolo {
|
|
|
+ min-height: 30px;
|
|
|
+ border:1px solid;
|
|
|
+ padding: 1.5%;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+#trascrizione_id {
|
|
|
+ height: 45vh;
|
|
|
+ overflow: scroll;
|
|
|
+ border:1px solid;
|
|
|
+ padding:3%;
|
|
|
+ text-align:justify;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+#row_evt {
|
|
|
+ height:10vh;
|
|
|
+}
|
|
|
+
|
|
|
+#col_antroponimi {
|
|
|
+ width: 50%;
|
|
|
+ height: 25vh;
|
|
|
+ overflow: scroll;
|
|
|
+ border:1px solid;
|
|
|
+ margin-right: 5px;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+#col_antroponimi p {
|
|
|
+ text-align:center;
|
|
|
+ font-weight: 500;
|
|
|
+ border-bottom: 1px solid;
|
|
|
+}
|
|
|
+
|
|
|
+#antroponimi {
|
|
|
+ list-style-type: none;
|
|
|
+}
|
|
|
+
|
|
|
+#antroponimi li {
|
|
|
+ padding-bottom: 2%;
|
|
|
+}
|
|
|
+
|
|
|
+#toponimi {
|
|
|
+ list-style-type: none;
|
|
|
+}
|
|
|
+
|
|
|
+#toponimi li {
|
|
|
+ padding-bottom: 2%;
|
|
|
+}
|
|
|
+
|
|
|
+#col_toponimi {
|
|
|
+ width: 50%;
|
|
|
+ height: 25vh;
|
|
|
+ overflow: scroll;
|
|
|
+ border:1px solid;
|
|
|
+ margin-left: 5px;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+#col_toponimi p {
|
|
|
+ text-align:center;
|
|
|
+ font-weight: 500;
|
|
|
+ border-bottom: 1px solid;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-outline-secondary {
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 0;
|
|
|
+ border-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-icon {
|
|
|
+ height:24px;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-icon-btn {
|
|
|
+ background-color:#e7e7e7;
|
|
|
+ border-color: transparent;
|
|
|
+ border-radius: .25rem;
|
|
|
+ border: 1px solid transparent;
|
|
|
+ padding: .375rem .75rem;
|
|
|
+ font-size: 1rem;
|
|
|
+ line-height: 1.5;
|
|
|
+}
|
|
|
+
|
|
|
+#cite {
|
|
|
+ font-weight: 400;
|
|
|
+ color: #212529;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+#cite p {
|
|
|
+ font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ margin-top: 0;
|
|
|
+ margin-bottom: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+#scheda_aspo {
|
|
|
+ padding: 0em 5em 4em 5em;
|
|
|
+}
|
|
|
+
|
|
|
+#col_antroponimi ul li:first-letter{
|
|
|
+ text-transform: capitalize;
|
|
|
+}
|
|
|
+
|
|
|
+#col_toponimi ul li:first-letter{
|
|
|
+ text-transform: capitalize;
|
|
|
+}
|
|
|
+
|
|
|
+.headInfo .col {
|
|
|
+ border: 1px solid;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ padding: 0%;
|
|
|
+}
|
|
|
+
|
|
|
+.infoChoice button {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.infoChoice {
|
|
|
+ padding: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+#infoBox {
|
|
|
+ padding: 2%;
|
|
|
+ text-transform: uppercase;
|
|
|
+ background-color: #b61924;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #000;
|
|
|
+}
|
|
|
+
|
|
|
+#choice_buttons {
|
|
|
+ display: flex;
|
|
|
+ border-left: 1px solid;
|
|
|
+ border-right: 1px solid;
|
|
|
+}
|
|
|
+
|
|
|
+#choice_buttons .btn {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+#head_trascrizione .col{
|
|
|
+ text-transform: uppercase;
|
|
|
+ background-color: #b61924;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #000;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+#imageEmb {
|
|
|
+ width:100%;
|
|
|
+ height: 500px;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-menu {
|
|
|
+ color: #a7a7a7;
|
|
|
+ text-transform: uppercase;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-menu:hover {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.navbar-nav .active {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.modal {
|
|
|
+ display: none; /* Hidden by default */
|
|
|
+ position: fixed; /* Stay in place */
|
|
|
+ z-index: 1; /* Sit on top */
|
|
|
+ padding-top: 100px; /* Location of the box */
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%; /* Full width */
|
|
|
+ height: 100%; /* Full height */
|
|
|
+ overflow: auto; /* Enable scroll if needed */
|
|
|
+ background-color: rgb(0,0,0); /* Fallback color */
|
|
|
+ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
|
|
|
+}
|
|
|
+
|
|
|
+/* Modal Content */
|
|
|
+.modal-content {
|
|
|
+ background-color: #fefefe;
|
|
|
+ margin: auto;
|
|
|
+ padding: 20px;
|
|
|
+ border: 1px solid #888;
|
|
|
+ width: 80%;
|
|
|
+}
|
|
|
+
|
|
|
+#myInput {
|
|
|
+ width: 80%;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+ background-color: #e9e9e9;
|
|
|
+ padding: 20px;
|
|
|
+ text-align: justify;
|
|
|
+ border-radius: 10px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+/* The Close Button */
|
|
|
+.close {
|
|
|
+ color: #aaaaaa;
|
|
|
+ float: right;
|
|
|
+ font-size: 28px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.close:hover,
|
|
|
+.close:focus {
|
|
|
+ color: #000;
|
|
|
+ text-decoration: none;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+/* The Back Button */
|
|
|
+.back {
|
|
|
+ color: #000;
|
|
|
+ float: left;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ width:100%;
|
|
|
+ background-color: #e9e9e9;
|
|
|
+}
|
|
|
+
|
|
|
+.back:hover,
|
|
|
+.back:focus {
|
|
|
+ color: #000;
|
|
|
+ text-decoration: none;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+#copy_btn {
|
|
|
+ width:20%;
|
|
|
+ margin-left:auto;
|
|
|
+ margin-right:auto;
|
|
|
+}
|