diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 60 |
1 files changed, 15 insertions, 45 deletions
@@ -16,11 +16,6 @@ box-sizing: border-box; } -/* needed for full background when viewing .xml directly in firefox */ -html, body { - height: 100%; -} - body { background: #eee; @@ -34,27 +29,12 @@ body { min-height: 100vh; } -header, footer { - position: relative; -} -header:before, -footer:before { - position: absolute; -} - body > * { flex: none; width: 100%; padding: 0 calc(50vw - 32.5em); } -body > main { - flex: 1 0 auto; -} - -form { -} - input, textarea { padding: 2px 5px; color: var(--text-color); @@ -106,7 +86,6 @@ a { a:hover, a:focus { - text-decoration: none; color: var(--color-red-hover); } @@ -163,27 +142,27 @@ header .h2 { color: #858585; } -nav > ul:after { +nav ul { + padding-left: 0; + margin-left: 0; +} +nav ul:after { content: ''; display: block; clear: both; } -nav > ul { - padding-left: 0; - margin-left: 0; -} -nav > ul > li { +nav li { display: block; float: left; width: 20%; } -nav > ul > li + li { +nav li + li { padding-left: 2px; } -nav > ul > li a { +nav a { display: inline-block; padding: .7em 1.5em; background: var(--color-gray-dark); @@ -196,14 +175,15 @@ nav > ul > li a { text-align: center; } -nav > ul a:hover, -nav > ul a:focus, -nav > ul a.active { +nav a:hover, +nav a:focus, +nav a.active { background: var(--color-red); color: #fff; } main { + flex: 1 0 auto; display: flex; flex-direction: row; position: relative; @@ -255,15 +235,11 @@ footer { margin: 0 auto; padding: 20px 0; text-align: center; -} - -footer p { - margin: 0; font-size: .8em; color: #666; } -footer p a { +footer a { color: inherit; } @@ -306,10 +282,6 @@ footer p a { body, main { display: block; } - body { - /* For google pagespeed */ - line-height: 1.4; - } body > * { padding-left: 1em; padding-right: 1em; @@ -331,19 +303,17 @@ footer p a { aside { padding-left: 0; } - - nav > ul > li { + nav li { float: none; width: 100%; } - nav > ul > li + li { + nav li + li { padding-left: 0; } img.left { float: none; margin-right: 0; } - img.right { float: none; margin-left: 0; |