From dabae9fbb41543d48e93821b7789b3320e3925c9 Mon Sep 17 00:00:00 2001 From: Eliseu Amaro Date: Mon, 13 Sep 2021 14:04:05 +0100 Subject: [PATCH] [CSS] Default page styling media queries simplified. --- assets/css/style.css | 56 +++++++++++++++++++------------------------- index.html | 6 ++--- 2 files changed, 27 insertions(+), 35 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index c30b58b..316c8f0 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -118,10 +118,29 @@ hr { flex-direction: column; } -@media screen and (max-width: 700px) { +@media screen and (min-width: 2000px) and (min-height: 1000px) { + .content, + .content-team { + padding-left: 20% !important; + padding-right: 20% !important; + } +} +@media screen and (min-width: 800px) { + .l-box { + margin-right: 4rem; + } +} +@media screen and (max-width: 800px) { .menu-list { font-size: 1rem !important; } + + .content, + .content ~ * { + top: unset !important; + position: relative !important; + } + .splash-head { font-size: 2rem !important; } @@ -129,48 +148,21 @@ hr { height: 3rem !important; width: 3rem !important; } - .soc { - position: relative !important; - } + .content, .ribbon-wrapper, .content-team { padding: 1.5rem !important; } + .content-team .g .l-box-lrg:last-child { flex: 1 !important; word-break: keep-all; white-space: nowrap; } -} -@media screen and (max-height: 700px) { - header { - font-size: 1.25rem !important; - } - .content, - .ribbon-wrapper, - .content-team { - padding: 1rem !important; - } - .content-head { - margin-bottom: 5px; - } - .content { - position: relative !important; - } - .g { - position: sticky !important; - max-height: min-content !important; - padding: unset; - } .l-box { - margin: unset; - padding: 5px !important; - } - .l-box > * { - margin: unset; - padding: unset; + margin-right: 1rem; } } @@ -240,7 +232,6 @@ hr { .content .g .l-box { flex: 1; min-width: 10rem; - margin-right: 24px; } .content ~ * { @@ -334,6 +325,7 @@ hr { } .footer { + width: 100%; padding: 1rem; background-color: #333333; color: #e9eaed; diff --git a/index.html b/index.html index 8b716ba..943967a 100644 --- a/index.html +++ b/index.html @@ -7,9 +7,9 @@ GNU social — a free software social networking platform - - - + + +