Home Explore Help
Sign In
TEAMOVI
/
Iperion_HS_Prototype
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

first version

kora 5 months ago
commit
1675aa121e
100 changed files with 5352 additions and 0 deletions
Unified View Show Diff Stats
  1. 10 0
      .gitignore
  2. BIN
      Video/launch_restore.mp4
  3. 150 0
      about.html
  4. 84 0
      contatti.html
  5. 96 0
      css/OA.css
  6. 181 0
      css/advanced-search.css
  7. 139 0
      css/evenTime.css
  8. 625 0
      css/landing-page.css
  9. 172 0
      css/leaflet.css
  10. 498 0
      css/lettera.css
  11. 214 0
      css/nlp.css
  12. 48 0
      css/object.css
  13. 423 0
      css/pages.css
  14. 50 0
      css/parser.css
  15. 554 0
      css/place_people.css
  16. 112 0
      css/progetto.css
  17. 38 0
      css/search.css
  18. 770 0
      css/style.min.css
  19. 551 0
      css/styles.min.css
  20. 0 0
      css/styles.min.css.map
  21. 302 0
      css/timeline.css
  22. 180 0
      css/tree.css
  23. 82 0
      css/updown.css
  24. 73 0
      css/user.css
  25. BIN
      img/ASPO.jpg
  26. BIN
      img/CNR.png
  27. BIN
      img/European-Union.png
  28. BIN
      img/GiovaniSi.png
  29. BIN
      img/Logo.png
  30. BIN
      img/LogoBW.png
  31. BIN
      img/LogoOLD.png
  32. BIN
      img/MPP.png
  33. BIN
      img/POR-FSE-Regione-Toscana.png
  34. BIN
      img/Pb-L.png
  35. BIN
      img/Pb-L.tiff
  36. BIN
      img/RegioneToscana.jpg
  37. BIN
      img/RepubblicaItaliana.png
  38. BIN
      img/SABTOS.jpg
  39. BIN
      img/app-profile-mockup.png
  40. BIN
      img/bg-masthead (copia).jpg
  41. BIN
      img/bg-masthead.jpg
  42. BIN
      img/bg-white.jpg
  43. BIN
      img/bg.jpg
  44. BIN
      img/blog-1.jpg
  45. BIN
      img/blog-2.jpg
  46. BIN
      img/blog-3.jpg
  47. BIN
      img/blog-4.jpg
  48. BIN
      img/book.png
  49. BIN
      img/cartaASPO.JPG
  50. BIN
      img/cartina2.jpg
  51. BIN
      img/cartina3.jpg
  52. BIN
      img/city.png
  53. BIN
      img/ckan.png
  54. BIN
      img/client.png
  55. BIN
      img/database.png
  56. BIN
      img/favicon-32x32.png
  57. BIN
      img/home.jpg
  58. BIN
      img/icon.png
  59. BIN
      img/icons/animat-checkmark.gif
  60. BIN
      img/icons/animat-customize.gif
  61. BIN
      img/icons/animat-responsive.gif
  62. BIN
      img/indice.png
  63. BIN
      img/iperion.png
  64. BIN
      img/iperionBW.png
  65. BIN
      img/lab.png
  66. BIN
      img/letter.png
  67. BIN
      img/licenze/cc-zero-300.png
  68. BIN
      img/licenze/cc-zero.png
  69. BIN
      img/lod.png
  70. BIN
      img/lodview.png
  71. BIN
      img/logoCNR.png
  72. BIN
      img/logoEuropean-Union.png
  73. BIN
      img/logoGiovaniSi.png
  74. BIN
      img/logoPOR-FSE-Regione-Toscana.png
  75. BIN
      img/logoRegioneToscana.jpg
  76. BIN
      img/logoRepubblicaItaliana.png
  77. BIN
      img/logoRestore.jpg
  78. BIN
      img/obj_triangle.png
  79. BIN
      img/ontologia.png
  80. BIN
      img/ovi.png
  81. BIN
      img/parser.png
  82. BIN
      img/percorsi.png
  83. BIN
      img/photo-1.jpg
  84. BIN
      img/photo-2.jpg
  85. BIN
      img/photo-4.jpg
  86. BIN
      img/photo-6.jpg
  87. BIN
      img/photo-7.jpg
  88. BIN
      img/photo-9.jpg
  89. BIN
      img/poster.png
  90. BIN
      img/progetto.png
  91. BIN
      img/raise.pg
  92. BIN
      img/rdf.png
  93. BIN
      img/ricerca.png
  94. BIN
      img/search.png
  95. BIN
      img/space.jpg
  96. BIN
      img/sparql.png
  97. BIN
      img/spettro.jpeg
  98. BIN
      img/standard.png
  99. BIN
      img/testi-1.jpg
  100. BIN
      img/veduta_Duomo.JPG

+ 10 - 0
.gitignore
View File 

@@ -0,0 +1,10 @@
 
+.DS_Store
 
+img/Contrassegni/*
 
+img/MPP_Guasti_1858/*
 
+img/Mpp_Guasti_1888/*
 
+img/mpp_img/*
 
+img/MPP_Marchini_1956/*
 
+img/MPP_marchini_stampa/*
 
+img/MPP_Papini_1912/*
 
+img/schedeStoriche/*
 
+

BIN
Video/launch_restore.mp4
View File


+ 150 - 0
about.html
View File 

@@ -0,0 +1,150 @@
 
+<!doctype html>
 
+<html>
 
+
 
+<head>
 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta name="description" content="">
 
+    <meta name="author" content="">
 
+
 
+    <title>IPERION - About</title>
 
+    <link rel="icon" type="image/x-icon" href="img/icon.png">
 
+
 
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
+    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
 
+    <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
 
+
 
+    <link href="css/pages.css" rel="stylesheet">
 
+
 
+    <script src="js/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
+    <script src="js/ajax/jQuery/jquery-3.2.1.min.js"></script>
 
+    <!--<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?lang=css&amp;skin=default"></script>
 
+    -->
 
+    <script src="js/screensaver.js"></script>
 
+    <script src="js/config.js"></script>
 
+    
+    <link href="css/styles.min.css" rel="stylesheet">
 
+</head>
 
+
 
+<body>
 
+    <header class="sticky-top">
 
+        <nav class="navbar navbar-expand-lg navbar-light bg-white">
 
+            <div class="container-fluid">
 
+                <div class="navbar-brand">
 
+                  <a href="index.html"><img src="img/Logo.png" width="100" alt="IPERION" /></a>
 
+                </div>
 
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 
+                    <span class="navbar-toggler-icon"></span>
 
+                </button>
 
+                <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
 
+                    <ul id="navbar_elements" class="navbar-nav">
 
+                        
+                    </ul>
 
+                </div>
 
+            </div>
 
+        </nav>
 
+    </header>
 
+
 
+    <div id="screensaver"></div>
 
+
 
+    <main>
 
+        <section>
 
+            <div class="w-content section-small">
 
+                <div class="container-fluid">
 
+                    <div class="col box-info">
 
+                        <div class="container-fluid">
 
+                            <div class="row box-info-title" id="head_standard">
 
+                                <div class="col">
 
+                                    <h1 class="box-info-main-title">About</h1>
 
+                                    <h2>Resource list</h2>
 
+                                </div>
 
+                            </div>
 
+                            <div class="row box-info-container" id="standard_container">
 
+                              <div class="col">
 
+                                  <p><b>STATE ARCHIVES OF PRATO RESOURCE SELECTION</b></p>
 
+                                  <p>ASPO contributed to the project the data derived from the Datini online project and 
+                                    those concerning the Misericordia e Dolce Hospital fund, including the carteggio 
+                                    Marcovaldi and the "signals" regarding the so-called "gettatelli" (foundlings).</p>
 
+                                  <p>The data for the Datini fund required numerous adaptations in 
+                                    particular with regard to the authority records, i.e., the records of the 
+                                    individuals involved in the correspondence as senders, recipients or in other roles. 
+                                    Since we are dealing with more than 5,000 individuals, the revision operations focused 
+                                    on normalizing certain aspects, but cannot be considered complete, 
+                                    it therefore remains a work in progress that the Archives will continue internally and - 
+                                    hopefully - with input from the scientific community. </p>
 
+                                  <p>There are some aspects of the work in particular that should be noted as 
+                                    still open: foreign names are sometimes given in the version found on the 
+                                    text, other times transformed into an italianized version or into the 
+                                    current language of the country of origin; the identification of some subjects is still 
+                                    in progress, it is therefore possible that the same subject appears several times 
+                                    in the database. Identification will also have to be done 
+                                    (from a scientific and therefore computerized point of view) of the subjects mentioned in the 
+                                    lemmatized correspondence with respect to the authority records, so as to link 
+                                    the two datasets more effectively.</p>
 
+                                  <p>
 
+                                    The Hospital Fund should also be considered a work in progress, particularly 
+                                    regarding the analysis of documents on abandoned childhood, which is a topic that 
+                                    ASPO intends to continue to explore by proceeding backward from the period so far 
+                                    here analyzed.
 
+                                  </p>
 
+                                  <p class="text-right">
 
+                                      Elisa Brunoni <br/>
 
+                                      Archival Officer <br />
 
+                                      State Archives of Prato
 
+                                  </p>
 
+                                  
+                              </div>
 
+                            </div>
 
+                            <div class="row box-info-container" id="standard_container">
 
+                                <div class="col">
 
+                                    <p><b>"PALAZZO PRETORIO" MUSEUM RESOURCE SELECTION - CLARIFICATIONS</b></p>
 
+                                    <p>In the belief that different institutions can and should dialogue on topics that are
 
+                                        extremely connected given that each discipline is not stand-alone, the Museum of Palazzo Pretorio has in this
 
+                                        first phase developed together with the Prato State Archives two themes for which there was a cross-reference
 
+                                        mutuality. These are the figure of Francesco di Marco Datini for whom the Museum has made available
 
+records of works of art related to the iconography and the Hospital of Misericordia e Dolce, from which come
 
+                                        many works preserved in the municipal collection. The bibliography published so far has considered as
 
+                                        "from the hospital" a large number of works of art found from the second half of the 19th
 
+                                        century in the municipal collections: these actually left the hospital premises to be
 
+                                        worthily displayed in the Municipal Gallery, which opened in 1858. The research conducted in recent years,
 
+                                        including through the review of archival documentation (minutes, inventories, registers of
 
+                                        entry/exit...), have been able to clarify some points and, consequently, to subdivide this large nucleus
 
+                                        of works generically indicated as coming from the hospital into at least three groups: works
 
+                                        commissioned by the hospital and preserved by it since the 14th century; works that came
 
+                                        to the hospital through donations or testamentary bequests; works that merely passed through the hospital for
 
+                                        a certain period of time and then passed into the art collections of the City of Prato and were exhibited to the
 
+                                        public - whose ownership by the hospital is therefore not proven. Thanks to the project, it has been
 
+                                        possible to make these first two subdivisions evident, that is, one can search for works
 
+                                        commissioned by the hospital and those from the so-called "Martini Gallery," which reached
 
+                                        to the hospital institution as part of the legacy of Giovanni Martini.</p>
 
+                                        <p>The records that the Museum of Palazzo Pretorio makes available are those that have been made so far regarding
 
+                                            the works of art that, within the museum itinerary, are part of the permanent collection: the work is
 
+                                        <i>in fieri</i> and these same subgroups could hopefully grow by considering on the one hand the works
 
+                                        placed in the Municipal Palace and, on the other hand, those that are not on public display because they are kept in the deposits
 
+                                        of the museum.
 
+                                    </p>
 
+                                    <p class="text-right">
 
+                                        Rita Iacopino <br/>
 
+                                        Scientific Director <br />
 
+                                        "Palazzo Pretorio" Museum - Prato
 
+                                    </p>
 
+                                    
+                                </div>
 
+                            </div>
 
+
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+        </section>
 
+    </main>
 
+
 
+    <footer id="footer" class="footer">
 
+      </footer>
 
+
 
+    <!-- Bootstrap core JavaScript -->
 
+    <script src="vendor/jquery/jquery.min.js"></script>
 
+    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 
+</body>
 
+
 
+</html>

+ 84 - 0
contatti.html
View File 

@@ -0,0 +1,84 @@
 
+<!doctype html>
 
+<html>
 
+
 
+<head>
 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta name="description" content="">
 
+    <meta name="author" content="">
 
+
 
+    <title>IPERION - Contacts</title>
 
+    <link rel="icon" type="image/x-icon" href="img/icon.png">
 
+
 
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
+    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
 
+    <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
 
+
 
+    <link href="css/pages.css" rel="stylesheet">
 
+
 
+    <script src="js/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
+    <script src="js/ajax/jQuery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/screensaver.js"></script>
 
+    <script src="js/config.js"></script>
 
+    
+    <link href="css/styles.min.css" rel="stylesheet">
 
+</head>
 
+
 
+<body>
 
+    <header class="sticky-top">
 
+        <nav class="navbar navbar-expand-lg navbar-light bg-white">
 
+            <div class="container-fluid">
 
+                <div class="navbar-brand">
 
+                  <a href="index.html"><img src="img/Logo.png" width="100" alt="IPERION" /></a>
 
+                </div>
 
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 
+                    <span class="navbar-toggler-icon"></span>
 
+                </button>
 
+                <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
 
+                    <ul id="navbar_elements" class="navbar-nav">
 
+                        
+                    </ul>
 
+                </div>
 
+            </div>
 
+        </nav>
 
+    </header>
 
+
 
+    <div id="screensaver"></div>
 
+
 
+    <main>
 
+        <section>
 
+            <div class="w-content section-small">
 
+                <div class="container-fluid">
 
+                    <div class="col box-info">
 
+                        <div class="container-fluid">
 
+                            <div class="row box-info-title" id="head_standard">
 
+                                <div class="col">
 
+                                    <h1 class="box-info-main-title">Contacts</h1>
 
+                                </div>
 
+                            </div>
 
+                            <div class="row box-info-container" id="standard_container">
 
+                                <div class="col">
 
+                                    <p>
 
+                                        For more information write to: <br />
 
+                                        info:<a href="mailto:dariah.it@ovi.cnr.it">dariah.it@ovi.cnr.it</a>
 
+                                    </p>
 
+                                </div>
 
+                            </div>
 
+
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+        </section>
 
+    </main>
 
+
 
+    <footer id="footer" class="footer">
 
+    </footer>
 
+
 
+    <!-- Bootstrap core JavaScript -->
 
+    <script src="vendor/jquery/jquery.min.js"></script>
 
+    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 
+    
+</body>
 
+
 
+</html>

+ 96 - 0
css/OA.css
View File 

@@ -0,0 +1,96 @@
 
+.viewImage {
 
+    width: 100%;
 
+    height: auto;
 
+}
 
+
 
+.center {
 
+    text-align: center;
 
+}
 
+
 
+#image_body {
 
+    overflow: scroll;
 
+    max-height: 800px;
 
+    vertical-align: middle;
 
+}
 
+
 
+.border-grey {
 
+    border: 1px solid #dee2e6;
 
+    padding: 16px 20px;
 
+}
 
+
 
+#images_container {
 
+    max-height: 900px;
 
+    overflow: hidden;
 
+}
 
+
 
+#image_min {
 
+    max-height: 900px;
 
+    overflow: auto;
 
+}
 
+
 
+
 
+/*.glassStyle {
 
+    border: 1px solid black;
 
+    box-shadow: 5px 5px 12px black;
 
+    background: rgba(0, 0, 0, 0.25);
 
+}*/
 
