- aggiornamento con proj RISO. postcss, pwa.
This commit is contained in:
Surya Paolo
240
src/css/app.scss
240
src/css/app.scss
@@ -1,67 +1,5 @@
|
||||
@use "sass:color";
|
||||
|
||||
@font-face {
|
||||
font-family: 'AGaramondPro-Regular';
|
||||
src: url('~src/assets/fonts/AGaramondPro-Regular.otf') format('opentype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'DINPro-BoldItalic';
|
||||
src: url('~src/assets/fonts/DINPro-BoldItalic.otf') format('opentype');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'DINPro-CondBlack';
|
||||
src: url('~src/assets/fonts/DINPro-CondBlack.otf') format('opentype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'DINPro-CondensedBold';
|
||||
src: url('~src/assets/fonts/DINPro-CondensedBold.otf') format('opentype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'DIN-Pro-Condensed-Bold-Italic';
|
||||
src: url('~src/assets/fonts/DIN-Pro-Condensed-Bold-Italic.otf') format('opentype');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'DIN-Pro-Condensed-Regular';
|
||||
src: url('~src/assets/fonts/DIN-Pro-Condensed-Regular.otf') format('opentype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'DIN-Pro-Condensed-Medium-Italic';
|
||||
src: url('~src/assets/fonts/DIN-Pro-Condensed-Medium-Italic.otf') format('opentype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'DINPro';
|
||||
src: url('~src/assets/fonts/DINPro.otf') format('opentype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'DINPro-Medium';
|
||||
src: url('~src/assets/fonts/DINPro-Medium.otf') format('opentype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Söhne, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
@@ -191,14 +129,10 @@ $heightBtn: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.slide-enter {}
|
||||
|
||||
.slide-enter-active {
|
||||
animation: slide-in 0.2s ease-out forwards;
|
||||
}
|
||||
|
||||
.slide-leave {}
|
||||
|
||||
.slide-leave-active {
|
||||
animation: slide-out 0.5s ease-out forwards;
|
||||
}
|
||||
@@ -749,24 +683,24 @@ h3 {
|
||||
}
|
||||
|
||||
.fa-flag-it:before {
|
||||
content: url('../../public/svg/flag_it.svg');
|
||||
content: url('/svg/flag_it.svg');
|
||||
}
|
||||
|
||||
.fa-flag-us:before {
|
||||
content: url('../../public/svg/flag_us.svg');
|
||||
content: url('/svg/flag_us.svg');
|
||||
}
|
||||
|
||||
|
||||
.fa-flag-es:before {
|
||||
content: url('../../public/svg/flag_es.svg');
|
||||
content: url('/svg/flag_es.svg');
|
||||
}
|
||||
|
||||
.fa-flag-gb:before {
|
||||
content: url('../../public/svg/flag_gb.svg');
|
||||
content: url('/svg/flag_gb.svg');
|
||||
}
|
||||
|
||||
.fa-flag-de:before {
|
||||
content: url('../../public/svg/flag_de.svg');
|
||||
content: url('/svg/flag_de.svg');
|
||||
}
|
||||
|
||||
.animazione {
|
||||
@@ -1003,11 +937,6 @@ h3 {
|
||||
border: solid 3px #0f01b5;
|
||||
}
|
||||
|
||||
.my-sticky-header-table {
|
||||
/* max height is important */
|
||||
/* this is when the loading indicator appears */
|
||||
|
||||
}
|
||||
|
||||
.my-sticky-header-table .q-table__middle {
|
||||
max-height: 650px !important;
|
||||
@@ -1098,8 +1027,6 @@ h3 {
|
||||
}
|
||||
}
|
||||
|
||||
.myfooter {}
|
||||
|
||||
.iconplusminus {
|
||||
font-size: 6px;
|
||||
}
|
||||
@@ -1204,6 +1131,7 @@ h3 {
|
||||
margin: 1px;
|
||||
object-position: 50% 5% !important;
|
||||
object-fit: contain !important;
|
||||
|
||||
@media (max-width: 600px) {
|
||||
/* Versione Mobile */
|
||||
}
|
||||
@@ -1271,8 +1199,6 @@ h3 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.regione {}
|
||||
|
||||
.accom_num,
|
||||
.accom_maxosp {
|
||||
font-size: 1.25rem;
|
||||
@@ -1387,7 +1313,7 @@ h3 {
|
||||
}
|
||||
|
||||
.carousel_img {
|
||||
//background-image: url(../../public/images/cibo_sano.jpg);
|
||||
//background-image: url(/images/cibo_sano.jpg);
|
||||
background-size: contain !important;
|
||||
background-position: 50% center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
@@ -1477,10 +1403,12 @@ h3 {
|
||||
.chip_shadow {
|
||||
border-radius: 20px;
|
||||
background: #1729ea;
|
||||
background: -webkit-linear-gradient(45deg, #1e90ff, #3742fa) !important; /* A combination of lighter blues */
|
||||
background: -webkit-linear-gradient(45deg, #1e90ff, #3742fa) !important;
|
||||
/* A combination of lighter blues */
|
||||
background: linear-gradient(45deg, #3a90e7, #8e92e4) !important;
|
||||
box-shadow: 1px 1px 3px #5f6f8b;
|
||||
color: #ffffff; /* Ensure the text is white for better contrast */
|
||||
color: #ffffff;
|
||||
/* Ensure the text is white for better contrast */
|
||||
}
|
||||
|
||||
.last_access {
|
||||
@@ -1522,17 +1450,24 @@ h3 {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.accordion-enter-active, .accordion-leave-active {
|
||||
.accordion-enter-active,
|
||||
.accordion-leave-active {
|
||||
transition: max-height 0.3s ease;
|
||||
}
|
||||
|
||||
.accordion-enter, .accordion-leave-to /* .accordion-leave-active nella versione 2.1.8 e precedenti */ {
|
||||
.accordion-enter,
|
||||
.accordion-leave-to
|
||||
|
||||
/* .accordion-leave-active nella versione 2.1.8 e precedenti */
|
||||
{
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.accordion-enter-to, .accordion-leave {
|
||||
max-height: 500px; /* Imposta a quanto vuoi che si espanda */
|
||||
.accordion-enter-to,
|
||||
.accordion-leave {
|
||||
max-height: 500px;
|
||||
/* Imposta a quanto vuoi che si espanda */
|
||||
}
|
||||
|
||||
.accordion-content {
|
||||
@@ -2020,17 +1955,18 @@ h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ev_hour, .ev_hour_end {
|
||||
.ev_hour,
|
||||
.ev_hour_end {
|
||||
color: black;
|
||||
font-size: 0.85rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ev_hour{
|
||||
.ev_hour {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.ev_hour_end{
|
||||
.ev_hour_end {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@@ -2070,6 +2006,7 @@ h3 {
|
||||
|
||||
.fake-link {
|
||||
font-weight: bold;
|
||||
|
||||
@media (max-width: 600px) {
|
||||
color: #1976D2;
|
||||
text-decoration: underline !important;
|
||||
@@ -2263,23 +2200,18 @@ $coloreprincipale: lightblue;
|
||||
}
|
||||
|
||||
.sfondo_gradiente_rosso {
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(
|
||||
color.channel($rosso, "red", $space: rgb),
|
||||
color.channel($rosso, "green", $space: rgb),
|
||||
color.channel($rosso, "blue", $space: rgb),
|
||||
$trasparenza
|
||||
),
|
||||
$coloreprincipale,
|
||||
rgba(
|
||||
color.channel($rosso, "red", $space: rgb),
|
||||
color.channel($rosso, "green", $space: rgb),
|
||||
color.channel($rosso, "blue", $space: rgb),
|
||||
$trasparenza
|
||||
)
|
||||
) !important;
|
||||
background: linear-gradient(180deg,
|
||||
rgba(color.channel($rosso, "red", $space: rgb),
|
||||
color.channel($rosso, "green", $space: rgb),
|
||||
color.channel($rosso, "blue", $space: rgb),
|
||||
$trasparenza ),
|
||||
$coloreprincipale,
|
||||
rgba(color.channel($rosso, "red", $space: rgb),
|
||||
color.channel($rosso, "green", $space: rgb),
|
||||
color.channel($rosso, "blue", $space: rgb),
|
||||
$trasparenza )) !important;
|
||||
}
|
||||
|
||||
.card-carousel-container {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
@@ -2318,8 +2250,10 @@ $coloreprincipale: lightblue;
|
||||
.card-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 200px; /* Massima larghezza per la card */
|
||||
margin: 0 10px; /* Spazio tra le card */
|
||||
max-width: 200px;
|
||||
/* Massima larghezza per la card */
|
||||
margin: 0 10px;
|
||||
/* Spazio tra le card */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -2466,8 +2400,10 @@ $coloreprincipale: lightblue;
|
||||
:root {
|
||||
--background-even-light: rgba(211, 211, 211, 0.3);
|
||||
--background-odd-light: white;
|
||||
--background-even-dark: rgba(45, 45, 45, 0.7); /* Aggiustare per il tema dark */
|
||||
--background-odd-dark: rgba(30, 30, 30, 1); /* Aggiustare per il tema dark */
|
||||
--background-even-dark: rgba(45, 45, 45, 0.7);
|
||||
/* Aggiustare per il tema dark */
|
||||
--background-odd-dark: rgba(30, 30, 30, 1);
|
||||
/* Aggiustare per il tema dark */
|
||||
--text-color: #555;
|
||||
--bg-color: #f9f9f9;
|
||||
}
|
||||
@@ -2483,9 +2419,10 @@ body.body--dark {
|
||||
|
||||
.background-odd {
|
||||
background-color: white;
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
background-color: rgba(140, 140, 140, 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.q-stepper__tab {
|
||||
@@ -2500,47 +2437,67 @@ body.body--dark {
|
||||
}
|
||||
}
|
||||
|
||||
.dialog_class{
|
||||
.dialog_class {
|
||||
max-width: 800px;
|
||||
width: 100%;
|
||||
|
||||
@media (max-width: 600px) {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.citation {
|
||||
font-style: italic; /* Testo in corsivo per indicare una citazione */
|
||||
border-left: 4px solid #cccccc; /* Barra verticale per evidenziare la citazione */
|
||||
margin: 10px 0; /* Spaziatura verticale */
|
||||
padding: 10px 20px; /* Spaziatura interna */
|
||||
color: #555555; /* Colore del testo leggermente attenuato */
|
||||
background-color: #f9f9f9; /* Sfondo leggero per evidenziare la citazione */
|
||||
font-style: italic;
|
||||
/* Testo in corsivo per indicare una citazione */
|
||||
border-left: 4px solid #cccccc;
|
||||
/* Barra verticale per evidenziare la citazione */
|
||||
margin: 10px 0;
|
||||
/* Spaziatura verticale */
|
||||
padding: 10px 20px;
|
||||
/* Spaziatura interna */
|
||||
color: #555555;
|
||||
/* Colore del testo leggermente attenuato */
|
||||
background-color: #f9f9f9;
|
||||
/* Sfondo leggero per evidenziare la citazione */
|
||||
}
|
||||
|
||||
.comment {
|
||||
font-size: 0.9em; /* Testo leggermente più piccolo */
|
||||
color: #666666; /* Colore del testo attenuato */
|
||||
background-color: #f4f4f4; /* Sfondo neutro */
|
||||
padding: 10px; /* Spaziatura interna */
|
||||
border-radius: 5px; /* Angoli arrotondati */
|
||||
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); /* Leggera ombra per effetto di profondità */
|
||||
margin: 10px 0; /* Spaziatura verticale */
|
||||
font-size: 0.9em;
|
||||
/* Testo leggermente più piccolo */
|
||||
color: #666666;
|
||||
/* Colore del testo attenuato */
|
||||
background-color: #f4f4f4;
|
||||
/* Sfondo neutro */
|
||||
padding: 10px;
|
||||
/* Spaziatura interna */
|
||||
border-radius: 5px;
|
||||
/* Angoli arrotondati */
|
||||
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
|
||||
/* Leggera ombra per effetto di profondità */
|
||||
margin: 10px 0;
|
||||
/* Spaziatura verticale */
|
||||
}
|
||||
|
||||
.flex-container-book {
|
||||
display: flex;
|
||||
flex-direction: row; /* Allineamento orizzontale */
|
||||
flex-direction: row;
|
||||
/* Allineamento orizzontale */
|
||||
flex-wrap: wrap;
|
||||
gap: 0px; /* Spaziatura tra gli elementi */
|
||||
gap: 0px;
|
||||
/* Spaziatura tra gli elementi */
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.flex-item-book {
|
||||
display: flex; /* Rende il div un container flex per allineare i contenuti */
|
||||
justify-content: center; /* Allineamento orizzontale al centro */
|
||||
align-items: center; /* Allineamento verticale al centro */
|
||||
display: flex;
|
||||
/* Rende il div un container flex per allineare i contenuti */
|
||||
justify-content: center;
|
||||
/* Allineamento orizzontale al centro */
|
||||
align-items: center;
|
||||
/* Allineamento verticale al centro */
|
||||
padding: 0px;
|
||||
flex-grow: 0; /* Opzionale: permette agli elementi di crescere uniformemente */
|
||||
flex-grow: 0;
|
||||
/* Opzionale: permette agli elementi di crescere uniformemente */
|
||||
}
|
||||
|
||||
.card-page {
|
||||
@@ -2565,10 +2522,11 @@ body.body--dark {
|
||||
flex-direction: column !important;
|
||||
}
|
||||
|
||||
.sfondo_print{
|
||||
.sfondo_print {
|
||||
background-color: #17ead9;
|
||||
}
|
||||
.sfondo_margine{
|
||||
|
||||
.sfondo_margine {
|
||||
background-color: #d8f38a;
|
||||
}
|
||||
|
||||
@@ -2580,23 +2538,11 @@ body.body--dark {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.justified-text {
|
||||
text-align: justify;
|
||||
hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
word-break: break-word;
|
||||
overflow-wrap: break-word;
|
||||
|
||||
/* Supporto per lingue specifiche */
|
||||
lang: it; /* Imposta la lingua a italiano */
|
||||
}
|
||||
|
||||
.custom-z-index {
|
||||
z-index: 2000 !important;
|
||||
}
|
||||
|
||||
.mybadge {
|
||||
border-radius: 10px !important;
|
||||
text-shadow: .05rem .05rem .15rem #878787;
|
||||
text-shadow: .05rem .05rem .15rem #878787;
|
||||
}
|
||||
Reference in New Issue
Block a user