diff options
| author | asciimoo <asciimoo@gmail.com> | 2013-11-01 15:33:53 +0100 |
|---|---|---|
| committer | asciimoo <asciimoo@gmail.com> | 2013-11-01 15:33:53 +0100 |
| commit | fb6b9187770c408ca939cddd916fd65818327d89 (patch) | |
| tree | 93a774b242eed163434efabe48f23873811ee250 /searx/static | |
| parent | c838492d6da5f2160b78cb985f71056bc5538f67 (diff) | |
| download | searxng-fb6b9187770c408ca939cddd916fd65818327d89.tar.gz searxng-fb6b9187770c408ca939cddd916fd65818327d89.zip | |
[enh] search input "design"
Diffstat (limited to 'searx/static')
| -rw-r--r-- | searx/static/css/style.css | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/searx/static/css/style.css b/searx/static/css/style.css index b6836c183..c6eb20c4e 100644 --- a/searx/static/css/style.css +++ b/searx/static/css/style.css @@ -97,3 +97,33 @@ a { text-decoration: none; } .percentage div { background: #444444; } td { padding: 0 4px; } 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; +} +.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: 3px; right: 3px; border: 0; padding: 6px; border-left: 4px solid #dddddd; } + +#results { margin-left: 10px; } |