diff options
author | surajmandalcell <surajmandalcell@gmail.com> | 2018-04-03 17:58:27 +0300 |
---|---|---|
committer | surajmandalcell <surajmandalcell@gmail.com> | 2018-04-03 17:58:27 +0300 |
commit | 8d9389d6579a0f365425f0c6d2ed1c52e57a4f37 (patch) | |
tree | c9c276f2a7ccc04000e992d72825bedca707df0c | |
parent | 13ec37d8dfbf3018fa151d85421a6ff373c4acfa (diff) |
theme release #1
-rw-r--r-- | layouts/index.html | 1 | ||||
-rw-r--r-- | layouts/partials/footer.html | 1 | ||||
-rw-r--r-- | layouts/partials/header.html | 1 | ||||
-rw-r--r-- | static/css/style.css | 51 |
4 files changed, 34 insertions, 20 deletions
diff --git a/layouts/index.html b/layouts/index.html index b4df7b7..2b01420 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -5,5 +5,4 @@ {{ .Render "li" }} {{ end }} {{ partial "pagination.html" .Paginator }} -{{ partial "siteinfo.html" . }} {{ partial "footer.html" . }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index ccc5747..7d21ba6 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,5 +1,4 @@ </main> - {{ partial "menu.html" . }} <footer class="l-footer"> {{ partial "link.html" . }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 37c2867..6d85bc6 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -5,6 +5,7 @@ <a href="#main" class="skip-link p-screen-reader-text">Skip to content</a> {{ partial "svgpack-sprite.html" . }} <header class="l-header"> + {{ partial "menu.html" . }} {{ if .IsPage }} <p class="c-title p-title"><a href="{{ .Site.BaseURL }}" class="p-title__link">{{ .Site.Title }}</a></p> {{ else }} diff --git a/static/css/style.css b/static/css/style.css index 0552748..8950b8f 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -3,12 +3,24 @@ /* Changes */ #main{ border-radius: 0.15%; - padding: 50px 55px; + padding: 15px 20px; background: #f2f0ec; } -.l-header{ - margin-top: 50px; + +@media(min-width:640px) { + #main { + padding: 50px 55px; + } } + +ul.p-menu__lists::before { + content: ">"; + color: #d100b1; + font-size: 20px; + font-weight: bold; + font-family: monospace, sans-serif; +} + .p-title__link { color: #ccc; } @@ -158,20 +170,19 @@ img { .l-header { display: block; - padding: 20px 0; + padding: 0px 0 36px 0; text-align: center } .l-nav { width: 96%; - max-width: 720px; - margin: 0 auto + margin: 0 auto; } .l-main { width: 96%; max-width: 720px; - margin: 40px auto 0 + margin: 10px auto 0 } .l-footer { @@ -389,7 +400,7 @@ img { } .p-title { - margin: 0; + margin: 0 0 20px 0; font-size: 4.4rem } @@ -434,33 +445,37 @@ img { } .p-menu { - margin-top: 40px + width: 100%; + background: #000; + padding-top: 10px; + padding-bottom: 13px; + margin-bottom: 40px; + display: inline-block; + border-top: 3px solid #d100b1; } .p-menu__lists { - display: block; - -ms-flex-wrap: wrap; - flex-wrap: wrap; margin: 0; - padding: 0 + padding: 0; + max-width: 865px; + display: inline-block; } @media(min-width:640px) { .p-menu__lists { - display: -webkit-box; - display: -ms-flexbox; - display: flex + display: block; } } .p-menu__listitem { - margin: 12px 0 0; + display: inline-block; + padding: 0 6px 0px 6px; list-style: none } @media(min-width:640px) { .p-menu__listitem { - margin: 24px 24px 0 0 + margin: 0px 24px 0 0 } } |