Style input hints as number-less overlays.

1 files changed, 18 insertions, 9 deletions

diff --git a/vimium.css b/vimium.css
index 29a1a91e..cf626efe 100644
--- a/vimium.css
+++ b/vimium.css
@@ -74,15 +74,6 @@ div.internalVimiumHintMarker {
   box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
 }
 
-div.internalVimiumSelectedHintMarker {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6666), color-stop(100%,#FF3333)) !important;
-  border: solid 1px #993333 !important;
-}
-
-div.internalVimiumSelectedHintMarker span {
-  color: white !important;
-}
-
 div.internalVimiumHintMarker span {
   color: #302505;
   font-family: Helvetica, Arial, sans-serif;
@@ -95,6 +86,24 @@ div.internalVimiumHintMarker > .matchingCharacter {
   color: #D4AC3A;
 }
 
+/* Input hints CSS */
+
+div.internalVimiumInputHint {
+  position: absolute;
+  display: block;
+  background-color: rgba(255, 247, 133, 0.3);
+  border: solid 1px #C38A22;
+}
+
+div.internalVimiumSelectedInputHint {
+  background-color: rgba(255, 102, 102, 0.3);
+  border: solid 1px #993333 !important;
+}
+
+div.internalVimiumSelectedInputHint span {
+  color: white !important;
+}
+
 /* Help Dialog CSS */
 
 div#vimiumHelpDialog {