Introduces a header for switching between result types (i.e. "All", "News", etc) that is consistent between the different result types. Previously, image results had a tab header that was formatted in a drastically different manner, which was jarring when switching from a different result page to the Images page. Created a G class enum to reference class names returned in search results. As noted in the class doc, this should only be used/updated as a last resort, as class names change frequently. For some instances, such as replacing the tbm tab, it's a lot easier to just replace by header name than attempting to replace it based on how the element is structured. Also updated a few styles to revert the latest styling changes being applied by Google. Co-authored-by: jacr13 <ramos.joao@protonmail.com> Co-authored-by: Ben Busby <contact@benbusby.com>
72 lines
1.0 KiB
CSS
72 lines
1.0 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;
|
|
}
|
|
|
|
@media (min-width: 801px) {
|
|
body {
|
|
min-width: 736px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 801px) {
|
|
details summary {
|
|
margin-bottom: 10px !important
|
|
}
|
|
}
|