gfiles/flash
1
0
Fork 0
mirror of https://github.com/selenite-cc/flasharchive.git synced 2025-01-22 12:42:53 -03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update style.css

Browse source
This commit is contained in:
Games-From-Flash 2022-04-09 08:17:23 -04:00 • committed by GitHub
parent a17b331743
commit b23e8fccfe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 54 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
html/style.css
View file

@ -2,25 +2,57 @@
font-family: 'Amaranth', sans-serif; font-family: 'Amaranth', sans-serif;
} }
@keyframes bg-gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes fadeIn {
0% {opacity:0;}
10% {opacity:0.4;}
50% {opacity:0.8}
100% {opacity:1;}
}
body { body {
background: #3e3f57 background: linear-gradient(-45deg, #349ef0, #7a4abe, #349ef0);
background-size: 400% 400%;
animation: bg-gradient 15s ease infinite;
} }
p { p {
color:#b5b7eb; color:#b5b7eb;
animation: fadeIn ease-out 0.8s;
} }
h1 { h1 {
position:relative; position:relative;
left:80px; left:80px;
color:#b5b7eb; color:#b5b7eb;
animation: fadeIn ease-out 0.8s;
} }
button { button {
background-color: #515357; background-color: rgba(255,255,255,0.3);
color: #a0b4db; color: #232f42;
border-radius: 5px; border: 2.5px solid #6186c2;
padding: 3px 1% border-radius: 10px;
padding: 5px 13px;
margin-bottom: 6px;
transition-duration: 0.45s;
animation: fadeIn ease-out 0.8s;
}
button:hover {
background-color:rgba(0,0,0,0.2);
border: 2.5px solid #81a1d6;
color: #9dade3;
} }
a:link { a:link {
@ -36,6 +68,13 @@ header {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 15px 10%; padding: 15px 10%;
background: linear-gradient(-45deg, #626ce0, #349ef0, #626ce0);
background-size: 400% 400%;
animation: bg-gradient 15s ease infinite;
border-radius:100px;
border: linear-gradient(90deg, rgba(52,158,240,1) 0%, rgba(74,87,191,1) 100%);
border: 10px solid #4f71b0;
animation: fadeIn ease-out 0.8s;
} }
.logo { .logo {
@ -49,23 +88,14 @@ header {
.nav__links button { .nav__links button {
display: inline-block; display: inline-block;
padding: 10px 10px; padding: 10px 10px;
border: 0px solid #6186c2;
background-color: rgba(0, 0, 0, 0);
font-size: 20px;
color: #b5b7eb;
} }
.nav__links li a { .nav__links button:hover {
transition: all 0.3s ease 0s; color: #ffffff;
}
.nav__links li a:hover {
color:
}
.divider {
width:5px;
height:auto;
display:inline-block;
}
.divide {
margin-left:100px;
} }
@ -73,5 +103,3 @@ p1 {
font-size: 1.75em; font-size: 1.75em;
color:#b5b7eb; color:#b5b7eb;
} }