diff options
Diffstat (limited to '')
| -rw-r--r-- | src/scss/main.scss | 30 |
1 files changed, 13 insertions, 17 deletions
diff --git a/src/scss/main.scss b/src/scss/main.scss index ae3ac11..3cf410f 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -168,7 +168,7 @@ body, } } - img { + #logo { @include border-radius($inner-radius); float: left; height: $logo-width; @@ -176,28 +176,25 @@ body, } .content { - padding-top: 30px; - padding-left: $logo-width; + height: $logo-width; .logo-text { margin: 0; text-align: center; text-shadow: 3px 3px $white-alt; + height: $logo-width / 2; + line-height: $logo-width / 2; } #nav { - margin: 0; padding: 0; - list-style-type: none; margin: 0 auto; + list-style-type: none; @include display-table($inner-gap); - ul { padding: none;} - li { @include display-table-cell; - float: left; - padding: $inner-gap; + padding: $inner-gap / 2; a { @include text-decoration(none); @@ -243,9 +240,6 @@ body, @media (max-width: 800px) { #header { - display: block; - height: auto; - &, &.container { height: auto; @@ -254,15 +248,18 @@ body, } } - img { + #logo { float: none; display: block; margin: 0 auto; } .content { - padding-top: 0; - padding-left: 0; + height: auto; + + .logo-text { + height: auto; + } #nav { text-align: center; @@ -274,7 +271,6 @@ body, @media (max-width: 550px) { #header .content #nav { li { - float: none; display: block; } } @@ -373,6 +369,7 @@ body, font-family: $header-font; font-size: 120%; line-height: 120%; + text-align: left; @media (max-width: 400px) { font-size: 100%; @@ -397,7 +394,6 @@ body, th { background: $blue; - text-align: left; } tr:last-child { |