mirror of
https://github.com/searxng/searxng
synced 2024-01-01 18:24:07 +00:00
e4e8e6da4c
Add image format and source information to display - needs changes to engines to actually display something. Displays result.source (website from which the image was taken) and result.img_format (image type and size). Result is styled with result-format and result-source classes. See PR #1566 for an example of an engine which has the necessary changes. Strip <span class="highlight">...</span> in the oscar image template.
188 lines
2.9 KiB
Plaintext
188 lines
2.9 KiB
Plaintext
.result_header {
|
|
margin-top: 0px;
|
|
margin-bottom: 2px;
|
|
font-size: 16px;
|
|
|
|
.favicon {
|
|
margin-bottom:-3px;
|
|
}
|
|
|
|
a {
|
|
color: @black;
|
|
text-decoration: none;
|
|
|
|
&:hover{
|
|
color: @blue;
|
|
}
|
|
|
|
&:visited{
|
|
color: @violet;
|
|
}
|
|
|
|
.highlight {
|
|
background-color: @dim-gray;
|
|
// Chrome hack: bold is different size than normal
|
|
// https://stackoverflow.com/questions/20713988/weird-text-alignment-issue-in-css-when-bolded-lucida-sans
|
|
}
|
|
}
|
|
}
|
|
|
|
.result-content, .result-format, .result-source {
|
|
margin-top: 2px;
|
|
margin-bottom: 0;
|
|
word-wrap: break-word;
|
|
color: @dark-gray;
|
|
font-size: 13px;
|
|
|
|
|
|
.highlight {
|
|
font-weight:bold;
|
|
}
|
|
|
|
}
|
|
|
|
.result-source {
|
|
font-size: 10px;
|
|
float: left;
|
|
}
|
|
|
|
.result-format {
|
|
font-size: 10px;
|
|
float: right;
|
|
}
|
|
|
|
.external-link {
|
|
color: @dark-green;
|
|
font-size: 12px;
|
|
margin-bottom: 15px;
|
|
|
|
a {
|
|
margin-right: 3px;
|
|
}
|
|
}
|
|
|
|
// default formating of results
|
|
.result-default, .result-code, .result-torrent, .result-videos, .result-map {
|
|
clear: both;
|
|
padding: 2px 4px;
|
|
&:hover{
|
|
background-color: @dim-gray;
|
|
}
|
|
}
|
|
|
|
|
|
// image formating of results
|
|
.result-images {
|
|
float: left !important;
|
|
width: 24%;
|
|
margin: .5%;
|
|
a {
|
|
display: block;
|
|
width: 100%;
|
|
background-size: cover;
|
|
}
|
|
}
|
|
|
|
.img-thumbnail {
|
|
margin: 5px;
|
|
max-height: 128px;
|
|
min-height: 128px;
|
|
}
|
|
|
|
// video formating of results
|
|
.result-videos {
|
|
clear: both;
|
|
|
|
hr{
|
|
margin: 5px 0 15px 0;
|
|
}
|
|
|
|
.collapse{
|
|
width: 100%;
|
|
}
|
|
|
|
.in{
|
|
margin-bottom: 8px;
|
|
}
|
|
}
|
|
|
|
// torrent formating of results
|
|
.result-torrent {
|
|
clear: both;
|
|
|
|
b{
|
|
margin-right: 5px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.seeders{
|
|
color: @green;
|
|
}
|
|
|
|
.leechers{
|
|
color: @red;
|
|
}
|
|
}
|
|
|
|
// map formating of results
|
|
.result-map {
|
|
clear: both;
|
|
}
|
|
|
|
// code formating of results
|
|
.result-code {
|
|
clear: both;
|
|
|
|
.code-fork, .code-fork a{
|
|
color: @dark-gray;
|
|
}
|
|
|
|
}
|
|
|
|
// suggestion
|
|
.suggestion_item {
|
|
margin: 2px 5px;
|
|
max-width: 100%;
|
|
|
|
.btn {
|
|
max-width: 100%;
|
|
white-space: normal;
|
|
word-wrap: break-word;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
// download result
|
|
.result_download {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
// page forward, backward
|
|
#pagination {
|
|
margin-top: 30px;
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
.label-default {
|
|
color: @gray;
|
|
background: transparent;
|
|
}
|
|
|
|
.result .text-muted small {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.modal-wrapper {
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.modal-wrapper {
|
|
background-clip: padding-box;
|
|
background-color: #fff;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-radius: 6px;
|
|
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
|
outline: 0 none;
|
|
position: relative;
|
|
}
|