Moves search a bit to the left like it was in 2017-19
and makes it a bit smaller.
Old Youtube Search Bar by 22702160r
![Screenshot of Old Youtube Search Bar](https://userstyles.world/preview/8399/0.jpeg)
Details
Author22702160r
LicenseNo License
Categorywww.youtube.com, youtu.be, https://youtube.com
Created
Updated
Size1.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name youtube.com
@version 20230201.17.50
@namespace ?
==/UserStyle== */
@-moz-document domain("youtube.com") {
/* Topbar, sidebar, button and icons adjustments */
html, [light] {
--yt-spec-icon-active-other: hsla(0, 0%, 6.7%, .4);
}
#masthead-container.ytd-app::after {
margin-bottom: -5px;
box-shadow: inset 0px 4px 8px -3px rgba(17, 17, 17, .06);
}
ytd-app[hide-header-shadow] #masthead-container.ytd-app::after {
opacity: 1;
}
#guide-inner-content.ytd-app {
background-color: rgba(0, 0, 0, .04);
}
ytd-mini-guide-renderer.ytd-app {
display: none;
}
ytd-app[mini-guide-visible] ytd-page-manager.ytd-app {
margin-left: 0px;
}
ytd-guide-entry-renderer[active] {
background-color: transparent ;
}
.guide-icon.ytd-guide-entry-renderer {
color: #909090 !important;
}
#center.ytd-masthead {
flex: 1;
margin-left: 12px;
margin-right: 12px;
}
ytd-searchbox.style-scope.ytd-masthead {
max-width: 656px;
height: 32px;
}
form#search-form.style-scope.ytd-searchbox {
height: 32px;
}
button#search-icon-legacy.style-scope.ytd-searchbox {
width: 65px;
height: 32px;
}
button#search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
max-width: 20px;
max-height: 20px;
opacity: 0.6;
}
#voice-search-button.ytd-masthead {
display: none;
}
#container.ytd-searchbox {
margin-left: 0px;
}
#container.ytd-searchbox > [slot=search-input] input {
box-sizing: border-box;
padding: 1px 6px;
margin: 0;
}
ytd-searchbox[has-focus] #search-icon.ytd-searchbox {
display: none;
}
ytd-searchbox[has-focus] #container.ytd-searchbox {
padding: 2px 6px 2px 6px;
margin: 0;
}
div.sbqs_c::before {
display: none;
}
}