From db82dc81942982716cbbc4a415710c77d5cb4ec2 Mon Sep 17 00:00:00 2001 From: Sarven Capadisli Date: Wed, 28 Feb 2024 03:28:53 +0100 Subject: [PATCH] Reapply intended styles --- style/base.css | 64 +++++++++++++++++++++++++++++++------------------- 1 file changed, 40 insertions(+), 24 deletions(-) diff --git a/style/base.css b/style/base.css index beac6f23..1e0d845c 100644 --- a/style/base.css +++ b/style/base.css @@ -108,30 +108,37 @@ footer>div>dl>dd>ul li img { filter: invert(100%) hue-rotate(180deg); } -.title { - font-size: 2.5rem; -} -.subtitle { - font-size: 1.5rem; - text-align: center; +h1 { + font-size: 4rem; + line-height: 3rem; } -h1.subpage { - font-size: 4rem; - font-weight: 700; - line-height: 3rem; +#homepage h1 { + font-size: 2.5rem; + font-weight: 400; + line-height: 2rem; } -h2.homepage { +#homepage h3 { font-size: 1.5rem; line-height: 2rem; font-weight: 700; } -h2.subpage { +#about section { + font-size: 1.5rem; + line-height: 2.5rem; +} +#for-developers h2 { font-size: 2rem; font-weight: 700; line-height: 3rem; } -.button-purple { - background-color: var(--purple);; +#homepage h1 + p { + font-size: 1.5rem; + font-weight: 400; + text-align: center; + line-height: 2rem; +} +#features li a:last-child { + background-color: var(--purple); padding: 12px 24px; font-weight: 700; color: var(--white); @@ -140,21 +147,25 @@ h2.subpage { width: max-content; height: max-content; } -p.descriptor { +h2 + div > p:first-child { font-size: 1.25rem; line-height: 2rem; } -.intro-light { +#about main>article>h1 ~ p:not(div ~ p):last-of-type { + margin-block-start:0; +} +main>article>h1 ~ p:not(div ~ p) { font-size: 1.5rem; line-height: 2.5rem; + font-weight: 400; } -.developer-tutorials { +#developer-tutorials li { list-style: none; } -.developer-tutorials a { +#developer-tutorials li a { color: var(--dark); } -.solid-servers a{ +#solid-server-implementations li a{ color: var(--purple); font-size: 1.25rem; line-height: 2.5rem; @@ -205,7 +216,8 @@ p.descriptor { #about main>article>div>section, #hosted-pod-services, -#solid-organizations { +#solid-organizations, +#solid-server-implementations { color: #000; background-color: #fff; padding: 2rem; @@ -357,7 +369,7 @@ p.descriptor { main>article>h1, main>article>p { color: #fff; - font-weight: 400; + font-weight: 700; padding: 0 6rem; } @@ -365,7 +377,7 @@ p.descriptor { #developer-tutorials { border-radius: 30px; } - + #solutions-using-solid-technology h2 { padding: 0 6rem; } @@ -450,12 +462,14 @@ p.descriptor { #about main>article>div>section, #hosted-pod-services, - #solid-organizations { + #solid-organizations, + #solid-server-implementations { padding: 2rem 6rem; } #hosted-pod-services { display: block; + padding-bottom: 0; } #about main>article img { @@ -517,7 +531,8 @@ p.descriptor { line-height: 2.5rem; } - #hosted-pod-services { + #solid-server-implementations { + margin-top:-2em; margin-bottom: 4rem; } @@ -528,6 +543,7 @@ p.descriptor { grid-gap: 2rem; margin-inline-start: 0; padding-inline-start: 0; + margin-block-end:0; width: 100%; word-break: break-word }