diff --git a/public/assets/css/base.css b/public/assets/css/base.css index bd45f0c42b..9e934b0805 100644 --- a/public/assets/css/base.css +++ b/public/assets/css/base.css @@ -4,28 +4,27 @@ --main-font: 'Open Sans', sans-serif; /* font and margin sizes */ - --main-size: 1.25em; + --main-size: 1.2em; --medium-size: 0.8em; --small-size: 0.65em; --unit-size: 1em; --side-margin: 2em; - --nav-size: 14em; + --nav-size: 15em; /* colours and shadows */ --fg: #eceff4; --accent: #81a1c1; --bg1: #2e3440; --bg2: #3b4252; - --bg3: #4c566a; - --bg4: #2e344075; - --bg5: #2e344090; - --shadow: 0px 0px 90px 0px rgba(46,52,64,0.95); + --bg3: #434c5e; + --bg4: #4c566a; + --shadow: 0px 0px 40px 0px rgba(46,52,64,0.95); } /* DEFAULTS */ body, html { - background: var(--bg3); + background: var(--bg4); background-attachment: fixed; background-size: cover; color: var(--fg); @@ -35,6 +34,11 @@ html { padding: 0; } +hr { + margin: 0; + color: var(--accent); +} + ul { text-decoration: none; margin: 0; @@ -103,7 +107,7 @@ b { } #instance { - order: 1; + order: 2; } @@ -127,7 +131,7 @@ b { } #left-panel { - order: 2; + order: 1; } /* left panel z-index fix */ @@ -147,7 +151,7 @@ b { .arrow { border: solid var(--fg); border-width: 0 3px 3px 0; - display: inline-block; + display: none; padding: 0.3em; } .right { @@ -161,7 +165,7 @@ b { width: var(--nav-size); height: calc(100vh - (3 * var(--unit-size))); position: fixed; - background-color: var(--bg2); + background-color: var(--bg1); margin-top: calc(3 * var(--main-size)); z-index: 0; } @@ -173,7 +177,7 @@ input.larger { /* untoggled */ .rss { - right: -100%; + right: 0; top: 0; transition: 0.3s ease; } diff --git a/public/assets/css/left/left.css b/public/assets/css/left/left.css index 8133653f06..70ef00df9d 100644 --- a/public/assets/css/left/left.css +++ b/public/assets/css/left/left.css @@ -4,7 +4,7 @@ width: var(--nav-size); height: calc(100vh - (3 * var(--unit-size))); position: fixed; - background-color: var(--bg5); + background-color: var(--bg1); margin-top: calc(3 * var(--main-size)); } .navbar .left-nav { @@ -17,6 +17,7 @@ display: flex; flex-wrap: wrap; flex-direction: row; + justify-content: space-evenly; font-size: var(--medium-size); padding: var(--unit-size); margin-bottom: var(--unit-size); @@ -71,7 +72,7 @@ .profile { display: flex; flex-wrap: wrap; - background-color: var(--bg4); + background-color: var(--bg2); padding: var(--unit-size); font-size: var(--small-size); margin-bottom: var(--unit-size); diff --git a/public/assets/default-avatar.svg b/public/assets/default-avatar.svg index 7a4d8cd297..f38c68937a 100644 --- a/public/assets/default-avatar.svg +++ b/public/assets/default-avatar.svg @@ -1,35 +1,122 @@ - - - - - + + + + - + - + image/svg+xml - - + + - - - - - - - - - - + + + + + + + + + + - \ No newline at end of file + diff --git a/templates/base.html.twig b/templates/base.html.twig index 133252f2f4..0dadd68f05 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -69,6 +69,9 @@
+
+
+