hq/sakrecoer-mother-web
hq/sakrecoer-mother-web
4
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity

new navigation

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-09 22:17:29 +02:00
parent 12dcd72ab6
commit 3be4c302ef
50 changed files with 203 additions and 467 deletions
Download patch file Download diff file Expand all files Collapse all files

50
_sass/main.scss
View file

@ -3,13 +3,16 @@ html {
}
body{
background: url(/assets/img/pattern.png);
margin: 0px;
padding: 0px;
}
a {
font-weight: normal;
}
#hero {
position: relative;
height: 100vh;
width: 100vw;
width: 100%;
-webkit-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
background-image: url({{}});
@ -27,9 +30,10 @@ a {
flex: 1 1 300px;
padding: 10px;
margin: 0;
h1, h3, p {
background-color: rgba(201, 240, 196, 0.85);
h1, h2, h3, p {
padding: 5px;
color: rgb(249, 234, 214);
color: rgb(0, 0, 0);
}
}
.track {
@ -56,21 +60,39 @@ a {
display: flex;
flex: 0 0 200px;
flex-wrap: wrap;
border: #000 solid 1px;
box-shadow: 5px 10px rgba(61, 0, 102, 0.5);
border-radius: 3px;
padding: 15px;
margin: 0 auto;
background-color: rgba(61, 0, 102, 0.884);
.container {
background: linear-gradient(230deg, #ff7951, #ec00e3, #00d5ec, #00ecaf, #6d00ec);
background-size: 1000% 1000%;
border-radius: 3px;
-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;
@-webkit-keyframes AnimationName {
0%{background-position:0% 91%}
50%{background-position:100% 10%}
100%{background-position:0% 91%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 91%}
50%{background-position:100% 10%}
100%{background-position:0% 91%}
}
@keyframes AnimationName {
0%{background-position:0% 91%}
50%{background-position:100% 10%}
100%{background-position:0% 91%}
}
margin: 0 auto 0 0;
width: 10em;
text-align: center;
border-radius: 3px;
border-radius: 20px;
padding: 10px;
}
}
@ -88,22 +110,22 @@ button:hover {
flex: 1 1 500px;
min-height: 80vh;
padding: 15px;
background-color: rgba(61, 0, 102, 0.884);
background-color: #97bd924d;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#timer {
flex: 1 1 200px;
background-color: rgba(60, 0, 100, 0.856);
background-color: rgba(201, 240, 196, 0.85);
padding: 15px;
background-size: cover;
background-position: center;
p {
background-color: rgba(60, 0, 100, 0.664);
background-color: rgba(151, 189, 146, 0.3);
padding: 10px;
border-radius: 3px;
color: #fff;
color: #000;
box-shadow: 5px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px;
}