Added fade effect to page content highlighting

Closes #314

@@ -81,6 +81,12 @@ let setupPageShow = window.setupPageShow = function (pageId) {
             let $idElem = $(idElem);
             let $idElem = $(idElem);
             let color = $('#custom-styles').attr('data-color-light');
             let color = $('#custom-styles').attr('data-color-light');
             $idElem.css('background-color', color).attr('data-highlighted', 'true').smoothScrollTo();
             $idElem.css('background-color', color).attr('data-highlighted', 'true').smoothScrollTo();
+            setTimeout(() => {
+                $idElem.addClass('anim').addClass('selectFade').css('background-color', '');
+                setTimeout(() => {
+                   $idElem.removeClass('selectFade');
+                }, 3000);
+            }, 100);
         } else {
         } else {
             $('.page-content').find(':contains("' + text + '")').smoothScrollTo();
             $('.page-content').find(':contains("' + text + '")').smoothScrollTo();
         }
         }

@@ -126,4 +126,8 @@
   animation-duration: 180ms;
   animation-duration: 180ms;
   animation-delay: 0s;
   animation-delay: 0s;
   animation-timing-function: cubic-bezier(.62, .28, .23, .99);
   animation-timing-function: cubic-bezier(.62, .28, .23, .99);
+}
+
+.anim.selectFade {
+  transition: background-color ease-in-out 3000ms;
 }
 }
\ No newline at end of file