summary refs log tree commit diff
path: root/synapse/res/templates/style.css
diff options
context:
space:
mode:
authorGermain <germain@souquet.com>2022-10-21 18:44:00 +0100
committerGitHub <noreply@github.com>2022-10-21 17:44:00 +0000
commit1d45ad8b2ab1c41dd489ccd581d027077bc917e5 (patch)
tree38056b37a1bfba7e7b086cf82cf9ed2caab48ca0 /synapse/res/templates/style.css
parentFix logging error on SIGHUP (#14258) (diff)
downloadsynapse-1d45ad8b2ab1c41dd489ccd581d027077bc917e5.tar.xz
Improve aesthetics and reusability of HTML templates. (#13652)
Use a base template to create a cohesive feel across the HTML
templates provided by Synapse.

Adds basic styling to the base template for a more user-friendly
look and feel.
Diffstat (limited to 'synapse/res/templates/style.css')
-rw-r--r--synapse/res/templates/style.css29
1 files changed, 29 insertions, 0 deletions
diff --git a/synapse/res/templates/style.css b/synapse/res/templates/style.css
new file mode 100644
index 0000000000..097b235ae5
--- /dev/null
+++ b/synapse/res/templates/style.css
@@ -0,0 +1,29 @@
+html {
+    height: 100%;
+}
+
+body {
+    background: #f9fafb;
+    max-width: 680px;
+    margin: auto;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.mx_Header {
+    border-bottom: 3px solid #ddd;
+    margin-bottom: 1rem;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    text-align: center;
+}
+
+@media screen and (max-width: 1120px) {
+    body {
+        font-size: 20px;
+    }
+
+    h1 { font-size: 1rem; }
+    h2 { font-size: .9rem; }
+    h3 { font-size: .85rem; }
+    h4 { font-size: .8rem; }
+}