tandem/camper
tandem
/
camper
2
0
Fork 0
Code Issues 7 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 {
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);
border-bottom: 1px solid;
}
@ -429,8 +430,16 @@ nav:last-of-type > ul > li:last-child {
border-radius: 5px;
}
.nature div:first-child, .services {
min-height: 6rem;
.nature div:first-child {
min-height: 65vh;
display: flex;
align-items: flex-end;
gap: 5rem;
padding: 5rem;
}
.services {
min-height: 8rem;
display: flex;
align-items: flex-end;
gap: 5rem;
@ -458,10 +467,12 @@ nav:last-of-type > ul > li:last-child {
font-size: calc(2rem + 4vw);
display: block;
padding: 3rem;
background: transparent;
color: var(--base);
}
.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 {
@ -499,8 +510,10 @@ dl, .nature div + div, .outside_activities > div {
.nature section a span {
z-index: 2;
padding: 1rem 1.5rem;
background-color: var(--clar);
padding: .55rem 1.5rem 1rem;
background-color: var(--accent);
color: var(--base);
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
}
@ -534,7 +547,7 @@ dl, .nature div + div, .outside_activities > div {
}
.carousel .spiel {
font-size: 2.4rem;
font-size: 1.8rem;
}
.carousel .spiel p {
@ -548,7 +561,7 @@ dl, .nature div + div, .outside_activities > div {
}
.carousel img {
height: 40rem;
height: 30rem;
width: 100%;
border-radius: 5px;
object-fit: cover;
@ -612,7 +625,7 @@ dl, .nature div + div, .outside_activities > div {
.enjoy {
font-weight: 900;
font-size: calc(1.8rem + 8vw);
font-size: calc(1.2rem + 4vw);
line-height: 1.2em;
margin: 10rem 0;
}
@ -1243,32 +1256,35 @@ input[type="checkbox"]:focus {
/* end footer responsive */
footer {
margin: 120px 0 0 0;
}
body > footer {
display: flex;
flex-direction: column;
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 {
padding: 5rem 0;
border-top: 3px solid black;
}
/* highlight footer season */
body > footer section:nth-child(3) {
border: solid 1px;
border-radius: 5px;
background: var(--accent-2);
padding: 0 15px;
color: var(--contrast);
}
body > footer section:nth-child(3) h2 {
background: var(--accent-2);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-left: 15px;
border-bottom: 1px solid var(--contrast);
}
body > footer section:nth-child(3) p {
@ -1285,7 +1301,7 @@ body > footer > div {
gap: 3rem;
justify-content: space-between;
margin: 0 2.5rem;
border-bottom: 3px solid black;
border-bottom: 1px solid var(--base);
}
body > footer section {
@ -1295,7 +1311,7 @@ body > footer section {
body > footer h2 {
font-size: 2.4rem;
margin-bottom: 2rem;
border-bottom: 1px solid black;
border-bottom: 1px solid var(--base);
}
body > footer ul {
@ -1325,6 +1341,7 @@ body > footer span {
.camping-association {
display: flex;
flex-wrap: wrap;
flex-direction: row;
height: 5rem;
gap: 2rem;
@ -1333,7 +1350,8 @@ body > footer span {
}
.camping-association img {
max-width: 40px;
max-width: auto;
max-height: 35px;;
}