Git/hugo-theme-wondermod
1
0
Fork 0
mirror of https://github.com/Wonderfall/hugo-WonderMod.git synced 2024-11-26 12:31:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update menu background

Browse Source
This commit is contained in:
nanxiaobei 2019-04-26 05:29:28 +08:00
parent ddbf36ba52
commit 447f47da24
1 changed files with 16 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
static/css/style.css
View File

@ -1,8 +1,8 @@
/* /*
* Paper v3.2 * Paper v3.3
* A simple, clean, flexible Hugo theme. * A simple, clean, flexible Hugo theme.
* Designed by MR.LEE (https://mrlee.me/) * Designed by MR.LEE (https://mrlee.me/)
* Updated in 2019.4.22 * Updated in 2019.4.26
*/ */
/* Reset /* Reset
@ -146,9 +146,16 @@ img {
transform: translate3d(-50%, 5px, 0); transform: translate3d(-50%, 5px, 0);
} }
.no-scroll .menu-toggle::before, .no-scroll .header {
.no-scroll .menu-toggle::after { position: fixed;
background: #888; z-index: 10;
top: 0;
left: 0;
right: 0;
background: #fff;
}
.no-scroll .logo {
display: none;
} }
.no-scroll .menu-toggle::before { .no-scroll .menu-toggle::before {
transform: translate3d(-50%, -1px, 0) rotateZ(135deg); transform: translate3d(-50%, -1px, 0) rotateZ(135deg);
@ -156,24 +163,12 @@ 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 .header {
position: fixed;
z-index: 10;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.88);
}
.no-scroll .logo {
display: none;
}
.no-scroll .main,
.no-scroll .footer {
filter: blur(12px);
}
.no-scroll .menu { .no-scroll .menu {
display: flex; display: flex;
} }
.no-scroll .main {
margin-top: 65px;
}
.menu { .menu {
display: none; display: none;
@ -187,13 +182,12 @@ 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.88); background: #fff;
} }
.menu li + li { .menu li + li {
margin-top: 12px; margin-top: 12px;
} }
.menu a { .menu a {
color: #fff;
font-size: 48px; font-size: 48px;
font-weight: 700; font-weight: 700;
} }