use as global background

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

View File

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

View File

@ -15,6 +15,7 @@
body {
font-size: 1em;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
@ -22,16 +23,19 @@ body {
}
html {
background: url('../images/nat-pants.png');
background-position: center;
background: url('../images/header-background.svg') #466685;
background-size: cover;
font-family: "Helvetica Neue", Helvetica, Arial, PingFangTC-Light, "Microsoft YaHei", , "STHeiti Light", STXihei, "华文细黑", Heiti, , sans-serif;
margin: 0;
padding: 0;
}
#container {
background: rgba(255, 255, 255, 0.98);
background-position: center;
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;
}
@ -49,13 +53,6 @@ $section-border-radius: 2em;
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 {
color: #eee;
}

View File

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