logo

searx

Unnamed repository; edit this file 'description' to name the repository.
commit: e757fd2860495ed16751ff4055cc35932e6ddaa7
parent: dbb8ed54065e10a48cc83642abb0d6614ffe6172
Author: asciimoo <asciimoo@gmail.com>
Date:   Tue,  5 Nov 2013 21:01:22 +0100

[enh] searchbar ui mods

Diffstat:

searx/static/css/style.css | 46+++++++++++++++++++++++++---------------------
1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/searx/static/css/style.css b/searx/static/css/style.css @@ -106,28 +106,32 @@ tr:hover td { background: #DDDDDD; } #search_wrapper { position: relative; max-width: 600px; margin: 10px; } .center #search_wrapper { margin-left: auto; margin-right: auto; } .q { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - width: 100%; - box-sizing: border-box; - border: 1px solid #c8c8c8; - border-bottom-color: #d2e2e7; - -webkit-border-radius: 1px; - -moz-border-radius: 1px; - border-radius: 1px; - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.4), 0 0 0 4px #dddddd; - -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.4), 0 0 0 4px #dddddd; - box-shadow: inset 0 1px 2px rgba(0,0,0,0.4), 0 0 0 4px #dddddd; - -webkit-transition: all 0.4s linear; - -moz-transition: all 0.4s linear; - transition: all 0.4s linear; + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #8D8D8D; + border-radius: 3px; + box-shadow: 1px 1px 2px #999999 inset; + color: #222222; + font-size: 22px; + height: 28px; + margin: 0; + outline: medium none; + padding: 4px; + padding-left: 8px; + padding-right: 0px !important; + width: 100%; + z-index: 2; } -.q:focus { - outline: none; - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.6), 0 0 0 4px #dddddd; - -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.6), 0 0 0 4px #dddddd; - box-shadow: inset 0 1px 2px rgba(0,0,0,0.6), 0 0 0 4px #dddddd; +#search_submit { + position: absolute; + top: 5px; + right: 0px; + padding: 0; + border: 0; + background: url('/static/img/search-icon.png') no-repeat; + background-size: 28px 28px; + opacity: 0.8; + width: 28px; + height: 30px; } -#search_submit { position: absolute; top: 6px; right: 3px; border: 0; padding: 6px; background: url('/static/img/search-icon.png') no-repeat; background-size: 30px 30px; width: 33px; height: 30px; } #results { margin-left: 10px; margin-top: 10px; }