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

full page

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-13 22:01:46 +02:00
parent b9013919a4
commit 23e7ad13aa
7 changed files with 57 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

69
_sass/main.scss
View file

@ -31,33 +31,12 @@ body{
}
a {
color: #0000009f;
transition: background-size 0.5s ease-in-out;
transition: background-color 0.5s ease-in-out;
border-radius: 3px;
}
a:hover {
color: #0000009f;
background: linear-gradient(230deg, rgba(218, 158, 142, 0.3), rgba(236, 0, 228, 0.3), rgba(0, 212, 236, 0.3), rgba(0, 236, 173, 0.3), rgba(110, 0, 236, 0.3));
background-size: 1000% 1000%;
-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%}
}
background-color: #00000091;
transition: background-color 0.5s ease-in-out;
}
#hero {
display: flex;
@ -91,18 +70,18 @@ a:hover {
}
div {
background-image: url('/assets/img/texture.png');
background-repeat: repeat;
background-attachment: fixed;
flex: wrap;
background-color: rgba(68, 0, 124, 0.712);
margin: auto;
letter-spacing: -.05em;
line-height: .95em;
padding: 20px;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
border: #000 solid 1px;
flex: 0 0 300px;;
}
.pivot {
@ -172,6 +151,10 @@ a:hover {
flex-wrap: wrap;
margin: 0;
padding: 0;
background-color: #ffffffc9;
background-image: url('/assets/img/body.png');
background-size: 100%;
background-repeat: repeat;
}
.trackcontainer {
flex: 1 1 300px;
@ -181,7 +164,6 @@ a:hover {
h1, h2, h3, p {
padding: 5px;
color: rgb(0, 0, 0);
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-size: 1000% 1000%;
@ -206,9 +188,9 @@ a:hover {
}
padding: 10px;
border-radius: 3px;
color: #000;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px;
}
}
.track {
@ -219,9 +201,8 @@ a:hover {
padding: 0;
margin: 0;
border-radius: 3px;
color: #000;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.13);
}
/* Music Template */
@ -248,9 +229,9 @@ a:hover {
.container {
color: #000;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px;
background: linear-gradient(230deg, #ff7951, #ec00e3, #00d5ec, #00ecaf, #6d00ec);
background-size: 1000% 1000%;
@ -283,7 +264,7 @@ animation: AnimationName 30s ease infinite;
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-size: 1000% 1000%;
color: #000;
color: #fff;
-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;
@ -324,7 +305,7 @@ min-height: 80vh;
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-size: 1000% 1000%;
border: #000 solid 1px;
-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;
@ -350,13 +331,13 @@ min-height: 80vh;
background-color: rgba(151, 189, 146, 0.3);
padding: 10px;
border-radius: 3px;
color: #000;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px;
}
img {
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px;
border-radius: 3px;
}
}
@ -375,4 +356,12 @@ min-height: 80vh;
margin: 0;
padding: 0;
background-color: #ffffffc9;
background-image: url('/assets/img/body.png');
background-size: 100%;
background-repeat: repeat;
}
.logo {
flex: 0 0 300px;
box-shadow: none;
}