From 10b8d346c6f8b4353db67734999f3c9678d6f9e0 Mon Sep 17 00:00:00 2001 From: Kevin Date: Wed, 16 Nov 2016 10:48:02 +0100 Subject: [PATCH] Update scrollbar, added hover color --- index.html | 44 ++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 42 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 05b17da..6131912 100644 --- a/index.html +++ b/index.html @@ -90,6 +90,10 @@ margin-right: 10px; } + #hero-list li:hover { + background: #dff0d8; + } + form.hero-search-form { margin-bottom: 10px; } @@ -147,6 +151,42 @@ display: none; } + /* + * Scroll bar redesign + */ + ::-webkit-scrollbar-track + { + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); + background-color: #F5F5F5; + border-radius: 10px; + } + + ::-webkit-scrollbar + { + width: 10px; + background-color: #F5F5F5; + } + + ::-webkit-scrollbar-thumb + { + background-color: #AAA; + border-radius: 10px; + background-image: -webkit-linear-gradient(90deg + rgba(0, 0, 0, .2) 25%, + transparent 25%, + transparent 50%, + rgba(0, 0, 0, .2) 50%, + rgba(0, 0, 0, .2) 75%, + transparent 75%, + transparent) + } + + .button-red{ + background-color: #f2dede; + } + + + @@ -193,7 +233,7 @@ - + @@ -204,7 +244,7 @@

You can search heroes, and add them quickly by pressing enter

- Reset all + Reset all