mirror of
https://github.com/benbusby/whoogle-search.git
synced 2026-01-29 23:23:36 -05:00
4292ec7f63
This appends an icon element to each search result, using the result domain's "/favicon.ico" path. Note that some sites do not have a standard /favicon.ico, but have a unique path to a specifically sized favicon instead. Worse still, some sites use javascript to load their favicon, which would make it even more difficult for Whoogle to figure out. For now this approach is fine, but can be expanded upon in the future if desired.
77 lines
1.1 KiB
CSS
77 lines
1.1 KiB
CSS
body {
|
|
display: block !important;
|
|
margin: auto !important;
|
|
}
|
|
|
|
.vvjwJb {
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.autocomplete {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.autocomplete-items {
|
|
position: absolute;
|
|
border-bottom: none;
|
|
border-top: none;
|
|
z-index: 99;
|
|
|
|
/*position the autocomplete items to be the same width as the container:*/
|
|
top: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.autocomplete-items div {
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
details summary {
|
|
margin-bottom: 20px;
|
|
font-weight: bold;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
details summary span {
|
|
font-weight: normal;
|
|
}
|
|
|
|
#lingva-iframe {
|
|
width: 100%;
|
|
height: 650px;
|
|
border: 0;
|
|
}
|
|
|
|
.ip-address-div {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.ip-text-div {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.footer {
|
|
text-align: center;
|
|
}
|
|
|
|
.site-favicon {
|
|
float: right;
|
|
width: 25px;
|
|
}
|
|
|
|
@media (min-width: 801px) {
|
|
body {
|
|
min-width: 736px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 801px) {
|
|
details summary {
|
|
margin-bottom: 10px !important
|
|
}
|
|
}
|