tandem
/
camper
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update style

This commit is contained in:
oriol carbonell pujolàs 2024-01-13 01:20:31 +01:00
parent f04f6a3981
commit 6a2158e179
1 changed files with 39 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
web/static/public.css
View File

@ -243,6 +243,7 @@ body > header > address a[href^='mailto:']::before {
body > header, nav .has-submenu ul { body > header, nav .has-submenu ul {
background-color: rgba(var(--clar-rgb), 0.7); background-color: rgba(var(--clar-rgb), 0.7);
/* background: linear-gradient(180deg, rgba(0,170,125,0.7021009087228641) 35%, rgba(240,240,240,0.7021009087228641) 35%); */
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
border-bottom: 1px solid; border-bottom: 1px solid;
} }
@ -429,8 +430,16 @@ nav:last-of-type > ul > li:last-child {
border-radius: 5px; border-radius: 5px;
} }
.nature div:first-child, .services { .nature div:first-child {
min-height: 6rem; min-height: 65vh;
display: flex;
align-items: flex-end;
gap: 5rem;
padding: 5rem;
}
.services {
min-height: 8rem;
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
gap: 5rem; gap: 5rem;
@ -458,10 +467,12 @@ nav:last-of-type > ul > li:last-child {
font-size: calc(2rem + 4vw); font-size: calc(2rem + 4vw);
display: block; display: block;
padding: 3rem; padding: 3rem;
background: transparent;
color: var(--base);
} }
.nature div:first-child a, .services h2, .surroundings .spiel a { .nature div:first-child a, .services h2, .surroundings .spiel a {
font-size: calc(1.8rem + 1.7vw); font-size: calc(1rem + 1.2vw);
} }
.nature div:first-child a, .services a { .nature div:first-child a, .services a {
@ -499,8 +510,10 @@ dl, .nature div + div, .outside_activities > div {
.nature section a span { .nature section a span {
z-index: 2; z-index: 2;
padding: 1rem 1.5rem; padding: .55rem 1.5rem 1rem;
background-color: var(--clar); background-color: var(--accent);
color: var(--base);
border-top-left-radius: 5px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
} }
@ -534,7 +547,7 @@ dl, .nature div + div, .outside_activities > div {
} }
.carousel .spiel { .carousel .spiel {
font-size: 2.4rem; font-size: 1.8rem;
} }
.carousel .spiel p { .carousel .spiel p {
@ -548,7 +561,7 @@ dl, .nature div + div, .outside_activities > div {
} }
.carousel img { .carousel img {
height: 40rem; height: 30rem;
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
object-fit: cover; object-fit: cover;
@ -612,7 +625,7 @@ dl, .nature div + div, .outside_activities > div {
.enjoy { .enjoy {
font-weight: 900; font-weight: 900;
font-size: calc(1.8rem + 8vw); font-size: calc(1.2rem + 4vw);
line-height: 1.2em; line-height: 1.2em;
margin: 10rem 0; margin: 10rem 0;
} }
@ -1243,32 +1256,35 @@ input[type="checkbox"]:focus {
/* end footer responsive */ /* end footer responsive */
footer {
margin: 120px 0 0 0;
}
body > footer { body > footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
margin: 120px 20px 0 20px;
background: var(--contrast);
color: var(--base);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
body > footer a {
color: var(--base);
} }
body > footer > div, .campsite_type_features, .campsite_type_detail { body > footer > div, .campsite_type_features, .campsite_type_detail {
padding: 5rem 0; padding: 5rem 0;
border-top: 3px solid black;
} }
/* highlight footer season */ /* highlight footer season */
body > footer section:nth-child(3) { body > footer section:nth-child(3) {
border: solid 1px;
border-radius: 5px; border-radius: 5px;
background: var(--accent-2);
padding: 0 15px;
color: var(--contrast);
} }
body > footer section:nth-child(3) h2 { body > footer section:nth-child(3) h2 {
background: var(--accent-2); border-bottom: 1px solid var(--contrast);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-left: 15px;
} }
body > footer section:nth-child(3) p { body > footer section:nth-child(3) p {
@ -1285,7 +1301,7 @@ body > footer > div {
gap: 3rem; gap: 3rem;
justify-content: space-between; justify-content: space-between;
margin: 0 2.5rem; margin: 0 2.5rem;
border-bottom: 3px solid black; border-bottom: 1px solid var(--base);
} }
body > footer section { body > footer section {
@ -1295,7 +1311,7 @@ body > footer section {
body > footer h2 { body > footer h2 {
font-size: 2.4rem; font-size: 2.4rem;
margin-bottom: 2rem; margin-bottom: 2rem;
border-bottom: 1px solid black; border-bottom: 1px solid var(--base);
} }
body > footer ul { body > footer ul {
@ -1325,6 +1341,7 @@ body > footer span {
.camping-association { .camping-association {
display: flex; display: flex;
flex-wrap: wrap;
flex-direction: row; flex-direction: row;
height: 5rem; height: 5rem;
gap: 2rem; gap: 2rem;
@ -1333,7 +1350,8 @@ body > footer span {
} }
.camping-association img { .camping-association img {
max-width: 40px; max-width: auto;
max-height: 35px;;
} }