xtaodada/Homepage
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

use as global background

Browse Source
This commit is contained in:
amphineko 2019-04-08 20:46:45 +09:00
parent 11b54693ce
commit 33cc05834e
3 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/stylesheets/header.scss
View File

@ -1,13 +1,13 @@
.header { .header {
background: #466685; background: rgba(0, 0, 0, 0.075);
box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125); // box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
margin-top: -3.2em; // margin-top: -3.2em;
padding-top: 1.6em; padding-top: 1.6em;
padding-bottom: 1.4em; padding-bottom: 1.4em;
} }
.header .split { .header .split {
padding: 0 0.75em; padding: 0 1em;
} }
.header .name { .header .name {

19
src/assets/stylesheets/index.scss
View File

@ -15,6 +15,7 @@
body { body {
font-size: 1em; font-size: 1em;
margin: 0; margin: 0;
padding: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -22,16 +23,19 @@ body {
} }
html { html {
background: url('../images/nat-pants.png'); background: url('../images/header-background.svg') #466685;
background-position: center; background-size: cover;
font-family: "Helvetica Neue", Helvetica, Arial, PingFangTC-Light, "Microsoft YaHei", 微软雅黑, "STHeiti Light", STXihei, "华文细黑", Heiti, 黑体, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, PingFangTC-Light, "Microsoft YaHei", 微软雅黑, "STHeiti Light", STXihei, "华文细黑", Heiti, 黑体, sans-serif;
margin: 0;
padding: 0;
} }
#container { #container {
background: rgba(255, 255, 255, 0.98);
background-position: center; background-position: center;
box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125); box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
margin: 1.5em auto; margin: 0 auto;
margin-bottom: 1em;
margin-top: -1em;
max-width: 64em; max-width: 64em;
} }
@ -49,13 +53,6 @@ $section-border-radius: 2em;
border-bottom-right-radius: $section-border-radius; border-bottom-right-radius: $section-border-radius;
} }
.header {
background: url('../images/header-background.svg') #466685;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.header .small-labels .group::before, .header .small-labels .label::before { .header .small-labels .group::before, .header .small-labels .label::before {
color: #eee; color: #eee;
} }

3
src/assets/stylesheets/intro.scss
View File

@ -1,5 +1,6 @@
.intro { .intro {
margin: 1em 0; background: rgba(255, 255, 255, 0.98);
padding: 1em 0;
} }
.intro .block .split { .intro .block .split {