diff --git a/apps/search_page/static/search_page/css/google-search.css b/apps/search_page/static/search_page/css/google-search.css index d2f91f199..6b0715fda 100644 --- a/apps/search_page/static/search_page/css/google-search.css +++ b/apps/search_page/static/search_page/css/google-search.css @@ -1,167 +1 @@ -#google-search { - - &:is(#cms-content-container > *:last-child) { - margin-bottom: var(--global-space--section-gap, 60px); - } - - /* SEARCH CONTAINER */ - - /* To remove padding from search container */ - & .gsc-control-cse { - padding: unset; - } - - - - /* SEARCH WRAPPERS */ - - /* To not shrink content width */ - /* To avoid gaps in fake background on wide screen */ - .gsc-wrapper, - .gsc-above-wrapper-area { - max-width: unset; - } - - - - /* TABLE OF SEARCH STATS & SORTING OPTIONS */ - - /* To replace border with fake background */ - & .gsc-above-wrapper-area { - --bkgd-color: var(--global-color-primary--x-light); - - background-color: var(--bkgd-color); /* the real bkgd */ - box-shadow: - 100vw 0 0 100vw var(--bkgd-color), - -100vw 0 0 100vw var(--bkgd-color); /* the extended bkgd */ - clip-path: inset(0 -100vw); /* to hide vertical overflow of extended bkgd */ - - border-bottom: unset; - } - - & .gsc-above-wrapper-area-container { - border-bottom: unset; - } - - /* To override Core-Styles tables */ - & tbody > tr:first-child > :is(td, th) { - border: unset; - padding-inline: unset; - background: unset; - vertical-align: middle; - } - - & .gsc-selected-option-container { - background: var(--global-color-primary--xx-light); - border: var(--global-border--normal); - } - - & .gsc-result-info { - padding: unset; - font-size: var(--global-font-size--medium); - } - - - - /* SUGGESTION PHRASE (after "Did you mean:") */ - - & .gs-spelling { - padding: unset; - } - & .gs-spelling a { - color: var(--global-color-accent--light); - - /* to undo core-styles.base */ - /* https://github.com/TACC/Core-Styles/blob/8ab89d3/src/lib/_imports/elements/links.css */ - &:not([href]) { - opacity: 1; - pointer-events: auto; - } - } - - - - /* SEARCH RESULTS */ - - /* (search result body text) */ - & .gs-snippet { - color: var(--global-color-primary--dark); - } - - /* (url under search result title) */ - & .gs-webResult div.gs-visibleUrl { - color: var(--global-color-secondary--normal); - } - - /* (search result titles) */ - & a.gs-title:link { - color: var(--global-color-accent--light); - text-decoration: none; - text-decoration-thickness: var(--global-border-width--normal); - text-underline-offset: 0.2em; - } - & a.gs-title:link:hover { - text-decoration-line: underline; - text-decoration-style: solid; - } - & a.gs-title b { - color: currentColor; - } - & .gs-result .gs-title:not(a):hover { - /* to remove duplicate underline */ - /* (fix Google's default_v6+en.css bug `.gs-result .gs-title:hover`) */ - text-decoration: auto; - } - - /* (push search-result description to right) */ - & .gs-image-box { - margin-right: 10px; - } - - - - /* GOOGLE PAGE NAVIGATION (at bottom) */ - - & .gsc-cursor-box { - display: flex; - justify-content: center; - margin-block: var(--global-space--large); - } - - & .gsc-cursor-current-page { - color: var(--global-color-accent--light); - text-decoration: none; - text-decoration-thickness: var(--global-border-width--normal); - text-underline-offset: 0.2em; - } - - & .gsc-cursor-current-page:hover { - text-decoration-line: underline; - text-decoration-style: solid; - } - - - - /* GOOGLE BRANDING */ - - & .gcsc-find-more-on-google { - color: var(--global-color-accent--light); - text-decoration: none; - text-decoration-thickness: var(--global-border-width--normal); - text-underline-offset: 0.2em; - } - svg.gcsc-find-more-on-google-magnifier { - fill: currentColor; - } - - & .gcsc-find-more-on-google:hover { - text-decoration-line: underline; - text-decoration-style: solid; - } - - & .gcsc-branding-img-noclear { - vertical-align: unset; - top: 1px; - } - -} +@import url("https://cdn.jsdelivr.net/gh/TACC/Core-CMS-Custom@f2ff5062/generic_assets/css/google-search.css");