Background from Bing Chat in Main Bing. Many elements such as widgets are reworked to have transparency to support the background.
"New Bing" Background by tobyisawesome
Mirrored from https://raw.githubusercontent.com/tobyisawesome/bing-fluent-skin/main/newbingbackground.user.css
Details
Authortobyisawesome
LicenseNo License
Categorybing.com
Created
Updated
Size6.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This is meant to be used with the Fluent Bing skin, and works fine without it.
Source code
/* ==UserStyle==
@name New Bing background
@namespace bing.com
@version 1.0.4
@description Chat BG for Bing
@author DKoala1087
==/UserStyle== */
@-moz-document domain("bing.com") {
body {
background:radial-gradient(61.04% 89.69% at 100% 100%, rgba(200, 250, 255, 0.08) 0%, rgba(28, 210, 229, 0.08) 40.63%, rgba(28, 210, 229, 0) 100%), radial-gradient(43.78% 64.34% at 60.31% 100%, rgba(23, 74, 228, 0.08) 0%, rgba(23, 74, 228, 0) 100%), linear-gradient(180deg, rgba(23, 74, 228, 0) 29.44%, rgba(23, 74, 228, 0.06) 100%), linear-gradient(90deg, #F3F3F7 0%, #EBF0F9 100%)
}
#b_content {
background-color: transparent;
}
#b_header {
padding: 18px 0 0 0;
background: #ffffff00;
}
#b_results>li {
background-color: #fff0;
}
#b_wpt_insights {
box-shadow: 0 0 0 1px rgba(0,0,0,.05),0 2px 3px 0 rgba(0,0,0,.1);
border-radius: 6px;
margin: 0 -20px 20px;
padding-top: 20px;
background: rgba(255, 255, 255, 0.7);
}
.l_ecrd_ftr {
display: flex;
padding: 16px 20px;
position: relative;
background: rgba(255, 255, 255, 0.7) !important;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.l_ecrd_a1 {
padding: 16px 20px;
background: rgba(255, 255, 255, 0.7) !important;
}
.lite-entcard-blk > div:not(.l_ecrd_bkg_img) {
position: relative;
background: rgba(255, 255, 255, 0.7) !important;
}
.lite-entcard-main {
border: 1px solid rgba(0, 0, 0, 0.0578) !important;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04) !important;
}
.lite-entcard-exp {
background-color: #fff0;
clear: both;
overflow: hidden;
padding: 10px 10px 0 10px;
position: relative;
}
#b_content .ans_nws .na_cnt .na_ccw.tc {
position: relative;
box-sizing: content-box;
display: block;
height: 80px;
padding: 16px;
margin: 8px 0;
color: #444;
border-radius: 7px !important;
background: rgba(255, 255, 255, 0.7) !important;
box-shadow: 0 0 0 1px rgba(0,0,0,.05);
}
.lite-entcard-exp {
background-color: #fff0 !important;
clear: both;
overflow: hidden;
padding: 10px 10px 0 10px;
position: relative;
}
.nws_itm {
position: relative;
overflow: hidden;
box-shadow: 0 0 0 1px rgba(0,0,0,.05);
background-color: rgba(255, 255, 255, 0.7) !important;
margin-bottom: 12px;
border-radius: 7px !important;
}
#tob_rail_container {
position: relative;
margin-left: -20px;
margin-right: -20px;
padding: 16px 0;
box-sizing: border-box;
box-shadow: 0 0 0 1px rgba(0,0,0,.05);
border-radius: 7px;
background: rgba(255, 255, 255, 0.7);
}
.b-conclfb-wrapper {
display: none;
flex-direction: column;
align-items: flex-start;
padding: 12px;
background-color: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(0, 0, 0, 0.0578);
box-sizing: border-box;
border-radius: 7px;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}
.tl_cl {
position: relative;
box-shadow: 0 0 0 1px rgba(0,0,0,.05),0 2px 3px 0 rgba(0,0,0,.1);
border-radius: 6px;
background: rgba(255, 255, 255, 0.7);
}
.richrsrailtitle {
border-bottom: 1px solid rgba(0, 0, 0, 0.0803);
padding: 5px 19px;
margin: 0 -20px;
}
.richrsrailexpansion ul li, .richrsrailsugwrapper>div {
border-bottom: 1px solid rgba(0, 0, 0, 0.0803);
}
.richrswrapper {
box-shadow: 0 2px 3px rgba(0,0,0,.1),0 -1px 1px rgba(0,0,0,.1);
padding: 9px 19px 4px 19px;
margin: -10px -20px 24px -20px;
width: 100%;
border-radius: 7px;
border: 1px solid rgba(0, 0, 0, 0.0578);
background: rgba(255, 255, 255, 0.7);
}
#b_results #brsv3 .b_vList li a {
max-height: none;
min-height: 48px;
padding: 0 17px;
background: rgba(255, 255, 255, 0.7);
border-radius: 100px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.df_alaskcarousel #relatedQnAListDisplay.openAnsWrapper .b_slidebar .slide, #df_listaa .df_topicqna.openAnsWrapper .b_slidebar .slide {
box-sizing: border-box;
width: 300px;
height: 248px;
margin-right: 8px;
display: inline-block;
background: rgba(255, 255, 255, 0.7);
}
.tl_cl .b_overlay .btn.next::before {
background: #ffffff00 !important;
}
.df_alaskcarousel.rqnaContainerwithfeedback .openans_gradient_div {
background: #ffffff00;
}
#b_pole .b_wpTabsWrapper {
background-color: #fff0 !important;
margin: 1px 0;
padding: 9px 0;
}
#b_content #b_pole .ent-dtab-content, #b_content #b_pole .ent-dtab-content > div:first-child {
background-color: #ffffff00 !important;
}
#b_pole .b_wpTabsWrapper:last-child {
padding-bottom: 9px;
border-bottom: 1px solid rgba(0, 0, 0, 0.0803) !important;
}
#b_header {
border-bottom: 1px solid rgba(0, 0, 0, 0.0803);
}
.dg_b {
padding: 10px;
background-color: transparent;
margin-top: -8px;
display: inline-block;
width: calc(100% - 20px);
}
#rfPane {
background: transparent;
z-index: 3;
width: 100%;
left: 0;
min-width: 1177px;
padding-top: 5px;
}
.touchQuery .carousel .carousel-controls, .touchQuery .carousel .items, .touchQuery .carousel .item, .touchQuery .carousel .carousel-controls .nav_left, .touchQuery .carousel .carousel-controls .nav_right {
background: transparent;
}
.carousel, .carousel a {
color: #111;
background-color: transparent !important;
}
#b_context .b_ans, #b_context #wpc_ag {
background-color: transparent;
}
.l_ecrd_imcolheader.gradient .l_ecrd_imcolheader_txt a, .l_ecrd_imcolheader.gradient .l_ecrd_imcolheader_txt a:visited, #bpage .l_ecrd_imcolheader.gradient .l_ecrd_imcolheader_txt a, #bpage .l_ecrd_imcolheader.gradient .l_ecrd_imcolheader_txt a:visited {
color: rgba(0, 0, 0, 0.8956);
}
#bpage #b_content .b_ans .l_ecrd_imcolheader.gradient .l_ecrd_imcolheader_txt p, #b_content .b_ans .l_ecrd_imcolheader.gradient .l_ecrd_imcolheader_txt p {
color: rgba(0, 0, 0, 0.8956);
padding-bottom: 4px;
}
.l_ecrd_imcolheader.gradient .l_ecrd_imcolheader_txt {
color: rgba(0, 0, 0, 0.8956);
position: relative;
padding-bottom: 16px;
margin-bottom: 12px;
}
}