From 6f589fedcc826b125884e3a5884c9791802afb7f Mon Sep 17 00:00:00 2001 From: Niklas Baumstark Date: Sat, 21 Jan 2012 00:23:59 +0100 Subject: add fuzzy mode --- vimium.css | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 70 insertions(+) (limited to 'vimium.css') diff --git a/vimium.css b/vimium.css index ef33428c..35a4473b 100644 --- a/vimium.css +++ b/vimium.css @@ -282,4 +282,74 @@ div.vimium-completions div.vimium-noResults{ body.vimiumFindMode ::selection { background: #ff9632; +}; + +/* fuzzymode CSS */ + +#fuzzybox ol, #fuzzybox ul { + list-style: none; +} + +#fuzzybox { + position: fixed; + width: 80%; + top: 70px; + left: 50%; + margin: 0 0 0 -40%; + background: black; + color: white; + font-family: sans-serif; + font-size: 30px; + text-align: left; + padding: 7px 20px 7px 20px; + opacity: 0.9; + border-radius: 10px; + box-shadow: 5px 5px 5px rgba(0,0,0,0.5); + z-index: 99999998; +} + +#fuzzybox ul { + list-style: none; + padding: 7px 0 0 0; + margin: 7px 0 0 0; + border-top: 2px solid #444; +} + +#fuzzybox li { + border-bottom: 1px solid #111; + line-height: 1.1em; + padding: 7px; + margin: 0 -7px 0 -7px; + font-size: 18px; + color: #aaa; +} + +#fuzzybox li strong { + color: red; +} + +#fuzzybox li em { + color: #444; + font-weight: normal; + font-style: italic; +} + +#fuzzybox li.selected { + background: #222; + color: #ccc; + border-radius: 4px; +} +#fuzzybox li.selected em { + color: #666; +} + +#fuzzybox .input { + font-size: 28px; + padding: 0; + margin: 0; +} + +#fuzzybox .input .prompt { + color: orange; + content: '>> '; } -- cgit v1.2.3 From f4416cb1e369f462aa83e9489de74f27bf330759 Mon Sep 17 00:00:00 2001 From: Niklas Baumstark Date: Sat, 21 Jan 2012 01:37:55 +0100 Subject: remove useless CSS directive --- vimium.css | 1 - 1 file changed, 1 deletion(-) (limited to 'vimium.css') diff --git a/vimium.css b/vimium.css index 35a4473b..ebaa41d7 100644 --- a/vimium.css +++ b/vimium.css @@ -351,5 +351,4 @@ body.vimiumFindMode ::selection { #fuzzybox .input .prompt { color: orange; - content: '>> '; } -- cgit v1.2.3 From 2a9c88ae1db8b4eadd5ad815966b1820c5d0af5b Mon Sep 17 00:00:00 2001 From: Niklas Baumstark Date: Sat, 21 Jan 2012 01:41:14 +0100 Subject: make CSS more specific --- vimium.css | 77 +++++++++++++++++++++++++++++++------------------------------- 1 file changed, 39 insertions(+), 38 deletions(-) (limited to 'vimium.css') diff --git a/vimium.css b/vimium.css index ebaa41d7..e0aec149 100644 --- a/vimium.css +++ b/vimium.css @@ -287,68 +287,69 @@ body.vimiumFindMode ::selection { /* fuzzymode CSS */ #fuzzybox ol, #fuzzybox ul { - list-style: none; + list-style: none !important; } #fuzzybox { - position: fixed; - width: 80%; - top: 70px; - left: 50%; - margin: 0 0 0 -40%; - background: black; - color: white; - font-family: sans-serif; - font-size: 30px; - text-align: left; - padding: 7px 20px 7px 20px; - opacity: 0.9; - border-radius: 10px; - box-shadow: 5px 5px 5px rgba(0,0,0,0.5); - z-index: 99999998; + position: fixed !important; + width: 80% !important; + top: 70px !important; + left: 50% !important; + margin: 0 0 0 -40% !important; + background: black !important; + color: white !important; + font-family: sans-serif !important; + font-size: 30px !important; + text-align: left !important; + padding: 7px 20px 7px 20px !important; + opacity: 0.9 !important; + border-radius: 10px !important; + box-shadow: 5px 5px 5px rgba(0,0,0,0.5) !important; + z-index: 99999998 !important; } #fuzzybox ul { - list-style: none; - padding: 7px 0 0 0; - margin: 7px 0 0 0; - border-top: 2px solid #444; + list-style: none !important; + padding: 7px 0 0 0 !important; + margin: 7px 0 0 0 !important; + border-top: 2px solid #444 !important; } #fuzzybox li { - border-bottom: 1px solid #111; - line-height: 1.1em; - padding: 7px; - margin: 0 -7px 0 -7px; - font-size: 18px; - color: #aaa; + border-bottom: 1px solid #111 !important; + line-height: 1.1em !important; + padding: 7px !important; + margin: 0 -7px 0 -7px !important; + font-size: 18px !important; + color: #aaa !important; } #fuzzybox li strong { - color: red; + color: red !important; } #fuzzybox li em { - color: #444; - font-weight: normal; - font-style: italic; + color: #444 !important; + font-weight: normal !important; + font-style: italic !important; } #fuzzybox li.selected { - background: #222; - color: #ccc; - border-radius: 4px; + background: #222 !important; + color: #ccc !important; + border-radius: 4px !important; + font-weight: normal !important; } #fuzzybox li.selected em { - color: #666; + color: #666 !important; } #fuzzybox .input { - font-size: 28px; - padding: 0; - margin: 0; + font-size: 28px !important; + padding: 0 !important; + margin: 0 !important; } #fuzzybox .input .prompt { - color: orange; + color: orange !important; } -- cgit v1.2.3 From 79b0340f40149bafd48d3d23200c3e613068a9dc Mon Sep 17 00:00:00 2001 From: Niklas Baumstark Date: Sat, 21 Jan 2012 03:51:17 +0100 Subject: allow fuzzy completion of HTML-decorated content and implement this for history and bookmarks --- vimium.css | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) (limited to 'vimium.css') diff --git a/vimium.css b/vimium.css index e0aec149..5d0f69ad 100644 --- a/vimium.css +++ b/vimium.css @@ -321,18 +321,25 @@ body.vimiumFindMode ::selection { padding: 7px !important; margin: 0 -7px 0 -7px !important; font-size: 18px !important; - color: #aaa !important; + color: #ddd !important; } -#fuzzybox li strong { +#fuzzybox li .fuzzyMatch { color: red !important; } -#fuzzybox li em { +#fuzzybox li em, #fuzzybox li .title { color: #444 !important; font-weight: normal !important; +} +#fuzzybox li em { font-style: italic !important; } +#fuzzybox li em .fuzzyMatch, #fuzzybox li .title .fuzzyMatch { + color: #888 !important; + font-style: inherit !important; + font-weight: bold !important; +} #fuzzybox li.selected { background: #222 !important; @@ -340,7 +347,7 @@ body.vimiumFindMode ::selection { border-radius: 4px !important; font-weight: normal !important; } -#fuzzybox li.selected em { +#fuzzybox li.selected em, #fuzzybox li.selected .title { color: #666 !important; } -- cgit v1.2.3 From 6be4f6164b468cdc0657defe3825fde745ef7116 Mon Sep 17 00:00:00 2001 From: Niklas Baumstark Date: Mon, 23 Jan 2012 13:17:09 +0100 Subject: make CSS more robust --- vimium.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'vimium.css') diff --git a/vimium.css b/vimium.css index 5d0f69ad..53bc50d8 100644 --- a/vimium.css +++ b/vimium.css @@ -326,11 +326,15 @@ body.vimiumFindMode ::selection { #fuzzybox li .fuzzyMatch { color: red !important; + font-size: inherit !important; + font-family: inherit !important; } #fuzzybox li em, #fuzzybox li .title { color: #444 !important; font-weight: normal !important; + font-size: inherit !important; + font-family: inherit !important; } #fuzzybox li em { font-style: italic !important; @@ -346,6 +350,7 @@ body.vimiumFindMode ::selection { color: #ccc !important; border-radius: 4px !important; font-weight: normal !important; + font-family: inherit !important; } #fuzzybox li.selected em, #fuzzybox li.selected .title { color: #666 !important; @@ -355,8 +360,12 @@ body.vimiumFindMode ::selection { font-size: 28px !important; padding: 0 !important; margin: 0 !important; + font-size: inherit !important; + font-family: inherit !important; } #fuzzybox .input .prompt { color: orange !important; + font-size: inherit !important; + font-family: inherit !important; } -- cgit v1.2.3 From 549f38eb3dc994cff20e10eb69a2f155a498abdf Mon Sep 17 00:00:00 2001 From: Niklas Baumstark Date: Fri, 13 Apr 2012 04:20:45 +0200 Subject: change to real input box --- vimium.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'vimium.css') diff --git a/vimium.css b/vimium.css index 53bc50d8..774c0fd3 100644 --- a/vimium.css +++ b/vimium.css @@ -369,3 +369,12 @@ body.vimiumFindMode ::selection { font-size: inherit !important; font-family: inherit !important; } + +#fuzzybox .input .query { + font-size: inherit !important; + font-family: inherit !important; + color: inherit !important; + background: none; + outline: none; + border: none; +} -- cgit v1.2.3 From cbe44163f741b3b20ad06464f9dda80ed271bd15 Mon Sep 17 00:00:00 2001 From: Niklas Baumstark Date: Fri, 13 Apr 2012 05:16:52 +0200 Subject: improve CSS, fix input width --- vimium.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'vimium.css') diff --git a/vimium.css b/vimium.css index 774c0fd3..7d9ef3d1 100644 --- a/vimium.css +++ b/vimium.css @@ -293,6 +293,7 @@ body.vimiumFindMode ::selection { #fuzzybox { position: fixed !important; width: 80% !important; + min-width: 400px !important; top: 70px !important; left: 50% !important; margin: 0 0 0 -40% !important; @@ -374,7 +375,8 @@ body.vimiumFindMode ::selection { font-size: inherit !important; font-family: inherit !important; color: inherit !important; - background: none; - outline: none; - border: none; + background: none !important; + outline: none !important; + border: none !important; + width: 90% !important; } -- cgit v1.2.3