kagi-catppuccin-mocha.css
· 21 KiB · CSS
Ham
:root {
--button-color: #89b4fa;
/* Primary color for the buttons */
--button-hover-color: #74c7ec;
/* Secondary color for the buttons - when hovering */
--source-highlight-color: #89dceb;
/* Color of the sources and small annotations */
--sri-hover-color: #89b4fa;
/* Color for hovering over search results */
--color-search-input: #1e1e2e;
/* Color for Search Box */
--color-search-input-border: #313244;
--time-stamp: rgba(166, 173, 200, 0.8);
/* Color for timestamp with alpha value */
--m_sri_gap_color: #181825 !important;
--app-text: #cdd6f4 !important;
--app-bg: #1e1e2e;
--inline-widget-bg: #181825;
--primary-25: #181825;
/* Adjustment for The Assistant */
--primary-50: #1e1e2e;
/* Adjustment for The Assistant */
--primary-70: #11111b
/* Adjustment for The Assistant */
}
:focus-visible{
outline:1px solid #ffb319
}
.my-7{
margin-bottom:5px;
margin-top:5px;
}
#uploadedItems .item,[data-files] .item {
background-color:var(--primary-50);
outline:0.5px solid var(--primary-100);
}
#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)) {
outline:.5px solid var(--kagi-highlight)
}
.chat_bubble {
background-color: #1e2028;
border-radius: 5px;
padding: 1rem;
margin-bottom: 1.3rem;
box-shadow:0 8px 15px rgba(0,0,0,0.2);
}
#chat_box .chat_bubble .model{
color:var(--secondary);
background-color: var(--primary);
max-width: fit-content;
height: 24px;
border-radius: 5px;
padding: 0 8px;
user-select: none;
box-shadow: 0 8px 15px rgba(0,0,0,0.2);
}
.widget#translate {
background-color: var(--primary-50);
padding: 15px;
border-radius: 5px;
}
.widget#translate .tbox .icons .fc {
color:var(--primary);
background-color: var(--primary-70);
padding: 5px;
border-radius: 100%;
transition: all 0.5s ease;
}
.widget#translate .tbox .icons .fc:hover {
background-color: var(--button-hover-color);
color: var(--secondary);
}
.dropdown .dd-list li {
border-radius: 9px;
}
.dropdown .dd-list li.--hover,.dropdown .dd-list li:hover {
background-color:var(--primary);
color:var(--secondary);
}
.dropdown .dd-list input[type=search] {
background-color:var(--primary-50);
border:1px solid var(--secondary);
}
.scene .cardHistory ._0_cardHistoryBack svg {
margin-bottom: 25px;
background: var(--button-color);
border-radius: 100%;
color: var(--primary-50);
}
.widget-simple .widgetItem {
transition: all 0.5s ease;
border-radius: 8px
}
.widget-simple .widgetItem:hover {
background-color: var(--primary);
padding: 5px
}
.widget-simple .widgetItemTitle .__title-text:hover {
text-decoration:none
}
.widget-simple .widgetItemTitle .__title-text:hover {
color:var(--secondary);
text-decoration:none
}
.widget-simple .widgetItemTitle .__title-text {
color:var(--primary);
transition: all 0.5s ease;
}
.widgetContent .widgetItems .widgetItem:hover {
background-color:#1c1e24
}
#quickPeekResults .inlineHeader,#quickPeekResults details {
border-bottom:.5px dashed var(--inline-header-border);
}
.k_ui_dropdown_data_list{
background-color:var(--primary-50);
left:65px !important;
top:0px !important;
border: 1px solid var(--as-dd-border);
border-radius: 12px;
box-shadow: 1px 8px 30px 0 rgba(0,0,0,.09);
gap: 6px;
padding-block: 20px;
padding-inline: 10px;
}
.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 {
align-items:center;
background-color:transparent;
border-radius:9px;
transition:background-color .1s ease-in-out,color .1s ease-in-out
}
.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 {
background-color:var(--primary);
color:var(--secondary);
}
.d-info-box-title-header {
background:#a5d46a;
}
.d-info-box-title-header.--trackers {
background:#ffdf80
}
.d-info-box-title-header.--trackers-danger {
background:#ffa080
}
.k_ui_btn_group{
border:none;
background-color:var(--app-bg);
}
.advanced-search-modal-backdrop::before{
background-color:#121213
}
a.wiki-nw-link{
background-color:var(--inline-domain-tag-bg);
border-radius:8px;
margin-top:10px;
padding:5px;
transition:all .5s ease;
}
a.wiki-nw-link:hover{
background-color:var(--button-hover-color);
color:#1b1b1b
}
.wiki-nw-link{
color:var(--primary-700)!important;
}
.wiki-nw-link:hover{
color:#1b1b1b
}
.dropdown.dd_clean .dd-toggle-label{
transition:all .5s ease
}
.dropdown.dd_clean .dd-toggle-label:hover{
background-color:#34373f;
padding-left:5px
}
._0_filters-panel{
background-color:#1e2028;
border-radius:12px;
padding-left:15px;
margin-right:10px;
margin-bottom:5px;
box-shadow:0 0 10px rgba(0,0,0,.25)
}
.d-info-section,.question_form_box .q_form_wrapper{
background-color:#1e2028
}
.d-info-body{
background-color:#17191e
}
.d-info-section-desc.col{
background-color:transparent
}
._0_result_page_summary{
background-color:#17191e;
padding:8px;
border-radius:5px;
border:.5px dashed var(--button-color);
line-height:1.5rem
}
.quick-settings-footer{
border-top:1px solid var(--button-color);
border-radius:8px
}
.image-preview-wrapper #PreviewImageUrl{
max-width:fit-content;
background-color:#17191e;
padding:5px;
border-radius:8px;
border:1px solid var(--primary-hover);
margin-top:5px
}
.ranked-c-adjust-info-icon:not(.new-tooltip) .k-tooltip:after,.tooltip-trigger:not(.new-tooltip) .k-tooltip:after{
border-top:8px solid var(--secondary)
}
.newsResultItem .newsResultHeader .sourceAndTime{
background-color:#17191e;
border-radius:5px;
padding:8px
}
.instant-answer{
padding-bottom:10px;
padding-left:14px;
background-color:#1e2028;
border-radius:12px;
margin-bottom:30px;
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
}
.ext_icon{
border:1px solid var(--button-color)
}
.result-comments .comment{
background-color:var(--button-color);
color:#1b1b1b;
border-radius:10px;
padding:5px;
margin:0 auto
}
.result-comments .comment:hover{
background-color:var(--button-hover-color)
}
.top_podcast_item{
width:130px;
background-color:#1e2028;
padding:10px;
border-radius:12px
}
.top_podcast_item:hover{
text-decoration:none
}
.__sri-url-box{
margin-bottom: 10px;
background-color:#17191e;
border-radius:5px;
padding:8px
}
.videoResultItem{
background-color:#1e2028
}
.auto_suggestions .auto_item{
transition:all .5s ease
}
.auto_suggestions .auto_item.highlighted {
background-color:var(--primary-70)
}
.videoResultItem .videoResultRight .videoResultInfo .videoPublished .videoPublishedDate{
background-color:var(--time-stamp);
color:var(--primary-700);
border-radius:5px;
padding:0 6px;
transition:background-color .3s ease,color .3s ease;
user-select:none
}
.videoResultItem .videoResultRight .videoResultInfo .videoPublished .videoPublishedDate:hover{
background-color:rgba(150,190,250,0.8);
color:#1b1b1b
}
.videoResultItem .videoResultRight .videoResultInfo .videoPublishedDate,.videoResultItem .videoResultRight .videoResultInfo .videoViewsCount{
background-color:var(--time-stamp);
color:var(--primary-700);
border-radius:5px;
padding:0 6px;
transition:background-color .3s ease,color .3s ease;
user-select:none
}
.videoResultItem .videoResultRight .videoResultInfo .videoPublishedDate:hover,.videoResultItem .videoResultRight .videoResultInfo .videoViewsCount:hover{
background-color:rgba(150,190,250,0.8);
color:#1b1b1b
}
.newsResultItem{
background-color:#1e2028;
border-radius:12px;
padding:1.2rem 22px .7rem 18px;
opacity:0;
transform:translateY(20px);
animation:fadeInUp .3s ease-out forwards
}
.newsResultItem:first-child{
padding-top:1.2rem
}
.newsResultItem .newsResultTime{
background-color:var(--time-stamp);
color:var(--primary-700);
border-radius:5px;
padding:0 6px;
user-select:none;
transition:background-color .3s ease,color .3s ease
}
.newsResultItem .newsResultTime:hover{
background-color:rgba(150,190,250,0.8);
color:#1b1b1b
}
.podcast_result{
background-color:#1e2028;
border-radius:12px;
padding:1.2rem 22px .7rem 18px;
opacity:0;
transform:translateY(20px);
animation:fadeInUp .3s ease-out forwards
}
.podcast_result .body .thumbnail img{
transition:box-shadow .5s ease
}
.podcast_result .body .thumbnail img:hover{
box-shadow:0 8px 15px rgba(0,0,0,0.2)
}
.podcast_result .body{
margin-top:0
}
.podcast_result .title a{
transition:all .5s ease
}
.podcast_result .episode_meta>div+div,.podcast_result .body .content .podcast_publisher,.podcast_result .podcast_duration{
background-color:var(--time-stamp);
color:var(--primary-700);
border-radius:5px;
padding:0 6px;
transition:background-color .3s ease,color .3s ease;
user-select:none
}
.podcast_result .episode_meta>div+div:hover,.podcast_result .body .content .podcast_publisher:hover,.podcast_result .podcast_duration:hover{
background-color:rgba(150,190,250,0.8);
color:#1b1b1b
}
.podcast_result .body .content .podcast_publisher i{
color:var(--primary-700);
transition:color .3s ease
}
.podcast_result .body .content .podcast_publisher:hover i{
color:#1b1b1b
}
.widget-time-ago{
background-color:rgba(150,190,250,0.8);
color:#1b1b1b;
user-select:none;
border-radius:5px;
display:inline-block;
padding:0 6px;
margin-bottom:auto;
margin-top:auto
}
.app-header.app-content-box{
position:sticky;
top:0;
z-index:114;
background:rgba(26,28,35,0.2);
border-bottom-left-radius:16px;
border-bottom-right-radius:16px;
box-shadow:0 2px 15px rgba(0,0,0,.7);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
border:1px solid rgba(35,35,37,0.3)
}
.quick-settings{
background:rgba(32,33,36,0.6);
border-bottom-left-radius:16px;
border-top-left-radius:16px;
box-shadow:0 7px 10px #1a1c23;
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
border:2px solid rgba(35,35,37,0.7)
}
.sri-group .sr-group {
padding: 10px 10px 20px 30px!important;
margin-top:0px
}
.correctedQuery{
line-height:2
}
.wikipedia_results{
background-color:#28282a
}
.wiki_desc_text{
line-height:1.55
}
.app-box{
background-color:#17191e
}
.app-box-center{
margin-top:1rem
}
.read-more-inline{
background-color:var(--button-color);
color:#1b1b1b;
border-radius:10px;
padding:2px 8px
}
.read-more-inline:hover{
background-color:var(--button-hover-color);
color:#1b1b1b
}
.read-more-inline svg{
color:#1b1b1b;
transition:all .3s ease
}
.read-more-inline:hover svg{
color:#1b1b1b;
transform:translateX(5px)
}
._0_results_summary_text{
color:#b3b7bb
}
.__sri-time{
background-color:var(--time-stamp);
color:var(--primary-700);
user-select:none
}
.__sri-time.--new{
background-color:var(--time-stamp);
color:var(--primary-700);
user-select:none
}
.sri-group,.search-result,.scene{
background-color:#1e2028;
border-radius:5px;
opacity:0;
transform:translateY(20px);
animation:fadeInUp .3s ease-out forwards
}
.__sri-title,.__sri_title_link{
transition:all .5s ease
}
.scene{
padding:1rem;
opacity:0;
transform:translateY(20px);
animation:fadeInUp .3s ease-out forwards
}
body,html,.mob{
background-color:#17191e;
font-family:var(--font-lufga),system-ui
}
.search-result{
padding:1.2rem .8rem .6rem .8rem;
opacity:0;
transform:translateY(20px);
animation:fadeInUp .3s ease-out forwards
}
@keyframes fadeInUp{
to{
opacity:1;
transform:translateY(0)
}
}
.widgetContent{
background-color:#1e2028;
border-radius:5px;
padding:1.2rem 22px .7rem 18px;
opacity:0;
transform:translateY(20px);
animation:fadeInUp .3s ease-out forwards
}
.serp-nav .nav_item{
position:relative
}
.serp-nav .nav_item:after{
content:"";
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:3px;
background-color:var(--nav_n_se_line);
transform:scaleY(0);
transform-origin:bottom;
transition:transform .3s ease,box-shadow .3s ease;
border-top-left-radius:5px;
border-top-right-radius:5px
}
.serp-nav .nav_item:hover:after{
transform:scaleY(1)
}
._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{
transform:scaleY(1)
}
._0_more_search_box{
text-align:center;
width:80%
}
.__sri_title_link._0_sri_title_link._0_URL{
border-bottom:none!important
}
.__srgi-title a{
border-bottom:none!important
}
.newsResultItem .newsResultHeader .newsResultTitle a._0_TITLE{
border-bottom:none!important
}
.wikipediaResult a{
border-bottom:none!important;
color:var(--button-color)
}
._0_results_summary_box{
border-bottom:none!important;
margin-bottom:30px;
background-color:#1e2028;
border-radius:22px;
padding:20px
}
.results_summary_text_box:has(#qa_show_more:not(:checked)) .smw::before{
background:linear-gradient(transparent,#1e2028)
}
._0_summarize_link{
background-color:var(--button-color);
max-width:max-content;
margin-bottom:10px;
margin-top:3px;
border-radius:10px!important;
padding:5px 10px
}
._0_summarize_link:hover{
background-color:var(--button-hover-color);
box-shadow:0 8px 15px rgba(0,0,0,0.2);
transition:all .5s ease
}
._0_summarize_link svg{
transition:all .3s ease!important
}
._0_summarize_link:hover .ic svg{
transform:translateX(5px)!important
}
._0_summarize_link,._0_summarize_link a{
color:#232325!important
}
.top-content .top-content ._0_provider-content{
display:none!important
}
._0_results_summary_link_to_IA{
background-color:var(--inline-domain-tag-bg);
max-width:max-content;
padding:5px;
border-radius:10px;
margin-top:15px;
transition:all .5s ease;
user-select:none;
}
._0_results_summary_link_to_IA:hover{
background-color:var(--button-hover-color);
box-shadow:0 8px 15px rgba(0,0,0,0.2)
}
.results_summary_text_box sup a{
border-radius:50%;
background-color:#2D2F2F;
color:#8D9191;
padding:1px 4px;
transition:background-color .3s ease,color .3s ease
}
.results_summary_text_box sup a:hover{
background-color:var(--source-highlight-color);
color:#F2FCFC;
transition:all .5s ease
}
._0_results_summary_links{
margin-bottom:30px
}
._0_results_summary_links a{
transition:color .3s ease-in-out,transform .3s ease-in-out;
border-radius:3px;
display:inline-block;
text-decoration:none
}
._0_results_summary_links a.__0_highlight,._0_results_summary_links a:hover{
transform:translateX(3px);
background-color:var(--source-highlight-color);
color:var(--resultsummary-highlight_text)
}
._0_results_summary_links .__domain-name{
user-select:none
}
.widget .wasb{
background-color:#1e2028
}
.wasb-title{
text-decoration:none;
font-size:1.25rem;
font-weight:450
}
.wolfram-answer{
background-color:#1e2028;
margin-bottom:25px;
border-radius:10px;
padding-right:10px;
padding-left:10px
}
._0_discuss_document_btn{
background-color:var(--button-color);
color:#1b1b1b;
border-radius:10px;
padding:2px 8px;
max-width:max-content;
position:relative;
margin-top:1rem
}
._0_discuss_document_btn:hover{
background-color:var(--button-hover-color);
color:#1b1b1b
}
._0_discuss_document_btn svg{
transition:all .3s ease
}
._0_discuss_document_btn:hover svg{
transform:translateX(5px)
}
.smw{
background-color:var(--button-color);
color:#1b1b1b;
border-radius:10px;
padding:2px 8px;
max-width:max-content;
position:relative;
margin:10px auto 0;
user-select:none
}
.smw:hover{
background-color:var(--button-hover-color);
color:#1b1b1b
}
.smw svg{
transition:all .3s ease
}
.smw:hover svg{
transform:translateX(3px)
}
.results_summary_text_box:has(#qa_show_more:not(:checked)) .smw::before{
background:linear-gradient(transparent,#1e2028)
}
.ks-tooltip-body{
background-color:var(--k-tooltip-text);
color:#FDFDFD
}
.ia-tooltip-body__desc,.ia-tooltip-body__desc__title{
color:#fdfdfd
}
.tooltip_base{
color:var(--k-tooltip-bg);
background-color:var(--k-tooltip-text);
box-shadow:0 8px 15px rgba(0,0,0,0.2);
width:500px;
z-index:115
}
[data-arrow]{
background-color:var(--k-tooltip-text)
}
.related-items a{
background-color:#1e2028;
transition:all .5s ease
}
.footer-search-results #load_more_results,.btn.--primary{
transition:all .5s ease
}
.ranked-c-adjust-info-icon:not(.new-tooltip) .k-tooltip,.tooltip-trigger:not(.new-tooltip) .k-tooltip{
background-color:var(--k-tooltip-text);
color:#FDFDFD
}
.widgetContent .widgetItems .widgetItem{
background-color:#17191e;
transition:all .5s ease
}
.widgetItem .videoResultThumbnail img{
border-top-left-radius:5px;
border-bottom-left-radius:5px
}
.search-form .search-input-container,.search-form .search-input-container-kids{
box-shadow:1px 8px 30px 0 rgba(0,0,0,0.3)
}
.paywall-icon .paywall-tooltip{
color:var(--k-tooltip-bg);
background-color:var(--k-tooltip-text);
box-shadow:0 8px 15px rgba(0,0,0,0.2)
}
.btn.--secondary-light-s:hover{
border:1px solid var(--primary-hover);
color:var(--primary-hover);
transition:all .5s ease
}
.inlineHeader{
transition:all .5s ease
}
.ranked-c-adjust-info-icon:not(.new-tooltip) .k-tooltip:after, .tooltip-trigger:not(.new-tooltip) .k-tooltip:after {
border-top: 8px solid var(--secondary);
}
.auto_suggestions_lenses_edit_box:hover {
background-color: var(--sri-hover-color);
}
.top_podcast_item {
width: 130px;
background-color: #1e2028;
padding: 10px;
border-radius: 12px;
}
.widget-time-ago {
background-color: rgba(150, 190, 250, 0.8);
color: #1b1b1b;
user-select: none;
border-radius: 5px;
display: inline-block;
padding: 0 6px;
margin-bottom: auto;
margin-top: auto;
}
.podcast_result {
background-color: #1e2028;
border-radius: 12px;
padding-top: 1.2rem;
padding-right: 22px;
padding-bottom: 0.7rem;
padding-left: 18px;
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.3s ease-out forwards;
}
.scene {
padding: 1rem;
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.3s ease-out forwards;
}
@keyframes fadeInUp {
to{
opacity: 1;
transform: translateY(0);
}
}
._0_queryInfo{
display: none;
}
._0_results_summary_link_to_IA a {
color:var(--primary-700);
}
._0_results_summary_link_to_IA a:hover {
color:#1b1b1b;
text-decoration:none!important;
}
.top_nav_links>a{
background-color: var(--button-color);
padding-left: 20px;
border-radius: 20px;
color: #232325 !important;
box-shadow: 0 0 10px rgba(0,0,0,.5);
transition: all 0.5s ease;
padding-right: 20px;
height: 40px;
}
.top_nav_links>a:hover{
background-color:var(--button-hover-color);
}
#settings_showFiltersPanel:checked~.top-panel #top-parent {
margin-left:3px;
}
.cheatsh .content{
background-color: var(--primary-25);
border-radius: 5px;
}
.cheatsh .cheatsh_content_wrpr::after {
background-color: var(--primary-50);
}
.cheatsh .code {
box-shadow: 0 0 10px rgba(0,0,0,.25)
}
.ranked-box-overlay.--open {
left:656px !important;
}
#form .buttons button.submit {
background-color: #89b4fa !important;
}
#form .buttons button.submit:hover {
background-color: #b4befe !important;
}
.mb-10 a.btn {
background-color: #89b4fa !important;
}
.mb-10 a.btn:hover {
background-color: #b4befe !important;
}
.control-center-btn {
background-color: #89b4fa !important;
color: #313244 !important;
}
.control-center-btn:hover {
background-color: #b4befe !important;
}
#form {
background-color: #1e1e2e !important;
border-color: #89b4fa !important;
}
.search-form .search-input-container {
border: 1px solid #89b4fa !important;
}
button.searchFormSubmitBtn {
background-color: #89b4fa !important;
}
button.searchFormSubmitBtn:hover {
background-color: #b4befe !important;
}
#form #promptBoxButtonsGroup {
border-color: #89b4fa !important;
}
| 1 | :root { |
| 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{ |
| 745 | display: none; |
| 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; |
| 817 | } |
| 818 |