diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css index 3410e13..8f03d35 100644 --- a/assets/css/bobastyle.css +++ b/assets/css/bobastyle.css @@ -1,78 +1,42 @@ /* Layout */ -.page { - display: flex; -} - -.side, .content, .footer { +.content, .footer { padding: 20px; } -#navbar { - overflow: hidden; +.header a, #navbar { + padding-left: 20px; } -#navbar a { - float: left; - display: block; - padding: 14px 20px; -} - -.navbar-items { - float: right; +.navbar-item { + margin-right: 5px; } body { margin: 0; - display: flex; - flex-direction: column; + max-width: 720px; } * { box-sizing: border-box; } -@media screen and (max-width: 700px) { - .page { - flex-direction: column; - } - - .navbar-items a { - width: 100%; - } -} - /* Styling */ -.side { - background-color: #111; - color: lightgray; -} -.content { - color: lightgray; - max-width: 720px; -} .footer { text-align: center; background: #ddd; } -#navbar { - background-color: #091a2c; -} -#navbar a { - color: lightgray; - text-align: center; - text-decoration: none; -} -#navbar a:hover { - background-color: #0e2a46; - color: white; +.header a, #navbar { + color: inherit; + text-decoration: inherit; } body { background-color: black; + color: lightgray; font-family: sans-serif; } a { diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 93afac2..a6bf1d7 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -4,21 +4,12 @@ {{- partial "head.html" . -}}
- {{ partial "navbar.html" . }} + {{ partial "header.html" . }} -