|
@@ -61,24 +61,17 @@ body {
|
|
padding: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
+body .rainbow {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 18s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+}
|
|
body a {
|
|
body a {
|
|
color: #ff33cc;
|
|
color: #ff33cc;
|
|
}
|
|
}
|
|
body a:visited {
|
|
body a:visited {
|
|
color: #cc0099;
|
|
color: #cc0099;
|
|
}
|
|
}
|
|
-body .rainbow {
|
|
|
|
- animation: rainbow 18s ease infinite;
|
|
|
|
- /*
|
|
|
|
- .retard-1{
|
|
|
|
- animation-delay: -1s;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .retard-2{
|
|
|
|
- animation-delay: 12s;
|
|
|
|
- }
|
|
|
|
- */
|
|
|
|
-}
|
|
|
|
body .stellina {
|
|
body .stellina {
|
|
color: blue;
|
|
color: blue;
|
|
}
|
|
}
|
|
@@ -122,30 +115,37 @@ body main #scrollable-column {
|
|
@media screen and (min-width: 900px) {
|
|
@media screen and (min-width: 900px) {
|
|
body main #scrollable-column #raggiungerci {
|
|
body main #scrollable-column #raggiungerci {
|
|
position: absolute;
|
|
position: absolute;
|
|
- bottom: 3em;
|
|
|
|
- }
|
|
|
|
- body main #scrollable-column #raggiungerci .descrizione-talk {
|
|
|
|
- padding: 0 !important;
|
|
|
|
|
|
+ bottom: 7em;
|
|
|
|
+ padding-top: 0.1em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
body main #scrollable-column #right-column {
|
|
body main #scrollable-column #right-column {
|
|
width: 100%;
|
|
width: 100%;
|
|
background-color: #000001;
|
|
background-color: #000001;
|
|
z-index: 33;
|
|
z-index: 33;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
}
|
|
}
|
|
@media screen and (max-width: 900px) {
|
|
@media screen and (max-width: 900px) {
|
|
body main #scrollable-column #right-column {
|
|
body main #scrollable-column #right-column {
|
|
- margin: auto;
|
|
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
body main #scrollable-column #right-column #calendario {
|
|
body main #scrollable-column #right-column #calendario {
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
+ max-width: 40em;
|
|
}
|
|
}
|
|
@media screen and (min-width: 900px) {
|
|
@media screen and (min-width: 900px) {
|
|
body main #scrollable-column #right-column #calendario {
|
|
body main #scrollable-column #right-column #calendario {
|
|
position: fixed;
|
|
position: fixed;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+@media screen and (min-width: 1200px) {
|
|
|
|
+ body main #scrollable-column #right-column #calendario {
|
|
|
|
+ width: 40%;
|
|
|
|
+ }
|
|
|
|
+}
|
|
body main #scrollable-column #right-column #calendario ul {
|
|
body main #scrollable-column #right-column #calendario ul {
|
|
overflow-y: scroll;
|
|
overflow-y: scroll;
|
|
list-style-type: none;
|
|
list-style-type: none;
|
|
@@ -166,6 +166,10 @@ body main #scrollable-column #right-column #calendario ul li .filler {
|
|
display: flex;
|
|
display: flex;
|
|
flex: 1 1 100%;
|
|
flex: 1 1 100%;
|
|
}
|
|
}
|
|
|
|
+body main #scrollable-column #right-column #calendario ul li .filler + div {
|
|
|
|
+ border: solid 1pt white;
|
|
|
|
+ margin: 1.3em 0 -0.4em 0;
|
|
|
|
+}
|
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper {
|
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper {
|
|
display: flex;
|
|
display: flex;
|
|
border-top: 1pt solid white;
|
|
border-top: 1pt solid white;
|
|
@@ -174,7 +178,12 @@ body main #scrollable-column #right-column #calendario ul li .title-wrapper {
|
|
border-bottom: 1pt solid white;
|
|
border-bottom: 1pt solid white;
|
|
padding: 0.1em;
|
|
padding: 0.1em;
|
|
margin-bottom: -5px;
|
|
margin-bottom: -5px;
|
|
- z-index: 2;
|
|
|
|
|
|
+ z-index: 32;
|
|
|
|
+}
|
|
|
|
+@media screen and (max-width: 900px) {
|
|
|
|
+ body main #scrollable-column #right-column #calendario ul li .title-wrapper {
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper .orario {
|
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper .orario {
|
|
color: #37ffad;
|
|
color: #37ffad;
|
|
@@ -193,21 +202,22 @@ body main #scrollable-column #right-column #calendario ul li .title-wrapper h4 a
|
|
body main #scrollable-column #right-column #calendario ul .descrizione-talk {
|
|
body main #scrollable-column #right-column #calendario ul .descrizione-talk {
|
|
display: none;
|
|
display: none;
|
|
flex: 1 1 100%;
|
|
flex: 1 1 100%;
|
|
- padding: 1em 0 2em 2em;
|
|
|
|
- border-top: 1pt solid white;
|
|
|
|
- border-right: 1pt solid white;
|
|
|
|
- border-left: 1pt solid white;
|
|
|
|
- border-bottom: 1pt solid white;
|
|
|
|
|
|
+ overflow-y: hidden;
|
|
|
|
+ /*@media screen and (min-width: $breakpoint-normal-screen) {
|
|
max-width: 75%;
|
|
max-width: 75%;
|
|
|
|
+ }*/
|
|
hyphens: auto;
|
|
hyphens: auto;
|
|
}
|
|
}
|
|
-body main #scrollable-column #right-column #calendario ul .titolo:target + .descrizionedescrizione-talk {
|
|
|
|
- display: flex;
|
|
|
|
|
|
+body main #scrollable-column #right-column #calendario ul .descrizione-talk div {
|
|
|
|
+ max-height: 30em;
|
|
|
|
+ overflow-y: scroll;
|
|
|
|
+ padding: 3em;
|
|
}
|
|
}
|
|
body main #scrollable-column #right-column #raggiungerci {
|
|
body main #scrollable-column #right-column #raggiungerci {
|
|
background-color: #000001;
|
|
background-color: #000001;
|
|
z-index: 100;
|
|
z-index: 100;
|
|
margin-top: 1em;
|
|
margin-top: 1em;
|
|
|
|
+ width: 100%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 900px) {
|
|
@media screen and (max-width: 900px) {
|
|
body main #scrollable-column #left-column {
|
|
body main #scrollable-column #left-column {
|
|
@@ -224,9 +234,123 @@ body main #scrollable-column #left-column #illustrazione pre {
|
|
margin: 0;
|
|
margin: 0;
|
|
position: fixed;
|
|
position: fixed;
|
|
}
|
|
}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-1 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 0.1s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-2 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 0.2s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-3 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 0.3s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-4 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 0.4s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-5 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 0.5s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-6 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 0.6s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-7 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 0.7s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-8 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 0.8s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-9 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 0.9s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-10 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 1s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-11 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 1.1s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-12 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 1.2s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-13 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 1.3s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-14 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 1.4s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-15 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 1.5s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-16 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 1.6s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-17 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 1.7s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-18 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 1.8s;
|
|
|
|
+}
|
|
|
|
+body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-19 {
|
|
|
|
+ animation-name: rainbow;
|
|
|
|
+ animation-duration: 1s;
|
|
|
|
+ animation-iteration-count: infinite;
|
|
|
|
+ animation-delay: 1.9s;
|
|
|
|
+}
|
|
@media screen and (max-width: 600px) {
|
|
@media screen and (max-width: 600px) {
|
|
body main #scrollable-column #left-column #illustrazione pre {
|
|
body main #scrollable-column #left-column #illustrazione pre {
|
|
- font-size: 0.5em;
|
|
|
|
|
|
+ font-size: 0.6em;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -237,7 +361,7 @@ body main #scrollable-column #left-column #illustrazione pre {
|
|
}
|
|
}
|
|
@media screen and (min-width: 1200px) {
|
|
@media screen and (min-width: 1200px) {
|
|
body main #scrollable-column #left-column #illustrazione pre {
|
|
body main #scrollable-column #left-column #illustrazione pre {
|
|
- font-size: 1em;
|
|
|
|
|
|
+ font-size: 0.9em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
body main #scrollable-column #left-column #illustrazione .text-wrapper {
|
|
body main #scrollable-column #left-column #illustrazione .text-wrapper {
|
|
@@ -250,12 +374,12 @@ body main #scrollable-column #left-column #illustrazione .text-wrapper .text-off
|
|
}
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
@media screen and (max-width: 600px) {
|
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
|
- height: 26em;
|
|
|
|
|
|
+ height: 33em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (min-width: 600px) and (max-width: 1200px) {
|
|
@media screen and (min-width: 600px) and (max-width: 1200px) {
|
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
|
- height: 41em;
|
|
|
|
|
|
+ height: 43em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (min-width: 1200px) {
|
|
@media screen and (min-width: 1200px) {
|
|
@@ -286,6 +410,7 @@ body main #scrollable-column #left-column #illustrazione .text-wrapper #call {
|
|
padding: 1em 10% 2em 10%;
|
|
padding: 1em 10% 2em 10%;
|
|
}
|
|
}
|
|
body footer {
|
|
body footer {
|
|
|
|
+ display: flex;
|
|
animation-direction: normal;
|
|
animation-direction: normal;
|
|
animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
justify-content: center;
|
|
justify-content: center;
|