diff options
| author | Germain <germain@souquet.com> | 2022-10-21 18:44:00 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-10-21 17:44:00 +0000 |
| commit | 1d45ad8b2ab1c41dd489ccd581d027077bc917e5 (patch) | |
| tree | 38056b37a1bfba7e7b086cf82cf9ed2caab48ca0 /synapse/res/templates/style.css | |
| parent | Fix logging error on SIGHUP (#14258) (diff) | |
| download | synapse-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.css | 29 |
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; } +} |