diff options
| author | Alex <alex@scerba.org> | 2024-06-23 09:09:00 -0500 |
|---|---|---|
| committer | Alex Scerba <alex@scerba.org> | 2024-08-15 22:54:25 -0500 |
| commit | 5e71f0ef441038aac70e092bd27fde75a84b6756 (patch) | |
| tree | 86e3170653765137d3e7f8d30d88252c1ede69a0 /static/style.css | |
| parent | 976257095d7f6dddb9cece01bba6f660bf88e771 (diff) | |
Move to card style visual language
Diffstat (limited to 'static/style.css')
| -rw-r--r-- | static/style.css | 32 |
1 files changed, 25 insertions, 7 deletions
diff --git a/static/style.css b/static/style.css index ffef6d8..a4263b1 100644 --- a/static/style.css +++ b/static/style.css @@ -65,10 +65,11 @@ html { body {
margin: 0;
font-family: 'DejaVu Sans', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+ background-image: url("/static/media/grid-background-single-square-light.jpg");
+ background-size: 1.25rem 1.25rem;
}
main {
- padding: 1.75rem;
padding-top: 5rem;
padding-bottom: 3rem;
max-width: 60rem;
@@ -76,8 +77,26 @@ main { margin-right: auto;
}
+article, #intro, .main-bg {
+ padding: 1rem 1.75rem;
+ background-color: white;
+ box-shadow: 0 0 1em 0.4em rgb(224, 224, 224);
+}
+
+article, #intro {
+ margin-top: 1.75rem;
+}
+
+article h2 {
+ margin-top: 0;
+}
+
+article p:last-of-type {
+ margin-bottom: .5rem;
+}
+
main:has(#intro) {
- padding-top: 0;
+ padding-top: 1rem;
}
.top-bar {
@@ -111,8 +130,6 @@ main:has(#intro) { display: flex;
align-items: center;
justify-content: center;
- background-image: url("/static/media/grid-background-light.png");
- background-size: 20rem 20rem;
}
.landing-text {
@@ -140,7 +157,7 @@ main:has(#intro) { }
h1 {
- font-size: 2.5rem;
+ font-size: 2.75rem;
color: rgb(190, 190, 190);
margin: 0;
}
@@ -165,8 +182,8 @@ b { }
h2, h3, h4, h5, h6 {
- margin-top: 2rem;
- margin-bottom: 0.7rem;
+/* margin-top: 2rem;
+ margin-bottom: 0.7rem; */
font-size: 1.5rem;
}
@@ -289,6 +306,7 @@ blockquote { .gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
+ margin-top: 1.75rem;
}
@media screen and (max-width: 45rem) {
|