malte70/hugo-paper
1
0
Fork 0
Code Activity

Release 3.0

Browse source
This commit is contained in:
nanxiaobei 2019-04-02 11:22:12 +08:00
parent f16505e5e8
commit 65dca8e966
1 changed files with 25 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
static/css/style.css
View file

@ -103,11 +103,9 @@ img {
-------------------------------------------------- */ -------------------------------------------------- */
.header { .header {
height: 65px; height: 65px;
line-height: 65px;
} }
.header .wrap { .header .wrap {
display: flex; display: flex;
justify-content: space-between;
max-width: 1024px; max-width: 1024px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -121,10 +119,13 @@ img {
display: block; display: block;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
line-height: 65px;
} }
.menu-toggle { .menu-toggle {
position: relative; position: relative;
width: 68px; width: 68px;
height: 65px;
margin-left: auto;
outline: 0; outline: 0;
} }
.menu-toggle::before, .menu-toggle::before,
@ -145,17 +146,6 @@ img {
transform: translate3d(-50%, 5px, 0); transform: translate3d(-50%, 5px, 0);
} }
.no-scroll .header {
position: fixed;
z-index: 10;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.9);
}
.no-scroll .logo a {
color: #888;
}
.no-scroll .menu-toggle::before, .no-scroll .menu-toggle::before,
.no-scroll .menu-toggle::after { .no-scroll .menu-toggle::after {
background: #888; background: #888;
@ -166,13 +156,24 @@ img {
.no-scroll .menu-toggle::after { .no-scroll .menu-toggle::after {
transform: translate3d(-50%, -1px, 0) rotateZ(-135deg); transform: translate3d(-50%, -1px, 0) rotateZ(-135deg);
} }
.no-scroll .menu { .no-scroll .header {
display: flex; position: fixed;
z-index: 10;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.84);
}
.no-scroll .logo {
display: none;
} }
.no-scroll .main, .no-scroll .main,
.no-scroll .footer { .no-scroll .footer {
filter: blur(12px); filter: blur(12px);
} }
.no-scroll .menu {
display: flex;
}
.menu { .menu {
display: none; display: none;
@ -186,7 +187,7 @@ img {
flex-direction: column; flex-direction: column;
padding-bottom: 130px; padding-bottom: 130px;
text-align: center; text-align: center;
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.84);
} }
.menu li + li { .menu li + li {
margin-top: 12px; margin-top: 12px;
@ -194,7 +195,7 @@ img {
.menu a { .menu a {
color: #fff; color: #fff;
font-size: 48px; font-size: 48px;
letter-spacing: 1px; font-weight: 700;
} }
/* Main /* Main
-------------------------------------------------- */ -------------------------------------------------- */
@ -207,7 +208,7 @@ img {
padding: 24px; padding: 24px;
} }
.page-header { .page-header {
margin-bottom: 36px; margin-bottom: 40px;
} }
.page-header .tagged { .page-header .tagged {
margin-bottom: 2px; margin-bottom: 2px;
@ -219,19 +220,17 @@ img {
transform-origin: left center; transform-origin: left center;
} }
.page-header h1 { .page-header h1 {
font-size: 36px; font-size: 32px;
font-weight: 400;
} }
.pagination { .pagination {
display: flex; display: flex;
} }
.pagination a { .pagination a {
height: 34px;
color: #fff; color: #fff;
font-size: 13px; font-size: 13px;
line-height: 33px; line-height: 34px;
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);
border-radius: 36px; border-radius: 34px;
} }
.pagination .prev { .pagination .prev {
padding-left: 16px; padding-left: 16px;
@ -497,11 +496,14 @@ img {
margin-right: 1px; margin-right: 1px;
} }
.footer a { .footer a {
display: inline-flex;
align-items: center;
color: inherit; color: inherit;
} }
.footer a:hover { .footer a:hover {
color: rgba(0, 0, 0, 0.9); color: rgba(0, 0, 0, 0.9);
} }
/* 404 /* 404
-------------------------------------------------- */ -------------------------------------------------- */
.not-found { .not-found {