jcrabapple revised this gist . Go to revision
1 file changed, 814 insertions, 357 deletions
kagi-catppuccin-mocha.css
| @@ -1,360 +1,817 @@ | |||
| 1 | 1 | :root { | |
| 2 | - | --font-main: "Poppins", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
| 3 | - | --font-lufga: "Poppins", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
| 4 | - | } | |
| 5 | - | ||
| 6 | - | .theme_dark, .theme_moon_dark, .theme_moon_dark_conditional { | |
| 7 | - | --app-bg: #1E1E2E; /* Base */ | |
| 8 | - | --page-text: #CDD6F4; /* Text */ | |
| 9 | - | --app-text: #CDD6F4; /* Text */ | |
| 10 | - | --primary: #CDD6F4; /* Text */ | |
| 11 | - | --primary-hover: #1E1E2E; /* Base */ | |
| 12 | - | ||
| 13 | - | --header-bg: #1E1E2E; /* Base */ | |
| 14 | - | --header-border: #313244; /* Surface1 */ | |
| 15 | - | ||
| 16 | - | --app-sidebar-bg: #1E1E2E; /* Base */ | |
| 17 | - | ||
| 18 | - | --input-bg: #313244; /* Surface1 */ | |
| 19 | - | --color-search-input: #1E1E2E; /* Base */ | |
| 20 | - | ||
| 21 | - | --search-result-title: #CDD6F4; /* Text */ | |
| 22 | - | --search-result-title-hover: #BAC2DE; /* Subtext1 */ | |
| 23 | - | --search-result-content-text: #BAC2DE; /* Subtext1 */ | |
| 24 | - | --search-result-url-link: #BAC2DE; /* Subtext1 */ | |
| 25 | - | --search-result-date-bg: #313244; /* Surface1 */ | |
| 26 | - | --search-result-date-new-bg: #F38BA8; /* Red */ | |
| 27 | - | ||
| 28 | - | --domain-rank-icon-color-trackers: #F9E2AF; /* Yellow */ | |
| 29 | - | ||
| 30 | - | --color_link: #A6E3A1; /* Yellow */ | |
| 31 | - | --primary-hover: #BAC2DE; /* Subtext1 */ | |
| 32 | - | --primary-visited: #6C7086; /* Subtext0 */ | |
| 33 | - | --related-item-bg: #313244; /* Surface1 */ | |
| 34 | - | --inline-domain-tag-bg: #313244; /* Surface1 */ | |
| 35 | - | --inline-header-border: #313244; /* Surface1 */ | |
| 36 | - | --inline-header-title: #CDD6F4; /* Text */ | |
| 37 | - | --inline-widget-bg: #313244; /* Surface1 */ | |
| 38 | - | ||
| 39 | - | --primary-700: #6C7086; /* Subtext0 */ | |
| 40 | - | --primary-800: #BAC2DE; /* Subtext1 */ | |
| 41 | - | ||
| 42 | - | --resultsummary-highlight: #F9E2AF; /* Yellow */ | |
| 43 | - | --resultsummary-highlight_text: #313244; /* Surface1 */ | |
| 44 | - | ||
| 45 | - | --wiki-title: #CDD6F4; /* Text */ | |
| 46 | - | --wiki-content-links: #F9E2AF; /* Yellow */ | |
| 47 | - | --wiki-nw-links: #F9E2AF; /* Yellow */ | |
| 48 | - | --result-item-title-border: transparent; | |
| 49 | - | ||
| 50 | - | --site_info_bg: #313244; /* Surface1 */ | |
| 51 | - | --site_info_bottom_bg: #313244; /* Surface1 */ | |
| 52 | - | --btn-group-bg: #313244; /* Surface1 */ | |
| 53 | - | ||
| 54 | - | --dd-hover-bg: #313244; /* Surface1 */ | |
| 55 | - | --dd-list-input-bg: #313244; /* Surface1 */ | |
| 56 | - | --kagi-accent: #313244; /* Surface1 */ | |
| 57 | - | --filter-dd-bg: #313244; /* Surface1 */ | |
| 58 | - | ||
| 59 | - | /* mobile */ | |
| 60 | - | --m_sri_gap_color: #313244; /* Surface1 */ | |
| 61 | - | } | |
| 62 | - | ||
| 63 | - | /* disable horizontal scrollbars */ | |
| 64 | - | body { | |
| 65 | - | overflow-x: hidden; | |
| 66 | - | } | |
| 67 | - | ||
| 68 | - | ::selection { | |
| 69 | - | background-color: var(--color_link); | |
| 70 | - | color: #313244; /* Surface1 */ | |
| 71 | - | } | |
| 72 | - | ||
| 73 | - | /* header, logo */ | |
| 74 | - | .app-logo.--kagi { | |
| 75 | - | top: 26px; | |
| 76 | - | } | |
| 77 | - | ||
| 78 | - | /* container-level */ | |
| 79 | - | .results-box { | |
| 80 | - | margin-top: 10px; | |
| 81 | - | } | |
| 82 | - | ||
| 83 | - | .serp-nav .nav_item.n_se::after { | |
| 84 | - | border-color: #A6E3A1 !important; /* Green from Catppuccin Mocha */ | |
| 85 | - | } | |
| 86 | - | ||
| 87 | - | /* update color borders for serp tabs */ | |
| 88 | - | .serp-nav .nav_item.--active:after, .serp-nav .nav_item:hover:after, ._0_lenses .k_ui_dropdown.--active .k_ui_dropdown_first_item span:after { | |
| 89 | - | border-color: var(--primary); | |
| 90 | - | } | |
| 91 | - | ||
| 92 | - | /* disable links borders */ | |
| 93 | - | #layout-v2 a, .__sri-title .__sri_title_link, .__sri-title .__sri_title_link:hover, .wikipediaResult a:hover { | |
| 94 | - | border-bottom: 0; | |
| 95 | - | } | |
| 96 | - | ||
| 97 | - | /* general input focus */ | |
| 98 | - | :focus-visible { | |
| 99 | - | outline-color: var(--color_link); | |
| 100 | - | } | |
| 101 | - | ||
| 102 | - | /* result tweaks */ | |
| 103 | - | .__sri-title-box, .__sri-title, .__sri-url-box, .__sri-body { | |
| 104 | - | padding-left: 0; | |
| 105 | - | } | |
| 106 | - | ||
| 107 | - | .__sri-title .__domain-favicon { | |
| 108 | - | margin-left: -25px; | |
| 109 | - | } | |
| 110 | - | ||
| 111 | - | .__sri-preview { | |
| 112 | - | left: 0; | |
| 113 | - | } | |
| 114 | - | ||
| 115 | - | .__sri-url-box { | |
| 116 | - | margin-bottom: 4px; | |
| 117 | - | } | |
| 118 | - | ||
| 119 | - | .__sri-url { | |
| 120 | - | font-size: 0.75rem; | |
| 121 | - | } | |
| 122 | - | ||
| 123 | - | .__sri-time { | |
| 124 | - | background-color: transparent; | |
| 125 | - | color: #6C7086; /* Subtext0 */ | |
| 126 | - | padding: 0; | |
| 127 | - | } | |
| 128 | - | ||
| 129 | - | .__sri-time::after { | |
| 130 | - | content: "—"; | |
| 131 | - | display: inline-block; | |
| 132 | - | padding: 0 4px; | |
| 133 | - | } | |
| 134 | - | ||
| 135 | - | .__sri-time.--new { | |
| 136 | - | background: transparent; | |
| 137 | - | color: var(--color_link); | |
| 138 | - | } | |
| 139 | - | ||
| 140 | - | .__sri-desc { | |
| 141 | - | line-height: 1.57; | |
| 142 | - | } | |
| 143 | - | ||
| 144 | - | .newsResultItem .newsResultBody { | |
| 145 | - | margin-top: 0; | |
| 146 | - | } | |
| 147 | - | ||
| 148 | - | .top_podcasts_box:empty { | |
| 149 | - | display: none; | |
| 150 | - | } | |
| 151 | - | ||
| 152 | - | .freeScroller { | |
| 153 | - | overflow-x: auto !important; | |
| 154 | - | } | |
| 155 | - | ||
| 156 | - | /* domain info popover */ | |
| 157 | - | #domainInfoModal .d-info-box-title-header { | |
| 158 | - | background: transparent; | |
| 159 | - | } | |
| 160 | - | ||
| 161 | - | #domainInfoModal .d-info-domain-title { | |
| 162 | - | text-shadow: none; | |
| 163 | - | color: var(--color-primary); | |
| 164 | - | } | |
| 165 | - | ||
| 166 | - | #domainInfoModal .rakned-box-close { | |
| 167 | - | color: var(--color-primary); | |
| 168 | - | } | |
| 169 | - | ||
| 170 | - | /* wolfram-alpha/"smart" things specific */ | |
| 171 | - | .widget_holder .wasb, .wasb, .wasb-ans { | |
| 172 | - | font-family: var(--font-main); | |
| 173 | - | } | |
| 174 | - | ||
| 175 | - | .widget_holder .wasb { | |
| 176 | - | border: 1px solid var(--color-primary-dim_3); | |
| 177 | - | } | |
| 178 | - | ||
| 179 | - | .suggestions_area { | |
| 180 | - | border-bottom: 1px solid var(--color-primary-dim_3); | |
| 181 | - | } | |
| 182 | - | ||
| 183 | - | /* misc */ | |
| 184 | - | .wikipediaResult .wiki-title a:hover { | |
| 185 | - | color: var(--color-primary_hover); | |
| 186 | - | border-bottom: 0; | |
| 187 | - | } | |
| 188 | - | ||
| 189 | - | .wiki-desc-box { | |
| 190 | - | font-size: 14px; | |
| 191 | - | } | |
| 192 | - | ||
| 193 | - | .k_ui_toggle_switch { | |
| 194 | - | --active-bg-color: var(--color_link); | |
| 195 | - | } | |
| 196 | - | ||
| 197 | - | .footer .footerInner ul li, footer .footerInner ul li { | |
| 198 | - | color: inherit; | |
| 199 | - | } | |
| 200 | - | ||
| 201 | - | /* mobile specific */ | |
| 202 | - | @media screen and (max-width: 767px) { | |
| 203 | - | /* header */ | |
| 204 | - | .m-h { | |
| 205 | - | padding: 0; | |
| 206 | - | } | |
| 207 | - | ||
| 208 | - | .m-h .m-h-i { | |
| 209 | - | height: auto; | |
| 210 | - | } | |
| 211 | - | ||
| 212 | - | .m-h .control-center-btn { | |
| 213 | - | top: 32px; | |
| 214 | - | z-index: 51; | |
| 215 | - | } | |
| 216 | - | ||
| 217 | - | .m-h .m-app-logo { | |
| 2 | + | --button-color: #89b4fa; | |
| 3 | + | /* Primary color for the buttons */ | |
| 4 | + | --button-hover-color: #74c7ec; | |
| 5 | + | /* Secondary color for the buttons - when hovering */ | |
| 6 | + | --source-highlight-color: #89dceb; | |
| 7 | + | /* Color of the sources and small annotations */ | |
| 8 | + | --sri-hover-color: #89b4fa; | |
| 9 | + | /* Color for hovering over search results */ | |
| 10 | + | --color-search-input: #1e1e2e; | |
| 11 | + | /* Color for Search Box */ | |
| 12 | + | --color-search-input-border: #313244; | |
| 13 | + | --time-stamp: rgba(166, 173, 200, 0.8); | |
| 14 | + | /* Color for timestamp with alpha value */ | |
| 15 | + | --m_sri_gap_color: #181825 !important; | |
| 16 | + | --app-text: #cdd6f4 !important; | |
| 17 | + | --app-bg: #1e1e2e; | |
| 18 | + | --inline-widget-bg: #181825; | |
| 19 | + | --primary-25: #181825; | |
| 20 | + | /* Adjustment for The Assistant */ | |
| 21 | + | --primary-50: #1e1e2e; | |
| 22 | + | /* Adjustment for The Assistant */ | |
| 23 | + | --primary-70: #11111b | |
| 24 | + | /* Adjustment for The Assistant */ | |
| 25 | + | } | |
| 26 | + | :focus-visible{ | |
| 27 | + | outline:1px solid #ffb319 | |
| 28 | + | } | |
| 29 | + | .my-7{ | |
| 30 | + | margin-bottom:5px; | |
| 31 | + | margin-top:5px; | |
| 32 | + | } | |
| 33 | + | #uploadedItems .item,[data-files] .item { | |
| 34 | + | background-color:var(--primary-50); | |
| 35 | + | outline:0.5px solid var(--primary-100); | |
| 36 | + | } | |
| 37 | + | #uploadedItems .item:focus-visible,#uploadedItems .item:hover:not(:has([data-selector=close]:hover)),[data-files] .item:focus-visible,[data-files] .item:hover:not(:has([data-selector=close]:hover)) { | |
| 38 | + | outline:.5px solid var(--kagi-highlight) | |
| 39 | + | } | |
| 40 | + | .chat_bubble { | |
| 41 | + | background-color: #1e2028; | |
| 42 | + | border-radius: 5px; | |
| 43 | + | padding: 1rem; | |
| 44 | + | margin-bottom: 1.3rem; | |
| 45 | + | box-shadow:0 8px 15px rgba(0,0,0,0.2); | |
| 46 | + | } | |
| 47 | + | #chat_box .chat_bubble .model{ | |
| 48 | + | color:var(--secondary); | |
| 49 | + | background-color: var(--primary); | |
| 50 | + | max-width: fit-content; | |
| 51 | + | height: 24px; | |
| 52 | + | border-radius: 5px; | |
| 53 | + | padding: 0 8px; | |
| 54 | + | user-select: none; | |
| 55 | + | box-shadow: 0 8px 15px rgba(0,0,0,0.2); | |
| 56 | + | } | |
| 57 | + | .widget#translate { | |
| 58 | + | background-color: var(--primary-50); | |
| 59 | + | padding: 15px; | |
| 60 | + | border-radius: 5px; | |
| 61 | + | } | |
| 62 | + | .widget#translate .tbox .icons .fc { | |
| 63 | + | color:var(--primary); | |
| 64 | + | background-color: var(--primary-70); | |
| 65 | + | padding: 5px; | |
| 66 | + | border-radius: 100%; | |
| 67 | + | transition: all 0.5s ease; | |
| 68 | + | } | |
| 69 | + | .widget#translate .tbox .icons .fc:hover { | |
| 70 | + | background-color: var(--button-hover-color); | |
| 71 | + | color: var(--secondary); | |
| 72 | + | } | |
| 73 | + | .dropdown .dd-list li { | |
| 74 | + | border-radius: 9px; | |
| 75 | + | } | |
| 76 | + | .dropdown .dd-list li.--hover,.dropdown .dd-list li:hover { | |
| 77 | + | background-color:var(--primary); | |
| 78 | + | color:var(--secondary); | |
| 79 | + | } | |
| 80 | + | .dropdown .dd-list input[type=search] { | |
| 81 | + | background-color:var(--primary-50); | |
| 82 | + | border:1px solid var(--secondary); | |
| 83 | + | } | |
| 84 | + | .scene .cardHistory ._0_cardHistoryBack svg { | |
| 85 | + | margin-bottom: 25px; | |
| 86 | + | background: var(--button-color); | |
| 87 | + | border-radius: 100%; | |
| 88 | + | color: var(--primary-50); | |
| 89 | + | } | |
| 90 | + | .widget-simple .widgetItem { | |
| 91 | + | transition: all 0.5s ease; | |
| 92 | + | border-radius: 8px | |
| 93 | + | } | |
| 94 | + | .widget-simple .widgetItem:hover { | |
| 95 | + | background-color: var(--primary); | |
| 96 | + | padding: 5px | |
| 97 | + | } | |
| 98 | + | .widget-simple .widgetItemTitle .__title-text:hover { | |
| 99 | + | text-decoration:none | |
| 100 | + | } | |
| 101 | + | .widget-simple .widgetItemTitle .__title-text:hover { | |
| 102 | + | color:var(--secondary); | |
| 103 | + | text-decoration:none | |
| 104 | + | } | |
| 105 | + | .widget-simple .widgetItemTitle .__title-text { | |
| 106 | + | color:var(--primary); | |
| 107 | + | transition: all 0.5s ease; | |
| 108 | + | } | |
| 109 | + | .widgetContent .widgetItems .widgetItem:hover { | |
| 110 | + | background-color:#1c1e24 | |
| 111 | + | } | |
| 112 | + | #quickPeekResults .inlineHeader,#quickPeekResults details { | |
| 113 | + | border-bottom:.5px dashed var(--inline-header-border); | |
| 114 | + | } | |
| 115 | + | .k_ui_dropdown_data_list{ | |
| 116 | + | background-color:var(--primary-50); | |
| 117 | + | left:65px !important; | |
| 118 | + | top:0px !important; | |
| 119 | + | border: 1px solid var(--as-dd-border); | |
| 120 | + | border-radius: 12px; | |
| 121 | + | box-shadow: 1px 8px 30px 0 rgba(0,0,0,.09); | |
| 122 | + | gap: 6px; | |
| 123 | + | padding-block: 20px; | |
| 124 | + | padding-inline: 10px; | |
| 125 | + | } | |
| 126 | + | .k_ui_dropdown_data_list .list_items>._0_k_ui_dropdown_li, .k_ui_dropdown_data_list .list_items>a, .k_ui_dropdown_data_list .list_items>div { | |
| 127 | + | align-items:center; | |
| 128 | + | background-color:transparent; | |
| 129 | + | border-radius:9px; | |
| 130 | + | transition:background-color .1s ease-in-out,color .1s ease-in-out | |
| 131 | + | } | |
| 132 | + | .k_ui_dropdown_data_list .list_items>._0_k_ui_dropdown_li.__hover,.k_ui_dropdown_data_list .list_items>._0_k_ui_dropdown_li:focus-visible, .k_ui_dropdown_data_list .list_items>._0_k_ui_dropdown_li:hover,.k_ui_dropdown_data_list .list_items>a.__hover,.k_ui_dropdown_data_list .list_items>a:focus-visible,.k_ui_dropdown_data_list .list_items>a:hover,.k_ui_dropdown_data_list .list_items>div.__hover,.k_ui_dropdown_data_list .list_items>div:focus-visible,.k_ui_dropdown_data_list .list_items>div:hover { | |
| 133 | + | background-color:var(--primary); | |
| 134 | + | color:var(--secondary); | |
| 135 | + | } | |
| 136 | + | .d-info-box-title-header { | |
| 137 | + | background:#a5d46a; | |
| 138 | + | } | |
| 139 | + | .d-info-box-title-header.--trackers { | |
| 140 | + | background:#ffdf80 | |
| 141 | + | } | |
| 142 | + | .d-info-box-title-header.--trackers-danger { | |
| 143 | + | background:#ffa080 | |
| 144 | + | } | |
| 145 | + | .k_ui_btn_group{ | |
| 146 | + | border:none; | |
| 147 | + | background-color:var(--app-bg); | |
| 148 | + | } | |
| 149 | + | .advanced-search-modal-backdrop::before{ | |
| 150 | + | background-color:#121213 | |
| 151 | + | } | |
| 152 | + | a.wiki-nw-link{ | |
| 153 | + | background-color:var(--inline-domain-tag-bg); | |
| 154 | + | border-radius:8px; | |
| 155 | + | margin-top:10px; | |
| 156 | + | padding:5px; | |
| 157 | + | transition:all .5s ease; | |
| 158 | + | } | |
| 159 | + | a.wiki-nw-link:hover{ | |
| 160 | + | background-color:var(--button-hover-color); | |
| 161 | + | color:#1b1b1b | |
| 162 | + | } | |
| 163 | + | .wiki-nw-link{ | |
| 164 | + | color:var(--primary-700)!important; | |
| 165 | + | } | |
| 166 | + | .wiki-nw-link:hover{ | |
| 167 | + | color:#1b1b1b | |
| 168 | + | } | |
| 169 | + | .dropdown.dd_clean .dd-toggle-label{ | |
| 170 | + | transition:all .5s ease | |
| 171 | + | } | |
| 172 | + | .dropdown.dd_clean .dd-toggle-label:hover{ | |
| 173 | + | background-color:#34373f; | |
| 174 | + | padding-left:5px | |
| 175 | + | } | |
| 176 | + | ._0_filters-panel{ | |
| 177 | + | background-color:#1e2028; | |
| 178 | + | border-radius:12px; | |
| 179 | + | padding-left:15px; | |
| 180 | + | margin-right:10px; | |
| 181 | + | margin-bottom:5px; | |
| 182 | + | box-shadow:0 0 10px rgba(0,0,0,.25) | |
| 183 | + | } | |
| 184 | + | .d-info-section,.question_form_box .q_form_wrapper{ | |
| 185 | + | background-color:#1e2028 | |
| 186 | + | } | |
| 187 | + | .d-info-body{ | |
| 188 | + | background-color:#17191e | |
| 189 | + | } | |
| 190 | + | .d-info-section-desc.col{ | |
| 191 | + | background-color:transparent | |
| 192 | + | } | |
| 193 | + | ._0_result_page_summary{ | |
| 194 | + | background-color:#17191e; | |
| 195 | + | padding:8px; | |
| 196 | + | border-radius:5px; | |
| 197 | + | border:.5px dashed var(--button-color); | |
| 198 | + | line-height:1.5rem | |
| 199 | + | } | |
| 200 | + | .quick-settings-footer{ | |
| 201 | + | border-top:1px solid var(--button-color); | |
| 202 | + | border-radius:8px | |
| 203 | + | } | |
| 204 | + | .image-preview-wrapper #PreviewImageUrl{ | |
| 205 | + | max-width:fit-content; | |
| 206 | + | background-color:#17191e; | |
| 207 | + | padding:5px; | |
| 208 | + | border-radius:8px; | |
| 209 | + | border:1px solid var(--primary-hover); | |
| 210 | + | margin-top:5px | |
| 211 | + | } | |
| 212 | + | .ranked-c-adjust-info-icon:not(.new-tooltip) .k-tooltip:after,.tooltip-trigger:not(.new-tooltip) .k-tooltip:after{ | |
| 213 | + | border-top:8px solid var(--secondary) | |
| 214 | + | } | |
| 215 | + | .newsResultItem .newsResultHeader .sourceAndTime{ | |
| 216 | + | background-color:#17191e; | |
| 217 | + | border-radius:5px; | |
| 218 | + | padding:8px | |
| 219 | + | } | |
| 220 | + | .instant-answer{ | |
| 221 | + | padding-bottom:10px; | |
| 222 | + | padding-left:14px; | |
| 223 | + | background-color:#1e2028; | |
| 224 | + | border-radius:12px; | |
| 225 | + | margin-bottom:30px; | |
| 226 | + | box-shadow:rgba(244,182,68,0.4) 5px 5px,rgba(244,182,68,0.3) 10px 10px,rgba(244,182,68,0.2) 15px 15px,rgba(244,182,68,0.1) 20px 20px | |
| 227 | + | } | |
| 228 | + | .ext_icon{ | |
| 229 | + | border:1px solid var(--button-color) | |
| 230 | + | } | |
| 231 | + | .result-comments .comment{ | |
| 232 | + | background-color:var(--button-color); | |
| 233 | + | color:#1b1b1b; | |
| 234 | + | border-radius:10px; | |
| 235 | + | padding:5px; | |
| 236 | + | margin:0 auto | |
| 237 | + | } | |
| 238 | + | .result-comments .comment:hover{ | |
| 239 | + | background-color:var(--button-hover-color) | |
| 240 | + | } | |
| 241 | + | .top_podcast_item{ | |
| 242 | + | width:130px; | |
| 243 | + | background-color:#1e2028; | |
| 244 | + | padding:10px; | |
| 245 | + | border-radius:12px | |
| 246 | + | } | |
| 247 | + | .top_podcast_item:hover{ | |
| 248 | + | text-decoration:none | |
| 249 | + | } | |
| 250 | + | .__sri-url-box{ | |
| 251 | + | margin-bottom: 10px; | |
| 252 | + | background-color:#17191e; | |
| 253 | + | border-radius:5px; | |
| 254 | + | padding:8px | |
| 255 | + | } | |
| 256 | + | .videoResultItem{ | |
| 257 | + | background-color:#1e2028 | |
| 258 | + | } | |
| 259 | + | .auto_suggestions .auto_item{ | |
| 260 | + | transition:all .5s ease | |
| 261 | + | } | |
| 262 | + | .auto_suggestions .auto_item.highlighted { | |
| 263 | + | background-color:var(--primary-70) | |
| 264 | + | } | |
| 265 | + | .videoResultItem .videoResultRight .videoResultInfo .videoPublished .videoPublishedDate{ | |
| 266 | + | background-color:var(--time-stamp); | |
| 267 | + | color:var(--primary-700); | |
| 268 | + | border-radius:5px; | |
| 269 | + | padding:0 6px; | |
| 270 | + | transition:background-color .3s ease,color .3s ease; | |
| 271 | + | user-select:none | |
| 272 | + | } | |
| 273 | + | .videoResultItem .videoResultRight .videoResultInfo .videoPublished .videoPublishedDate:hover{ | |
| 274 | + | background-color:rgba(150,190,250,0.8); | |
| 275 | + | color:#1b1b1b | |
| 276 | + | } | |
| 277 | + | .videoResultItem .videoResultRight .videoResultInfo .videoPublishedDate,.videoResultItem .videoResultRight .videoResultInfo .videoViewsCount{ | |
| 278 | + | background-color:var(--time-stamp); | |
| 279 | + | color:var(--primary-700); | |
| 280 | + | border-radius:5px; | |
| 281 | + | padding:0 6px; | |
| 282 | + | transition:background-color .3s ease,color .3s ease; | |
| 283 | + | user-select:none | |
| 284 | + | } | |
| 285 | + | .videoResultItem .videoResultRight .videoResultInfo .videoPublishedDate:hover,.videoResultItem .videoResultRight .videoResultInfo .videoViewsCount:hover{ | |
| 286 | + | background-color:rgba(150,190,250,0.8); | |
| 287 | + | color:#1b1b1b | |
| 288 | + | } | |
| 289 | + | .newsResultItem{ | |
| 290 | + | background-color:#1e2028; | |
| 291 | + | border-radius:12px; | |
| 292 | + | padding:1.2rem 22px .7rem 18px; | |
| 293 | + | opacity:0; | |
| 294 | + | transform:translateY(20px); | |
| 295 | + | animation:fadeInUp .3s ease-out forwards | |
| 296 | + | } | |
| 297 | + | .newsResultItem:first-child{ | |
| 298 | + | padding-top:1.2rem | |
| 299 | + | } | |
| 300 | + | .newsResultItem .newsResultTime{ | |
| 301 | + | background-color:var(--time-stamp); | |
| 302 | + | color:var(--primary-700); | |
| 303 | + | border-radius:5px; | |
| 304 | + | padding:0 6px; | |
| 305 | + | user-select:none; | |
| 306 | + | transition:background-color .3s ease,color .3s ease | |
| 307 | + | } | |
| 308 | + | .newsResultItem .newsResultTime:hover{ | |
| 309 | + | background-color:rgba(150,190,250,0.8); | |
| 310 | + | color:#1b1b1b | |
| 311 | + | } | |
| 312 | + | .podcast_result{ | |
| 313 | + | background-color:#1e2028; | |
| 314 | + | border-radius:12px; | |
| 315 | + | padding:1.2rem 22px .7rem 18px; | |
| 316 | + | opacity:0; | |
| 317 | + | transform:translateY(20px); | |
| 318 | + | animation:fadeInUp .3s ease-out forwards | |
| 319 | + | } | |
| 320 | + | .podcast_result .body .thumbnail img{ | |
| 321 | + | transition:box-shadow .5s ease | |
| 322 | + | } | |
| 323 | + | .podcast_result .body .thumbnail img:hover{ | |
| 324 | + | box-shadow:0 8px 15px rgba(0,0,0,0.2) | |
| 325 | + | } | |
| 326 | + | .podcast_result .body{ | |
| 327 | + | margin-top:0 | |
| 328 | + | } | |
| 329 | + | .podcast_result .title a{ | |
| 330 | + | transition:all .5s ease | |
| 331 | + | } | |
| 332 | + | .podcast_result .episode_meta>div+div,.podcast_result .body .content .podcast_publisher,.podcast_result .podcast_duration{ | |
| 333 | + | background-color:var(--time-stamp); | |
| 334 | + | color:var(--primary-700); | |
| 335 | + | border-radius:5px; | |
| 336 | + | padding:0 6px; | |
| 337 | + | transition:background-color .3s ease,color .3s ease; | |
| 338 | + | user-select:none | |
| 339 | + | } | |
| 340 | + | .podcast_result .episode_meta>div+div:hover,.podcast_result .body .content .podcast_publisher:hover,.podcast_result .podcast_duration:hover{ | |
| 341 | + | background-color:rgba(150,190,250,0.8); | |
| 342 | + | color:#1b1b1b | |
| 343 | + | } | |
| 344 | + | .podcast_result .body .content .podcast_publisher i{ | |
| 345 | + | color:var(--primary-700); | |
| 346 | + | transition:color .3s ease | |
| 347 | + | } | |
| 348 | + | .podcast_result .body .content .podcast_publisher:hover i{ | |
| 349 | + | color:#1b1b1b | |
| 350 | + | } | |
| 351 | + | .widget-time-ago{ | |
| 352 | + | background-color:rgba(150,190,250,0.8); | |
| 353 | + | color:#1b1b1b; | |
| 354 | + | user-select:none; | |
| 355 | + | border-radius:5px; | |
| 356 | + | display:inline-block; | |
| 357 | + | padding:0 6px; | |
| 358 | + | margin-bottom:auto; | |
| 359 | + | margin-top:auto | |
| 360 | + | } | |
| 361 | + | .app-header.app-content-box{ | |
| 362 | + | position:sticky; | |
| 363 | + | top:0; | |
| 364 | + | z-index:114; | |
| 365 | + | background:rgba(26,28,35,0.2); | |
| 366 | + | border-bottom-left-radius:16px; | |
| 367 | + | border-bottom-right-radius:16px; | |
| 368 | + | box-shadow:0 2px 15px rgba(0,0,0,.7); | |
| 369 | + | backdrop-filter:blur(5px); | |
| 370 | + | -webkit-backdrop-filter:blur(5px); | |
| 371 | + | border:1px solid rgba(35,35,37,0.3) | |
| 372 | + | } | |
| 373 | + | .quick-settings{ | |
| 374 | + | background:rgba(32,33,36,0.6); | |
| 375 | + | border-bottom-left-radius:16px; | |
| 376 | + | border-top-left-radius:16px; | |
| 377 | + | box-shadow:0 7px 10px #1a1c23; | |
| 378 | + | backdrop-filter:blur(5px); | |
| 379 | + | -webkit-backdrop-filter:blur(5px); | |
| 380 | + | border:2px solid rgba(35,35,37,0.7) | |
| 381 | + | } | |
| 382 | + | .sri-group .sr-group { | |
| 383 | + | padding: 10px 10px 20px 30px!important; | |
| 384 | + | margin-top:0px | |
| 385 | + | } | |
| 386 | + | .correctedQuery{ | |
| 387 | + | line-height:2 | |
| 388 | + | } | |
| 389 | + | .wikipedia_results{ | |
| 390 | + | background-color:#28282a | |
| 391 | + | } | |
| 392 | + | .wiki_desc_text{ | |
| 393 | + | line-height:1.55 | |
| 394 | + | } | |
| 395 | + | .app-box{ | |
| 396 | + | background-color:#17191e | |
| 397 | + | } | |
| 398 | + | .app-box-center{ | |
| 399 | + | margin-top:1rem | |
| 400 | + | } | |
| 401 | + | .read-more-inline{ | |
| 402 | + | background-color:var(--button-color); | |
| 403 | + | color:#1b1b1b; | |
| 404 | + | border-radius:10px; | |
| 405 | + | padding:2px 8px | |
| 406 | + | } | |
| 407 | + | .read-more-inline:hover{ | |
| 408 | + | background-color:var(--button-hover-color); | |
| 409 | + | color:#1b1b1b | |
| 410 | + | } | |
| 411 | + | .read-more-inline svg{ | |
| 412 | + | color:#1b1b1b; | |
| 413 | + | transition:all .3s ease | |
| 414 | + | } | |
| 415 | + | .read-more-inline:hover svg{ | |
| 416 | + | color:#1b1b1b; | |
| 417 | + | transform:translateX(5px) | |
| 418 | + | } | |
| 419 | + | ._0_results_summary_text{ | |
| 420 | + | color:#b3b7bb | |
| 421 | + | } | |
| 422 | + | .__sri-time{ | |
| 423 | + | background-color:var(--time-stamp); | |
| 424 | + | color:var(--primary-700); | |
| 425 | + | user-select:none | |
| 426 | + | } | |
| 427 | + | .__sri-time.--new{ | |
| 428 | + | background-color:var(--time-stamp); | |
| 429 | + | color:var(--primary-700); | |
| 430 | + | user-select:none | |
| 431 | + | } | |
| 432 | + | .sri-group,.search-result,.scene{ | |
| 433 | + | background-color:#1e2028; | |
| 434 | + | border-radius:5px; | |
| 435 | + | opacity:0; | |
| 436 | + | transform:translateY(20px); | |
| 437 | + | animation:fadeInUp .3s ease-out forwards | |
| 438 | + | } | |
| 439 | + | .__sri-title,.__sri_title_link{ | |
| 440 | + | transition:all .5s ease | |
| 441 | + | } | |
| 442 | + | .scene{ | |
| 443 | + | padding:1rem; | |
| 444 | + | opacity:0; | |
| 445 | + | transform:translateY(20px); | |
| 446 | + | animation:fadeInUp .3s ease-out forwards | |
| 447 | + | } | |
| 448 | + | body,html,.mob{ | |
| 449 | + | background-color:#17191e; | |
| 450 | + | font-family:var(--font-lufga),system-ui | |
| 451 | + | } | |
| 452 | + | .search-result{ | |
| 453 | + | padding:1.2rem .8rem .6rem .8rem; | |
| 454 | + | opacity:0; | |
| 455 | + | transform:translateY(20px); | |
| 456 | + | animation:fadeInUp .3s ease-out forwards | |
| 457 | + | } | |
| 458 | + | @keyframes fadeInUp{ | |
| 459 | + | to{ | |
| 460 | + | opacity:1; | |
| 461 | + | transform:translateY(0) | |
| 462 | + | } | |
| 463 | + | } | |
| 464 | + | .widgetContent{ | |
| 465 | + | background-color:#1e2028; | |
| 466 | + | border-radius:5px; | |
| 467 | + | padding:1.2rem 22px .7rem 18px; | |
| 468 | + | opacity:0; | |
| 469 | + | transform:translateY(20px); | |
| 470 | + | animation:fadeInUp .3s ease-out forwards | |
| 471 | + | } | |
| 472 | + | .serp-nav .nav_item{ | |
| 473 | + | position:relative | |
| 474 | + | } | |
| 475 | + | .serp-nav .nav_item:after{ | |
| 476 | + | content:""; | |
| 477 | + | display:block; | |
| 478 | + | position:absolute; | |
| 479 | + | bottom:0; | |
| 480 | + | left:0; | |
| 481 | + | width:100%; | |
| 482 | + | height:3px; | |
| 483 | + | background-color:var(--nav_n_se_line); | |
| 484 | + | transform:scaleY(0); | |
| 485 | + | transform-origin:bottom; | |
| 486 | + | transition:transform .3s ease,box-shadow .3s ease; | |
| 487 | + | border-top-left-radius:5px; | |
| 488 | + | border-top-right-radius:5px | |
| 489 | + | } | |
| 490 | + | .serp-nav .nav_item:hover:after{ | |
| 491 | + | transform:scaleY(1) | |
| 492 | + | } | |
| 493 | + | ._0_sri-w-highlight .serp-nav .nav_item.searchResultAnswer:after,.serp-nav ._0_sri-w-highlight .nav_item.searchResultAnswer:after,.serp-nav .nav_item.--active:after,.serp-nav .nav_item:hover:after{ | |
| 494 | + | transform:scaleY(1) | |
| 495 | + | } | |
| 496 | + | ._0_more_search_box{ | |
| 497 | + | text-align:center; | |
| 498 | + | width:80% | |
| 499 | + | } | |
| 500 | + | .__sri_title_link._0_sri_title_link._0_URL{ | |
| 501 | + | border-bottom:none!important | |
| 502 | + | } | |
| 503 | + | .__srgi-title a{ | |
| 504 | + | border-bottom:none!important | |
| 505 | + | } | |
| 506 | + | .newsResultItem .newsResultHeader .newsResultTitle a._0_TITLE{ | |
| 507 | + | border-bottom:none!important | |
| 508 | + | } | |
| 509 | + | .wikipediaResult a{ | |
| 510 | + | border-bottom:none!important; | |
| 511 | + | color:var(--button-color) | |
| 512 | + | } | |
| 513 | + | ._0_results_summary_box{ | |
| 514 | + | border-bottom:none!important; | |
| 515 | + | margin-bottom:30px; | |
| 516 | + | background-color:#1e2028; | |
| 517 | + | border-radius:22px; | |
| 518 | + | padding:20px | |
| 519 | + | } | |
| 520 | + | .results_summary_text_box:has(#qa_show_more:not(:checked)) .smw::before{ | |
| 521 | + | background:linear-gradient(transparent,#1e2028) | |
| 522 | + | } | |
| 523 | + | ._0_summarize_link{ | |
| 524 | + | background-color:var(--button-color); | |
| 525 | + | max-width:max-content; | |
| 526 | + | margin-bottom:10px; | |
| 527 | + | margin-top:3px; | |
| 528 | + | border-radius:10px!important; | |
| 529 | + | padding:5px 10px | |
| 530 | + | } | |
| 531 | + | ._0_summarize_link:hover{ | |
| 532 | + | background-color:var(--button-hover-color); | |
| 533 | + | box-shadow:0 8px 15px rgba(0,0,0,0.2); | |
| 534 | + | transition:all .5s ease | |
| 535 | + | } | |
| 536 | + | ._0_summarize_link svg{ | |
| 537 | + | transition:all .3s ease!important | |
| 538 | + | } | |
| 539 | + | ._0_summarize_link:hover .ic svg{ | |
| 540 | + | transform:translateX(5px)!important | |
| 541 | + | } | |
| 542 | + | ._0_summarize_link,._0_summarize_link a{ | |
| 543 | + | color:#232325!important | |
| 544 | + | } | |
| 545 | + | .top-content .top-content ._0_provider-content{ | |
| 546 | + | display:none!important | |
| 547 | + | } | |
| 548 | + | ._0_results_summary_link_to_IA{ | |
| 549 | + | background-color:var(--inline-domain-tag-bg); | |
| 550 | + | max-width:max-content; | |
| 551 | + | padding:5px; | |
| 552 | + | border-radius:10px; | |
| 553 | + | margin-top:15px; | |
| 554 | + | transition:all .5s ease; | |
| 555 | + | user-select:none; | |
| 556 | + | } | |
| 557 | + | ._0_results_summary_link_to_IA:hover{ | |
| 558 | + | background-color:var(--button-hover-color); | |
| 559 | + | box-shadow:0 8px 15px rgba(0,0,0,0.2) | |
| 560 | + | } | |
| 561 | + | .results_summary_text_box sup a{ | |
| 562 | + | border-radius:50%; | |
| 563 | + | background-color:#2D2F2F; | |
| 564 | + | color:#8D9191; | |
| 565 | + | padding:1px 4px; | |
| 566 | + | transition:background-color .3s ease,color .3s ease | |
| 567 | + | } | |
| 568 | + | .results_summary_text_box sup a:hover{ | |
| 569 | + | background-color:var(--source-highlight-color); | |
| 570 | + | color:#F2FCFC; | |
| 571 | + | transition:all .5s ease | |
| 572 | + | } | |
| 573 | + | ._0_results_summary_links{ | |
| 574 | + | margin-bottom:30px | |
| 575 | + | } | |
| 576 | + | ._0_results_summary_links a{ | |
| 577 | + | transition:color .3s ease-in-out,transform .3s ease-in-out; | |
| 578 | + | border-radius:3px; | |
| 579 | + | display:inline-block; | |
| 580 | + | text-decoration:none | |
| 581 | + | } | |
| 582 | + | ._0_results_summary_links a.__0_highlight,._0_results_summary_links a:hover{ | |
| 583 | + | transform:translateX(3px); | |
| 584 | + | background-color:var(--source-highlight-color); | |
| 585 | + | color:var(--resultsummary-highlight_text) | |
| 586 | + | } | |
| 587 | + | ._0_results_summary_links .__domain-name{ | |
| 588 | + | user-select:none | |
| 589 | + | } | |
| 590 | + | .widget .wasb{ | |
| 591 | + | background-color:#1e2028 | |
| 592 | + | } | |
| 593 | + | .wasb-title{ | |
| 594 | + | text-decoration:none; | |
| 595 | + | font-size:1.25rem; | |
| 596 | + | font-weight:450 | |
| 597 | + | } | |
| 598 | + | .wolfram-answer{ | |
| 599 | + | background-color:#1e2028; | |
| 600 | + | margin-bottom:25px; | |
| 601 | + | border-radius:10px; | |
| 602 | + | padding-right:10px; | |
| 603 | + | padding-left:10px | |
| 604 | + | } | |
| 605 | + | ._0_discuss_document_btn{ | |
| 606 | + | background-color:var(--button-color); | |
| 607 | + | color:#1b1b1b; | |
| 608 | + | border-radius:10px; | |
| 609 | + | padding:2px 8px; | |
| 610 | + | max-width:max-content; | |
| 611 | + | position:relative; | |
| 612 | + | margin-top:1rem | |
| 613 | + | } | |
| 614 | + | ._0_discuss_document_btn:hover{ | |
| 615 | + | background-color:var(--button-hover-color); | |
| 616 | + | color:#1b1b1b | |
| 617 | + | } | |
| 618 | + | ._0_discuss_document_btn svg{ | |
| 619 | + | transition:all .3s ease | |
| 620 | + | } | |
| 621 | + | ._0_discuss_document_btn:hover svg{ | |
| 622 | + | transform:translateX(5px) | |
| 623 | + | } | |
| 624 | + | .smw{ | |
| 625 | + | background-color:var(--button-color); | |
| 626 | + | color:#1b1b1b; | |
| 627 | + | border-radius:10px; | |
| 628 | + | padding:2px 8px; | |
| 629 | + | max-width:max-content; | |
| 630 | + | position:relative; | |
| 631 | + | margin:10px auto 0; | |
| 632 | + | user-select:none | |
| 633 | + | } | |
| 634 | + | .smw:hover{ | |
| 635 | + | background-color:var(--button-hover-color); | |
| 636 | + | color:#1b1b1b | |
| 637 | + | } | |
| 638 | + | .smw svg{ | |
| 639 | + | transition:all .3s ease | |
| 640 | + | } | |
| 641 | + | .smw:hover svg{ | |
| 642 | + | transform:translateX(3px) | |
| 643 | + | } | |
| 644 | + | .results_summary_text_box:has(#qa_show_more:not(:checked)) .smw::before{ | |
| 645 | + | background:linear-gradient(transparent,#1e2028) | |
| 646 | + | } | |
| 647 | + | .ks-tooltip-body{ | |
| 648 | + | background-color:var(--k-tooltip-text); | |
| 649 | + | color:#FDFDFD | |
| 650 | + | } | |
| 651 | + | .ia-tooltip-body__desc,.ia-tooltip-body__desc__title{ | |
| 652 | + | color:#fdfdfd | |
| 653 | + | } | |
| 654 | + | .tooltip_base{ | |
| 655 | + | color:var(--k-tooltip-bg); | |
| 656 | + | background-color:var(--k-tooltip-text); | |
| 657 | + | box-shadow:0 8px 15px rgba(0,0,0,0.2); | |
| 658 | + | width:500px; | |
| 659 | + | z-index:115 | |
| 660 | + | } | |
| 661 | + | [data-arrow]{ | |
| 662 | + | background-color:var(--k-tooltip-text) | |
| 663 | + | } | |
| 664 | + | .related-items a{ | |
| 665 | + | background-color:#1e2028; | |
| 666 | + | transition:all .5s ease | |
| 667 | + | } | |
| 668 | + | .footer-search-results #load_more_results,.btn.--primary{ | |
| 669 | + | transition:all .5s ease | |
| 670 | + | } | |
| 671 | + | .ranked-c-adjust-info-icon:not(.new-tooltip) .k-tooltip,.tooltip-trigger:not(.new-tooltip) .k-tooltip{ | |
| 672 | + | background-color:var(--k-tooltip-text); | |
| 673 | + | color:#FDFDFD | |
| 674 | + | } | |
| 675 | + | .widgetContent .widgetItems .widgetItem{ | |
| 676 | + | background-color:#17191e; | |
| 677 | + | transition:all .5s ease | |
| 678 | + | } | |
| 679 | + | .widgetItem .videoResultThumbnail img{ | |
| 680 | + | border-top-left-radius:5px; | |
| 681 | + | border-bottom-left-radius:5px | |
| 682 | + | } | |
| 683 | + | .search-form .search-input-container,.search-form .search-input-container-kids{ | |
| 684 | + | box-shadow:1px 8px 30px 0 rgba(0,0,0,0.3) | |
| 685 | + | } | |
| 686 | + | .paywall-icon .paywall-tooltip{ | |
| 687 | + | color:var(--k-tooltip-bg); | |
| 688 | + | background-color:var(--k-tooltip-text); | |
| 689 | + | box-shadow:0 8px 15px rgba(0,0,0,0.2) | |
| 690 | + | } | |
| 691 | + | .btn.--secondary-light-s:hover{ | |
| 692 | + | border:1px solid var(--primary-hover); | |
| 693 | + | color:var(--primary-hover); | |
| 694 | + | transition:all .5s ease | |
| 695 | + | } | |
| 696 | + | .inlineHeader{ | |
| 697 | + | transition:all .5s ease | |
| 698 | + | } | |
| 699 | + | .ranked-c-adjust-info-icon:not(.new-tooltip) .k-tooltip:after, .tooltip-trigger:not(.new-tooltip) .k-tooltip:after { | |
| 700 | + | border-top: 8px solid var(--secondary); | |
| 701 | + | } | |
| 702 | + | .auto_suggestions_lenses_edit_box:hover { | |
| 703 | + | background-color: var(--sri-hover-color); | |
| 704 | + | } | |
| 705 | + | .top_podcast_item { | |
| 706 | + | width: 130px; | |
| 707 | + | background-color: #1e2028; | |
| 708 | + | padding: 10px; | |
| 709 | + | border-radius: 12px; | |
| 710 | + | } | |
| 711 | + | .widget-time-ago { | |
| 712 | + | background-color: rgba(150, 190, 250, 0.8); | |
| 713 | + | color: #1b1b1b; | |
| 714 | + | user-select: none; | |
| 715 | + | border-radius: 5px; | |
| 716 | + | display: inline-block; | |
| 717 | + | padding: 0 6px; | |
| 718 | + | margin-bottom: auto; | |
| 719 | + | margin-top: auto; | |
| 720 | + | } | |
| 721 | + | .podcast_result { | |
| 722 | + | background-color: #1e2028; | |
| 723 | + | border-radius: 12px; | |
| 724 | + | padding-top: 1.2rem; | |
| 725 | + | padding-right: 22px; | |
| 726 | + | padding-bottom: 0.7rem; | |
| 727 | + | padding-left: 18px; | |
| 728 | + | opacity: 0; | |
| 729 | + | transform: translateY(20px); | |
| 730 | + | animation: fadeInUp 0.3s ease-out forwards; | |
| 731 | + | } | |
| 732 | + | .scene { | |
| 733 | + | padding: 1rem; | |
| 734 | + | opacity: 0; | |
| 735 | + | transform: translateY(20px); | |
| 736 | + | animation: fadeInUp 0.3s ease-out forwards; | |
| 737 | + | } | |
| 738 | + | @keyframes fadeInUp { | |
| 739 | + | to{ | |
| 740 | + | opacity: 1; | |
| 741 | + | transform: translateY(0); | |
| 742 | + | } | |
| 743 | + | } | |
| 744 | + | ._0_queryInfo{ | |
| 218 | 745 | display: none; | |
| 219 | - | } | |
| 220 | - | ||
| 221 | - | /* search box */ | |
| 222 | - | .search-form { | |
| 223 | - | height: auto; | |
| 224 | - | } | |
| 225 | - | ||
| 226 | - | .search_form_box { | |
| 227 | - | width: 100%; | |
| 228 | - | } | |
| 229 | - | ||
| 230 | - | .search-form .search-input-container { | |
| 231 | - | padding-inline: 0; | |
| 232 | - | border: 0; | |
| 233 | - | } | |
| 234 | - | ||
| 235 | - | .search-form .search_area { | |
| 236 | - | min-height: auto; | |
| 237 | - | } | |
| 238 | - | ||
| 239 | - | .search-form .search-input-box { | |
| 240 | - | border: 1px solid var(--header-border); | |
| 241 | - | border-radius: 24px; | |
| 242 | - | padding: 0 14px; | |
| 243 | - | } | |
| 244 | - | ||
| 245 | - | .s-f-w .search-form-container { | |
| 246 | - | padding: 10px 46px 5px 10px; | |
| 247 | - | } | |
| 248 | - | ||
| 249 | - | .s-f-w.--active { | |
| 250 | - | margin: 0; | |
| 251 | - | } | |
| 252 | - | ||
| 253 | - | .s-f-w.--active .search-input-container { | |
| 254 | - | border: 0; | |
| 255 | - | min-height: 64px; | |
| 256 | - | } | |
| 257 | - | ||
| 258 | - | .s-f-w.--active .search-form-container { | |
| 259 | - | margin: 0; | |
| 260 | - | padding: 0 10px; | |
| 261 | - | height: 64px; | |
| 262 | - | } | |
| 263 | - | ||
| 264 | - | .s-f-w.--active .search-form { | |
| 265 | - | padding-top: 0; | |
| 266 | - | } | |
| 267 | - | ||
| 268 | - | .s-f-w.--active .search-input-box { | |
| 269 | - | margin-left: 4px; | |
| 270 | - | padding-right: 0; | |
| 271 | - | max-width: 100%; | |
| 272 | - | } | |
| 273 | - | ||
| 274 | - | .s-f-w.--active .search-form-icons { | |
| 275 | - | margin-right: 0; | |
| 276 | - | } | |
| 277 | - | ||
| 278 | - | .s-f-w.--active .auto_suggestions { | |
| 279 | - | top: 64px; | |
| 280 | - | } | |
| 281 | - | ||
| 282 | - | .s-f-w.--active .m-b-arrow { | |
| 283 | - | position: relative; | |
| 284 | - | width: auto; | |
| 285 | - | height: auto; | |
| 286 | - | left: 0; | |
| 287 | - | } | |
| 288 | - | ||
| 289 | - | #searchFormSubmit { | |
| 290 | - | display: none; | |
| 291 | - | } | |
| 292 | - | ||
| 293 | - | .m-h .search-form-icons .clear-search { | |
| 294 | - | margin-right: 4px; | |
| 295 | - | } | |
| 296 | - | ||
| 297 | - | .m-b-arrow { | |
| 298 | - | width: 35px; | |
| 299 | - | top: 0; | |
| 300 | - | } | |
| 301 | - | ||
| 302 | - | .search-form .auto_suggestions { | |
| 303 | - | margin: 0; | |
| 304 | - | border: 0; | |
| 305 | - | } | |
| 306 | - | ||
| 307 | - | .widgetContent { | |
| 308 | - | margin-bottom: 0; | |
| 309 | - | } | |
| 310 | - | ||
| 311 | - | /* remove top/bottom border between results */ | |
| 312 | - | .search-result, .sri-group, .inline-content+.search-result, .inline-content+.sri-group { | |
| 313 | - | border-top: 0; | |
| 314 | - | border-bottom: 0; | |
| 315 | - | } | |
| 316 | - | ||
| 317 | - | /* tighten line-height */ | |
| 318 | - | .__sri-title .__sri_title_link { | |
| 319 | - | line-height: 1.65rem; | |
| 320 | - | } | |
| 321 | - | ||
| 322 | - | /* hide inline image preview */ | |
| 323 | - | .__sri-body.--img .__sri-preview { | |
| 324 | - | display: none; | |
| 325 | - | } | |
| 326 | - | ||
| 327 | - | .__sri-body.--img .__sri-desc:before { | |
| 328 | - | display: none; | |
| 329 | - | } | |
| 330 | - | ||
| 331 | - | /* tighten up secondary results to match rhythm */ | |
| 332 | - | .sri-group .sr-group { | |
| 333 | - | margin-top: 15px; | |
| 334 | - | } | |
| 335 | - | ||
| 336 | - | /* disable bottom-right distracting button on scroll up */ | |
| 337 | - | .quick-search-btn { | |
| 338 | - | display: none; | |
| 339 | - | } | |
| 340 | - | ||
| 341 | - | /* fix video results spacing */ | |
| 342 | - | #newsHeader, .headerVideos { | |
| 343 | - | margin-right: 0; | |
| 344 | - | } | |
| 345 | - | ||
| 346 | - | /* clean up page 2 results spacing */ | |
| 347 | - | ._0_page-separator { | |
| 348 | - | margin-bottom: 15px; | |
| 349 | - | } | |
| 350 | - | ||
| 351 | - | /* give the page 2 button more bottom room */ | |
| 352 | - | .main-footer { | |
| 353 | - | padding-bottom: 40px; | |
| 354 | - | } | |
| 355 | - | ||
| 356 | - | /* light-specific */ | |
| 357 | - | .theme_light .search-form .search-form-icons { | |
| 358 | - | /* background: linear-gradient(90deg, transparent 0%, rgb(255, 255, 255) 50%); */ | |
| 359 | - | } | |
| 746 | + | } | |
| 747 | + | ._0_results_summary_link_to_IA a { | |
| 748 | + | color:var(--primary-700); | |
| 749 | + | } | |
| 750 | + | ._0_results_summary_link_to_IA a:hover { | |
| 751 | + | color:#1b1b1b; | |
| 752 | + | text-decoration:none!important; | |
| 753 | + | } | |
| 754 | + | .top_nav_links>a{ | |
| 755 | + | background-color: var(--button-color); | |
| 756 | + | padding-left: 20px; | |
| 757 | + | border-radius: 20px; | |
| 758 | + | color: #232325 !important; | |
| 759 | + | box-shadow: 0 0 10px rgba(0,0,0,.5); | |
| 760 | + | transition: all 0.5s ease; | |
| 761 | + | padding-right: 20px; | |
| 762 | + | height: 40px; | |
| 763 | + | } | |
| 764 | + | .top_nav_links>a:hover{ | |
| 765 | + | background-color:var(--button-hover-color); | |
| 766 | + | } | |
| 767 | + | #settings_showFiltersPanel:checked~.top-panel #top-parent { | |
| 768 | + | margin-left:3px; | |
| 769 | + | } | |
| 770 | + | .cheatsh .content{ | |
| 771 | + | background-color: var(--primary-25); | |
| 772 | + | border-radius: 5px; | |
| 773 | + | } | |
| 774 | + | .cheatsh .cheatsh_content_wrpr::after { | |
| 775 | + | background-color: var(--primary-50); | |
| 776 | + | } | |
| 777 | + | .cheatsh .code { | |
| 778 | + | box-shadow: 0 0 10px rgba(0,0,0,.25) | |
| 779 | + | } | |
| 780 | + | .ranked-box-overlay.--open { | |
| 781 | + | left:656px !important; | |
| 782 | + | } | |
| 783 | + | #form .buttons button.submit { | |
| 784 | + | background-color: #89b4fa !important; | |
| 785 | + | } | |
| 786 | + | #form .buttons button.submit:hover { | |
| 787 | + | background-color: #b4befe !important; | |
| 788 | + | } | |
| 789 | + | .mb-10 a.btn { | |
| 790 | + | background-color: #89b4fa !important; | |
| 791 | + | } | |
| 792 | + | .mb-10 a.btn:hover { | |
| 793 | + | background-color: #b4befe !important; | |
| 794 | + | } | |
| 795 | + | .control-center-btn { | |
| 796 | + | background-color: #89b4fa !important; | |
| 797 | + | color: #313244 !important; | |
| 798 | + | } | |
| 799 | + | .control-center-btn:hover { | |
| 800 | + | background-color: #b4befe !important; | |
| 801 | + | } | |
| 802 | + | #form { | |
| 803 | + | background-color: #1e1e2e !important; | |
| 804 | + | border-color: #89b4fa !important; | |
| 805 | + | } | |
| 806 | + | .search-form .search-input-container { | |
| 807 | + | border: 1px solid #89b4fa !important; | |
| 808 | + | } | |
| 809 | + | button.searchFormSubmitBtn { | |
| 810 | + | background-color: #89b4fa !important; | |
| 811 | + | } | |
| 812 | + | button.searchFormSubmitBtn:hover { | |
| 813 | + | background-color: #b4befe !important; | |
| 814 | + | } | |
| 815 | + | #form #promptBoxButtonsGroup { | |
| 816 | + | border-color: #89b4fa !important; | |
| 360 | 817 | } | |
jcrabapple revised this gist . Go to revision
1 file changed, 360 insertions
kagi-catppuccin-mocha.css(file created)
| @@ -0,0 +1,360 @@ | |||
| 1 | + | :root { | |
| 2 | + | --font-main: "Poppins", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
| 3 | + | --font-lufga: "Poppins", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
| 4 | + | } | |
| 5 | + | ||
| 6 | + | .theme_dark, .theme_moon_dark, .theme_moon_dark_conditional { | |
| 7 | + | --app-bg: #1E1E2E; /* Base */ | |
| 8 | + | --page-text: #CDD6F4; /* Text */ | |
| 9 | + | --app-text: #CDD6F4; /* Text */ | |
| 10 | + | --primary: #CDD6F4; /* Text */ | |
| 11 | + | --primary-hover: #1E1E2E; /* Base */ | |
| 12 | + | ||
| 13 | + | --header-bg: #1E1E2E; /* Base */ | |
| 14 | + | --header-border: #313244; /* Surface1 */ | |
| 15 | + | ||
| 16 | + | --app-sidebar-bg: #1E1E2E; /* Base */ | |
| 17 | + | ||
| 18 | + | --input-bg: #313244; /* Surface1 */ | |
| 19 | + | --color-search-input: #1E1E2E; /* Base */ | |
| 20 | + | ||
| 21 | + | --search-result-title: #CDD6F4; /* Text */ | |
| 22 | + | --search-result-title-hover: #BAC2DE; /* Subtext1 */ | |
| 23 | + | --search-result-content-text: #BAC2DE; /* Subtext1 */ | |
| 24 | + | --search-result-url-link: #BAC2DE; /* Subtext1 */ | |
| 25 | + | --search-result-date-bg: #313244; /* Surface1 */ | |
| 26 | + | --search-result-date-new-bg: #F38BA8; /* Red */ | |
| 27 | + | ||
| 28 | + | --domain-rank-icon-color-trackers: #F9E2AF; /* Yellow */ | |
| 29 | + | ||
| 30 | + | --color_link: #A6E3A1; /* Yellow */ | |
| 31 | + | --primary-hover: #BAC2DE; /* Subtext1 */ | |
| 32 | + | --primary-visited: #6C7086; /* Subtext0 */ | |
| 33 | + | --related-item-bg: #313244; /* Surface1 */ | |
| 34 | + | --inline-domain-tag-bg: #313244; /* Surface1 */ | |
| 35 | + | --inline-header-border: #313244; /* Surface1 */ | |
| 36 | + | --inline-header-title: #CDD6F4; /* Text */ | |
| 37 | + | --inline-widget-bg: #313244; /* Surface1 */ | |
| 38 | + | ||
| 39 | + | --primary-700: #6C7086; /* Subtext0 */ | |
| 40 | + | --primary-800: #BAC2DE; /* Subtext1 */ | |
| 41 | + | ||
| 42 | + | --resultsummary-highlight: #F9E2AF; /* Yellow */ | |
| 43 | + | --resultsummary-highlight_text: #313244; /* Surface1 */ | |
| 44 | + | ||
| 45 | + | --wiki-title: #CDD6F4; /* Text */ | |
| 46 | + | --wiki-content-links: #F9E2AF; /* Yellow */ | |
| 47 | + | --wiki-nw-links: #F9E2AF; /* Yellow */ | |
| 48 | + | --result-item-title-border: transparent; | |
| 49 | + | ||
| 50 | + | --site_info_bg: #313244; /* Surface1 */ | |
| 51 | + | --site_info_bottom_bg: #313244; /* Surface1 */ | |
| 52 | + | --btn-group-bg: #313244; /* Surface1 */ | |
| 53 | + | ||
| 54 | + | --dd-hover-bg: #313244; /* Surface1 */ | |
| 55 | + | --dd-list-input-bg: #313244; /* Surface1 */ | |
| 56 | + | --kagi-accent: #313244; /* Surface1 */ | |
| 57 | + | --filter-dd-bg: #313244; /* Surface1 */ | |
| 58 | + | ||
| 59 | + | /* mobile */ | |
| 60 | + | --m_sri_gap_color: #313244; /* Surface1 */ | |
| 61 | + | } | |
| 62 | + | ||
| 63 | + | /* disable horizontal scrollbars */ | |
| 64 | + | body { | |
| 65 | + | overflow-x: hidden; | |
| 66 | + | } | |
| 67 | + | ||
| 68 | + | ::selection { | |
| 69 | + | background-color: var(--color_link); | |
| 70 | + | color: #313244; /* Surface1 */ | |
| 71 | + | } | |
| 72 | + | ||
| 73 | + | /* header, logo */ | |
| 74 | + | .app-logo.--kagi { | |
| 75 | + | top: 26px; | |
| 76 | + | } | |
| 77 | + | ||
| 78 | + | /* container-level */ | |
| 79 | + | .results-box { | |
| 80 | + | margin-top: 10px; | |
| 81 | + | } | |
| 82 | + | ||
| 83 | + | .serp-nav .nav_item.n_se::after { | |
| 84 | + | border-color: #A6E3A1 !important; /* Green from Catppuccin Mocha */ | |
| 85 | + | } | |
| 86 | + | ||
| 87 | + | /* update color borders for serp tabs */ | |
| 88 | + | .serp-nav .nav_item.--active:after, .serp-nav .nav_item:hover:after, ._0_lenses .k_ui_dropdown.--active .k_ui_dropdown_first_item span:after { | |
| 89 | + | border-color: var(--primary); | |
| 90 | + | } | |
| 91 | + | ||
| 92 | + | /* disable links borders */ | |
| 93 | + | #layout-v2 a, .__sri-title .__sri_title_link, .__sri-title .__sri_title_link:hover, .wikipediaResult a:hover { | |
| 94 | + | border-bottom: 0; | |
| 95 | + | } | |
| 96 | + | ||
| 97 | + | /* general input focus */ | |
| 98 | + | :focus-visible { | |
| 99 | + | outline-color: var(--color_link); | |
| 100 | + | } | |
| 101 | + | ||
| 102 | + | /* result tweaks */ | |
| 103 | + | .__sri-title-box, .__sri-title, .__sri-url-box, .__sri-body { | |
| 104 | + | padding-left: 0; | |
| 105 | + | } | |
| 106 | + | ||
| 107 | + | .__sri-title .__domain-favicon { | |
| 108 | + | margin-left: -25px; | |
| 109 | + | } | |
| 110 | + | ||
| 111 | + | .__sri-preview { | |
| 112 | + | left: 0; | |
| 113 | + | } | |
| 114 | + | ||
| 115 | + | .__sri-url-box { | |
| 116 | + | margin-bottom: 4px; | |
| 117 | + | } | |
| 118 | + | ||
| 119 | + | .__sri-url { | |
| 120 | + | font-size: 0.75rem; | |
| 121 | + | } | |
| 122 | + | ||
| 123 | + | .__sri-time { | |
| 124 | + | background-color: transparent; | |
| 125 | + | color: #6C7086; /* Subtext0 */ | |
| 126 | + | padding: 0; | |
| 127 | + | } | |
| 128 | + | ||
| 129 | + | .__sri-time::after { | |
| 130 | + | content: "—"; | |
| 131 | + | display: inline-block; | |
| 132 | + | padding: 0 4px; | |
| 133 | + | } | |
| 134 | + | ||
| 135 | + | .__sri-time.--new { | |
| 136 | + | background: transparent; | |
| 137 | + | color: var(--color_link); | |
| 138 | + | } | |
| 139 | + | ||
| 140 | + | .__sri-desc { | |
| 141 | + | line-height: 1.57; | |
| 142 | + | } | |
| 143 | + | ||
| 144 | + | .newsResultItem .newsResultBody { | |
| 145 | + | margin-top: 0; | |
| 146 | + | } | |
| 147 | + | ||
| 148 | + | .top_podcasts_box:empty { | |
| 149 | + | display: none; | |
| 150 | + | } | |
| 151 | + | ||
| 152 | + | .freeScroller { | |
| 153 | + | overflow-x: auto !important; | |
| 154 | + | } | |
| 155 | + | ||
| 156 | + | /* domain info popover */ | |
| 157 | + | #domainInfoModal .d-info-box-title-header { | |
| 158 | + | background: transparent; | |
| 159 | + | } | |
| 160 | + | ||
| 161 | + | #domainInfoModal .d-info-domain-title { | |
| 162 | + | text-shadow: none; | |
| 163 | + | color: var(--color-primary); | |
| 164 | + | } | |
| 165 | + | ||
| 166 | + | #domainInfoModal .rakned-box-close { | |
| 167 | + | color: var(--color-primary); | |
| 168 | + | } | |
| 169 | + | ||
| 170 | + | /* wolfram-alpha/"smart" things specific */ | |
| 171 | + | .widget_holder .wasb, .wasb, .wasb-ans { | |
| 172 | + | font-family: var(--font-main); | |
| 173 | + | } | |
| 174 | + | ||
| 175 | + | .widget_holder .wasb { | |
| 176 | + | border: 1px solid var(--color-primary-dim_3); | |
| 177 | + | } | |
| 178 | + | ||
| 179 | + | .suggestions_area { | |
| 180 | + | border-bottom: 1px solid var(--color-primary-dim_3); | |
| 181 | + | } | |
| 182 | + | ||
| 183 | + | /* misc */ | |
| 184 | + | .wikipediaResult .wiki-title a:hover { | |
| 185 | + | color: var(--color-primary_hover); | |
| 186 | + | border-bottom: 0; | |
| 187 | + | } | |
| 188 | + | ||
| 189 | + | .wiki-desc-box { | |
| 190 | + | font-size: 14px; | |
| 191 | + | } | |
| 192 | + | ||
| 193 | + | .k_ui_toggle_switch { | |
| 194 | + | --active-bg-color: var(--color_link); | |
| 195 | + | } | |
| 196 | + | ||
| 197 | + | .footer .footerInner ul li, footer .footerInner ul li { | |
| 198 | + | color: inherit; | |
| 199 | + | } | |
| 200 | + | ||
| 201 | + | /* mobile specific */ | |
| 202 | + | @media screen and (max-width: 767px) { | |
| 203 | + | /* header */ | |
| 204 | + | .m-h { | |
| 205 | + | padding: 0; | |
| 206 | + | } | |
| 207 | + | ||
| 208 | + | .m-h .m-h-i { | |
| 209 | + | height: auto; | |
| 210 | + | } | |
| 211 | + | ||
| 212 | + | .m-h .control-center-btn { | |
| 213 | + | top: 32px; | |
| 214 | + | z-index: 51; | |
| 215 | + | } | |
| 216 | + | ||
| 217 | + | .m-h .m-app-logo { | |
| 218 | + | display: none; | |
| 219 | + | } | |
| 220 | + | ||
| 221 | + | /* search box */ | |
| 222 | + | .search-form { | |
| 223 | + | height: auto; | |
| 224 | + | } | |
| 225 | + | ||
| 226 | + | .search_form_box { | |
| 227 | + | width: 100%; | |
| 228 | + | } | |
| 229 | + | ||
| 230 | + | .search-form .search-input-container { | |
| 231 | + | padding-inline: 0; | |
| 232 | + | border: 0; | |
| 233 | + | } | |
| 234 | + | ||
| 235 | + | .search-form .search_area { | |
| 236 | + | min-height: auto; | |
| 237 | + | } | |
| 238 | + | ||
| 239 | + | .search-form .search-input-box { | |
| 240 | + | border: 1px solid var(--header-border); | |
| 241 | + | border-radius: 24px; | |
| 242 | + | padding: 0 14px; | |
| 243 | + | } | |
| 244 | + | ||
| 245 | + | .s-f-w .search-form-container { | |
| 246 | + | padding: 10px 46px 5px 10px; | |
| 247 | + | } | |
| 248 | + | ||
| 249 | + | .s-f-w.--active { | |
| 250 | + | margin: 0; | |
| 251 | + | } | |
| 252 | + | ||
| 253 | + | .s-f-w.--active .search-input-container { | |
| 254 | + | border: 0; | |
| 255 | + | min-height: 64px; | |
| 256 | + | } | |
| 257 | + | ||
| 258 | + | .s-f-w.--active .search-form-container { | |
| 259 | + | margin: 0; | |
| 260 | + | padding: 0 10px; | |
| 261 | + | height: 64px; | |
| 262 | + | } | |
| 263 | + | ||
| 264 | + | .s-f-w.--active .search-form { | |
| 265 | + | padding-top: 0; | |
| 266 | + | } | |
| 267 | + | ||
| 268 | + | .s-f-w.--active .search-input-box { | |
| 269 | + | margin-left: 4px; | |
| 270 | + | padding-right: 0; | |
| 271 | + | max-width: 100%; | |
| 272 | + | } | |
| 273 | + | ||
| 274 | + | .s-f-w.--active .search-form-icons { | |
| 275 | + | margin-right: 0; | |
| 276 | + | } | |
| 277 | + | ||
| 278 | + | .s-f-w.--active .auto_suggestions { | |
| 279 | + | top: 64px; | |
| 280 | + | } | |
| 281 | + | ||
| 282 | + | .s-f-w.--active .m-b-arrow { | |
| 283 | + | position: relative; | |
| 284 | + | width: auto; | |
| 285 | + | height: auto; | |
| 286 | + | left: 0; | |
| 287 | + | } | |
| 288 | + | ||
| 289 | + | #searchFormSubmit { | |
| 290 | + | display: none; | |
| 291 | + | } | |
| 292 | + | ||
| 293 | + | .m-h .search-form-icons .clear-search { | |
| 294 | + | margin-right: 4px; | |
| 295 | + | } | |
| 296 | + | ||
| 297 | + | .m-b-arrow { | |
| 298 | + | width: 35px; | |
| 299 | + | top: 0; | |
| 300 | + | } | |
| 301 | + | ||
| 302 | + | .search-form .auto_suggestions { | |
| 303 | + | margin: 0; | |
| 304 | + | border: 0; | |
| 305 | + | } | |
| 306 | + | ||
| 307 | + | .widgetContent { | |
| 308 | + | margin-bottom: 0; | |
| 309 | + | } | |
| 310 | + | ||
| 311 | + | /* remove top/bottom border between results */ | |
| 312 | + | .search-result, .sri-group, .inline-content+.search-result, .inline-content+.sri-group { | |
| 313 | + | border-top: 0; | |
| 314 | + | border-bottom: 0; | |
| 315 | + | } | |
| 316 | + | ||
| 317 | + | /* tighten line-height */ | |
| 318 | + | .__sri-title .__sri_title_link { | |
| 319 | + | line-height: 1.65rem; | |
| 320 | + | } | |
| 321 | + | ||
| 322 | + | /* hide inline image preview */ | |
| 323 | + | .__sri-body.--img .__sri-preview { | |
| 324 | + | display: none; | |
| 325 | + | } | |
| 326 | + | ||
| 327 | + | .__sri-body.--img .__sri-desc:before { | |
| 328 | + | display: none; | |
| 329 | + | } | |
| 330 | + | ||
| 331 | + | /* tighten up secondary results to match rhythm */ | |
| 332 | + | .sri-group .sr-group { | |
| 333 | + | margin-top: 15px; | |
| 334 | + | } | |
| 335 | + | ||
| 336 | + | /* disable bottom-right distracting button on scroll up */ | |
| 337 | + | .quick-search-btn { | |
| 338 | + | display: none; | |
| 339 | + | } | |
| 340 | + | ||
| 341 | + | /* fix video results spacing */ | |
| 342 | + | #newsHeader, .headerVideos { | |
| 343 | + | margin-right: 0; | |
| 344 | + | } | |
| 345 | + | ||
| 346 | + | /* clean up page 2 results spacing */ | |
| 347 | + | ._0_page-separator { | |
| 348 | + | margin-bottom: 15px; | |
| 349 | + | } | |
| 350 | + | ||
| 351 | + | /* give the page 2 button more bottom room */ | |
| 352 | + | .main-footer { | |
| 353 | + | padding-bottom: 40px; | |
| 354 | + | } | |
| 355 | + | ||
| 356 | + | /* light-specific */ | |
| 357 | + | .theme_light .search-form .search-form-icons { | |
| 358 | + | /* background: linear-gradient(90deg, transparent 0%, rgb(255, 255, 255) 50%); */ | |
| 359 | + | } | |
| 360 | + | } | |
Newer
Older