2 files changed, 43 insertions, 0 deletions
diff --git a/pydis_site/static/css/content/page.css b/pydis_site/static/css/content/page.css
new file mode 100644
index 00000000..57d7472b
--- /dev/null
+++ b/pydis_site/static/css/content/page.css
@@ -0,0 +1,31 @@
+.breadcrumb-section {
+    padding: 1rem;
+}
+
+i.has-icon-padding {
+    padding: 0 10px 25px 0;
+}
+
+/*
+ * Move padding padding from <pre> tag to hljs <code> tags so the padding
+ * space is colored the same as the background of hljs <code> blocks.
+ */
+.content pre {
+    padding: 0;
+}
+
+code.hljs {
+    padding: 1.75em 2em;
+}
+
+/*
+ * Show header permalink on hover.
+ */
+.headerlink {
+    display: none;
+    padding-left: 0.5em;
+}
+
+:is(h1, h2, h3, h4, h5, h6):hover > .headerlink {
+    display: inline;
+}
diff --git a/pydis_site/static/css/events/base.css b/pydis_site/static/css/events/base.css
new file mode 100644
index 00000000..266bca1d
--- /dev/null
+++ b/pydis_site/static/css/events/base.css
@@ -0,0 +1,12 @@
+.breadcrumb-section {
+    padding: 1rem;
+}
+
+pre {
+    /*
+     * Style it the same as the <code> tag, since highlight.js does not style
+     * backgrounds of <pre> tags but bulma does, resulting in a weird off-white
+     * border.
+     */
+    background-color: #282c34;
+}