2016 YouTube Material Design searchbar experiment for V3.
Material Searchbar for V3 by ArbestRi02
Details
AuthorArbestRi02
LicenseNo License
Categorywww.youtube.com
Created
Updated
Size1.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
StarTube with expSearchText and expCenteredSearch required.
1.0.1: Hover effect added, placeholder text has no opacity like 2016
Source code
/* ==UserStyle==
@name Material Searchbar for V3
@namespace github.com/ArbestRi02/
@version 1.0.1
@description 2016 Material Design searchbar experiment for V3
@author ArbestRi
@preprocessor less
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
#masthead-search {
background-color: #f5f5f5;height: 40px;margin-top: 0;margin-left: auto;margin-right: auto;max-width: 570px;}
#masthead-search:before {
content: '';display: inline-block;float: left;margin: 0 28px;opacity: .6;position: relative;top: 12px;background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -594px -48px;background-size: auto;width: 15px;height: 15px;}
#yt-masthead-container:hover #masthead-search:before {
opacity: 1}
#masthead-search-terms {
background-color: transparent;height: 24px;line-height: 24px;margin: 6px 8px 8px 0;}
#search-btn {
display:none !important;}
.masthead-search-terms-border {
border: none;box-shadow: none;}
#masthead-search-terms input {
padding: 0;}
[exp-search-text] #masthead-search-term::placeholder {
opacity: 1;}
}