+
 
+  .img-magnifier-container {
 
+    position:relative;
 
+  }
 
+
 
+  .img-magnifier-glass {
 
+    position: absolute;
 
+    border: 1px solid black;
 
+    box-shadow: 5px 5px 12px black;
 
+    background: rgba(0, 0, 0, 0.25);
 
+    border-radius: 50%;
 
+    cursor: none;
 
+    /*Set the size of the magnifier glass:*/
 
+    width: 200px;
 
+    height: 200px;
 
+  }
 
+  
+  .minImage {
 
+      padding: 10px;
 
+  }
 
+
 
+  .openseadragon1
 
+  {
 
+      width:      100%;
 
+      height:     600px;
 
+      border:     1px solid black;
 
+      color:      #333; /* text color for messages */
 
+      background-color: black;
 
+  }
 
+
 
+            .text-overlay,
 
+            .text-overlay2 {
 
+                position: absolute;
 
+                left: 200px;
 
+                top: 65px;
 
+                width: 420px;
 
+                font-size: 25px;
 
+                font-family: sans-serif;
 
+                color: white;
 
+                text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
 
+            }
 
+
 
+            .text-overlay a,
 
+            .text-overlay2 a {
 
+                color: #DDF;
 
+            }
 
+
 
+            .image-overlay,
 
+            .image-overlay2 {
 
+                position: absolute;
 
+                left: 650px;
 
+                top: 65px;
 
+                width: 140px;
 
+                height: 140px;
 
+                cursor: pointer;
 
+            }
 
+
 
+            .toolbar {
 
+                height:40px;
 
+            }

+ 181 - 0
css/advanced-search.css
View File 

@@ -0,0 +1,181 @@
 
+#advanced_search_intro {
 
+  max-width: 1000px;
 
+  margin: 0 auto;
 
+  font-size: 18px;
 
+  font-weight: 300;
 
+  margin-top: 20px;
 
+}
 
+
 
+#advanced_search_intro h1 {
 
+  text-align: center;
 
+  font-size: 2.375rem;
 
+  font-weight: 400;
 
+  margin-bottom: 0.9375rem
 
+}
 
+
 
+@media (min-width: 768px) {
 
+  #advanced_search_intro .section-small {
 
+    padding-top: 2rem !important;
 
+  }
 
+}
 
+
 
+#advanced_search {
 
+    background: url(../img/bg-masthead.jpg) no-repeat center center;
 
+    background-size: cover;
 
+}
 
+
 
+#advanced_search-options {
 
+  position: relative;
 
+  z-index: 1;
 
+}
 
+
 
+#question {
 
+  width: 100%;
 
+  font-size: 35px;
 
+  color: white;
 
+  margin-bottom: 30px;
 
+}
 
+
 
+.selected_option {
 
+  color: #202122;
 
+    background-color: #fff;
 
+    border-color: #a2a9b1;
 
+    border-style: solid;
 
+    border-width: 1px;
 
+    border-radius: 2px;
 
+    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;
 
+    font-size: 1em;
 
+    font-weight: 400;
 
+    line-height: 1.3;
 
+    width: 100%;
 
+    box-sizing: border-box;
 
+    padding-left: 0.5em;
 
+    padding-right: 0.5em;
 
+    padding-left: 0.5em;
 
+    padding-right: 0.5em;
 
+    padding-inline: 0.5em;
 
+    padding-top: 0.313em;
 
+    padding-bottom: 0.313em;
 
+    padding-top: 0.313em;
 
+    padding-bottom: 0.313em;
 
+    padding-block: 0.313em;
 
+    transition-duration: .25s;
 
+    transition-timing-function: ease;
 
+    transition-property: border-color,box-shadow;
 
+    box-shadow: inset 0 0 0 1px transparent;
 
+}
 
+
 
+.advanced-form-select, .category-form-select, .collection-form-select {
 
+    line-height: 1.3;
 
+    font-size: 1em;
 
+    font-weight: 700;
 
+    color: #202122;
 
+    background-color: #f8f9fa;
 
+}
 
+
 
+.category-form-select, .collection-form-select {
 
+  height: 45px;
 
+}
 
+
 
+.advanced-form-select {
 
+    margin-bottom: 15px;
 
+}
 
+
 
+.container_choice {
 
+    margin-top: 1em;
 
+    margin-bottom: 1em;
 
+    background-color: white;
 
+    border-radius: .25rem;
 
+}
 
+
 
+.choice_box {
 
+    background-color: #fff;
 
+    border-radius: .25rem;
 
+    padding: 35px 22px;
 
+}
 
+.choice_box .form-control {
 
+  background: white;
 
+  border: 1px solid #a2a9b1;
 
+  border-radius: .25rem;
 
+}
 
+
 
+#search-option-area {
 
+  text-align: left;
 
+}
 
+
 
+#search-option-area .btn-link {
 
+  color: white;
 
+  padding: 0;
 
+}
 
+
 
+#search-option-area .btn-link:hover {
 
+  color: white;
 
+  text-decoration: underline;
 
+}
 
+
 
+#wb_ClipArt1 {
 
+  height: 45px;
 
+}
 
+
 
+#box_results h2 {
 
+  text-align: center;
 
+  font-size: 2.375rem;
 
+  font-weight: 400;
 
+  margin-bottom: 0.9375rem;
 
+}
 
+
 
+.query-results-container {
 
+  background: white;
 
+  max-width: 1000px;
 
+  margin-right: auto;
 
+  margin-left: auto;
 
+  margin-top: 30px;
 
+  border-radius: 10px;
 
+  overflow: hidden;
 
+  border: 1px solid #3f4149;
 
+  max-height: 700px;
 
+  overflow: auto;
 
+}
 
+
 
+#query_results {
 
+  display: table;
 
+  font-size: .875em;
 
+  border-collapse: collapse;
 
+  width: 100%;
 
+}
 
+
 
+#query_results .row {
 
+  display: table-row;
 
+  background: white;
 
+  border-bottom: 1px solid #3f4149;
 
+}
 
+
 
+#query_results .row.t_head {
 
+  position: sticky;
 
+  top: 0;
 
+  z-index: 1;
 
+  font-weight: 600;
 
+  background: #3f4149;
 
+  color: white;
 
+  border-bottom: 0;
 
+}
 
+
 
+#query_results .row .col-auto {
 
+  padding: 10px 20px;
 
+}
 
+
 
+#query_results>.row>* {
 
+  display: table-cell;
 
+}
 
+
 
+.remove {
 
+  float: right;
 
+  margin-right: 10px;
 
+  margin-top: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+#btn_dowload {
 
+  text-align: center;
 
+  margin-top:15px;
 
+}

+ 139 - 0
css/evenTime.css
View File 

@@ -0,0 +1,139 @@
 
+#list_dates {
 
+    height: 100px;
 
+    overflow-x: auto;
 
+    overflow-y: hidden;
 
+    margin: 0;
 
+    border-top: 1px solid #b61924;
 
+}
 
+
 
+#list_dates ul {
 
+    list-style: none;
 
+    padding: 0;
 
+    margin: 0;
 
+}
 
+
 
+#list_dates li div {
 
+    width: 50px;
 
+    height: 50px;
 
+    margin: auto;
 
+    background: #b61924;
 
+    color: #fff;
 
+    padding-top: 15px;
 
+    border-radius: 1000px;
 
+    transition: 0.6s ease;
 
+    margin-top: 15px;
 
+}
 
+
 
+#list_dates li div:hover {
 
+    background-color: #fff;
 
+    color: #b61924;
 
+    border: 1px solid #b61924;
 
+}
 
+
 
+#list_dates .date div {
 
+    padding-top: 18px;
 
+}
 
+
 
+#list_dates ul li:before {
 
+    content: "";
 
+    width: 4px;
 
+    height: 4px;
 
+    position: absolute;
 
+    left: 50%;
 
+    margin-left: -2px;
 
+    background: #b61924;
 
+    border-radius: 1000px;
 
+}
 
+
 
+.event {
 
+    padding-top: 15px;
 
+    padding-bottom: 15px;
 
+    font-size: 15px;
 
+}
 
+
 
+.event_days:hover {
 
+    -ms-transform: scale(1.5);
 
+    -webkit-transform: scale(1.5);
 
+    transform: scale(1.5);
 
+}
 
+
 
+.event_days {
 
+    width: 70px;
 
+    height: 70px;
 
+    position: absolute;
 
+    float: left;
 
+    cursor: pointer;
 
+    margin-right: 1rem;
 
+    text-align: center;
 
+    transition: all 0.4s ease;
 
+}
 
+
 
+.year {
 
+    font-size: 14px;
 
+}
 
+
 
+.date {
 
+    font-size: 8px;
 
+}
 
+
 
+.yearSeed {
 
+    text-align: center;
 
+    color: #b61924;
 
+}
 
+
 
+.dateSeed {
 
+    text-align: center;
 
+    font-weight: 600;
 
+}
 
+
 
+.eventSeed {
 
+    text-align: justify;
 
+    margin: 10px 15px 10px 20px;
 
+}
 
+
 
+#backToAnni {
 
+    background-color: #fff;
 
+    color: #b61924;
 
+    border: 1px solid #b61924;
 
+    margin-bottom: 15px;
 
+    margin-top: 15px;
 
+}
 
+
 
+#backToAnni:hover {
 
+    background-color: #b61924;
 
+    color: #fff;
 
+    border: 1px solid #b61924;
 
+}
 
+
 
+#lemma_buttons {
 
+    margin-bottom: 30px;
 
+    margin-top: -5px;
 
+}
 
+
 
+#lemma_buttons button {
 
+    color: #30383f;
 
+    font-size: 15px;
 
+}
 
+
 
+#lemma_buttons button .fa {
 
+    margin-right: 5px;
 
+}
 
+
 
+.geo-text {
 
+    font-size: 14px;
 
+    margin: 6px 0;
 
+    padding-right: 0;
 
+}
 
+
 
+.geo-text i {
 
+    margin-left: 3px;
 
+}
 
+
 
+.geo-text:hover {
 
+    text-decoration: underline;
 
+}
 
+
 
+.highlight {
 
+    background-color: yellow;
 
+    font-weight: bold;
 
+}

+ 625 - 0
css/landing-page.css
View File 

@@ -0,0 +1,625 @@
 
+/*!
 
+ * 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 {
 
+    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 .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;
 
+}
 
+
 
+#search {
 
+    background-color: black;
 
+    background: url(../img/bg-masthead.jpg) no-repeat center center;
 
+    background-size: cover;
 
+}
 
+
 
+#search-options {
 
+    position: relative;
 
+    width: 100%;
 
+    margin-left: auto;
 
+    margin-right: auto;
 
+}
 
+
 
+@media (min-width: 768px) {
 
+    #search-options {
 
+        width: 50%;
 
+    }
 
+}
 
+
 
+.drop-down-content > select > option {
 
+    background-color: #000;
 
+}
 
+
 
+.form-select-container {
 
+  display: flex;
 
+  justify-content: center;
 
+  margin-top: 15px;
 
+}
 
+
 
+.form-select {
 
+    background-color: transparent;
 
+    border: 0;
 
+    border-bottom: 2px solid white;
 
+    margin-right: 2rem;
 
+    color: #fff;
 
+    font-size: 18px;
 
+    text-align: center;
 
+}
 
+
 
+.form-select option {
 
+  color: black;
 
+}
 
+
 
+.form-control {
 
+    font-size: 24px;
 
+    border-color: white;
 
+}
 
+
 
+.form-control + .input-group-append .btn {
 
+    border-width: 3px;
 
+    border-color: white;
 
+}
 
+
 
+#input-range {
 
+    color: #fff;
 
+    padding-top: 0.5rem;
 
+    font-size: 18px;
 
+}
 
+
 
+#myRange {
 
+    width: 20%;
 
+}
 
+
 
+.slider {
 
+    -webkit-appearance: none;
 
+    width: 100%;
 
+    height: 10px;
 
+    border-radius: 5px;
 
+    background: #d3d3d3;
 
+    outline: none;
 
+    opacity: 0.7;
 
+    -webkit-transition: 0.2s;
 
+    transition: opacity 0.2s;
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+    -webkit-appearance: none;
 
+    appearance: none;
 
+    width: 20px;
 
+    height: 20px;
 
+    border-radius: 50%;
 
+    background: red;
 
+    cursor: pointer;
 
+}
 
+
 
+.search-image {
 
+    width: 30px;
 
+}
 
+
 
+.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: 0.25rem;
 
+    border: 1px solid transparent;
 
+    padding: 0.375rem 0.75rem;
 
+    font-size: 1rem;
 
+    line-height: 1.5;
 
+}
 
+
 
+#results-cont {
 
+    width: 100%;
 
+    margin-left: auto;
 
+    margin-right: auto;
 
+    padding: 2%;
 
+    background-color: #e9e9e9;
 
+}
 
+
 
+#res-check {
 
+    width: 100%;
 
+    margin-left: auto;
 
+    margin-right: auto;
 
+    background-color: #e9e9e9;
 
+    padding-top: 5%;
 
+}
 
+
 
+#res-table {
 
+    background-color: #fff;
 
+}
 
+
 
+article {
 
+    margin-bottom: 20px;
 
+}
 
+
 
+.card-header {
 
+    background-color: #6c757d;
 
+    color: #fff;
 
+}
 
+
 
+.row-itinerari {
 
+    padding-top: 50px;
 
+    padding-bottom: 50px;
 
+}
 
+
 
+.wrap-bg-img-itinerari {
 
+    position: relative;
 
+    min-height: 250px;
 
+    height: 250px;
 
+    width: auto;
 
+    background-color: #244080;
 
+}
 
+
 
+.row-itinerari .card-body {
 
+    text-align: center;
 
+    background-color: #a71b24;
 
+    height: 90px;
 
+}
 
+.card-body {
 
+    -ms-flex: 1 1 auto;
 
+    flex: 1 1 auto;
 
+    min-height: 1px;
 
+    padding: 1.25rem;
 
+}
 
+
 
+.card-title {
 
+    color: #fff;
 
+    line-height: 50px;
 
+}
 
+
 
+.bg-img-itinerari {
 
+    position: absolute;
 
+    z-index: 0;
 
+    top: 0;
 
+    left: 0;
 
+    right: 0;
 
+    bottom: 0;
 
+    background-repeat: no-repeat;
 
+    background-size: cover;
 
+    background-position: 50% 50%;
 
+}
 
+
 
+#percorso {
 
+    padding: 1% 5%;
 
+}
 
+
 
+.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;
 
+}
 
+
 
+.slideshow {
 
+    padding: 2rem;
 
+    min-height: 30rem;
 
+}
 
+
 
+.slideshow-img {
 
+    background-size: 35rem;
 
+    height: 35rem;
 
+    background-repeat: no-repeat;
 
+    background-position: center;
 
+}
 
+
 
+.slideshow-text p {
 
+    font-size: 16px;
 
+    padding: 10%;
 
+}
 
+
 
+.ang {
 
+    position: absolute;
 
+    background-color: #a71b24;
 
+    color: #fff;
 
+    font-size: 60px;
 
+    border-radius: 50%;
 
+    width: 70px;
 
+    height: 70px;
 
+    text-align: center;
 
+    line-height: 70px;
 
+}
 
+
 
+.btn-text {
 
+    font-size: 10px;
 
+    text-transform: uppercase;
 
+    margin-bottom: 0;
 
+}
 
+
 
+.img-logo {
 
+    max-height: 30px;
 
+    width: auto;
 
+}
 
+
 
+#wb_Shape1 {
 
+    width: 80%;
 
+    margin-left: auto;
 
+    margin-right: auto;
 
+    background-color: #fff;
 
+}
 
+
 
+.tab-content a:link {
 
+    color: #000;
 
+    background-color: transparent;
 
+    text-decoration: none;
 
+    font-weight: bold;
 
+}
 
+
 
+.tab-content a:visited {
 
+    color: #000;
 
+    background-color: transparent;
 
+    text-decoration: none;
 
+    font-weight: bold;
 
+}
 
+
 
+.tab-content a:hover {
 
+    color: #007bff;
 
+    background-color: transparent;
 
+    text-decoration: underline;
 
+}
 
+
 
+.tab-content h2 a:link {
 
+    color: #fff;
 
+    background-color: transparent;
 
+    text-decoration: none;
 
+    font-weight: bold;
 
+}
 
+
 
+.tab-content h2 a:visited {
 
+    color: #fff;
 
+    background-color: transparent;
 
+    text-decoration: none;
 
+    font-weight: bold;
 
+}
 
+
 
+.tab-content h2 a:hover {
 
+    color: #007bff;
 
+    background-color: transparent;
 
+    text-decoration: underline;
 
+}
 
+
 
+table a:link {
 
+    color: #000;
 
+    background-color: transparent;
 
+    text-decoration: none;
 
+    font-weight: bold;
 
+}
 
+
 
+table a:visited {
 
+    color: #000;
 
+    background-color: transparent;
 
+    text-decoration: none;
 
+    font-weight: bold;
 
+}
 
+
 
+table a:hover {
 
+    color: #007bff;
 
+    background-color: transparent;
 
+    text-decoration: underline;
 
+}
 
+
 
+#info_link {
 
+    width: 100%;
 
+}
 
+
 
+#info_ico {
 
+    width: 100%;
 
+}
 
+
 
+#info_obj {
 
+    width: 100%;
 
+}
 
+
 
+.tab {
 
+    display: none; /* Hidden by default */
 
