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

colorscheme

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-15 16:49:38 +02:00
parent 02348497c4
commit 95a4b50d6a
1 changed files with 11 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
_sass/main.scss
View file

@ -4,7 +4,7 @@ html {
} }
body{ body{
background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9)); background: linear-gradient(230deg, #ff00ff7f, #426a007f);
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
-webkit-animation: AnimationName 60s ease infinite; -webkit-animation: AnimationName 60s ease infinite;
@ -165,8 +165,8 @@ background-image: url('/assets/img/header.svg');
flex-wrap: wrap; flex-wrap: wrap;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #ffffffc9; background-color: #ffffff;
background-image: url('/assets/img/body.png');
background-repeat: repeat; background-repeat: repeat;
} }
@ -199,8 +199,8 @@ background-image: url('/assets/img/header.svg');
h1, h2, h3, p { h1, h2, h3, p {
padding: 5px; padding: 5px;
background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9)); background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(65, 106, 0, 0.9));
background-size: 1000% 1000%; background-size: 1000% 1000%;
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite;
@ -270,8 +270,9 @@ background-image: url('/assets/img/header.svg');
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
background: linear-gradient(230deg, #ff7951, #ec00e3, #00d5ec, #00ecaf, #6d00ec); background: linear-gradient(230deg, #ff00ff7f, #426a007f);
background-size: 1000% 1000%;
background-size: 1000% 1000%;
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite;
@ -300,7 +301,7 @@ animation: AnimationName 30s ease infinite;
} }
} }
button { button {
background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9)); background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(66, 106, 0, 0.9));
background-size: 1000% 1000%; background-size: 1000% 1000%;
color: #fff; color: #fff;
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
@ -341,7 +342,7 @@ min-height: 80vh;
} }
#timer { #timer {
flex: 1 1 200px; flex: 1 1 200px;
background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9)); background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(65, 106, 0, 0.9));
background-size: 1000% 1000%; background-size: 1000% 1000%;
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
@ -397,9 +398,7 @@ min-height: 80vh;
flex-direction: row; flex-direction: row;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #ffffffc9; background-color: #ffffff;
background-image: url('/assets/img/body.png');
background-repeat: repeat; background-repeat: repeat;
} }