From 68cf6dee65385ecec8db7c29d3dc1e286a2fbd9b Mon Sep 17 00:00:00 2001 From: Eliseu Amaro Date: Mon, 9 Aug 2021 13:25:08 +0100 Subject: [PATCH] [FAQ][CSS] All FAQ pages stylized, minor structure changes throughout. --- public/assets/css/base.css | 38 ++++++- templates/base.html.twig | 9 +- templates/doc/faq/contact.html.twig | 6 +- templates/doc/faq/faq.html.twig | 99 ++++++++-------- templates/doc/faq/groups.html.twig | 6 +- templates/doc/faq/openid.html.twig | 6 +- templates/doc/faq/tags.html.twig | 6 +- templates/doc/privacy.html.twig | 55 ++++----- templates/doc/source.html.twig | 28 +++-- templates/doc/tos.html.twig | 168 ++++++++++++++-------------- templates/doc/version.html.twig | 32 +++--- templates/faq/home.html.twig | 1 - templates/network/public.html.twig | 27 ++--- templates/settings/base.html.twig | 149 ++++++++++++------------ 14 files changed, 333 insertions(+), 297 deletions(-) delete mode 100644 templates/faq/home.html.twig diff --git a/public/assets/css/base.css b/public/assets/css/base.css index 4c992e9fd4..448bb84253 100644 --- a/public/assets/css/base.css +++ b/public/assets/css/base.css @@ -10,9 +10,9 @@ * small size - used in common text, borders */ --unit-size: 0.5rem; - --main-size: 1.15rem; - --medium-size: 0.9rem; - --small-size: 0.8rem; + --main-size: 1.4rem; + --medium-size: 1.2rem; + --small-size: 1rem; /* colours and shadows */ --bg1: #242434; @@ -78,7 +78,7 @@ flex-wrap: wrap; justify-content: space-around; /*margin-top: calc(3 * var(--small-size) + var(--main-size));*/ - margin-top: 3.3rem; + margin-top: 4.3rem; } /* THE FOCUSED (middle) DIV */ @@ -93,6 +93,35 @@ max-width: 60%; } +.markdown-blocks { + background-color: var(--translucent); + border-radius: 0 0 var(--unit-size) var(--unit-size); + border: solid 2px var(--bg2); + border-top: solid 2px var(--bg3); + padding: var(--unit-size); +} +.markdown-blocks ul { + margin-left: 1em; + list-style: disc; +} +.markdown-blocks ul li { + margin-bottom: 0.2em; +} +.doc-navigation { + background-color: var(--translucent); + border-radius: var(--unit-size) var(--unit-size) 0 0; + border: solid 2px var(--bg2); + border-bottom: none; + padding: var(--unit-size); +} +.doc-navigation ul { + display: flex; + justify-content: space-evenly; + font-size: var(--main-size); + font-family: var(--display-font); +} + + /* NOTES */ .h-feed, .notes { @@ -109,6 +138,7 @@ .note { background-color: var(--translucent); border: solid 2px var(--bg2); + border-top: solid 2px var(--bg3); border-radius: var(--unit-size); } diff --git a/templates/base.html.twig b/templates/base.html.twig index 1ab719241e..6f7134f388 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -27,6 +27,7 @@ {% endfor %} {% endfor %} + {% block header %}