forked from Icycoide/searxng
[enh] oscar_template: improve result visualisation
* highlight parts of result * add link to archiv.to * fix little bugs * add little icons * change style of "show map" button
This commit is contained in:
parent
b2c976a5a3
commit
2e7723a6c1
10 changed files with 66 additions and 17 deletions
4
searx/static/oscar/css/leaflet.min.css
vendored
4
searx/static/oscar/css/leaflet.min.css
vendored
|
@ -55,8 +55,8 @@
|
|||
.leaflet-touch .leaflet-control-zoom-in{font-size:22px}
|
||||
.leaflet-touch .leaflet-control-zoom-out{font-size:24px}
|
||||
.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,0.4);background:#fff;border-radius:5px}
|
||||
.leaflet-control-layers-toggle{background-image:url(images/layers.png);width:36px;height:36px}
|
||||
.leaflet-retina .leaflet-control-layers-toggle{background-image:url(images/layers-2x.png);background-size:26px 26px}
|
||||
.leaflet-control-layers-toggle{background-image:url(../img/map/layers.png);width:36px;height:36px}
|
||||
.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../img/map/layers-2x.png);background-size:26px 26px}
|
||||
.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}
|
||||
.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}
|
||||
.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}
|
||||
|
|
5
searx/static/oscar/css/oscar.min.css
vendored
5
searx/static/oscar/css/oscar.min.css
vendored
|
@ -3,11 +3,15 @@ body{margin-bottom:80px}
|
|||
.footer{position:absolute;bottom:0;width:100%;height:60px}
|
||||
input[type=checkbox]:checked~.label_hide_if_checked{display:none}
|
||||
input[type=checkbox]:not(:checked)~.label_hide_if_not_checked{display:none}
|
||||
.result_header{margin-bottom:5px;margin-top:20px}.result_header .favicon{margin-bottom:-3px}
|
||||
.result_header a{vertical-align:bottom}.result_header a .highlight{font-weight:bold}
|
||||
.result-content .highlight{font-weight:bold}
|
||||
.result-default{clear:both}
|
||||
.result-images{float:left !important}
|
||||
.img-thumbnail{margin:5px;max-height:128px;min-height:128px}
|
||||
.result-videos{clear:both}
|
||||
.result-torrents{clear:both}
|
||||
.result-map{clear:both}
|
||||
.suggestion_item{margin:2px 5px}
|
||||
.result_download{margin-right:5px}
|
||||
#pagination{margin-top:30px;padding-bottom:50px}
|
||||
|
@ -15,3 +19,4 @@ input[type=checkbox]:not(:checked)~.label_hide_if_not_checked{display:none}
|
|||
.infobox .infobox_part:last-child{margin-bottom:0}
|
||||
.search_categories{margin:10px 0;text-transform:capitalize}
|
||||
.cursor-text{cursor:text !important}
|
||||
.cursor-pointer{cursor:pointer !important}
|
||||
|
|
|
@ -2,3 +2,7 @@
|
|||
.cursor-text {
|
||||
cursor: text !important;
|
||||
}
|
||||
|
||||
.cursor-pointer {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
|
|
@ -1,3 +1,27 @@
|
|||
|
||||
.result_header {
|
||||
margin-bottom:5px;
|
||||
margin-top:20px;
|
||||
|
||||
.favicon {
|
||||
margin-bottom:-3px;
|
||||
}
|
||||
|
||||
a {
|
||||
vertical-align: bottom;
|
||||
|
||||
.highlight {
|
||||
font-weight:bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.result-content {
|
||||
.highlight {
|
||||
font-weight:bold;
|
||||
}
|
||||
}
|
||||
|
||||
// default formating of results
|
||||
.result-default {
|
||||
clear: both;
|
||||
|
@ -24,6 +48,11 @@
|
|||
clear: both;
|
||||
}
|
||||
|
||||
// map formating of results
|
||||
.result-map {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
// suggestion
|
||||
.suggestion_item {
|
||||
margin: 2px 5px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue