Black.
Wide screen.
New Icons.
And much more.
YouTube by bamabraves
Details
Authorbamabraves
LicenseNo License
Categoryhttps://www.youtube.com/
Created
Updated
Size21 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./* ==UserStyle==
@name Youtube
@namespace none
@author Bill
@description Black
@version 1
@license NONE
==/UserStyle== */
@-moz-document domain("youtube.com") {
/* Site Settings */
* {
letter-spacing: 1px !important;
text-decoration: none !important;
transition: none !important;
}
selector
{
text-transform: capitalize !important;
}
.Footer,
.navbar,
:focus
{
border: none !important;
box-shadow: none !important;
outline: none !important;
text-shadow: none !important;
}
.navbar
{
position: fixed!important;
z-index: 2!important;
}
/* Remove Items
_____________________________________________________________________________________________________*/
selector
{
left: -9999px !important;
position: absolute !important;
top: -9999px !important;
}
/* Left/Right/Top/Bottom
_____________________________________________________________________________________________________*/
html body>main>*:first-child {
margin-top: 6rem!important;
}
/* Margins
_____________________________________________________________________________________________________*/
selector
{
margin: 1.2rem !important;
}
selector
{
margin: 3px 6px !important;
}
/* Paddings
_____________________________________________________________________________________________________*/
selector
{
padding: 1.2rem !important;
}
selector
{
padding: 13px 26px !important;
}
/* Heights
_____________________________________________________________________________________________________*/
selector
{
max-height: none !important;
}
.shortTextarea
{
height: auto!important;
}
/* Width
_____________________________________________________________________________________________________*/
form:not(.Form).search, .form-wrapper:not(.Form).search,
html body>main>*,
html body>*>.wrapper
{
max-width: none !important;
}
selector
{
width: auto !important;
}
.navbar {
width: 100%!important;
}
[action="/add"],
[action="/import"],
table
{
width: 98% !important;
}
}
@-moz-document domain("userstyles.world") {
/* Media Query */
@media screen and (min-width: 2560px) {
/* Fonts
_____________________________________________________________________________________________________*/
selector
{
font-size: 2.5rem !important;
}
pre code
{
font-size: 1.85rem !important;
}
article li,
article p,
code
{
font-size: 1.52rem !important;
}
selector
{
line-height: 2.5rem !important;
}
selector
{
line-height: 2.1rem !important;
}
/* Widths
_____________________________________________________________________________________________________*/
selector
{
width: 5rem !important;
}
}
@media (min-width: 1920px) and (max-width: 2559px) {
/* Fonts
_____________________________________________________________________________________________________*/
selector
{
font-size: 2.5rem !important;
}
selector
{
font-size: 1.85rem !important;
}
selector
{
font-size: 1.52rem !important;
}
selector
{
line-height: 2.5rem !important;
}
selector
{
line-height: 2.1rem !important;
}
/* Widths
_____________________________________________________________________________________________________*/
selector
{
width: 4rem !important;
}
}
}
@-moz-document domain("userstyles.world") {
/* 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
_____________________________________________________________________________________________________*/
.btn.primary:hover,
a.fg\:1:hover,
a[href]:hover,
h1,
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label
{
color: #ff0 !important;
}
/* White
_____________________________________________________________________________________________________*/
.fg\:3,
body,
li,
p
{
color: #fff !important;
}
/* Khaki
_____________________________________________________________________________________________________*/
.mb\:s,
li code,
p code,
h1,
h2,
table thead th
{
color: #f0e890 !important;
}
/* Burlywood
_____________________________________________________________________________________________________*/
h3,
h4
{
color: #e0b880 !important;
}
/* Sandy Brown
_____________________________________________________________________________________________________*/
h5,
h6,
label
{
color: #f0a060 !important;
}
/* Blue
_____________________________________________________________________________________________________*/
time
{
color: #07beff !important;
}
/* Green
_____________________________________________________________________________________________________*/
selector
{
color: #07ff24 !important;
}
/* Red
_____________________________________________________________________________________________________*/
selector
{
color: #ff0707 !important;
}
/*
_____________________________________________________________________________________________________*/
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
_____________________________________________________________________________________________________*/
selector
{
color: #fff !important;
}
}
@-moz-document domain("userstyles.world") {
/* Background Settings */
body,
html
{
background: #000 !important;
}
selector
{
background-image: none !important;
}
/* Background
_____________________________________________________________________________________________________*/
selector
{
background: #060505 !important;
background-color: #060505 !important;
}
selector
{
background-color: #101010 !important;
}
/* Background Transparent
_____________________________________________________________________________________________________*/
.md code,
.spoiler,
table thead th
{
background: #0000 !important;
background-color: #0000 !important;
}
/* Buttons
_____________________________________________________________________________________________________*/
/* Blue
_____________________________________________________________________________________________________*/
selector
{
background: radial-gradient(circle, #1b8bc8a8 0%, #000 100%) !important;
border-radius: 22px !important;
border: none !important;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff50 !important;
color: #fff !important;
opacity: 1 !important;
position: relative !important;
z-index: 1 !important;
}
selector::before
{
background: radial-gradient(circle, #000 0%, #1b8bc8 100%) !important;
border-radius: 22px !important;
bottom: 0;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
color: #ff0 !important;
content: "";
left: 0;
opacity: 0 !important;
position: absolute !important;
right: 0;
top: 0;
transition: opacity 0.8s linear !important;
z-index: -1 !important;
}
selector:hover::before
{
opacity: 1 !important;
}
/* Red
_____________________________________________________________________________________________________*/
a.fg\:1
{
background: radial-gradient(circle, #d90008a8 0%, #000 100%) !important;
border-radius: 22px !important;
border: none !important;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff50 !important;
color: #fff !important;
opacity: 1 !important;
position: relative !important;
z-index: 1 !important;
}
a.fg\:1::after
{
background: radial-gradient(circle, #000 0%, #d90008 100%) !important;
border-radius: 22px !important;
bottom: 0;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
color: #ff0 !important;
content: "";
left: 0;
opacity: 0 !important;
position: absolute !important;
right: 0;
top: 0;
transition: opacity 0.8s linear !important;
z-index: -1 !important;
}
a.fg\:1:hover:after
{
opacity: 1 !important;
}
/* Orange
_____________________________________________________________________________________________________*/
selector {
background: radial-gradient(circle, #ca3805a8 0%, #000 100%) !important;
border-radius: 22px !important;
border: none !important;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff50 !important;
color: #fff !important;
opacity: 1 !important;
position: relative !important;
z-index: 1 !important;
}
selector::before
{
background: radial-gradient(circle, #000 0%, #ca3805 100%) !important;
border-radius: 22px !important;
bottom: 0;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
color: #ff0 !important;
content: "";
left: 0;
opacity: 0 !important;
position: absolute !important;
right: 0;
top: 0;
transition: opacity 0.8s linear !imp...