+    position: fixed; /* Stay in place */
 
+    z-index: 1; /* Sit on top */
 
+    padding-top: 100px; /* Location of the box */
 
+    padding-bottom: 100px;
 
+    left: 0;
 
+    top: 0;
 
+    width: 100%; /* Full width */
 
+    height: 100%; /* Full height */
 
+    overflow: auto; /* Enable scroll if needed */
 
+    background-color: #e9e9e9;
 
+}
 
+
 
+.tab-content {
 
+    background-color: #fff;
 
+    margin: auto;
 
+    width: 80%;
 
+}
 
+
 
+#tab_container {
 
+    padding: 20px;
 
+}
 
+
 
+.tab-content h2 {
 
+    padding: 20px;
 
+    background-color: #3f4149;
 
+    color: #fff;
 
+}
 
+
 
+/* 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;
 
+}
 
+
 
+#wb_intro {
 
+    max-width: 900px;
 
+    margin: 0 auto;
 
+    font-size: 20px;
 
+    font-weight: 300;
 
+}
 
+
 
+#wb_intro h2 {
 
+    text-align: center;
 
+    font-size: 2.375rem;
 
+    font-weight: 400;
 
+    margin-bottom: 0.9375rem;
 
+}
 
+
 
+.results {
 
+    display: none;
 
+    margin-left: auto;
 
+    margin-right: auto;
 
+    min-height: 150px;
 
+    border: 1px solid;
 
+    background-color: #fff;
 
+    border-radius: 6px;
 
+    overflow: hidden;
 
+    margin-bottom: 35px;
 
+}
 
+
 
+.section_title {
 
+    background-color: #3f4149;
 
+    color: #fff;
 
+    padding-top: 7px;
 
+    padding-bottom: 10px;
 
+    font-weight: 600;
 
+}
 
+
 
+.section_type {
 
+    font-size: 18px;
 
+}
 
+
 
+.section_desc {
 
+    font-weight: 500;
 
+}
 
+
 
+.num_res {
 
+    display: flex;
 
+    justify-content: end;
 
+    align-items: end;
 
+}
 
+
 
+.num_res p {
 
+    margin-bottom: 0;
 
+}
 
+
 
+.res {
 
+    padding-top: 15px;
 
+    padding-bottom: 15px;
 
+    font-size: 14px;
 
+}
 
+
 
+.res:not(:last-child) {
 
+    border-bottom: 1px solid #000;
 
+}
 
+
 
+.res_list {
 
+    max-height: 400px;
 
+    overflow: auto;
 
+}
 
+
 
+.res_list .no-results {
 
+    padding-top: 10px;
 
+}
 
+
 
+.res_list .no-results span {
 
+    font-style: italic;
 
+}
 
+
 
+.res .title_doc {
 
+    color: #000;
 
+    background-color: transparent;
 
+    text-decoration: none;
 
+    font-weight: bold;
 
+    cursor: pointer;
 
+}
 
+
 
+.res .title_doc:visited {
 
+    color: #000;
 
+    background-color: transparent;
 
+    text-decoration: none;
 
+    font-weight: bold;
 
+}
 
+
 
+.res .title_doc:hover {
 
+    color: #C41C22;
 
+    background-color: transparent;
 
+    text-decoration: underline;
 
+}
 
+
 
+.res button {
 
+    color: #30383f9e;
 
+    font-size: 12px;
 
+}
 
+
 
+.btn-menu {
 
+    color: #a7a7a7;
 
+    text-transform: uppercase;
 
+}
 
+
 
+.btn-menu:hover {
 
+    color: #fff;
 
+}
 
+
 
+.navbar-nav .active {
 
+    color: #fff;
 
+}
 
+
 
+.sharp {
 
+    background-color: #b6192447;
 
+}
 
+
 
+#advSearch {
 
+    text-align: right;
 
+    margin-top: -5px;
 
+    margin-bottom: 5px;
 
+    font-size: 17px;
 
+}
 
+
 
+#advSearch a {
 
+    color: #fff;
 
+}

+ 172 - 0
css/leaflet.css
View File 

@@ -0,0 +1,172 @@
 
+body {

+	background-color: #a71b24;

+	color: #fff;

+}

+

+#sc{

+	background-color: #fff;

+	color: #000;

+	opacity: 0.5;

+}

+

+.campo {

+    font-size: 16px;

+    font-weight: 400;

+    display: inline-block;

+}

+

+.row-dati-opera .label {

+    text-transform: initial;

+}

+.row-dati-opera .label {

+    min-width: 200px;

+    font-size: 16px;

+    font-weight: 400;

+    margin-right: 15px;

+    display: inline-block;

+    text-transform: uppercase;

+}

+.label {

+    min-width: 60px;

+    font-size: 16px;

+    font-weight: 400;

+    margin-right: 15px;

+    display: inline-block;

+}

+

+.table-risorse {

+    border-top: 1px solid #f8f9fa;

+    border-bottom: 1px solid #f8f9fa;

+}

+*, ::after, ::before {

+    box-sizing: border-box;

+}

+

+.wrap-altre-risorse {

+    margin: 30px 0;

+}

+

+.row-risorse {

+    list-style: none;

+    margin: 0;

+    padding: 0;

+}

+

+.row-risorse li {

+    border-bottom: 1px solid #f8f9fa;

+    padding-bottom: 5px;

+    margin-top: 5px;

+    display: flex;

+}

+.justify-content-start {

+    -ms-flex-pack: start!important;

+    justify-content: flex-start!important;

+}

+.d-flex {

+    display: -ms-flexbox!important;

+    display: flex!important;

+}

+

+.title-page-sx {

+    font-size: 16px;

+    text-transform: uppercase;

+    letter-spacing: 0.26px;

+    font-weight: 500;

+    margin-left: 15px;

+    margin-bottom: 25px;

+}

+

+.search-catalogo-home .input-group-text button {

+    background-color: transparent;

+    border: 0;

+    border-radius: 0;

+    padding: 0;

+}

+

+.input-group {

+	padding: 1% 20%;

+}

+

+

+.btn-avanzata {

+    font-family: 'IBM Plex Sans', sans-serif;

+    float: right;

+    font-size: 11px;

+    color: #fff;

+    text-transform: lowercase;

+	padding-right: 20%;

+}

+

+#letters {

+	font-size: 20px;

+	margin-top:25px;

+}

+

+.search-image {

+    width: 30px;

+}

+

+.btn-icon {

+    width:30px;

+}

+

+#res-table {

+	background-color: #fff;

+}

+

+.table th {

+	text-align: center;

+	vertical-align: middle;

+}

+

+.table td {

+  text-align: center;

+  vertical-align:middle;

+  padding: 20px 10px;

+}

+

+.table thead td{

+    border-top:#fff;

+    border-bottom: #fff;

+}

+

+#lodview {

+	width:100%;

+}

+

+#cities ul li{

+	border-bottom: 1px solid #fff;

+	padding: 4px 0;

+}

+

+#cities ul {

+	list-style-type: none;

+	background-color: rgba(255, 255, 255, 0.3);

+	padding: 10px;

+    font-size: small;

+}

+

+.img-doc {

+	width:100%;

+}

+

+.doc p {

+	font-style: italic;

+	background-color: rgba(255, 255, 255, 0.3);

+	padding: 10px;

+    font-size: small;

+}

+

+#mappa-view {

+	width:100%;

+}

+

+footer.footer {

+  padding-top: 4rem;

+  padding-bottom: 4rem;

+}

+

+.img-logo {

+	max-height:30px;

+	width:auto;

+}

+ 498 - 0
css/lettera.css
View File 

@@ -0,0 +1,498 @@
 
+/*!
 
+ * 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: #343a40;
 
+	color: #fff;
 
+	padding:2rem;
 
+	font-size:20px;
 
+}
 
+
 
+.btn-text {
 
+  font-size: 10px;
 
+  text-transform: uppercase;
 
+  padding-top: 4px;
 
+  margin-bottom: 0;
 
+}
 
+
 
+.img-logo {
 
+	max-height:30px;
 
+	width:auto;
 
+}
 
+
 
+#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;
 
+} */
 
+
 
+.headInfo h2 {
 
+  font-size: 25px;
 
+  font-weight: 400;
 
+}
 
+
 
+.headInfo h3 {
 
+  font-size: 23px;
 
+  font-weight: 400;
 
+}
 
+
 
+#choice_buttons {
 
+  margin-bottom: 20px;
 
+}
 
+
 
+#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%;
 
+} */
 
+
 
+.info_lettera_container {
 
+  margin-top: 20px;
 
+}
 
+
 
+#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 {
 
+  max-height: 442px;
 
+  overflow: auto;
 
+  border: 1px solid #dee2e6;
 
+  padding: 16px 20px;
 
+}
 
+
 
+#row_evt {
 
+  height:10vh;
 
+}
 
+
 
+#col_antroponimi {
 
+  height: 250px;
 
+  overflow: auto;
 
+  border: 1px solid #dee2e6;
 
+  padding: 16px 20px;
 
+  margin-right: 5px;
 
+  background-color: #fff;
 
+}
 
+
 
+#col_antroponimi p {
 
+  text-align:center;
 
+  font-weight: 500;
 
+  border-bottom: 1px solid #dee2e6;
 
+}
 
+
 
+#antroponimi {
 
+  list-style-type: none;
 
+  padding-left: 0;
 
+  margin-bottom: 0;
 
+}
 
+
 
+#antroponimi li {
 
+  padding-bottom: 2%;
 
+}
 
+
 
+#toponimi {
 
+  list-style-type: none;
 
+  padding-left: 0;
 
+  margin-bottom: 0;
 
+}
 
+
 
+#toponimi li {
 
+  padding-bottom: 2%;
 
+}
 
+
 
+#col_toponimi {
 
+  height: 250px;
 
+  overflow: auto;
 
+  border: 1px solid #dee2e6;
 
+  padding: 16px 20px;
 
+  margin-right: 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%;
 
+} */
 
+
 
+.headInfo {
 
+  margin-bottom: 20px;
 
+}
 
+
 
+.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;
 
+}
 
+
 
+/* 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;
 
+}
 
+
 
+.inner_results {
 
+  background-color: #ffffffa1;
 
+  border: 0;
 
+}
 
+
 
+#lemmi_container {
 
+  border: 1px solid;
 
+  border-radius: 6px;
 
+  overflow: auto;
 
+}
 
+
 
+.res_list .btn-icon {
 
+  font-size: 16px;
 
+}
 
+
 
+.def_res {
 
+  background-color: #3f4149;
 
+  color: #fff;
 
+  padding-top: 7px;
 
+  padding-bottom: 10px;
 
+  font-weight: 600;
 
+}
 
+
 
+.def_res .num_res {
 
+  display: flex;
 
+  justify-content: end;
 
+  align-items: end;
 
+}
 
+
 
+.def_res p {
 
+  margin-bottom: 0;
 
+}
 
+
 
+.res {
 
+  padding-top: 15px;
 
+  padding-bottom: 15px;
 
+  font-size: 14px;
 
+}
 
+
 
+.res:not(:last-child) {
 
+  border-bottom: 1px solid #000;
 
+}
 
+
 
+.explore {
 
+  color: #343a40;
 
+}
 
+
 
+#link_buttons button[title]:hover::after {
 
+  content: attr(title);
 
+  margin-left: 10px;
 
+}

+ 214 - 0
css/nlp.css
View File 

@@ -0,0 +1,214 @@
 
+/*!
 
+ * 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;
 
+}
 
+
 
+.row {
 
+  margin-top: 0px;
 
+  margin-bottom: 0px;
 
+  margin-left: 0px;
 
+  margin-right: 0px;
 
+  padding:1%;
 
+}
 
+
 
+#head_letter {
 
+  padding-left: 2em;
 
+  font-size: 24px;
 
+  font-weight: 500;
 
+}
 
+
 
+#testo_OVI {
 
+  background-color: #fff;
 
+  width:100%;
 
+  min-height:40vh;
 
+  max-height:70vh;
 
+  padding: 2em 3em;
 
+  text-align: justify;
 
+  overflow: scroll;
 
+}
 
+
 
+#start_buttons {
 
+  margin-top: auto;
 
+  margin-bottom: auto;
 
+  text-align:center;
 
+}
 
+
 
+#nlp_button {
 
+  text-align:center;
 
+  margin-left: auto;
 
+  margin-right: auto;
 
+  padding: 20px;
 
+  font-size: 24px;
 
+}
 
+
 
+.btn-menu {
 
+  color: #a7a7a7;
 
+  text-transform: uppercase;
 
+}
 
+
 
+.btn-menu:hover {
 
+  color: #fff;
 
+}
 
+
 
+.navbar-nav .active {
 
+  color: #fff;
 
+}

+ 48 - 0
css/object.css
View File 

@@ -0,0 +1,48 @@
 
+/* The grid: Four equal columns that floats next to each other */
 
+.singleImg {
 
+    float: left;
 
+    width: 25%;
 
+    padding: 10px;
 
+  }
 
+  
+  /* Style the images inside the grid */
 
+  .singleImg img {
 
+    opacity: 0.8; 
+    cursor: pointer; 
+  }
 
+  
+  .singleImg img:hover {
 
+    opacity: 1;
 
+  }
 
