mirror of https://github.com/searxng/searxng
add advanced settings for logicodev style
parent
93c0c49e9a
commit
2e8ab34d76
File diff suppressed because one or more lines are too long
@ -0,0 +1,70 @@
|
||||
#advanced-search-container {
|
||||
display:none;
|
||||
text-align:left;
|
||||
margin-bottom:1rem;
|
||||
|
||||
label, .input-group-addon {
|
||||
font-size: 1.2rem;
|
||||
font-weight:normal;
|
||||
background-color: white;
|
||||
border: @mild-gray 1px solid;
|
||||
border-right: none;
|
||||
color: @dark-gray;
|
||||
padding-bottom: 0.4rem;
|
||||
padding-top: 0.4rem;
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
label:last-child, .input-group-addon:last-child {
|
||||
border-right: @mild-gray 1px solid;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type="radio"]:checked + label{
|
||||
color: @black;
|
||||
font-weight:bold;
|
||||
border-bottom: @light-green 5px solid;
|
||||
}
|
||||
select {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
font-size: 1.2rem;
|
||||
font-weight:normal;
|
||||
background-color: white;
|
||||
border: @mild-gray 1px solid;
|
||||
color: @dark-gray;
|
||||
padding-bottom: 0.4rem;
|
||||
padding-top: 0.4rem;
|
||||
padding-left: 1rem;
|
||||
padding-right: 5rem;
|
||||
margin-right: 0.5rem;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
|
||||
AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ
|
||||
cwAABFkAAARZAVnbJUkAAAAHdElNRQfgBxgLDwB20OFsAAAAbElEQVQY073OsQ3CMAAEwJMYwJGn
|
||||
sAehpoXJItltBkmcdZBYgIIiQoLglnz3ui+eP+bk5uneteTMZJa6OJuIqvYzSJoqwqBq8gdmTTW8
|
||||
6/dghxAUq4xsVYT9laBYXCw93Aajh7GPEF23t4fkBYevGFTANkPRAAAAJXRFWHRkYXRlOmNyZWF0
|
||||
ZQAyMDE2LTA3LTI0VDExOjU1OjU4KzAyOjAwRFqFOQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0w
|
||||
Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb
|
||||
7jwaAAAAAElFTkSuQmCC) 96% no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
#check-advanced {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#check-advanced:checked ~ #advanced-search-container {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.advanced {
|
||||
margin-top:1rem;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
|
@ -0,0 +1,11 @@
|
||||
<div class="input-group col-sm-12 advanced">
|
||||
<input type="checkbox" id="check-advanced">
|
||||
<label for="check-advanced">
|
||||
<span class="glyphicon glyphicon-cog"></span>
|
||||
Advanced settings
|
||||
</label>
|
||||
<div id="advanced-search-container">
|
||||
{% include 'oscar/categories.html' %}
|
||||
{% include 'oscar/time-range.html' %}
|
||||
</div>
|
||||
</div>
|
@ -0,0 +1,11 @@
|
||||
<!-- Time range -->
|
||||
<div class="input-group">
|
||||
<input type="radio" id="time-range-anytime" name="time_range" value="" {{ "checked" if time_range=="" or not time_range else ""}}>
|
||||
<label for="time-range-anytime" class="input-group-addon">Anytime</label>
|
||||
<input type="radio" id="time-range-day" name="time_range" value="day" {{ "checked" if time_range=="day" else ""}}>
|
||||
<label for="time-range-day" class="input-group-addon">Last day</label>
|
||||
<input type="radio" id="time-range-week" name="time_range" value="week" {{ "checked" if time_range=="week" else ""}}>
|
||||
<label for="time-range-week" class="input-group-addon">Last week</label>
|
||||
<input type="radio" id="time-range-month" name="time_range" value="month" {{ "checked" if time_range=="month" else ""}}>
|
||||
<label for="time-range-month" class="input-group-addon">Last month</label>
|
||||
</div>
|
Loading…
Reference in New Issue