My Channel9 custom CSS

user.css

.navHolder {
	background: linear-gradient(-45deg, red, indigo, orange, pink, yellow, lightgreen, green, blue, rebeccapurple, purple);
	background-size: 400% 400%;
	animation: animation 90s infinite; 
}

@keyframes animation { 
    0%{background-position:0% 0%}
    50%{background-position:100% 100%}
    100%{background-position:0% 00%}
}

.buttonSec, .buttonTog, .buttonPri, .ch9Name, #siteSearchText, #siteSearchButton, #siteSearchButtonLabel {
  border-radius: 30px;
}

img {
    border:0;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   
}

img:hover {
    box-shadow: 0px 0px 150px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.3);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.3);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.3);
    transition: all 200ms ease-in;
    transform: scale(1.3);
}

ul.mainNavigation>li a:not(.buttonPri) {
  color: white;
}

ul.mainNavigation>li a:not(.buttonPri):hover {
  color: white;
  font-weight: bold;
}