diff --git a/mysite/static/style.css b/mysite/static/style.css index ae6515a..b132935 100644 --- a/mysite/static/style.css +++ b/mysite/static/style.css @@ -1,16 +1,30 @@ /* [ON BIG SCREEN] */ /* Wrapper */ +.container { + max-width: 940px; + margin: 3rem auto +} + +.content { + float: left; + width: 80%; +} + +.sidebar { + float: left; + width: 20%; +} + #page-nav { /* width: 100%; */ - background: #ff0; - padding: 3px; - border-radius: 10px; - border: 1px solid #ee0; + background: #276749; display: block; /* If you want the navigation bar to stick on top position: sticky; top: 0; */ + padding-left: 0; + margin: 2rem 0; } /* Hide Hamburger */ @@ -26,12 +40,17 @@ } #page-nav ul li { display: inline-block; - padding: 10px; + padding: 16px; + font-size: 18px; box-sizing: border-box; } #page-nav ul li a { /* color: #fff; */ text-decoration: none; + color: white; +} +#page-nav ul li.selected { + background: #38A169; } /* [ON SMALL SCREENS] */ @@ -51,7 +70,7 @@ display: block; } #page-nav ul li { - border-top: 1px solid #333; + border-top: 1px solid #22543D; } /* Toggle show/hide menu on checkbox click */ diff --git a/mysite/templates/base.html b/mysite/templates/base.html index 4d2e855..461f267 100644 --- a/mysite/templates/base.html +++ b/mysite/templates/base.html @@ -6,17 +6,18 @@