Update social button highlight colors

Simplify JS
This commit is contained in:
Ethan Paul 2020-12-11 01:18:15 -05:00
parent 0c0b0f01bb
commit cc2f53a1d1
No known key found for this signature in database
GPG Key ID: C5F5542B54A4D9C6
2 changed files with 24 additions and 17 deletions

View File

@ -98,27 +98,33 @@ ul.buttons li {
} }
.button-youtube:hover { .button-youtube:hover {
text-shadow: 0px 0px 5px #fff, color: #ff0000;
-3px -3px 7px #ff0000, text-shadow:
-3px 3px 7px #ff0000, -3px -3px 5px #fff,
3px -3px 7px #ff0000, -3px 3px 5px #fff,
3px 3px 7px #ff0000; 3px -3px 5px #fff,
3px 3px 5px #fff,
0px 0px 7px #ff0000;
} }
.button-instagram:hover { .button-instagram:hover {
text-shadow: 0px 0px 5px #fff, color: #c13584;
-3px -3px 7px #5851db, text-shadow:
-3px 3px 7px #fd1d1d, -3px -3px 5px #fff,
3px -3px 7px #c13584, -3px 3px 5px #fff,
3px 3px 7px #ffdc80; 3px -3px 5px #fff,
3px 3px 5px #fff,
0px 0px 7px #5851db;
} }
.button-twitter:hover { .button-twitter:hover {
text-shadow: 0px 0px 5px #fff, color: #1da1f2;
-3px -3px 7px #1da1f2, text-shadow:
-3px 3px 7px #1da1f2, -3px -3px 5px #fff,
3px -3px 7px #1da1f2, -3px 3px 5px #fff,
3px 3px 7px #1da1f2; 3px -3px 5px #fff,
3px 3px 5px #fff,
0px 0px 7px #f77737;
} }
.footer { .footer {

View File

@ -27,6 +27,7 @@ function selectBackground() {
function setBackground() { function setBackground() {
let ref = document.getElementById("background-image"); document.getElementById(
ref.style.backgroundImage = "url(" + selectBackground() + ")"; "background-image"
).style.backgroundImage = "url(" + selectBackground() + ")";
} }