+  
+  /* Clear floats after the columns */
 
+  .row#images:after {
 
+    content: "";
 
+    display: table;
 
+    clear: both;
 
+  }
 
+  
+  /* The expanding image container */
 
+  .container_img {
 
+    position: relative;
 
+    display: none;
 
+  }
 
+  
+  /* Expanding image text */
 
+  #imgtext {
 
+    position: absolute;
 
+    bottom: 15px;
 
+    left: 15px;
 
+    color: white;
 
+    font-size: 20px;
 
+  }
 
+  
+  /* Closable button inside the expanded image */
 
+  .closebtn {
 
+    top: 10px;
 
+    right: 15px;
 
+    color: #000;
 
+    font-size: 40px;
 
+    cursor: pointer;
 
+    float:right;
 
+  }

+ 423 - 0
css/pages.css
View File 

@@ -0,0 +1,423 @@
 
+/*!
 
+ * 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;
 
+}
 
+
 
+pre {
 
+  width: 100%;
 
+  background-color: whitesmoke;
 
+}
 
+
 
+.query_text {
 
+  padding-top: 0;
 
+  padding-bottom: 0;
 
+}
 
+
 
+.query_container {
 
+  padding: 2% 5% 1% 5%;
 
+}
 
+
 
+#head_page {
 
+  padding: 4% 7%;
 
+}
 
+
 
+#sparql_button {
 
+  text-align: center;
 
+  margin-left: 0;
 
+  margin-right: 0;
 
+  width: 100%;
 
+}
 
+
 
+#sparql_button button {
 
+  padding: 1%;
 
+  font-size: 24px;
 
+  text-align: center;
 
+}
 
+
 
+#mapping_ASPO,
 
+#mapping_MPP {
 
+  max-height: 700px;
 
+  overflow: auto;
 
+  border-radius: 10px;
 
+}
 
+
 
+.section_container {
 
+  padding:  0% 5%;
 
+}
 
+
 
+.table td {
 
+  vertical-align: middle;
 
+}
 
+
 
+.table thead {
 
+ position: sticky;
 
+ top: 0;
 
+ z-index: 1;
 
+}
 
+
 
+.table thead th {
 
+  vertical-align: middle;
 
+  font-size: 15px;
 
+  font-weight: 400;
 
+}
 
+
 
+.table thead tr {
 
+  background-color: #3f4149;
 
+  color: #fff;
 
+}
 
+
 
+.table tr td:last-child {
 
+    font-size: 12px;
 
+    font-family: Consolas,monaco,monospace;
 
+}
 
+
 
+tr:nth-child(even) {
 
+  background-color: #f2f2f2;
 
+}
 
+
 
+tr:nth-child(odd) {
 
+  background-color: #d8e2ef;
 
+}
 
+
 
+tr:nth-child(2n+1) {
 
+  background-color: #ebeff4;
 
+}
 
+
 
+.mappingChoice {
 
+  padding: 0px;
 
+}
 
+
 
+#mapping_buttons {
 
+  display: flex;
 
+  margin-left: 0;
 
+  margin-right: 0;
 
+}
 
+
 
+#mapping_buttons .btn {
 
+    flex: 1;
 
+    width: 100%;
 
+    padding: 2.5%;
 
+    font-size: 20px;
 
+  }
 
+
 
+#mappingTables {
 
+  margin-top: 30px;
 
+}
 
+
 
+.btn-menu {
 
+  color: #a7a7a7;
 
+  text-transform: uppercase;
 
+}
 
+
 
+.btn-menu:hover {
 
+  color: #fff;
 
+}
 
+
 
+.navbar-nav .active {
 
+  color: #fff;
 
+}
 
+
 
+#nome_oggetto {
 
+    color: #b61924;
 
+    font-weight: 400;
 
+}
 
+
 
+.section_box {
 
+  font-size: 16px;
 
+  text-transform: uppercase;
 
+  font-weight: 600;
 
+}
 
+
 
+.nota_menzione {
 
+  font-size: small;
 
+  font-weight: 400;
 
+}
 
+
 
+.myMargin {
 
+  margin-bottom: 20px;
 
+}
 
+
 
+a {
 
+  word-wrap: break-word;
 
+} 
+
 
+.box_results {
 
+  margin-bottom: 35px;
 
+}
 
+
 
+.inner_results {
 
+  background-color: #ffffffa1;
 
+  border-radius: 6px;
 
+  overflow: hidden;
 
+  border: 1px solid;
 
+}
 
+
 
+.inner_results .title_doc {
 
+    color: #000;
 
+    background-color: transparent;
 
+    text-decoration: none;
 
+    font-weight: bold;
 
+    cursor: pointer;
 
+}
 
+
 
+.res_list {
 
+  max-height: 400px;
 
+  overflow: auto;
 
+}
 
+
 
+.res_list .no-results {
 
+  padding-top: 10px;
 
+}
 
+
 
+.res_list .btn-icon {
 
+  font-size: 16px;
 
+}
 
+
 
+.def_res {
 
+  background-color: #3f4149;
 
+  color: #fff;
 
+  padding-top: 7px;
 
+  padding-bottom: 10px;
 
+  font-weight: 600;
 
+}
 
+
 
+.def_res .num_res {
 
+  display: flex;
 
+  justify-content: end;
 
+  align-items: end;
 
+}
 
+
 
+.def_res p {
 
+  margin-bottom: 0;
 
+}
 
+
 
+.res {
 
+  padding-top: 15px;
 
+  padding-bottom: 15px;
 
+  font-size: 14px;
 
+}
 
+
 
+.res:not(:last-child) {
 
+  border-bottom: 1px solid #000;
 
+}
 
+
 
+#link_buttons button[title]:hover::after {
 
+  content: attr(title);
 
+  margin-left: 10px;
 
+  /*left: 0; 
+  transition: 2s;
 
+  position: absolute;
 
+  top: -100%;
 
+  left: 0;*/
 
+}
 
+
 
+.openseadragon1
 
+  {
 
+      width:      100%;
 
+      height:     600px;
 
+      border:     1px solid black;
 
+      color:      #333; /* text color for messages */
 
+      background-color: black;
 
+  }
 
+
 
+            .text-overlay,
 
+            .text-overlay2 {
 
+                position: absolute;
 
+                left: 200px;
 
+                top: 65px;
 
+                width: 420px;
 
+                font-size: 25px;
 
+                font-family: sans-serif;
 
+                color: white;
 
+                text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
 
+            }
 
+
 
+            .text-overlay a,
 
+            .text-overlay2 a {
 
+                color: #DDF;
 
+            }
 
+
 
+            .image-overlay,
 
+            .image-overlay2 {
 
+                position: absolute;
 
+                left: 650px;
 
+                top: 65px;
 
+                width: 140px;
 
+                height: 140px;
 
+                cursor: pointer;
 
+            }
 
+
 
+            .toolbar {
 
+                height:40px;
 
+            }
 
+
 
+
 
+
 
+.video-js {
 
+  margin-left: auto;
 
+  margin-right: auto;
 
+}
 
+
 
+.video-js .vjs-big-play-button {
 
+  margin-left: 40%;
 
+  margin-top:15%;
 
+}

+ 50 - 0
css/parser.css
View File 

@@ -0,0 +1,50 @@
 
+ul, #myUL {
 
+    list-style-type: none;
 
+  }
 
+  
+  #myUL {
 
+    margin: 0;
 
+    padding: 0;
 
+  }
 
+  
+  .caret {
 
+    cursor: pointer;
 
+    -webkit-user-select: none; /* Safari 3.1+ */
 
+    -moz-user-select: none; /* Firefox 2+ */
 
+    -ms-user-select: none; /* IE 10+ */
 
+    user-select: none;
 
+  }
 
+  
+  .caret::before {
 
+    content: "\25B6";
 
+    color: black;
 
+    display: inline-block;
 
+    margin-right: 6px;
 
+  }
 
+  
+  .caret-down::before {
 
+    -ms-transform: rotate(90deg); /* IE 9 */
 
+    -webkit-transform: rotate(90deg); /* Safari */
 
+    transform: rotate(90deg);  
+  }
 
+  
+  .nested {
 
+    display: none;
 
+  }
 
+  
+  .active {
 
+    display: block;
 
+  }
 
+
 
+  .res {
 
+    display:block;
 
+  }
 
+
 
+  #hierarchy {
 
+    padding:10px;
 
+    font-size: 14px;
 
+  }
 
+
 
+  .nested li {
 
+    cursor: pointer;
 
+  }

+ 554 - 0
css/place_people.css
View File 

@@ -0,0 +1,554 @@
 
+/*!
 
+ * 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;
 
+  margin-bottom: 0;
 
+}
 
+
 
+.img-logo {
 
+  max-height:30px;
 
+  width:auto;
 
+}
 
+
 
+#map {
 
+  height: 100%;
 
+  width:100%;
 
+}
 
+
 
+#place_map {
 
+  height: 500px;
 
+}
 
+
 
+#people_map {
 
+  height: 60vh;
 
+}
 
+
 
+#info_luogo {
 
+  background-color: #ffffff87;
 
+  height: 500px;
 
+  width:100%;
 
+  overflow: auto;
 
+  display: none;
 
+}
 
+
 
+#info_persona {
 
+  background-color: #fff;
 
+}
 
+
 
+#placeholder_luoghi {
 
+  margin-top: 25px;
 
+}
 
+
 
+#place_info {
 
+  display: none;
 
+}
 
+
 
+a {
 
+  word-wrap: break-word;
 
+} 
+
 
+.box_results {
 
+  margin-bottom: 35px;
 
+}
 
+
 
+.inner_results {
 
+  background-color: #ffffffa1;
 
+  border-radius: 6px;
 
+  overflow: hidden;
 
+  border: 1px solid;
 
+}
 
+
 
+.inner_results .title_doc {
 
+    color: #000;
 
+    background-color: transparent;
 
+    text-decoration: none;
 
+    font-weight: bold;
 
+    cursor: pointer;
 
+}
 
+
 
+.res_list {
 
+  max-height: 400px;
 
+  overflow: auto;
 
+}
 
+
 
+.res_list .no-results {
 
+  padding-top: 10px;
 
+}
 
+
 
+.res_list .btn-icon {
 
+  font-size: 16px;
 
+}
 
+
 
+.def_res {
 
+  background-color: #3f4149;
 
+  color: #fff;
 
+  padding-top: 7px;
 
+  padding-bottom: 10px;
 
+  font-weight: 600;
 
+}
 
+
 
+.def_res .num_res {
 
+  display: flex;
 
+  justify-content: end;
 
+  align-items: end;
 
+}
 
+
 
+.def_res p {
 
+  margin-bottom: 0;
 
+}
 
+
 
+.res {
 
+  padding-top: 15px;
 
+  padding-bottom: 15px;
 
+  font-size: 14px;
 
+}
 
+
 
+.res:not(:last-child) {
 
+  border-bottom: 1px solid #000;
 
+}
 
+
 
+div#layout {
 
+  text-align: center;
 
+}
 
+
 
+div#container {
 
+  width: 700px;
 
+  height: 500px;
 
+  margin: auto;
 
+  background-color: #2F4A6D;
 
+}
 
+
 
+.svg-container {
 
+    display: inline-block;
 
+    position: relative;
 
+    width: 100%;
 
+    vertical-align: top;
 
+    overflow: auto;
 
+}
 
+.svg-content {
 
+    display: inline-block;
 
+    position: absolute;
 
+    top: 0;
 
+    left: 0;
 
+}
 
+
 
+.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: 11px;
 
+  margin-bottom: 28px;
 
+}
 
+
 
+#ref_buttons .btn {
 
+  font-size: 19px;
 
+}
 
+
 
+#ref_buttons .active {
 
+  background-color: #b61924;
 
+  color: #fff;
 
+  box-shadow: none;
 
+}
 
+
 
+#riferimenti a {
 
+  display: block;
 
+  border-bottom: 1px solid #dee2e6;
 
+  padding: 5px 0;
 
+}
 
+
 
+#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: #C41C22;
 
+  background-color: transparent;
 
+  text-decoration: underline;
 
+}
 
+
 
+#statistiche {
 
+  display:none;
 
+}
 
+
 
+#info_persona .row {
 
+  padding: 2px;
 
+}
 
+
 
+.section_box {
 
+  font-size: 17px;
 
+  text-transform: uppercase;
 
+  font-weight: 600;
 
+  margin-bottom: 15px;
 
+}
 
+
 
+.placeholder_container {
 
+  margin-top: 30px;
 
+  margin-bottom: 30px;
 
+}
 
+
 
+.placeholder_container:last-child {
 
+  margin-bottom: 0;
 
+}
 
+
 
+.placeholder_info {
 
+  font-size: 15px;
 
+}
 
+
 
+.head_box_person {
 
+  font-size: 18px;
 
+}
 
+
 
+#list_places_person {
 
+  overflow: auto;
 
+  height:55vh;
 
+}
 
+
 
+.item-place-person {
 
+  border-bottom: 1px solid #adadad;
 
+  display: flex;
 
+  padding-bottom: 7px;
 
+  padding-right: 7px;
 
+  padding-left: 7px;
 
+  margin-bottom: 7px;
 
+}
 
+
 
+.item-place-person .item-place-person-label {
 
+  font-size: 15px;
 
+}
 
+
 
+.item-place-person .item-place-person-action {
 
+  display: flex;
 
+  padding-left: 10px;
 
+  margin-left: auto;
 
+}
 
+
 
+.item-place-person .item-place-person-action div:not(:last-child) {
 
+  margin-right: 10px;
 
+}
 
+
 
+#list_places_person .col-10 {
 
+  font-size: 13px;
 
+  font-weight:400;
 
+}
 
+
 
+#list_person_network {
 
+  overflow: auto;
 
+  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;
 
+}
 
+
 
+.btn-menu {
 
+  color: #a7a7a7;
 
+  text-transform: uppercase;
 
+}
 
+
 
+.btn-menu:hover {
 
+  color: #fff;
 
+}
 
+
 
+.navbar-nav .active {
 
+  color: #fff;
 
+}
 
+
 
+.no_info_icon {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.no_info_icon p {
 
+  margin-bottom: 0;
 
+  margin-left: 10px;
 
+}
 
+
 
+.record_box {
 
+  max-height: 300px;
 
+  overflow-y: auto;
 
+  border-bottom: 1px solid rgba(0,0,0,.1);
 
+}
 
+
 
+#ev_thead {
 
+  font-weight: 600;
 
+}
 
+
 
+.res-events-container .res-events-table-container {
 
+  border: 1px solid;
 
+  border-radius: 6px;
 
+  overflow: auto;
 
+}
 
+
 
+.res-events-container .inner_results {
 
+  border: 0;
 
+}
 
+
 
+.res-events-container table {
 
+  width: 100%;
 
+}
 
+
 
+.res-events-container thead th {
 
+  padding-top: 7px;
 
+  padding-bottom: 10px;
 
+}
 
+
 
+.res-events-container tbody th {
 
+  padding-top: 15px;
 
+  padding-bottom: 15px;
 
+}
 
+
 
+#link_buttons button[title]:hover::after {
 
+  content: attr(title);
 
+  margin-left: 10px;
 
+}

+ 112 - 0
css/progetto.css
View File 

@@ -0,0 +1,112 @@
 
+.waw p {
 
+    font-weight: 300;
 
+}
 
+
 
+#notizie {
 
+    background-color: #ffffffc9;
 
+    max-height: 600px;
 
+    overflow-y: auto;
 
+    border: 1px solid #212529;
 
+    border-radius: 6px;
 
+}
 
+
 
+.news {
 
+    padding: 10px;
 
+}
 
+
 
+.news:not(:last-child) {
 
+  border-bottom: 1px solid #212529;
 
+}
 
+
 
+.newsBody {
 
+    padding: 5px 40px 5px 0px;
 
+}
 
+
 
+.news p {
 
+    margin-top: auto;
 
+    margin-bottom: auto;
 
+}
 
+
 
+.newsTitle {
 
+    cursor: pointer;
 
+    text-transform: uppercase;
 
+}
 
+
 
+.newsDate {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.newsTitle:hover {
 
+    text-decoration: underline;
 
+    color: rgba(0, 0, 0, 0.664)
 
+}
 
+
 
+.waw {
 
+    height: 100%;
 
+    width: 100%;
 
+    box-shadow: 0 0 5px rgba(0,0,0,.05), 2px 2px 5px rgba(0,0,0,.1);
 
+    border-radius: 4px;
 
+    /*justify-content: flex-end; */
 
