paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 87d43c33ee0dd4875bab2110aa99050baa3edc32
parent d5579cad7885df8f86960b7af29af807acbfe63d
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Thu, 20 Jun 2019 23:55:14 -0400

Alter width of content and side-bar

Diffstat:
Mbuild/base.css | 19++++++++++---------
1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/build/base.css b/build/base.css @@ -120,7 +120,7 @@ ul.inline { } #content { - padding: 0 10% 0 10%; + padding: 0 15% 0 15%; } #content > p, #content > ul, #content > ol, #content > pre { @@ -142,9 +142,10 @@ ul.inline { #side-bar { float: right; - width: 25%; + width: 20%; + min-width: 300px; border: 5px #585858 solid; - margin: 0 10% 20px 20px; + margin: 0 15% 20px 20px; text-align: left; background-color: #333; box-sizing: border-box; @@ -288,10 +289,10 @@ ul.inline { /* Ensure proper scaling with differently-sized displays */ @media all and (max-width: 900px) { #side-bar { - float: center; - width: 50%; + float: none; + width: 300px; clear: both; - margin: 0% 25% 30px 25%; + margin: 0% auto 30px auto; } #content { border-right: 0; @@ -338,10 +339,10 @@ ul.inline { @media all and (max-width: 550px) { #side-bar { - float: center; - width: 90%; + float: none; + width: 300px; clear: both; - margin: 0% 5% 30px 5%; + margin: 0% auto 30px auto; } #downtime-banner { width: 83%;