MaterialSearchbar.user.css

/* ==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;}
}