+  }
 
+  
+  /*
 
+  .partnerSite {
 
+    align-self: flex-end; 
+  }*/
 
+  
+.partnerImg {
 
+  max-width: 100%;
 
+  height: 150px;
 
+  margin-right: auto;
 
+  margin-left: auto;
 
+  padding: 5px;
 
+}
 
+
 
+.partnerSite button {
 
+  margin-bottom: 20px;
 
+}
 
+
 
+.background_wrap {
 
+  background-color: #0006;
 
+  position: relative;
 
+}
 
+
 
+.newsText {
 
+  display: none;
 
+  text-align: justify;
 
+  font-weight: 300;
 
+}
 
+
 
+.text-block {
 
+  background-color: rgba(0, 0, 0, 0.527);
 
+  color: white;
 
+  padding-left: 20px;
 
+  padding-right: 20px;
 
+  position:absolute;
 
+  bottom:20px;
 
+  width: 100%;
 
+}
 
+
 
+.all_images {
 
+    height: 100%; 
+    position: relative;
 
+      overflow: hidden;
 
+  }
 
+
 
+.slide{
 
+    position: absolute; left: 100%; top: 0; height:100%; width:100%;
 
+      animation:30s autoplay infinite ease-in-out
 
+}
 
+
 
+@keyframes autoplay {
 
+  0% {left: 100%}
 
+  4% {left: 0%}
 
+  33.33% {left: 0%}
 
+  37.33% {left: -100%}
 
+  100% {left: -100%}
 
+}
 
+
 
+#slideset > *:nth-child(1) {animation-delay: 0s}
 
+#slideset > *:nth-child(2) {animation-delay: 10s}
 
+#slideset > *:nth-child(3) {animation-delay: 20s}

+ 38 - 0
css/search.css
View File 

@@ -0,0 +1,38 @@
 
+.search-loader {
 
+    border: 10px solid #f3f3f3;
 
+    border-radius: 50%;
 
+    border-top: 10px solid #C41C22;
 
+    -webkit-animation: spin 2s linear infinite;
 
+    animation: spin 2s linear infinite;
 
+    margin: auto;
 
+}
 
+
 
+.load_small {
 
+    width: 60px;
 
+    height: 60px;
 
+}
 
+
 
+.big {
 
+    position: fixed; /* Sit on top of the page content */
 
+    top: 0;
 
+    left: 0;
 
+    right: 0;
 
+    bottom: 0;
 
+    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
 
+    width: 160px;
 
+    height: 160px;
 
+}
 
+
 
+#overlay {
 
+    position: fixed; /* Sit on top of the page content */
 
+    display: none; /* Hidden by default */
 
+    width: 100%; /* Full width (cover the whole page) */
 
+    height: 100%; /* Full height (cover the whole page) */
 
+    top: 0;
 
+    left: 0;
 
+    right: 0;
 
+    bottom: 0;
 
+    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
 
+    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
 
+    cursor: pointer; /* Add a pointer on hover */
 
+  }

+ 770 - 0
css/style.min.css
View File 

@@ -0,0 +1,770 @@
 
+/*
 
+ * Roxy: Bootstrap template by GettTemplates.com
 
+ * https://gettemplates.co/roxy
 
+ */
 
+html, body {
 
+  width: 100%;
 
+  overflow-x: hidden; }
 
+
 
+body {
 
+  font-family: 'Lato', sans-serif;
 
+  font-weight: 300; }
 
+
 
+h1,
 
+h2,
 
+h3,
 
+h4,
 
+h5,
 
+h6,
 
+.h1,
 
+.h2,
 
+.h3,
 
+.h4,
 
+.h5,
 
+.h6 {
 
+  font-family: 'Work Sans', sans-serif;
 
+  margin-top: 0; }
 
+
 
+a {
 
+  color: #B5D3E7;
 
+  transition: all .3s ease-in-out; }
 
+
 
+a:focus,
 
+button:focus {
 
+  outline: none; }
 
+
 
+.btn:hover,
 
