mirror of
https://github.com/searxng/searxng
synced 2024-01-01 18:24:07 +00:00
[enh] searchbar ui mods
This commit is contained in:
parent
dbb8ed5406
commit
e757fd2860
@ -106,28 +106,32 @@ tr:hover td { background: #DDDDDD; }
|
|||||||
#search_wrapper { position: relative; max-width: 600px; margin: 10px; }
|
#search_wrapper { position: relative; max-width: 600px; margin: 10px; }
|
||||||
.center #search_wrapper { margin-left: auto; margin-right: auto; }
|
.center #search_wrapper { margin-left: auto; margin-right: auto; }
|
||||||
.q {
|
.q {
|
||||||
-webkit-box-sizing: border-box;
|
background: none repeat scroll 0 0 #FFFFFF;
|
||||||
-moz-box-sizing: border-box;
|
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%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
z-index: 2;
|
||||||
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 {
|
#search_submit {
|
||||||
outline: none;
|
position: absolute;
|
||||||
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.6), 0 0 0 4px #dddddd;
|
top: 5px;
|
||||||
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.6), 0 0 0 4px #dddddd;
|
right: 0px;
|
||||||
box-shadow: inset 0 1px 2px rgba(0,0,0,0.6), 0 0 0 4px #dddddd;
|
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; }
|
#results { margin-left: 10px; margin-top: 10px; }
|
||||||
|
Loading…
Reference in New Issue
Block a user