quad
/
peruna
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

theme release #1

This commit is contained in:
surajmandalcell 2018-04-03 20:28:27 +05:30
parent 13ec37d8df
commit 8d9389d657
4 changed files with 34 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
layouts/index.html
View File

@ -5,5 +5,4 @@
{{ .Render "li" }} {{ .Render "li" }}
{{ end }} {{ end }}
{{ partial "pagination.html" .Paginator }} {{ partial "pagination.html" .Paginator }}
{{ partial "siteinfo.html" . }}
{{ partial "footer.html" . }} {{ partial "footer.html" . }}

1
layouts/partials/footer.html
View File

@ -1,5 +1,4 @@
</main> </main>
{{ partial "menu.html" . }}
<footer class="l-footer"> <footer class="l-footer">
{{ partial "link.html" . }} {{ partial "link.html" . }}

1
layouts/partials/header.html
View File

@ -5,6 +5,7 @@
<a href="#main" class="skip-link p-screen-reader-text">Skip to content</a> <a href="#main" class="skip-link p-screen-reader-text">Skip to content</a>
{{ partial "svgpack-sprite.html" . }} {{ partial "svgpack-sprite.html" . }}
<header class="l-header"> <header class="l-header">
{{ partial "menu.html" . }}
{{ if .IsPage }} {{ if .IsPage }}
<p class="c-title p-title"><a href="{{ .Site.BaseURL }}" class="p-title__link">{{ .Site.Title }}</a></p> <p class="c-title p-title"><a href="{{ .Site.BaseURL }}" class="p-title__link">{{ .Site.Title }}</a></p>
{{ else }} {{ else }}

51
static/css/style.css
View File

@ -3,12 +3,24 @@
/* Changes */ /* Changes */
#main{ #main{
border-radius: 0.15%; border-radius: 0.15%;
padding: 50px 55px; padding: 15px 20px;
background: #f2f0ec; 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 { .p-title__link {
color: #ccc; color: #ccc;
} }
@ -158,20 +170,19 @@ img {
.l-header { .l-header {
display: block; display: block;
padding: 20px 0; padding: 0px 0 36px 0;
text-align: center text-align: center
} }
.l-nav { .l-nav {
width: 96%; width: 96%;
max-width: 720px; margin: 0 auto;
margin: 0 auto
} }
.l-main { .l-main {
width: 96%; width: 96%;
max-width: 720px; max-width: 720px;
margin: 40px auto 0 margin: 10px auto 0
} }
.l-footer { .l-footer {
@ -389,7 +400,7 @@ img {
} }
.p-title { .p-title {
margin: 0; margin: 0 0 20px 0;
font-size: 4.4rem font-size: 4.4rem
} }
@ -434,33 +445,37 @@ img {
} }
.p-menu { .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 { .p-menu__lists {
display: block;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0; margin: 0;
padding: 0 padding: 0;
max-width: 865px;
display: inline-block;
} }
@media(min-width:640px) { @media(min-width:640px) {
.p-menu__lists { .p-menu__lists {
display: -webkit-box; display: block;
display: -ms-flexbox;
display: flex
} }
} }
.p-menu__listitem { .p-menu__listitem {
margin: 12px 0 0; display: inline-block;
padding: 0 6px 0px 6px;
list-style: none list-style: none
} }
@media(min-width:640px) { @media(min-width:640px) {
.p-menu__listitem { .p-menu__listitem {
margin: 24px 24px 0 0 margin: 0px 24px 0 0
} }
} }