diff options
Diffstat (limited to '')
| -rw-r--r-- | src/scss/blog.scss | 29 | ||||
| -rw-r--r-- | src/scss/error.scss | 2 | ||||
| -rw-r--r-- | src/scss/home.scss | 9 | ||||
| -rw-r--r-- | src/scss/main.scss | 30 | ||||
| -rw-r--r-- | src/web/_views/comments.php | 2 | ||||
| -rw-r--r-- | src/web/_views/header.php | 2 |
6 files changed, 35 insertions, 39 deletions
diff --git a/src/scss/blog.scss b/src/scss/blog.scss index dbb652f..be47c70 100644 --- a/src/scss/blog.scss +++ b/src/scss/blog.scss @@ -28,17 +28,18 @@ } #comments { - > span { - margin-bottom: 10px; + .no-comments { + display: block; + margin: $inner-gap 0; } .comment { .header { - display: inline-block;; + display: inline-block; } .date { font-size: 70%; - display: inline-block;; + display: inline-block; } .content { margin-top: 0; @@ -51,16 +52,6 @@ max-width: 400px; padding-right: $inner-gap; - input.hidden { - display: none; - } - - input#author, - input#content { - display: block; - width: 100%; - } - input { @include border-radius($inner-radius); display: block; @@ -76,6 +67,16 @@ outline: none; border: 2px solid $white; } + + &.hidden { + display: none; + } + + &#author, + &#content { + display: block; + width: 100%; + } } } } diff --git a/src/scss/error.scss b/src/scss/error.scss index 34c9d21..2ef2cab 100644 --- a/src/scss/error.scss +++ b/src/scss/error.scss @@ -1,7 +1,7 @@ @import "./variables"; .section { - text-align: center; + text-align: center !important; } #main h1 { diff --git a/src/scss/home.scss b/src/scss/home.scss index fa3159f..a32fdfb 100644 --- a/src/scss/home.scss +++ b/src/scss/home.scss @@ -12,11 +12,10 @@ } #about { - span { - margin: 0 !important; - font-family: monospace; - font-size: 110%; - } + span { + margin: 0 !important; + font-family: monospace; + } } @media (max-width: 800px) { 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 { diff --git a/src/web/_views/comments.php b/src/web/_views/comments.php index 9762def..2ed712f 100644 --- a/src/web/_views/comments.php +++ b/src/web/_views/comments.php @@ -12,7 +12,7 @@ echo '</div>'; } if (!$comments || !count($comments)) { - echo '<span>'. lang('no_comments') .'</span>'; + echo '<span class="no-comments">'. lang('no_comments') .'</span>'; } ?> <div class="new"> diff --git a/src/web/_views/header.php b/src/web/_views/header.php index d4966a9..2d84487 100644 --- a/src/web/_views/header.php +++ b/src/web/_views/header.php @@ -7,7 +7,7 @@ <?=ie('<center>')?> <div id="header" role="banner" aria-label="banner"> <div class="container"><div class="section"> - <a href="<?=$this->get_url('')?>"> + <a id="logo" href="<?=$this->get_url('')?>"> <?=image('img/headerLogo', 'alt_website_logo', 'title_website_logo', size: '200')?> </a> <div class="content"> |