zhao/hugo-theme-moments
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

cover style added

Browse source
This commit is contained in:
FarseaSH 2021-09-02 11:43:12 +08:00
parent 3caa632994
commit d1bf0b5d0c
2 changed files with 18 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
layouts/partials/header.html
View file

@ -1,7 +1,7 @@
<div class="jumbotron jumbotron-fluid" style="background-image: url({{ .Site.Params.cover }}); <div class="jumbotron jumbotron-fluid" style="background-image: url({{ .Site.Params.cover }});
background-position: center center;background-size: cover; min-height: 200px; text-align: center"> background-position: center center;background-size: cover; min-height: 200px; text-align: center">
<div class="container"> <div class="container">
<h1 class="display-4 text-secondary">{{ .Site.Params.title }}</h1> <div class="site-title">{{ .Site.Params.title }}</div>
<p class="lead text-black-50">{{ .Site.Params.signature }}</p> <p class="signature">{{ .Site.Params.signature }}</p>
</div> </div>
</div> </div>

18
static/css/style.css
View file

@ -14,12 +14,26 @@ p{
margin-top: 0; margin-top: 0;
} }
/* START - top cover part */
.jumbotron{ .jumbotron{
padding-top: 64px; padding-top: 64px;
padding-bottom: 64px;
margin-bottom: 32px;
} }
.site-title{
color: rgb(108, 117, 125);
font-size: 56px;
font-weight: 300;
margin-bottom: 20px;
}
.signature{
color: rgb(0, 0, 0, 0.5);
font-size: 20px;
font-weight: 300;
}
/* END - top cover part */
.page{ .page{
max-width: 1150px; max-width: 1150px;
margin: auto; margin: auto;