Black, Highlights
Ted Talk by bamabraves
Details
Authorbamabraves
LicenseNo License
Categoryhttps://www.ted.com/
Created
Updated
Size28 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.@-moz-document domain("ted.com") {
/* ==UserStyle==
@name Ted Talk
@namespace none
@author BamaBraves
@description `Black Highlights`
@version 1
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
/* Site Settings */
* {
letter-spacing: 1px !important;
text-decoration: none !important;
transition: none !important;
}
.uppercase
{
text-transform: capitalize !important;
}
.outline-none,
:focus
{
border: none !important;
box-shadow: none !important;
outline: none !important;
text-shadow: none !important;
}
.object-cover {
object-fit: inherit!important;
}
main#maincontent {
z-index: 1!important;
}
.text-tui-sm
{
font-size: 1.52rem !important;
}
/* Remove Items
_____________________________________________________________________________________________________*/
#onetrust-pc-sdk .ot-pc-footer-logo,
.bg-adgray,
.mb-10,
.w-full.pb-6.pt-3,
[data-testid="section__homepage-ad-abtf"],
section.flex.flex-row.items-center.justify-center.sticky.top-0
{
left: -9999px !important;
position: absolute !important;
top: -9999px !important;
}
/* Heights
_____________________________________________________________________________________________________*/
img.object-cover
{
min-height: 75%!important;
}
/* Width
_____________________________________________________________________________________________________*/
#content,
#related-posts,
#topics-slider,
.container,
.header__container,
.pages_container__HXff4,
.\32xl-tui\:max-w-tui-content,
[class*='max-w-']
{
max-width: none !important;
}
.pages_container__HXff4,
.\32xl-tui\:max-w-tui-content,
[class*='max-w-']
{
width: 98% !important;
}
img.object-cover
{
min-width: 75%!important;
}
}
@-moz-document domain("ted.com") {
/* Font Settings */
a[href]
{
color: #0ff !important;
text-shadow: 1px 1px #000 !important;
}
a[href]:visited
{
color: #fc79fc !important;
text-shadow: 1px 1px #000 !important;
}
/* Yellow
_____________________________________________________________________________________________________*/
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\]:hover p,
.bg-white\/\[\.30\]:hover span,
.group:hover .group-hover\:bg-gray-50 .text-gray-900,
.hover\:bg-gray-300:hover span,
.text-textPrimary-onLight.label1.text-tui-xs.leading-\[150\%\]:hover,
.relative.inline-flex.min-w-button.select-none.items-center.justify-center.rounded-sm.py-3.transition-colors.duration-1000.min-h-button.px-5.bg-white.text-black:hover .text-sm.font-bold,
a[href]:hover,
.button:hover,
button.mt-5.flex.items-center.justify-center.gap-2.rounded-sm.py-2.bg-white.py-\[9px\]:hover p,
button.ot-pc-refuse-all-handler:hover,
button.save-preference-btn-handler.onetrust-close-btn-handler:hover,
h1,
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label,
p.px-10.text-textPrimary-onLight.font-normal.header2.xs-tui\:text-tui-5xl.xs-tui\:leading-\[110\%\].xs-tui\:-tracking-\[1\.2px\].sm-tui\:text-tui-5xl.sm-tui\:leading-\[110\%\].sm-tui\:-tracking-\[1\.2px\].md-tui\:text-tui-6xl.md-tui\:leading-\[110\%\].md-tui\:-tracking-\[1\.28px\].lg-tui\:text-tui-7xl.lg-tui\:leading-\[105\%\].lg-tui\:-tracking-\[1\.8px\].xl-tui\:text-tui-8xl.xl-tui\:leading-\[105\%\].xl-tui\:-tracking-\[2px\]
{
color: #ff0 !important;
}
/* White
_____________________________________________________________________________________________________*/
#onetrust-consent-sdk #onetrust-pc-sdk #clear-filters-handler,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-modal #modal-header,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-lst-title h3,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-sel-blk p,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-ven-lst .consent-category,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .back-btn-handler p,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .ot-ven-name,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-ven-lst .ot-ven-opts p,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-checkbox label span,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-chkbox label span,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-label-status,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-inactive-leg-btn,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-li-title,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-optout-signal,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-sel-all-hdr span,
/*x#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
x#onetrust-consent-sdk #onetrust-pc-sdk h5,
#onetrust-consent-sdk #onetrust-pc-sdk h6,*/
#onetrust-consent-sdk #onetrust-pc-sdk p,
#sailthru-overlay-container .sailthru_0_0_2,
.text-gray-700,
.text-gray-900,
.text-textPrimary-onLight,
body,
li,
p
{
color: #fff !important;
}
/* Khaki
_____________________________________________________________________________________________________*/
#related-posts .related-title,
#sailthru-overlay-container .sailthru_0_0_1,
.flex.w-full.pl-5:hover .text-textPrimary-onLight,
.lg-tui\:text-tui-4xl,
.text-textPrimary-onDark.font-bold.text-tui-sm.leading-tui-md.tracking-tui-tight.lg\:leading-tui-lg,
.widget > .title,
[data-testid="TalkGrid Talk Item"]:hover .text-textPrimary-onLight,
h1,
h2,
.leading-md,
.font-semibold.text-textPrimary-onLight.font-normal.display.xs-tui\:text-tui-11xl.xs-tui\:leading-\[100\%\],
.pages_e1__FObo8,
.mt-2.text-textPrimary-onLight.font-semibold.subheader2.xs-tui\:text-tui-base.xs-tui\:leading-\[120\%\].xs-tui\:-tracking-\[0\.32px\].sm-tui\:text-tui-base.sm-tui\:leading-\[120\%\].sm-tui\:-tracking-\[0\.32px\].md-tui\:text-tui-base.md-tui\:leading-\[120\%\].md-tui\:-tracking-\[0\.32px\].lg-tui\:text-tui-base.lg-tui\:leading-\[120\%\].lg-tui\:-tracking-\[0\.32px\].xl-tui\:text-tui-lg.xl-tui\:leading-\[115\%\].xl-tui\:-tracking-\[0\.36px\],
.text-textPrimary-onLight.font-semibold.header4.xs-tui\:text-tui-xl.xs-tui\:leading-\[115\%\].xs-tui\:-tracking-\[0\.6px\].sm-tui\:text-tui-xl.sm-tui\:leading-\[115\%\].sm-tui\:-tracking-\[0\.6px\].md-tui\:text-tui-xl.md-tui\:leading-\[115\%\].md-tui\:-tracking-\[0\.6px\].lg-tui\:text-tui-2xl.lg-tui\:leading-\[115\%\].lg-tui\:-tracking-\[0\.77px\].xl-tui\:text-tui-3xl.xl-tui\:leading-\[115\%\].xl-tui\:-tracking-\[0\.96px\],
.text-textPrimary-onLight.font-semibold.subheader1.xs-tui\:text-tui-lg.xs-tui\:leading-\[115\%\],
.text-textPrimary-onLight.font-semibold.subheader2.xs-tui\:text-tui-base.xs-tui\:leading-\[120\%\].xs-tui\:-tracking-\[0\.32px\].sm-tui\:text-tui-base.sm-tui\:leading-\[120\%\].sm-tui\:-tracking-\[0\.32px\].md-tui\:text-tui-base.md-tui\:leading-\[120\%\].md-tui\:-tracking-\[0\.32px\].lg-tui\:text-tui-base.lg-tui\:leading-\[120\%\].lg-tui\:-tracking-\[0\.32px\].xl-tui\:text-tui-lg.xl-tui\:leading-\[115\%\].xl-tui\:-tracking-\[0\.36px\],
span.text-textPrimary-onLight.label2.text-tui-sm.leading-\[135\%\].tracking-\[0\.14px\].uppercase.font-bold
{
color: #f0e890 !important;
}
/* Burlywood
_____________________________________________________________________________________________________*/
#ot-category-title,
.pt-3.text-textPrimary-onLight.label2.text-tui-sm.leading-\[135\%\],
b,
h3,
h4,
i
{
color: #e0b880 !important;
}
/* Sandy Brown
_____________________________________________________________________________________________________*/
.px-1 .text-textSecondary-onLight,
.w-\[109px\] .text-textSecondary-onLight,
h5,
h6,
label
{
color: #f0a060 !important;
}
/* Blue
_____________________________________________________________________________________________________*/
.text-xs.mb-1.text-gray-900,
time
{
color: #07beff !important;
}
/*
_____________________________________________________________________________________________________*/
.md-tui\:pr-12,
input,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
select,
textarea
{
background-color: #5d1b1b !important;
color: #fff !important;
}
/*
_____________________________________________________________________________________________________*/
::selection {
background: #ff9 !important;
color: #000 !important;
}
pre ::selection {
background: #ff9 !important;
color: #fff !important;
}
::placeholder {
color: #f48f8f !important;
opacity: 1;
}
/* Misc
_____________________________________________________________________________________________________*/
.text-textPrimary-onLight.label1.text-tui-xs.leading-\[150\%\],
.text-xs.font-bold.uppercase.text-gray-500.mb-1
{
color: #9bfff4 !important;
}
}
@-moz-document domain("ted.com") {
/* Background Settings */
body,
html
{
background: #000 !important;
}
selector
{
background-image: none !important;
}
#sailthru-overlay-container.sailthru-overlay-container {
background-color: #000000e0;
}
/* Background
_____________________________________________________________________________________________________*/
.bg-white:not(.px-1),
.bg-gray-50
{
background: #060505 !important;
background-color: #060505 !important;
}
selector
{
background-color: #101010 !important;
}
/* Background Transparent
_____________________________________________________________________________________________________*/
.article-footer .tag-list a,
.bg-black,
.bg-gray-300,
.bg-white.px-1,
.pages_page__f3WPz,
.talk-topics__link,
.to-white,
.widget_archives .list a
{
background: #0000 !imp...