BITVIEW 2011 by griffenhiggins

/* ==UserStyle==
@name         BITVIEW 2011
@version      20240412.18.53
@namespace    https://userstyles.world/user/griffenhiggins
@description  Makes Bitview look less like late 2010 and more like 2011.
@author       griffenhiggins
@license      No License
==/UserStyle== */

@-moz-document domain("www.bitview.net") {
#masthead .search-term {
border: 1px solid #999999;
border-bottom: 1px solid #c6c3c3;
}
#page #masthead-search .search-term {
width: 360px;
margin-left: -13px;
}
#page #masthead-search .yt-uix-button {
border: 1px solid #999999;
margin-left: -5px;
height: 25px;
}
#page #masthead-search input, #page #masthead-search button {
font: 12px arial,sans-serif;
}
#page #masthead-nav {
margin-left: -14px;
}
#page #masthead-nav a:nth-of-type(1) {
border-left: 1px solid #ccc0;
}
}

@-moz-document url-prefix("https://www.bitview.net/watch?v="), url-prefix("https://www.bitview.net/embed"), url-prefix("https://www.bitview.net/user/") {
.vlPlayer2010 .vlShadow,
.vlPlayer2010 .vlSoundShadow {
	display: none;
}
/*For accuracy, uncomment this.
.vlPlayer2010 .vlPopOut {
display: none
}
*/
.vlPlayer2010 .vlControlsBar {
	background: url("https://i.imgur.com/enDqhey.png");
	opacity: 1.0 !important;
	border-bottom: 1px solid #ccc0;
}
.vlPlayer2010 .vlButton {
	background: url("https://i.imgur.com/enDqhey.png");
	border-left: 1px solid #ccc0;
	box-shadow: inset -1px -1px #eee0;
}
.vlPlayer2010 .vlButton.active {
	background-size: auto;
}
.vlPlayer2010 .vlSoundBar {
	background: url(https://i.imgur.com/enDqhey.png) no-repeat !important;
	border-right: 1px solid #ccc0;
}
.vlPlayer2010 .vlTime {
	background: url(https://i.imgur.com/enDqhey.png) no-repeat !important;
}
.vlPlayer2010 .vlPlay {
	width: 55px;
	height: 24px;
	background-position: -32px -152px;
	;
	border-right: 1px solid #222222;
	background-image: url("https://i.imgur.com/BSD0YAy.png");
}
.vlPlayer2010 .vlPlay {
	width: 55px;
	height: 24px;
	background-position: -32px -152px;
	;
	border-right: 1px solid #222222;
	background-image: url("https://i.imgur.com/BSD0YAy.png");
}
.vlPlayer2010 .vlPlay:hover,
.vlPlayer2010 .vlPlay:active {
	background-image: url("https://i.imgur.com/BSD0YAy.png") !important;
	background-position: -32px -125px;
	background-size: auto;
	box-shadow: inset -1px -1px #eee0;
}
.vlPlayer2010 .vlPlay > i {
	visibility: hidden;
}
.vlPlayer2010.playing .vlPlay > i {
	visibility: hidden;
}
.vlPlayer2010.playing .vlPlay {
	background-image: url("https://i.imgur.com/BSD0YAy.png") !important;
	background-position: 0 -341px;
}
.vlPlayer2010.playing .vlPlay:hover,
.vlPlayer2010.playing .vlPlay:active {
	background-image: url("https://i.imgur.com/BSD0YAy.png") !important;
	background-position: 0 -71px;
	background-size: auto;
}
.vlPlayer2010 .vlMute {
	background-image: url("https://i.imgur.com/BSD0YAy.png") !important;
	background-position: 0 -233px;
	width: 33px;
}
.vlPlayer2010 .vlMute:hover,
.vlPlayer2010 .vlMute:active {
	background-position: 0 -179px !important;
	box-shadow: inset -1px -1px #eee0;
}
.vlPlayer2010 .vlMute > i {
	visibility: hidden;
}
.vlPlayer2010 .vlVolumeBar {
	background: #0b3b7f
}
.vlPlayer2010 .vlButton {
	border-left: 1px solid #222222;
}
.vlPlayer2010 .vlCurrent {
	color: #fff;
	border-left: 1px solid #222222;
}
.vlPlayer2010 .vlTimeText {
	color: #999;
}
.vlPlayer2010 .vlOptions {
	color: #fff0;
	background: no-repeat url(https://i.imgur.com/BSD0YAy.png);
	background-position: -89px -71px !important;
	border: 1px #0000 solid;
	border-right: 1px #222222 solid;
	margin-right: 0px;
	margin-top: 1px;
	width: 21px;
}
.vlPlayer2010 .vlOptions:hover,
.vlPlayer2010 .vlOptions:active {
	color: #fff0;
	background: no-repeat url(https://i.imgur.com/BSD0YAy.png);
	background-position: -35px -260px !important;
	border: 1px #0000 solid;
	border-right: 1px #222222 solid;
	margin-right: 0px;
	margin-top: 1px;
	width: 21px;
}
.vlPlayer2010 .vlPopOut {
	background: no-repeat url(https://i.imgur.com/BSD0YAy.png);
	background-position: -95px -179px;
	height: 25px;
	width: 30px;
}
.vlPlayer2010 .vlPopOut > i {
	visibility: hidden;
}
.vlPlayer2010 .vlPopOut:hover,
.vlPlayer2010 .vlPopOut:active {
	background: no-repeat url(https://i.imgur.com/BSD0YAy.png);
	background-position: -95px -125px;
	height: 25px;
	width: 30px;
	box-shadow: inset -1px -1px #eee0;
}
.vlPlayer2010 .vlExpand {
	margin-top: -0px;
	background: no-repeat url(https://i.imgur.com/BSD0YAy.png);
	background-position: -121px -340px;
	border: #0000;
}
.vlPlayer2010 .vlExpand > i {
	visibility: hidden;
}
.vlPlayer2010 .vlExpand:hover,
.vlPlayer2010 .vlExpand:active {
	background: no-repeat url(https://i.imgur.com/BSD0YAy.png);
	background-position: -32px -43px;
	box-shadow: inset -1px -1px #eee0;
}
.vlPlayer2010 .vlFullScreen {
	background: no-repeat url(https://i.imgur.com/BSD0YAy.png);
	background-position: -128px -45px !important;
	border: 1px solid #ccc0;
}
.vlPlayer2010 .vlFullScreen > i {
	visibility: hidden;
}
.vlPlayer2010 .vlFullScreen:hover,
.vlPlayer2010 .vlFullScreen:active {
	background: no-repeat url(https://i.imgur.com/BSD0YAy.png);
	background-position: -89px -342px !important;
	box-shadow: inset -1px -1px #eee0;
}
.vlPlayer2010 .vlSeeker > s > i {
	background: no-repeat url(https://i.imgur.com/ofWCaVE.png) -305px -41px;
	width: 17px;
	top: -6px;
}
.vlPlayer2010 .vlSeeker.active {
	background: no-repeat url(https://i.imgur.com/ofWCaVE.png);
	background-position: 0px 0px;
	filter: hue-rotate(230deg);
	width: 17px;
	top: -6px;
}
.vlPlayer2010 .vlProgressBar .vlProgress > b {
	background: linear-gradient(to top, #072a5b 83%, #0b3b7f 61%);
	opacity: 1.0 !important;
}
.vlPlayer2010 .vlProgressBar .vlBuffer {
	background: linear-gradient(to top, #656565 83%, #6c6c6c 61%);
	opacity: 1.0 !important;
}
.vlPlayer2010 .vlProgressBar .vlEmptyBar {
	background: #444;
}
}

@-moz-document url-prefix("https://www.bitview.net/watch?v=") {
.yt-uix-button .yt-uix-button-icon-watch-expand-share, #watch-views .yt-uix-expander-arrow, #watch-views .watch-expander-body {
display: none;
}
#watch-description .yt-uix-expander-arrow, .video-thumb-94 {
visibility: hidden;
}
#watch-description .watch-expander-head {
margin-top: -5px !important;
border: 1px solid #eaeaea00;
background: #fff0 !important;
position: relative;
z-index: 4;
height: 1px;
color: #000 !important;
}
.watch-expander:nth-of-type(2) {
width: 640px !important;
}
#watch-description:after {
content: url("https://i.imgur.com/sxNX3It.png") !important;
margin-left: -5px;
cursor: pointer;
}
#watch-description:hover:after {
content: url("https://i.imgur.com/4xU8XaX.png") !important;
margin-left: -7px;
}
.watch-description-username-dash, .watch-video-date {
font-size: 11px;
color: #666;
}
.watch-description-username {
color: #4272db !important;
font-size: 11px;
font-weight: lighter;
}
#watch-actions{
position: absolute;
z-index: 4;
top: 465px;
}
#watch-unlike {
margin-left: -12px;
}
#watch-actions .action-bar-ratings-stats {
position: absolute;
margin-top: 20px;
margin-left: 440px;
visibility: hidden;
}
#watch-actions .action-bar-ratings-stats:after {
visibility: visible;
content: url("https://i.imgur.com/nZqvL56.png");
margin-left: -60px;
}
#watch-playlists-button .yt-uix-button-content:nth-of-type(1) {
visibility: hidden;
}
#watch-playlists-button .yt-uix-button-content:nth-of-type(1):before {
visibility: visible;
content: "+ Add To";
}
#watch-playlists-button .yt-uix-button-arrow {
margin-left: -38px;
margin-top: 1px;
}
#watch-playlists-button {
margin-left: -370px;
width: 75px;
}
#watch-share {
margin-left: -3px;
}
#watch-embed {
position: absolute;
margin-left: -60px;
margin-top: 8px;
visibility: hidden;
}
#watch-embed:after {
content: url("https://i.imgur.com/TN5ukH0.png");
visibility: visible;
position: absolute;
margin-left: -23px;
margin-top: -9px;
}
#watch-embed:hover:after {
content: url("https://i.imgur.com/YTKbJzJ.png");
visibility: visible;
position: absolute;
margin-left: -26px;
margin-top: -10px;
}
#watch-flag {
position: absolute;
margin-left: -416px;
}
#watch-actions-share, #watch-actions-embed, #watch-actions-flag {
position: relative;
z-index: 10;
background: #fff;
}
#watch-views .watch-expander-head {
position: relative;
z-index: 3;
background: #fff0 !important;
color: #333 !important;
font-size: 1.8333em;
border: 1px solid #eaeaea00;
height: 70px !important;
}
#watch-views .watch-expander-head-content {
visibility: hidden !important;
}
.watch-view-count {
visibility: visible;
padding-right: 20px;
}
.video-thumb-94 img {
visibility: visible;
}
}

@-moz-document url("https://www.bitview.net/") {
.v120WrapperOuter .yt-uix-button-arrow {
background: no-repeat url(//web.archive.org/web/20111128005811im_/http://s.ytimg.com/yt/imgbin/www-master-vflVDYtnV.png) -20px -18px;
width: 8px;
height: 5px;
}
.v120WrapperOuter .yt-uix-button-arrow {
border-top-color: #6660 !important;
}
.v120WrapperOuter, .videoIconWrapperOuter, .v220WrapperOuter {
background: #fff0;
border: 1px solid #d3d3d300;
}
.homepage-block-heading a, .homepage-block-heading, .headerTitle, .mp-title a {
color: #000;
font-size: 18px;
font-family: arial,sans-serif;
font-weight: normal;
}
.title, .vtitle, .feedmodule-singleform-info .video-title, .video-title-results .video-long-title, .playlist-title-results .playlist-long-title {
font: 12px arial,sans-serif;
}
/*For accuracy, uncomment this.
.feedmodule-updown {
display: none
}
*/

/*For accuracy, make the featured module into a list and move it to the top of the page with the buttons, then uncomment this.
#homepage-content-block-h_featured {
position: absolute;
margin-left: 660px;
margin-top: 470px;
}
#homepage-content-block-h_featured .homepage-block-heading {
width: 295px;
}
#info-box, .contest-box, #bvMobAdimageContainer, #homepage-content-block-h_featured .video-description, #homepage-content-block-h_featured .vlfacets .star_rating, #homepage-content-block-h_featured #video-average-rating {
display: none
}
*/
}