Risolto bug CSS + link assoluti. Pronto per la pubblicazione finale

This commit is contained in:
2025-10-15 22:06:42 +02:00
parent e2df1d5355
commit ae832fa3cf
3 changed files with 59 additions and 47 deletions

View File

@@ -32,7 +32,7 @@ button {
--secondario: hsl(202, 61%, 93%);
--p-glass: hsla(195, 100%, 13%, 0.75);
--p-glass-dark: hsla(195, 100%, 13%, 0.95);
--s-glass: hsla(202, 61%, 93%, 0.55);
--s-glass: hsla(202, 61%, 93%, 0.68);
}
*,
@@ -166,7 +166,7 @@ header .container {
width: 95%;
margin: 4rem auto;
border-radius: 2rem;
background-image: url("https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/texture.svg");
background-image: url("https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/texture.svg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
@@ -249,6 +249,7 @@ header .container {
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1rem;
margin-top: 2rem;
align-items: start;
}
@media only screen and (max-width: 1024px) {
@@ -289,22 +290,22 @@ header .container {
padding: 1.5rem 1rem;
border-radius: 1.5rem;
text-align: center;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.pagina .sezione.pizze .titolo {
background-image: url("https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/pizze.webp");
background-image: url("https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/pizze.webp");
background-position: 50% 80%;
}
.pagina .sezione.dolci .titolo {
background-image: url("https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/dolci.webp");
background-image: url("https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/dolci.webp");
background-position: 50% 70%;
}
.pagina .sezione.bevande .titolo {
background-image: url("https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/bevande.webp");
background-image: url("https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/bevande.webp");
background-position: 50% 50%;
}
@@ -319,11 +320,14 @@ header .container {
.pagina .sezione .box .immagine {
display: flex;
align-items: center;
flex-grow: 1;
align-items: flex-start;
pointer-events: none;
}
.pagina .sezione .box .testo {
flex-grow: 1;
}
.pagina .sezione .box {
transition: all 200ms ease-in-out;
cursor: pointer;