Youtube - Mario button by zanzi092

/* ==UserStyle==
@name           Youtube - Mario button
@namespace      USO Archive
@author         Zanzi
@description    `Change the like and dislike-button to mario`
@version        2021.7.21
@license        CC BY 4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("youtube.com") {
yt-icon.style-scope.ytd-toggle-button-renderer {
    display: none;
}
.style-scope.ytd-playlist-sidebar-primary-info-renderer #top-level-buttons ytd-toggle-button-renderer a #button yt-icon.style-scope.ytd-toggle-button-renderer {
	display: block !important;   
}
.style-scope.ytd-playlist-sidebar-primary-info-renderer #top-level-buttons ytd-toggle-button-renderer.style-text[is-icon-button] {
	background-image: none !important;
}
ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer, a.yt-simple-endpoint.ytd-toggle-button-renderer {
    outline: none;
}

/*無*/ytd-toggle-button-renderer.style-text[is-icon-button] {
 background-image: url("https://i.imgur.com/xgzhUbd.png") !important;
 background-size: 25px;
 background-repeat: no-repeat;
 background-position: 0px;
}

/*讚*/ytd-menu-renderer ytd-toggle-button-renderer.style-default-active[is-icon-button]:nth-of-type(1) {
 background-image: url("https://i.imgur.com/nbHn2dO.png") !important;
 background-size: 25px;
 background-repeat: no-repeat;
 background-position: 0px 18px !important;
 transform: translateY(-10px);
    
 /*[[transition]]*/
 transition-delay: 0s, .5s;
} 
    
/*DISLIKE*/ytd-menu-renderer ytd-toggle-button-renderer.style-default-active[is-icon-button]:nth-of-type(2) {
 background-image: url("https://i.imgur.com/iuYa9NW.png") !important;
 background-size: 25px;
 background-repeat: no-repeat;
 background-position: 0px;
 transform: rotateX(180deg);
    
 padding-top: 4px;
 /*[[transition]]*/
} /* Disliked button */

ytd-menu-renderer ytd-toggle-button-renderer.style-default-active[is-icon-button]:nth-of-type(1) >*{
  /*[[transition]]*/
  transform: translateY(10px);
} /* Disliked button */
ytd-menu-renderer ytd-toggle-button-renderer.style-default-active[is-icon-button]:nth-of-type(2) >*{
  /*[[transition]]*/
  transform: rotateX(-180deg);
} /* Disliked button */
}

@-moz-document domain("youtube.com") {
#vote-count-left.ytd-comment-action-buttons-renderer[hidden] + #like-button.ytd-comment-action-buttons-renderer, #like-button.ytd-comment-action-buttons-renderer, #dislike-button.ytd-comment-action-buttons-renderer {
    background-size: 20px;
    background-position: 5px;
}

/*留言讚*/ytd-toggle-button-renderer.style-default-active[is-icon-button]:nth-of-type(1) {
 background-image: url("https://i.imgur.com/nbHn2dO.png") !important;
 background-size: 25px;
 background-repeat: no-repeat;
 background-position: 5px 11px !important;
 transform: translateY(-5px);
    
 /*[[transition]]*/
 transition-delay: 0s, .5s;
}
    
/*留言dislike*/ytd-toggle-button-renderer.style-default-active[is-icon-button]:nth-of-type(2) {
    background-image: url("https://i.imgur.com/iuYa9NW.png") !important;
    background-size: 25px;
 	background-repeat: no-repeat;
 	transform: rotate(180deg);
    
 	/*[[transition]]*/
}

ytd-toggle-button-renderer.style-default-active[is-icon-button]:nth-of-type(2) >*{
  transform: rotate(-180deg);
  /*[[transition]]*/
}
}