From f09d2db8a5491b0a9a9cb06454b1ab0ae26505d5 Mon Sep 17 00:00:00 2001 From: imalovelyghost Date: Thu, 25 Mar 2021 14:55:00 +0100 Subject: [PATCH 1/5] H1 nimbus fixed, color picker not working, aside with yellow frames --- Scripts/einar-script.js | 11 ++++++++--- Styles/einar-style.css | 4 ++++ index.html | 4 ++-- 3 files changed, 14 insertions(+), 5 deletions(-) diff --git a/Scripts/einar-script.js b/Scripts/einar-script.js index bf98469..b4a3cb2 100644 --- a/Scripts/einar-script.js +++ b/Scripts/einar-script.js @@ -9,7 +9,7 @@ var imgArray = document.querySelectorAll('div.asideImgContainerClassEinar input' imgArray.forEach(function(moveImages) { moveImages.addEventListener('mouseover', hovimg) moveImages.addEventListener('mouseleave', no_hovimg) - moveImages.addEventListener('click', no_hovimg) + moveImages.addEventListener('click', changeimg) }); function no_hovimg(event) { @@ -24,8 +24,13 @@ function hovimg(event) { option = event.target; option.style.transform = 'translateY(-2px) translateX(+2px) scale(1.1)'; option.style.transition = '0.5s'; - option.style.borderRadius = '10px'; - option.style.border = '5px solid #FF00E6'; + option.style.borderRadius = '15px'; + option.style.border = '5px solid black'; +} + +function changeimg(event) { + option = event.target; + option.style.border = '8px solid #FFB300'; } //closing of moveImages*/ diff --git a/Styles/einar-style.css b/Styles/einar-style.css index 0834df6..550b6dd 100644 --- a/Styles/einar-style.css +++ b/Styles/einar-style.css @@ -167,4 +167,8 @@ Selector price menu width: 400px; height: 50px; color: whitesmoke; +} + +.asideImgContainerClassEinar { + background-color: rgb(255, 255, 255); } \ No newline at end of file diff --git a/index.html b/index.html index 89bfb26..4e37c51 100644 --- a/index.html +++ b/index.html @@ -258,7 +258,7 @@