diff --git a/default_environment/stylesheet/main.css b/default_environment/stylesheet/main.css
index 5d80b37..b962497 100644
--- a/default_environment/stylesheet/main.css
+++ b/default_environment/stylesheet/main.css
@@ -5,7 +5,9 @@
--header-divider-color: #6a687a;
--stream-divider-color: #6ccff6;
- --stream-post-background-color: #1f1f1f;
+ --stream-post-background-color: #0a0a0a;
+
+ --blog-post-background-color: #0a0a0a;
--src-font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
Consolas, "DejaVu Sans Mono", monospace;
@@ -29,7 +31,9 @@
--header-divider-color: #959785;
--stream-divider-color: #933009;
- --stream-post-background-color: #e0e0e0;
+ --stream-post-background-color: #f5f5f5;
+
+ --blog-post-background-color: #f5f5f5;
--src-block-background-color: #ebebeb;
--src-block-border-color: #7b7d70;
@@ -44,6 +48,10 @@
}
}
+* {
+ box-sizing: border-box;
+}
+
body {
color: var(--site-text-color);
background-color: var(--site-background-color);
@@ -69,7 +77,7 @@ body {
border-bottom: 0.1rem solid var(--header-divider-color);
.home_link {
- font-size: 1.2rem;
+ font-size: 2rem;
font-weight: 600;
text-decoration: none;
@@ -89,7 +97,8 @@ body {
/* A stand-alone blog post (not in a blog stream). */
.blog_post {
- padding: 1rem 0 3rem 0;
+ padding: 1rem 0.2rem 0 0.2rem;
+ background: var(--blog-post-background-color);
}
.blog_stream {
@@ -118,11 +127,19 @@ body {
/* A blog post in a blog stream (for example, the homepage). */
.blog_stream_post {
background: var(--stream-post-background-color);
- padding: 1rem 0.2rem;
+ padding: 0 0.2rem;
+ }
+
+ .blog_stream_post {
+ background: var(--stream-post-background-color);
+ }
+
+ .blog_stream_post:nth-child(1) {
+ padding-top: 1rem;
}
.blog_post_title {
- font-size: 2.5rem;
+ font-size: 2.9rem;
font-weight: 700;
padding-bottom: 1rem;
}
@@ -154,13 +171,14 @@ body {
.src_line {
white-space: pre-wrap;
+ overflow-wrap: anywhere;
}
}
}
.inline_source_block {
font-family: var(--src-font-family);
- font-size: 1rem;
+ font-size: 1.2rem;
}
.code,
@@ -270,4 +288,11 @@ body {
b {
font-weight: 700;
}
+
+ /* Never have media larger than its container */
+ img,
+ picture,
+ video {
+ max-width: 100%;
+ }
}
diff --git a/default_environment/templates/html/main.dust b/default_environment/templates/html/main.dust
index 4c3a4f2..62e6748 100644
--- a/default_environment/templates/html/main.dust
+++ b/default_environment/templates/html/main.dust
@@ -1,7 +1,8 @@
-
+
+
{#global_settings.css_files}{/global_settings.css_files}
{#global_settings.js_files}{/global_settings.js_files}
{?global_settings.page_title}{global_settings.page_title}{/global_settings.page_title}