+a:hover {
 
+  text-decoration: none;
 
+  color: #21465f; }
 
+
 
+img {
 
+  max-width: 100%; }
 
+
 
+.bg-fixed {
 
+  background-size: cover; }
 
+
 
+.bg-grey {
 
+  background-color: #f7f8f9; }
 
+
 
+.fs-40 {
 
+  font-size: 40px; }
 
+
 
+section {
 
+  position: relative; }
 
+
 
+.section-content {
 
+  padding-top: 80px;
 
+  padding-bottom: 80px; }
 
+
 
+.title-wrap,
 
+.section-title {
 
+  text-align: center; }
 
+
 
+.shadow {
 
+  box-shadow: 0 10px 30px 0 rgba(67, 80, 98, 0.24), 0 2px 4px 0 rgba(67, 80, 98, 0.1) !important; }
 
+
 
+#header-navbar {
 
+  position: absolute;
 
+  top: 0;
 
+  right: 0;
 
+  left: 0;
 
+  z-index: 11;
 
+  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
 
+
 
+.navbar-brand {
 
+  font-size: 40px;
 
+  color: #000; }
 
+
 
+.navbar-nav .nav-link {
 
+  color: #fff;
 
+  transition: .3s ease; }
 
+
 
+.navbar-nav:hover li a {
 
+  opacity: 0.5; }
 
+  .navbar-nav:hover li a:hover {
 
+    opacity: 1; }
 
+
 
+.navbar-toggler {
 
+  font-size: 2rem;
 
+  color: #fff; }
 
+
 
+.jumbotron {
 
+  color: #fff;
 
+  padding-top: 80px;
 
+  padding-bottom: 80px;
 
+  background-repeat: no-repeat;
 
+  background-size: cover;
 
+  background-position: 50% 50%;
 
+  position: relative;
 
+  border-radius: 0;
 
+  margin-bottom: 0;
 
+  /*overflow: hidden;*/
 
+  min-height: 100vh; }
 
+  @media (max-width: 767px) and (orientation: landscape) {
 
+    .jumbotron {
 
+      min-height: 500px; } }
 
+  .jumbotron .container {
 
+    position: relative;
 
+    z-index: 1; }
 
+  .jumbotron:before {
 
+    position: absolute;
 
+    display: block;
 
+    content: "";
 
+    opacity: 0.8;
 
+    top: 0;
 
+    bottom: 0;
 
+    left: 0;
 
+    right: 0;
 
+    background: #B5D3E7;
 
+    /* fallback for old browsers */
 
+    background: -webkit-linear-gradient(to right, #21465f, #B5D3E7);
 
+    /* Chrome 10-25, Safari 5.1-6 */
 
+    background: linear-gradient(to right, #21465f, #B5D3E7);
 
+    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
 
+  .jumbotron h1 {
 
+    line-height: .9;
 
+    font-weight: bold;
 
+    display: inline-block;
 
+    border: 15px solid #fff;
 
+    padding: 30px;
 
+    font-size: 9rem;
 
+    opacity: 0;
 
+    animation: 1s fadeInFromTop cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s forwards;
 
+    animation-delay: .8s; }
 
+
 
+.jumbotron-single h1 {
 
+  font-size: 3rem !important; }
 
+
 
+.overlay {
 
+  color: #fff; }
 
+  .overlay:before {
 
+    position: absolute;
 
+    display: block;
 
+    content: "";
 
+    opacity: 0.9;
 
+    top: 0;
 
+    bottom: 0;
 
+    left: 0;
 
+    right: 0;
 
+    background: #B5D3E7;
 
+    /* fallback for old browsers */
 
+    background: -webkit-linear-gradient(to right, #21465f, #B5D3E7);
 
+    /* Chrome 10-25, Safari 5.1-6 */
 
+    background: linear-gradient(to right, #21465f, #B5D3E7);
 
+    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
 
+  .overlay.bg-white {
 
+    color: #000; }
 
+    .overlay.bg-white:before {
 
+      background: #fff;
 
+      opacity: .7; }
 
+
 
+.text-white {
 
+  color: #fff; }
 
+
 
+/*==============================
 
+=            BUTTON            =
 
+==============================*/
 
+.btn {
 
+  font-size: 14px;
 
+  font-weight: 600;
 
+  border-radius: 30px;
 
+  padding: 9px 25px;
 
+  text-transform: capitalize;
 
+  transition: all 0.3s ease 0s; }
 
+
 
+.btn-primary {
 
+  display: inline-block;
 
+  background-color: #B5D3E7;
 
+  border-color: #B5D3E7;
 
+  color: #fff; }
 
+  .btn-primary:hover {
 
+    background-color: #21465f;
 
+    border-color: #21465f;
 
+    color: #fff; }
 
+
 
+.btn-outline-primary {
 
+  color: #fff;
 
+  background-color: transparent;
 
+  background-image: none;
 
+  border-color: #fff; }
 
+  .btn-outline-primary:hover {
 
+    background-color: #21465f;
 
+    border-color: #21465f;
 
+    color: #fff; }
 
+
 
+.btn-shadow {
 
+  box-shadow: -5px 8px 20px 0px rgba(229, 16, 2, 0.15); }
 
+
 
+.btn-icon {
 
+  color: #000; }
 
+
 
+.btn-link {
 
+  color: #B5D3E7; }
 
+
 
+/*=====  End of BUTTON  ======*/
 
+/*==========================================
 
+=            FORM RECTANGLE ETC            =
 
+==========================================*/
 
+.rectangle-1 {
 
+  width: 2000px;
 
+  height: 400px;
 
+  background: #B5D3E8;
 
+  background: -webkit-linear-gradient(to right, #6588a0, #B5D3E8);
 
+  background: linear-gradient(to right, #6588a0, #6588a0);
 
+  transform-origin: 50% 150% 0;
 
+  position: absolute;
 
+  left: 0;
 
+  z-index: 0;
 
+  transform: scale(1) rotate(-10deg); }
 
+
 
+.rectangle-2 {
 
+  width: 2000px;
 
+  height: 400px;
 
+  background: #B5D3E8;
 
+  background: -webkit-linear-gradient(to right, #6588a0, #B5D3E8);
 
+  background: linear-gradient(to right, #6588a0, #B5D3E8);
 
+  transform-origin: 65% 100% 0;
 
+  position: absolute;
 
+  right: 0;
 
+  z-index: 0;
 
+  transform: scale(1) rotate(50deg); }
 
+
 
+@keyframes fade-in-right {
 
+  from {
 
+    opacity: 0;
 
+    transform: translateX(-100vw) rotate(-15deg); }
 
+  to {
 
+    opacity: 1;
 
+    transform: translateX(0) rotate(-15deg); } }
 
+
 
+@keyframes grow1 {
 
+  from {
 
+    opacity: 0;
 
+    transform: scale(2) rotate(-10deg); }
 
+  to {
 
+    opacity: 1;
 
+    transform: scale(1) rotate(-10deg); } }
 
+
 
+@keyframes grow2 {
 
+  from {
 
+    opacity: 0;
 
+    transform: scale(2) rotate(50deg); }
 
+  to {
 
+    opacity: 1;
 
+    transform: scale(1) rotate(50deg); } }
 
+
 
+@keyframes fadeInFromTop {
 
+  from {
 
+    opacity: 0;
 
+    transform: translateY(-20px); }
 
+  to {
 
+    opacity: 1;
 
+    transform: translateY(0); } }
 
+
 
+.rectangle-1 {
 
+  opacity: 0;
 
+  animation: grow1 ease 1s forwards;
 
+  box-shadow: 0px 20px 30px 0px rgba(9, 21, 54, 0.25) !important; }
 
+
 
+.rectangle-2 {
 
+  opacity: 0;
 
+  animation: grow2 ease 1s forwards;
 
+  box-shadow: 0px 20px 30px 0px rgba(9, 21, 54, 0.25) !important; }
 
+
 
+.rectangle-transparent-1 {
 
+  width: 500px;
 
+  height: 500px;
 
+  border: 15px solid rgba(255, 255, 255, 0.08);
 
+  position: absolute;
 
+  left: -5%;
 
+  bottom: -10%;
 
+  display: block;
 
+  animation: floating-slow ease-in-out 12s infinite; }
 
+
 
+.rectangle-transparent-2 {
 
+  width: 600px;
 
+  height: 600px;
 
+  border: 15px solid rgba(255, 255, 255, 0.08);
 
+  position: absolute;
 
+  right: -10%;
 
+  top: 5%;
 
+  display: block;
 
+  animation: floating-slow ease-in-out 12s infinite; }
 
+
 
+.circle-1 {
 
+  width: 50px;
 
+  height: 50px;
 
+  border: 2px solid #fff;
 
+  position: absolute;
 
+  display: block;
 
+  border-radius: 50%;
 
+  transform-origin: 50% 50%;
 
+  left: 5%;
 
+  top: 50%;
 
+  animation: fadeInFromTop .5s linear forwards, floating ease 4s infinite; }
 
+
 
+.circle-2 {
 
+  width: 70px;
 
+  height: 70px;
 
+  top: 20%;
 
+  left: 83%;
 
+  border: 2px solid #fff;
 
+  position: absolute;
 
+  display: block;
 
+  border-radius: 50%;
 
+  transform-origin: 50% 50%;
 
+  animation: fadeInFromTop .5s linear forwards, floating ease-in-out 4s infinite; }
 
+
 
+.circle-3 {
 
+  top: 80%;
 
+  right: 25%;
 
+  width: 40px;
 
+  height: 40px;
 
+  border: 2px solid #fff;
 
+  position: absolute;
 
+  display: block;
 
+  border-radius: 50%;
 
+  animation: fadeInFromTop .5s linear forwards, floating ease-in-out 4s infinite; }
 
+
 
+@keyframes floating {
 
+  0% {
 
+    transform: translate(0%, 0%) rotate(25deg); }
 
+  25% {
 
+    transform: translate(5%, 15%) rotate(25deg); }
 
+  50% {
 
+    transform: translate(10%, 5%) rotate(25deg); }
 
+  75% {
 
+    transform: translate(0%, 15%) rotate(25deg); }
 
+  100% {
 
+    transform: translate(0%, 0%) rotate(25deg); } }
 
+
 
+@keyframes floating-slow {
 
+  0% {
 
+    transform: translate(0%, 0%) rotate(25deg); }
 
+  25% {
 
+    transform: translate(1%, 3%) rotate(25deg); }
 
+  50% {
 
+    transform: translate(2%, 1%) rotate(25deg); }
 
+  75% {
 
+    transform: translate(0%, 3%) rotate(25deg); }
 
+  100% {
 
+    transform: translate(0%, 0%) rotate(25deg); } }
 
+
 
+.triangle {
 
+  position: absolute; }
 
+
 
+.triangle-1 {
 
+  right: 0;
 
+  animation: fadeInFromTop .5s linear forwards, floating ease-in-out 6s infinite; }
 
+  .triangle-1 img {
 
+    height: 50px;
 
+    width: 50px;
 
+    transform: rotate(30deg); }
 
+
 
+.triangle-2 {
 
+  top: 30%;
 
+  left: 20%;
 
+  animation: fadeInFromTop .5s linear forwards, floating ease-in-out 8s infinite; }
 
+  .triangle-2 img {
 
+    width: 75px;
 
+    height: 75px;
 
+    transform: rotate(15deg); }
 
+
 
+.triangle-3 {
 
+  top: 80%;
 
+  left: 15%;
 
+  animation: fadeInFromTop .5s linear forwards, floating ease-in-out 10s infinite; }
 
+  .triangle-3 img {
 
+    width: 45px;
 
+    height: 45px;
 
+    transform: rotate(40deg); }
 
+
 
+.triangle-4 {
 
+  top: 60%;
 
+  right: 15%;
 
+  animation: fadeInFromTop .5s linear forwards, floating ease-in-out 5s infinite; }
 
+  .triangle-4 img {
 
+    width: 45px;
 
+    height: 45px;
 
+    transform: rotate(-40deg); }
 
+
 
+/*=====  End of FORM RECTANGLE ETC  ======*/
 
+/*================================
 
+=            FEATURES            =
 
+================================*/
 
+.feature-item {
 
+  transition: all .2s ease-in-out 0s !important; }
 
+  .feature-item:hover {
 
+    transform: translateY(-13px); }
 
+
 
+.progress-bar {
 
+  background-color: #B5D3E8; }
 
+
 
+/*=====  End of FEATURES  ======*/
 
+/*=============================
 
+=            TESTI            =
 
+=============================*/
 
+.testi-img img {
 
+  height: 60px;
 
+  width: 60px !important;
 
+  border-radius: 50%;
 
+  display: inline-block !important; }
 
+
 
+.testi-details {
 
+  text-align: left; }
 
+
 
+.testi-text {
 
+  font-weight: 300;
 
+  padding-top: 50px;
 
+  padding-bottom: 50px; }
 
+
 
+.testi-icon {
 
+  color: #B5D3E8; }
 
+
 
+.testi-content {
 
+  margin-top: 80px;
 
+  padding-bottom: 80px; }
 
+
 
+.testi-item {
 
+  margin-left: 15px;
 
+  margin-right: 15px; }
 
+
 
+.owl-dot {
 
+  position: relative;
 
+  display: inline-block;
 
+  margin: 0 5px;
 
+  width: 12px;
 
+  height: 12px;
 
+  cursor: pointer; }
 
+  .owl-dot span {
 
+    top: 0;
 
+    left: 0;
 
+    width: 100%;
 
+    height: 100%;
 
+    outline: none;
 
+    border-radius: 50%;
 
+    background-color: rgba(26, 112, 161, 0.3);
 
+    text-indent: -999em;
 
+    cursor: pointer;
 
+    position: absolute;
 
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
 
+    -webkit-transition: box-shadow 0.3s ease, background-color 0.3s ease;
 
+    transition: box-shadow 0.3s ease, background-color 0.3s ease; }
 
+  .owl-dot.active > span {
 
+    background-color: transparent;
 
+    box-shadow: 0 0 0 2px #B5D3E8; }
 
+
 
+.owl-dots {
 
+  position: absolute;
 
+  bottom: 0;
 
+  display: block;
 
+  text-align: center;
 
+  left: 0;
 
+  right: 0;
 
+  clear: both;
 
+  padding: 0;
 
+  list-style: none;
 
+  cursor: default;
 
+  -webkit-touch-callout: none;
 
+  -webkit-user-select: none;
 
+  -khtml-user-select: none;
 
+  -moz-user-select: none;
 
+  -ms-user-select: none;
 
+  user-select: none; }
 
+
 
+.heading-section {
 
+  position: relative; }
 
+
 
+/*=====  End of TESTI  ======*/
 
+/*=================================
 
+=            PORTFOLIO            =
 
+=================================*/
 
+.filter-button-group {
 
+  margin-bottom: 15px; }
 
+  .filter-button-group a {
 
+    margin: 5px;
 
+    cursor: pointer; }
 
+
 
+.grid-link a {
 
+  margin: 5px;
 
+  font-size: 20px;
 
+  color: #000; }
 
+
 
+.grid-portfolio {
 
+  overflow: hidden; }
 
+
 
+.gutter-sizer {
 
+  width: 2%; }
 
+
 
+.grid-sizer,
 
+.grid-item {
 
+  width: 32%; }
 
+
 
+.grid-item {
 
+  margin-bottom: 20px;
 
+  border-radius: 5px;
 
+  overflow: hidden; }
 
+  .grid-item:hover .grid-info {
 
+    top: 50%;
 
+    opacity: 1; }
 
+
 
+.grid-item-wrapper:before {
 
+  content: '';
 
+  display: block;
 
+  background: rgba(255, 255, 255, 0.7);
 
+  position: absolute;
 
+  top: 0;
 
+  right: 0;
 
+  bottom: 0;
 
+  left: 0;
 
+  transition: all .3s ease;
 
+  opacity: 0; }
 
+
 
+.grid-item-wrapper:hover:before {
 
+  opacity: 1; }
 
+
 
+.grid-info {
 
+  position: absolute;
 
+  top: 0;
 
+  left: 50%;
 
+  transform: translate(-50%, -50%);
 
+  opacity: 0;
 
+  transition: all .3s ease; }
 
+
 
+.lightcase-icon-close:before {
 
+  content: '\e870';
 
+  font-family: "Linearicons-Free"; }
 
+
 
+.grid-title {
 
+  text-align: center; }
 
+
 
+/*=====  End of PORTFOLIO  ======*/
 
+/*===============================
 
+=            SideNav            =
 
+===============================*/
 
+.sidenav {
 
+  height: 100%;
 
+  width: 0;
 
+  position: fixed;
 
+  z-index: 1002;
 
+  top: 0;
 
+  left: 0;
 
+  background-color: #000;
 
+  overflow-x: hidden;
 
+  transition: 0.5s;
 
+  padding-top: 60px;
 
+  color: #fff; }
 
+
 
+.sidenav-content {
 
+  padding: 8px 32px;
 
+  transform: translateY(20px);
 
+  opacity: 0;
 
+  transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
 
+
 
+.in .sidenav-content {
 
+  transform: translateY(0);
 
+  opacity: 1;
 
+  transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s, opacity 0.5s 0.5s; }
 
+
 
+.sidenav a {
 
+  text-decoration: none;
 
+  font-size: 25px;
 
+  color: #818181;
 
+  display: block;
 
+  transition: 0.3s; }
 
+
 
+.sidenav a:hover {
 
+  color: #f1f1f1; }
 
+
 
+.sidenav #side-nav-close,
 
+.sidenav #side-search-close {
 
+  position: absolute;
 
+  top: 0;
 
+  right: 25px;
 
+  font-size: 36px;
 
+  margin-left: 50px; }
 
+
 
+@media screen and (max-height: 450px) {
 
+  .sidenav {
 
+    padding-top: 15px; }
 
+  .sidenav a {
 
+    font-size: 18px; } }
 
+
 
+#side-search .form-control {
 
+  background-color: transparent; }
 
+
 
+#side-search .input-group-text {
 
+  background: transparent;
 
+  color: #fff; }
 
+
 
+/*==============================
 
+=            SKILLS            =
 
+==============================*/
 
+.skill-item {
 
+  width: 100%;
 
+  position: relative;
 
+  padding: 10px 0; }
 
+  .skill-item p {
 
+    font-size: 16px;
 
+    text-transform: uppercase;
 
+    display: inline-block;
 
+    font-weight: 500; }
 
+  .skill-item .text-muted {
 
+    color: #939393; }
 
+
 
+.progress-bar, .progress {
 
+  transition: all 4s; }
 
+
 
+/*=====  End of SKILLS  ======*/
 
+/*============================
 
+=            BLOG            =
 
+============================*/
 
+.blog-item {
 
+  transition: all 0.3s ease-in-out;
 
+  background-color: #f7f8f9;
 
+  border-radius: 3px;
 
+  overflow: hidden; }
 
+  .blog-item:hover {
 
+    box-shadow: 0 5px 15px -5px #333;
 
+    transform: translateY(-6px);
 
+    -webkit-transform: translateY(-6px);
 
+    -moz-transform: translateY(-6px);
 
+    transform: translateY(-6px);
 
+    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
 
+    -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
 
+    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); }
 
+
 
+.bg-grey .blog-item {
 
+  background-color: #fff; }
 
+
 
+.blog-item-wrapper {
 
+  margin-bottom: 30px; }
 
+
 
+.blog-img img {
 
+  width: 100%;
 
+  height: 250px;
 
+  object-fit: cover; }
 
+
 
+.blog-title h4 {
 
+  color: #000; }
 
+
 
+.blog-text {
 
+  padding: 15px; }
 
+
 
+.blog-tag {
 
+  color: #000;
 
+  letter-spacing: 1.1px;
 
+  text-transform: uppercase; }
 
+
 
+.blog-meta {
 
+  color: #939393; }
 
+  .blog-meta p {
 
+    display: inline-block;
 
+    font-size: 14px; }
 
+  .blog-meta a {
 
+    color: #939393; }
 
+
 
+.blog-author {
 
+  display: inline-block;
 
+  color: #939393; }
 
+  .blog-author p {
 
+    font-size: 14px;
 
+    margin-bottom: 0; }
 
+
 
+.blog-share-wrapper {
 
+  float: right;
 
+  display: inline-block;
 
+  margin: 0 -5px; }
 
+  .blog-share-wrapper .blog-share {
 
+    padding: 0 5px;
 
+    cursor: pointer; }
 
+
 
+.blog-content img.float-left {
 
+  margin: 15px 15px 15px 0; }
 
+
 
+.blog-content .img.float-right {
 
+  margin: 15px 0 15px 15px; }
 
+
 
+/*=====  End of BLOG  ======*/
 
+/*====================================
 
+=            FORM CONTROL            =
 
+====================================*/
 
+.form-control:focus {
 
+  border-color: #B5D3E8;
 
+  box-shadow: 0 0 0 0.2rem rgba(253, 101, 90, 0.25); }
 
+
 
+.form-control::-webkit-input-placeholder {
 
+  opacity: .5; }
 
+
 
+.form-control::-moz-placeholder {
 
+  opacity: .5; }
 
+
 
+.form-control:-ms-input-placeholder {
 
+  opacity: .5; }
 
+
 
+.form-control::-ms-input-placeholder {
 
+  opacity: .5; }
 
+
 
+.form-control::placeholder {
 
+  opacity: .5; }
 
+
 
+/*=====  End of FORM CONTROL  ======*/
 
+/*==============================
 
+=            CLIENT            =
 
+==============================*/
 
+.client-slider .owl-nav {
 
+  display: none; }
 
+
 
+.client-slider .client-item {
 
+  padding: 0 40px; }
 
+
 
+/*=====  End of CLIENT  ======*/
 
+/*==================================
 
+=            RESPONSIVE            =
 
+==================================*/
 
+@media (max-width: 992px) {
 
+  .not-on-top #header-navbar {
 
+    position: fixed;
 
+    top: 0;
 
+    height: auto;
 
+    width: 100%;
 
+    background: #B5D3E7;
 
+    /* fallback for old browsers */
 
+    background: -webkit-linear-gradient(to right, #21465f, #B5D3E7);
 
+    /* Chrome 10-25, Safari 5.1-6 */
 
+    background: linear-gradient(to right, #21465f, #B5D3E7);
 
+    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 
+    z-index: 11; }
 
+  #header-navbar {
 
+    padding-top: 15px !important;
 
+    padding-bottom: 15px !important; }
 
+  .navbar-transparent .navbar-collapse {
 
+    background: #B5D3E7;
 
+    /* fallback for old browsers */
 
+    background: -webkit-linear-gradient(to right, #21465f, #B5D3E7);
 
+    /* Chrome 10-25, Safari 5.1-6 */
 
+    background: linear-gradient(to right, #21465f, #B5D3E7);
 
+    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 
+    padding: 10px; } }
 
+
 
+@media (max-width: 767px) {
 
+  .jumbotron h1 {
 
+    font-size: 10vw; }
 
+  .grid-item {
 
+    width: 100%; }
 
+  .progress {
 
+    height: 30px;
 
+    font-size: 16px; } 
+}
 
+
 
+@media (max-width: 342px) {
 
+  .text-center {
 
+    text-align: justify !important;
 
+  }
 
+  .display-1 {
 
+    text-align: center;
 
+  }
 
+}
 
+
 
+/*=====  End of RESPONSIVE  ======*/

+ 551 - 0
css/styles.min.css
View File 

@@ -0,0 +1,551 @@
 
+html {
 
+    height: 100%;
 
+}
 
+
 
+body {
 
+    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
 
+    min-height: 100%;
 
+    display: flex;
 
+    flex-direction: column;
 
+}
 
+
 
+main {
 
+    flex: 1;
 
+}
 
+
 
+h1,
 
+h2,
 
+h3,
 
+h4,
 
+h5,
 
+h6 {
 
+    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
 
+    font-weight: 700;
 
+}
 
+
 
+a {
 
+    color: #0a4553;
 
+}
 
+
 
+a:hover {
 
+    color: #0a4553;
 
+}
 
+
 
+.section {
 
+    padding-top: 2rem;
 
+    padding-bottom: 2rem;
 
+}
 
+
 
+@media (min-width: 768px) {
 
+    .section {
 
+        padding-top: 6rem;
 
+        padding-bottom: 6rem;
 
+    }
 
+}
 
+
 
+.section-small {
 
+    padding-top: 2rem;
 
+    padding-bottom: 2rem;
 
+}
 
+
 
+@media (min-width: 768px) {
 
+    .section-small {
 
+        padding-top: 4rem !important;
 
+        padding-bottom: 4rem !important;
 
+    }
 
+}
 
+
 
+@media (min-width: 576px) {
 
+    .container {
 
+        max-width: 100%;
 
+    }
 
+}
 
+
 
+@media (min-width: 768px) {
 
+    .container {
 
+        max-width: 720px;
 
+    }
 
+}
 
+
 
+@media (min-width: 992px) {
 
+    .container {
 
+        max-width: 1180px;
 
+    }
 
+}
 
+
 
+@media (min-width: 768px) {
 
+    .w-content {
 
+        width: 80%;
 
+        margin-left: auto;
 
+        margin-right: auto;
 
+    }
 
+}
 
+
 
+.box-info-container {
 
+    margin-bottom: 30px;
 
+}
 
+
 
+.box-info-container .label {
 
+    font-weight: 600;
 
+}
 
+
 
+.box-info-container .label-ref {
 
+    font-size: 19px;
 
+    font-weight: 600;
 
+}
 
+
 
+.box-info-container>.row {
 
+    margin-bottom: 10px;
 
+}
 
+
 
+.box-info {
 
+    background-color: white;
 
+    border-radius: 10px;
 
+    padding: 35px 25px;
 
+}
 
+
 
+.box-info #time {
 
+    color: #898989;
 
+    font-style: italic;
 
+    font-weight: 400;
 
+    font-size: 19px;
 
+}
 
+
 
+.box-info .box-info-subtitle {
 
+    font-style: italic;
 
+    font-weight: 400;
 
+    color: #696969;
 
+    font-size: 24px;
 
+}
 
+
 
+.box-info-title {
 
+    margin-bottom: 35px;
 
+}
 
+
 
+.box-info-main-title {
 
+    color: #6588a0;
 
+    font-weight: 400;
 
+    font-size: 32px;
 
+    margin-bottom: 0;
 
+}
 
+
 
+.box_info-tabs {
 
+    height: 100%;
 
+    border: 1px solid #dee2e6;
 
+    padding: 5px 13px;
 
+}
 
+
 
+.box-info-image #contrassegno {
 
+    border: 1px solid #ccc;
 
+    padding: 5px;
 
+    margin-bottom: 3px;
 
+}
 
+
 
+.box-info-image #nome_contrassegno {
 
+    font-size: 15px;
 
+    color: #5e5e5e;
 
+    line-height: 1.25;
 
+    font-style: italic;
 
+}
 
+
 
+.headInfo {
 
+    margin-bottom: 20px;
 
+}
 
+
 
+.headInfo h2 {
 
+    font-size: 25px;
 
+    font-weight: 400;
 
+}
 
+
 
+#map_buttons a {
 
+    color: #30383f;
 
+    font-size: 15px;
 
+}
 
+
 
+#map_buttons a:not(:last-child) {
 
+    margin-right: 20px;
 
+}
 
+
 
+#col_graph {
 
+    background-color: #21465f;
 
+    color: #fff;
 
+    font-size: 16px;
 
+    padding: 10px 0;
 
+}
 
+
 
+.nav-tabs .nav-link {
 
+    background-color: transparent;
 
+    padding: 0 15px;
 
+    font-size: 15px;
 
+    border: 0;
 
+    font-weight: 700;
 
+    text-transform: uppercase;
 
+    border-bottom: 2px solid transparent;
 
+}
 
+
 
+.nav-tabs .nav-link:hover,
 
+.nav-tabs .nav-link:focus,
 
+.nav-tabs .nav-link:active,
 
+.nav-tabs .nav-link.active {
 
+    border-bottom: 2px solid #0a4553;
 
+    outline: none;
 
+    color: black;
 
+}
 
+
 
+.loader {
 
+    border: 10px solid #f3f3f3;
 
+    border-radius: 50%;
 
+    border-top: 10px solid #0a4553;
 
+    width: 120px;
 
+    height: 120px;
 
+    -webkit-animation: spin 2s linear infinite;
 
+    animation: spin 2s linear infinite;
 
+    margin: auto;
 
+}
 
+
 
+@-webkit-keyframes spin {
 
+    0% {
 
+        -webkit-transform: rotate(0deg);
 
+    }
 
+
 
+    100% {
 
+        -webkit-transform: rotate(360deg);
 
+    }
 
+}
 
+
 
+@keyframes spin {
 
+    0% {
 
+        transform: rotate(0deg);
 
+    }
 
+
 
+    100% {
 
+        transform: rotate(360deg);
 
+    }
 
+}
 
+
 
+#link_buttons {
 
+    text-align: right;
 
+}
 
+
 
+.link {
 
+    text-decoration: underline;
 
+    cursor: pointer;
 
+    color: #0a4553;
 
+}
 
+
 
+.link:hover {
 
+    color: #0a4553;
 
+}
 
+
 
+.navbar-light {
 
+    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 
+}
 
+
 
+.navbar-nav .nav-item {
 
+    position: relative;
 
+}
 
+
 
+@media (min-width: 992px) {
 
+    .navbar-nav .nav-item:hover:before {
 
+        content: "";
 
+        width: 100%;
 
+        border-top: 4px solid #0a4553;
 
+        position: absolute;
 
+        top: 3px;
 
+    }
 
+}
 
+
 
+@media (min-width: 992px) {
 
+    .navbar-nav .nav-item.active:before {
 
+        content: "";
 
+        width: 100%;
 
+        border-top: 4px solid #0a4553;
 
+        position: absolute;
 
+        top: 3px;
 
+    }
 
+}
 
+
 
+.navbar-nav .nav-item.active .nav-link {
 
+    color: #0a4553;
 
+}
 
+
 
+.navbar-nav .nav-item .nav-link {
 
+    color: #3d3d3d;
 
+}
 
+
 
+@media (min-width: 992px) {
 
+    .navbar-expand-lg .navbar-nav .nav-link {
 
+        padding-right: 0.625rem;
 
+        padding-left: 0.625rem;
 
+        padding-bottom: 0;
 
+        font-size: 1.0625rem;
 
+    }
 
+}
 
+
 
+.navbar-toggler {
 
+    padding: 0.3125rem;
 
+}
 
+
 
+.form-control:focus {
 
+    border-color: rgba(242, 206, 57, 0.8);
 
+    box-shadow: 0 0 0 1px rgba(242, 206, 57, 0.8);
 
+}
 
+
 
+.btn:focus {
 
+    border-color: rgba(242, 206, 57, 0.8);
 
+    box-shadow: 0 0 0 1px rgba(242, 206, 57, 0.8);
 
+}
 
+
 
+.btn-theme-primary {
 
+    background-color: #104553;
 
+    border-color: #0d3641;
 
+    color: white;
 
+}
 
+
 
+.btn-theme-primary:hover {
 
+    color: white;
 
+    background-color: #6588a9;
 
+    border-color: #b5d3e8;
 
+}
 
+
 
+a.btn-icon {
 
+    color: #000;
 
+}
 
+
 
+.btn-icon {
 
+    display: inline-block;
 
+    text-align: center;
 
+}
 
+
 
+.btn-icon:hover .btn-text {
 
+    text-decoration: underline;
 
+}
 
+
 
+.masthead {
 
+    position: relative;
 
+    background-color: #343a40;
 
+    background: url("../img/bg-masthead.jpg") no-repeat center center;
 
+    -webkit-background-size: cover;
 
+    -moz-background-size: cover;
 
+    -o-background-size: cover;
 
+    background-size: cover;
 
+    padding-top: 2rem;
 
+    padding-bottom: 2rem;
 
+}
 
+
 
+.masthead .overlay {
 
+    position: absolute;
 
+    background-color: #212529;
 
+    height: 100%;
 
+    width: 100%;
 
+    top: 0;
 
+    left: 0;
 
+    opacity: 0.3;
 
+}
 
+
 
+.masthead h1 {
 
+    font-size: 3rem;
 
+}
 
+
 
+.masthead h2 {
 
+    font-size: 1.5rem;
 
+}
 
+
 
+@media (min-width: 768px) {
 
+    .masthead {
 
+        padding-top: 6rem;
 
+        padding-bottom: 6rem;
 
+    }
 
+
 
+    .masthead h1 {
 
+        font-size: 4rem;
 
+    }
 
+
 
+    .masthead h2 {
 
+        font-size: 2rem;
 
+    }
 
+}
 
+
 
+.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 .features-icons-item {
 
+    max-width: 20rem;
 
+    margin: auto;
 
+}
 
+
 
+.features-icons .features-icons-item .features-icons-icon {
 
+    width: 10rem;
 
+    height: 10rem;
 
+    margin: auto;
 
+    border-radius: 100%;
 
+    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.3);
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+    transition-duration: 200ms;
 
+}
 
+
 
+.features-icons .features-icons-item .features-icons-icon img {
 
+    height: 5rem;
 
+}
 
+
 
+.features-icons .features-icons-item .features-icons-icon:hover {
 
+    transform: scale(1.05);
 
+    transition-property: all;
 
+    transition-timing-function: linear;
 
+}
 
+
 
+.features-icons .features-icons-item .title {
 
+    font-size: 1.4375rem;
 
+    margin-top: 0.625rem;
 
+}
 
+
 
+.features-icons .index-btn:hover .title {
 
+    color: #0a4553;
 
+}
 
+
 
+.testimonials .testimonial-item {
 
+    max-width: 100%;
 
+}
 
+
 
+.testimonials .testimonial-item img {
 
+    width: 7rem;
 
+    height: 7rem;
 
+    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.3);
 
+    object-fit: contain;
 
+    background: white;
 
+}
 
+
 
+.testimonials .section-title {
 
+    font-size: 2.5rem;
 
+    font-weight: 400;
 
+}
 
+
 
+.call-to-action {
 
+    position: relative;
 
+    background-color: #343a40;
 
+    background: url("../img/bg-masthead.jpg") no-repeat center center;
 
+    -webkit-background-size: cover;
 
+    -moz-background-size: cover;
 
+    -o-background-size: cover;
 
+    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 {
 
+    background-color: #0a4553;
 
+    color: white;
 
+    padding-top: 3rem;
 
+    padding-bottom: 3rem;
 
+}
 
+
 
+footer.footer a {
 
+    color: white;
 
+}
 
+
 
+footer.footer .partner-list {
 
+    background-color: rgba(250, 250, 250, 0.5);
 
+    border-radius: 6px;
 
+    padding: 10px 0;
 
+}
 
+
 
+.modal {
 
+    display: none;
 
+    position: fixed;
 
+    z-index: 2000;
 
+    padding-top: 100px;
 
+    left: 0;
 
+    top: 0;
 
+    width: 100%;
 
+    height: 100%;
 
+    overflow: auto;
 
+    background-color: black;
 
+    background-color: rgba(0, 0, 0, 0.5);
 
+}
 
+
 
+.modal-content {
 
+    background-color: #fefefe;
 
+    margin: auto;
 
+    padding: 20px;
 
+    width: 80%;
 
+}
 
+
 
+.modal-content #myInput {
 
+    width: 80%;
 
+    margin-left: auto;
 
+    margin-right: auto;
 
+    background-color: #e9e9e9;
 
+    padding: 20px;
 
+    border-radius: 10px;
 
+    margin-bottom: 20px;
 
+}
 
+
 
+.modal-content .modal-close {
 
+    text-align: right;
 
+    margin-top: -13px;
 
+    margin-bottom: 13px;
 
+}
 
+
 
+.modal-content .close {
 
+    color: #aaaaaa;
 
+    float: none;
 
+    font-size: 35px;
 
+    font-weight: bold;
 
+}
 
+
 
+.modal-content .close:hover,
 
+.modal-content .close:focus {
 
+    color: #000;
 
+    text-decoration: none;
 
+    cursor: pointer;
 
+}
 
+
 
+.modal-content .btn {
 
+    width: 100%;
 
+    max-width: 200px;
 
+    margin-left: auto;
 
+    margin-right: auto;
 
+}
 
+
 
+#screensaver { 
+    position: absolute; 
+    width: 100%; 
+    height:100%; 
+    left:0px; 
+    top: 0px; 
+    display: none; 
+    z-index:9999; 
+    background-color:#4c4c4c;
 
+    color:rgba(255, 255, 255, 0.5);
 
+    text-align: center;
 
+    padding-top: 40vh;
 
+    margin-bottom: auto;
 
+}
 
+
 
+.strong {
 
+    font-weight:bold;
 
+}

File diff suppressed because it is too large
+ 0 - 0
css/styles.min.css.map


+ 302 - 0
css/timeline.css
View File 

@@ -0,0 +1,302 @@
 
+body{
 
+    margin-top:20px;
 
+    background:#eee;
 
+}
 
+
 
+.timeline {
 
+    list-style-type: none;
 
+    margin: 0;
 
+    padding: 0;
 
+    position: relative
 
+}
 
+
 
+.timeline:before {
 
+    content: '';
 
+    position: absolute;
 
+    top: 5px;
 
+    bottom: 5px;
 
+    width: 5px;
 
+    background: #2d353c;
 
+    left: 20%;
 
+    margin-left: -2.5px
 
+}
 
+
 
+.timeline>li {
 
+    position: relative;
 
+    min-height: 50px;
 
+    padding: 20px 0
 
+}
 
+
 
+.timeline .timeline-time {
 
+    position: absolute;
 
+    left: 0;
 
+    width: 18%;
 
+    text-align: right;
 
+    top: 30px
 
+}
 
+
 
+.timeline .timeline-time .date,
 
+.timeline .timeline-time .time {
 
+    display: block;
 
+    font-weight: 600
 
+}
 
+
 
+.timeline .timeline-time .date {
 
+    line-height: 16px;
 
+    font-size: 12px
 
+}
 
+
 
+.timeline .timeline-time .time {
 
+    line-height: 24px;
 
+    font-size: 20px;
 
+    color: #242a30
 
+}
 
+
 
+.timeline .timeline-icon {
 
+    left: 15%;
 
+    position: absolute;
 
+    width: 10%;
 
+    text-align: center;
 
+    top: 40px
 
+}
 
+
 
+.timeline .timeline-icon a {
 
+    text-decoration: none;
 
+    width: 20px;
 
+    height: 20px;
 
+    display: inline-block;
 
+    border-radius: 20px;
 
+    background: #d9e0e7;
 
+    line-height: 10px;
 
+    color: #fff;
 
+    font-size: 14px;
 
+    border: 5px solid #2d353c;
 
+    transition: border-color .2s linear
 
+}
 
+
 
+.timeline .timeline-body {
 
+    margin-left: 23%;
 
+    margin-right: 17%;
 
+    background: #fff;
 
+    position: relative;
 
+    padding: 20px 25px;
 
+    border-radius: 6px;
 
+}
 
+
 
+.timeline .timeline-body:before {
 
+    content: '';
 
+    display: block;
 
+    position: absolute;
 
+    border: 10px solid transparent;
 
+    border-right-color: #fff;
 
+    left: -20px;
 
+    top: 20px
 
+}
 
+
 
+.timeline .timeline-body>div+div {
 
+    margin-top: 15px
 
+}
 
+
 
+.timeline .timeline-body>div+div:last-child {
 
+    margin-bottom: -20px;
 
+    padding-bottom: 20px;
 
+    border-radius: 0 0 6px 6px
 
+}
 
+
 
+.timeline-header {
 
+    padding-bottom: 10px;
 
+    border-bottom: 1px solid #e2e7eb;
 
+    line-height: 30px
 
+}
 
+
 
+.timeline-header .userimage {
 
+    float: left;
 
+    width: 34px;
 
+    height: 34px;
 
+    border-radius: 40px;
 
+    overflow: hidden;
 
+    margin: -2px 10px -2px 0
 
+}
 
+
 
+.timeline-header .username {
 
+    font-size: 16px;
 
+    font-weight: 600
 
+}
 
+
 
+.timeline-header .username,
 
+.timeline-header .username a {
 
+    color: #2d353c
 
+}
 
+
 
+.timeline img {
 
+    max-width: 100%;
 
+    display: block
 
+}
 
+
 
+.timeline-content {
 
+    letter-spacing: .25px;
 
+    line-height: 18px;
 
+    font-size: 13px
 
+}
 
+
 
+.timeline-content:after,
 
+.timeline-content:before {
 
+    content: '';
 
+    display: table;
 
+    clear: both
 
+}
 
+
 
+.timeline-title {
 
+    margin-top: 0
 
+}
 
+
 
+.timeline-footer {
 
+    background: #fff;
 
+    border-top: 1px solid #e2e7ec;
 
+    padding-top: 15px
 
+}
 
+
 
+.timeline-footer a:not(.btn) {
 
+    color: #575d63
 
+}
 
+
 
+.timeline-footer a:not(.btn):focus,
 
+.timeline-footer a:not(.btn):hover {
 
+    color: #2d353c
 
+}
 
+
 
+.timeline-likes {
 
+    color: #6d767f;
 
+    font-weight: 600;
 
+    font-size: 12px
 
+}
 
+
 
+.timeline-likes .stats-right {
 
+    float: right
 
+}
 
+
 
+.timeline-likes .stats-total {
 
+    display: inline-block;
 
+    line-height: 20px
 
+}
 
+
 
+.timeline-likes .stats-icon {
 
+    float: left;
 
+    margin-right: 5px;
 
+    font-size: 9px
 
+}
 
+
 
+.timeline-likes .stats-icon+.stats-icon {
 
+    margin-left: -2px
 
+}
 
+
 
+.timeline-likes .stats-text {
 
+    line-height: 20px
 
+}
 
+
 
+.timeline-likes .stats-text+.stats-text {
 
+    margin-left: 15px
 
+}
 
+
 
+.timeline-comment-box {
 
+    background: #f2f3f4;
 
+    margin-left: -25px;
 
+    margin-right: -25px;
 
+    padding: 20px 25px
 
+}
 
+
 
+.timeline-comment-box .user {
 
+    float: left;
 
+    width: 34px;
 
+    height: 34px;
 
+    overflow: hidden;
 
+    border-radius: 30px
 
+}
 
+
 
+.timeline-comment-box .user img {
 
+    max-width: 100%;
 
+    max-height: 100%
 
+}
 
+
 
+.timeline-comment-box .user+.input {
 
+    margin-left: 44px
 
+}
 
+
 
+.lead {
 
+    margin-bottom: 20px;
 
+    font-size: 21px;
 
+    font-weight: 300;
 
+    line-height: 1.4;
 
+}
 
+
 
+.text-danger, .text-red {
 
+    color: #ff5b57!important;
 
+}
 
+
 
+.highlight {
 
+    background-color: yellow;
 
+}
 
+
 
+.timeline .timeline-icon span {
 
+    text-decoration: none;
 
+    width: 70px;
 
+    height: 30px;
 
+    display: inline-block;
 
+    border-radius: 50px;
 
+    background: #ffffff;
 
+    line-height: 20px;
 
+    color: #732828;
 
+    font-size: 18px;
 
+    font-weight: 800;
 
+    border: 5px solid #2d353c;
 
+    transition: border-color .2s linear;
 
+}
 
+
 
+#anni {
 
+    max-height: 400px;
 
+    overflow: auto;
 
+    position: sticky;
 
+    top: 100px;
 
+    z-index: 1020;
 
+    border: 1px solid #dee2e6;
 
+    border-radius: 20px;
 
+}
 
+
 
+#anni ul {
 
+    list-style-type: none;
 
+    scroll-snap-type: y mandatory;
 
+    padding-left: 0;
 
+    text-align: center;
 
+  }
 
+  
+.anno {
 
+    scroll-snap-align: start;
 
+}
 
+
 
+#anni .btn:hover {
 
+    font-size: 36px;
 
+}
 
+
 
+.timeline-content div[type='ref']{
 
+    max-height: 100px;
 
+    overflow: auto;
 
+}
 
+
 
+#anni h3 {
 
+    text-align: center;
 
+    color: #b61924;
 
+    font-weight: 400;
 
+}
 
+
 
+#lemma_buttons {
 
+    margin-bottom: 20px;
 
+}
 
+
 
+#lemma_buttons button {
 
+    color: #30383f;
 
+    font-size: 15px;
 
+}
 
+  
+#lemma_buttons button .fa {
 
+    margin-right: 5px;
 
+}

+ 180 - 0
css/tree.css
View File 

@@ -0,0 +1,180 @@
 
+/* Remove default bullets */
 
+ul, #tree {
 
+  list-style-type: none;
 
+}
 
+
 
+/* Remove margins and padding from the parent ul */
 
+#tree {
 
+  margin: 0;
 
+  padding: 0;
 
+}
 
+
 
+#tree li {
 
+  line-height: 1.2;
 
+  position: relative;
 
+  padding: 0 0 1em 1em;
 
+  }
 
+
 
+#tree ul li { padding: 1em 0 0 1em; }
 
+
 
+#tree > li:last-child { padding-bottom: 0; }
 
+
 
+/* ————————————————————–
 
+  Tree labels
 
+*/
 
+#tree_label {
 
+  position: relative;
 
+  display: inline-block;
 
+  background: #fff;
 
+  }
 
+
 
+label#tree_label { cursor: pointer; }
 
+
 
+label#tree_label:hover { color: #666; }
 
+
 
+/* ————————————————————–
 
+  Tree expanded icon
 
+*/
 
+label#tree_label:before {
 
+  background: #000;
 
+  color: #fff;
 
+  position: relative;
 
+  z-index: 1;
 
+  float: left;
 
+  margin: 0 1em 0 -2em;
 
+  width: 1em;
 
+  height: 1em;
 
+  border-radius: 1em;
 
+  content: '+';
 
+  text-align: center;
 
+  line-height: .9em;
 
+  }
 
+
 
+:checked ~ label#tree_label:before { content: '–'; }
 
+
 
+/* ————————————————————–
 
+  Tree branches
 
+*/
 
+
 
+.fa {
 
+  margin-right: 5px;
 
+}
 
+
 
+span.tree_label:after {
 
+  position: absolute;
 
+  top: 0;
 
+  left: -2em;
 
+  display: block;
 
+  height: 1.8em;
 
+  width: 2.5em;
 
+  border-bottom: 1px solid #777;
 
+  border-left: 1px solid #777;
 
+  border-radius: 0 0 0 0.3em;
 
+  content: '';
 
+    }
 
+
 
+#tree li:last-child:before {
 
+  height: 1em;
 
+  bottom: auto;
 
+  border:0px;
 
+  }
 
+
 
+#tree > li:last-child:before { display: none; }
 
+
 
+#tree_custom {
 
+  display: block;
 
+  background: #eee;
 
+  padding: 1em;
 
+  border-radius: 0.3em;
 
+}
 
+
 
+span.tree_seed:after {
 
+  position: absolute;
 
+    left: -2em;
 
+    display: block;
 
+    height: 1.5em;
 
+    width: 1.8em;
 
+    border-bottom: 1px solid #777;
 
+    border-left: 1px solid #777;
 
+    border-radius: 0 0 0 0.3em;
 
+    content: '';
 
+    }
 
+
 
+.tree_el {
 
+  margin-top: 10px;
 
+}
 
+
 
+/*
 
+#treeView li ul li:before {
 
+  position: absolute;
 
+    left: 4.5em;
 
+    display: block;
 
+    width: 0;
 
+    height: -webkit-fill-available;
 
+    border-left: 1px solid #777;
 
+    content: "";
 
+}
 
+
 
+#treeView li:last-child:before {
 
+  height: 1em;
 
+  bottom: auto;
 
+  }
 
+
 
+#treeView > li:last-child:before { display: none; }
 
+*/
 
+
 
+
 
+#treeView li {
 
+  line-height: 1.2;
 
+  position: relative;
 
+  padding: 0 0 1em 1em;
 
+  }
 
+
 
+#treeView ul li { padding: 1em 0 0 1em; }
 
+
 
+#treeView > li:last-child { padding-bottom: 0; }
 
+
 
+
 
+#treeView li:before {
 
+  position: absolute;
 
+  top: 0;
 
+  bottom: 0;
 
+  left: -2em;
 
+  margin-top: -10px;
 
+  display: block;
 
+  width: 0;
 
+  border-left: 1px solid #777;
 
+  content: "";
 
+  }
 
+
 
+.tree_seed:after {
 
+  position: absolute;
 
+  top: 0;
 
+  left: -1.5em;
 
+  display: block;
 
+  height: 0.5em;
 
+  width: 1em;
 
+  border-bottom: 1px solid #777;
 
+  border-left: 1px solid #777;
 
+  border-radius: 0 0 0 .3em;
 
+  content: '';
 
+  }
 
+
 
+label.tree_seed:after {
 
+  border-radius: 0 .3em 0 0;
 
+  border-top: 1px solid #777;
 
+  border-right: 1px solid #777;
 
+  border-bottom: 0;
 
+  border-left: 0;
 
+  bottom: 0;
 
+  top: 0.5em;
 
+  height: auto;
 
+  }
 
+
 
+#treeView li:last-child:before {
 
+  height: 1em;
 
+  bottom: auto;
 
+  }
 
+
 
+#treeView > li:last-child:before { display: none; }
 
+

+ 82 - 0
css/updown.css
View File 

@@ -0,0 +1,82 @@
 
+ul, #myUL {

+  list-style-type: none;

+}

+

+#myUL {

+  margin: 0;

+  padding: 0;

+}

+

+.caret {

+  cursor: pointer;

+  -webkit-user-select: none; /* Safari 3.1+ */

+  -moz-user-select: none; /* Firefox 2+ */

+  -ms-user-select: none; /* IE 10+ */

+  user-select: none;

+}

+

+.caret::before {

+  content: "\25B6";

+  color: black;

+  display: inline-block;

+  margin-right: 6px;

+}

+

+.caret-down::before {

+  -ms-transform: rotate(90deg); /* IE 9 */

+  -webkit-transform: rotate(90deg); /* Safari */'

+  transform: rotate(90deg);  

+}

+

+.nested {

+  display: none;

+}

+

+.active {

+  display: block;

+}

+

+.input-group {

+    padding: 0%;

+}

+

+.doc-img {

+	display:block;

+	width:100%;

+	height: 100%;

+	padding-top:10px;

+}

+

+.row {

+	margin-bottom:10px;

+}

+

+.doc p {

+	text-align: center;

+	height:100%;

+	vertical-align:middle;

+	background-color: transparent;

+}

+

+.col {

+	background-color: rgba(255, 255, 255, 0.3);

+	margin-left:10px;

+}

+

+.col-page-dx .container{

+	border-left: 1px solid #d79494;

+	padding-left:50px;

+}

+

+ul#next li {

+	display: inline;

+	background-color: rgba(255, 255, 255, 0.3); 

+	padding:10px;

+	border: 1px solid #7a6a6a;

+}

+

+ul#next {

+	float:right;

+	margin-top:10px;

+	margin-right:50px;

+}

+ 73 - 0
css/user.css
View File 

@@ -0,0 +1,73 @@
 
+.card-container {
 
+	padding: 5%;
 
+}
 
+
 
+.card {
 
+  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
 
+  transition: 0.3s;
 
+  width: 90%;
 
+}
 
+
 
+.card:hover {
 
+  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
 
+}
 
+
 
+.container {
 
+  padding: 2px 16px;
 
+}
 
+
 
+.action-container {
 
+	padding: 10% 2%;
 
+}
 
+
 
+.action-container i {
 
+	margin-right:10px;
 
+}
 
+
 
+.message {
 
+  border: 2px solid #dedede;
 
+  background-color: #f1f1f1;
 
+  border-radius: 5px;
 
+  padding: 10px;
 
+  margin: 10px 0;
 
+}
 
+
 
+.darker {
 
+  border-color: #ccc;
 
+  background-color: #ddd;
 
+}
 
+
 
+.message::after {
 
+  content: "";
 
+  clear: both;
 
+  display: table;
 
+}
 
+
 
+.message img {
 
+  float: left;
 
+  max-width: 60px;
 
+  width: 100%;
 
+  margin-right: 20px;
 
+  border-radius: 50%;
 
+}
 
+
 
+.message img.right {
 
+  float: right;
 
+  margin-left: 20px;
 
+  margin-right:0;
 
+}
 
+
 
+.time-right {
 
+  float: right;
 
+  color: #aaa;
 
+}
 
+
 
+.time-left {
 
+  float: left;
 
+  color: #999;
 
+}
 
+
 
+.other {
 
+	text-align: right;
 
+	color: blue;
 
+}

BIN
img/ASPO.jpg
View File


BIN
img/CNR.png
View File


BIN
img/European-Union.png
View File


BIN
img/GiovaniSi.png
View File


BIN
img/Logo.png
View File


BIN
img/LogoBW.png
View File


BIN
img/LogoOLD.png
View File


BIN
img/MPP.png
View File


BIN
img/POR-FSE-Regione-Toscana.png
View File


BIN
img/Pb-L.png
View File


BIN
img/Pb-L.tiff
View File


BIN
img/RegioneToscana.jpg
View File


BIN
img/RepubblicaItaliana.png
View File


BIN
img/SABTOS.jpg
View File


BIN
img/app-profile-mockup.png
View File


BIN
img/bg-masthead (copia).jpg
View File


BIN
img/bg-masthead.jpg
View File


BIN
img/bg-white.jpg
View File


BIN
img/bg.jpg
View File


BIN
img/blog-1.jpg
View File


BIN
img/blog-2.jpg
View File


BIN
img/blog-3.jpg
View File


BIN
img/blog-4.jpg
View File


BIN
img/book.png
View File


BIN
img/cartaASPO.JPG
View File


BIN
img/cartina2.jpg
View File


BIN
img/cartina3.jpg
View File


BIN
img/city.png
View File


BIN
img/ckan.png
View File


BIN
img/client.png
View File


BIN
img/database.png
View File


BIN
img/favicon-32x32.png
View File


BIN
img/home.jpg
View File


BIN
img/icon.png
View File


BIN
img/icons/animat-checkmark.gif
View File


BIN
img/icons/animat-customize.gif
View File


BIN
img/icons/animat-responsive.gif
View File


BIN
img/indice.png
View File


BIN
img/iperion.png
View File


BIN
img/iperionBW.png
View File


BIN
img/lab.png
View File


BIN
img/letter.png
View File


BIN
img/licenze/cc-zero-300.png
View File


BIN
img/licenze/cc-zero.png
View File


BIN
img/lod.png
View File


BIN
img/lodview.png
View File


BIN
img/logoCNR.png
View File


BIN
img/logoEuropean-Union.png
View File


BIN
img/logoGiovaniSi.png
View File


BIN
img/logoPOR-FSE-Regione-Toscana.png
View File


BIN
img/logoRegioneToscana.jpg
View File


BIN
img/logoRepubblicaItaliana.png
View File


BIN
img/logoRestore.jpg
View File


BIN
img/obj_triangle.png
View File


BIN
img/ontologia.png
View File


BIN
img/ovi.png
View File


BIN
img/parser.png
View File


BIN
img/percorsi.png
View File


BIN
img/photo-1.jpg
View File


BIN
img/photo-2.jpg
View File


BIN
img/photo-4.jpg
View File


BIN
img/photo-6.jpg
View File


BIN
img/photo-7.jpg
View File


BIN
img/photo-9.jpg
View File


BIN
img/poster.png
View File


BIN
img/progetto.png
View File


BIN
img/raise.pg
View File


BIN
img/rdf.png
View File


BIN
img/ricerca.png
View File


BIN
img/search.png
View File


BIN
img/space.jpg
View File


BIN
img/sparql.png
View File


BIN
img/spettro.jpeg
View File


BIN
img/standard.png
View File


BIN
img/testi-1.jpg
View File


BIN
img/veduta_Duomo.JPG
View File


Some files were not shown because too many files changed in this diff