yt2011 (a 2011 theme for yt2009) by griffenhiggins

/* ==UserStyle==
@name       yt2011
@version    20240908.23.01
@namespace  ?
==/UserStyle== */

@-moz-document domain("orzeszek.website") {
#masthead-container { 
width: 99.9%;
border: 1px solid #f3f3f3;
height: 54px;
}
#logo {
background: url("https://i.imgur.com/1Ga4ae8.png");
background-repeat: no-repeat;
}
#masthead #logo {
margin-left: -5px;
}
#masthead-search {
background: #eaeaea00;
border: 1px solid #ccc0;
}
#masthead .search-term {
width: 360px;
border: 1px solid #999999 !important;
border-bottom: 1px solid #c6c3c3 !important;
}
a.yt-button-primary {
font: 12px arial,sans-serif !important;
color: #000 !important;
border-color: #999999 #999999 #999999;
margin-left: -5px !important;
margin-top: 1px !important;
background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef)) !important;
width: 31px;
}
.yt-button-primary span {
margin-left: -4px;
}
#masthead .search-form {
margin-left: -12px;
margin-top: 1px;
}
#masthead-nav-user {
display: none;
}
#masthead-nav-main {
position: absolute;
margin-left: 550px;
margin-top: -29px;
}
#masthead-nav-main a:nth-of-type(1) {
visibility: hidden;
}
#masthead-nav-main a:nth-of-type(1):before {
visibility: visible;
content: "Browse";
border-right: 1px solid #ccc;
padding: 0.1em 0.8em;
margin-left: -20px;
}
#masthead-nav-main a:nth-of-type(2) {
visibility: hidden
}
#masthead-nav-main a:nth-of-type(2):before {
visibility: visible;
content: "Movies";
border-right: 1px solid #ccc;
padding: 0.1em 0.8em;
margin-left: -51px;
}
#masthead-nav-main a:nth-of-type(3) {
visibility: hidden
}
#masthead-nav-main a:nth-of-type(3):before {
visibility: visible;
content: "Upload";
margin-left: -43px;
}
#masthead-nav-main a:nth-of-type(4) {
display: none;
}
#masthead-nav-main a {
font: 13px arial,sans-serif;
}
.utility-item a {
font-weight: 200;
}
.utility-joiner {
visibility: hidden
}
.utility-joiner:before {
visibility: visible;
content: "|";
color: #ccc
}
.img-general-messages, .utility-item:nth-of-type(3) {
display: none;
}
.yt-menulink-primary .yt-menulink-arr {
filter: brightness(0%);
}
.google-ac-m {
font-size: 16px;
width: 300px;
max-width: 1px !important;
}
.google-ac-c {
max-width: 355px !important;
}
.yt-menulink-primary .yt-menulink-menu li a, .yt-menulink-primary .yt-menulink-menu span a {
color: #000;
background: #fff;
}
.yt-menubutton-primary .yt-menubutton-menu, .yt-menulink-primary .yt-menulink-menu {
border-color: #000;
margin-left: -16px;
}
.v120WrapperOuter, .v220WrapperOuter {
border-color: #0000;
}
#masthead-utility .yt-menulink-btn {
background: #fff !important;
}
#footer .search-term, #footer .search-form .yt-button, #footer .search {
display: none
}
#footer {
border-top: 1px solid #0000;
}
}

@-moz-document url("http://orzeszek.website:5316/"), url-prefix("http://orzeszek.website:5316/?ytsession=") {
.fm2-title-border-box-gray, .fm2-title-border-box-blue {
border: 1px solid #0000;
border-bottom: 1px solid #ccc;
background-color: #0000;
}
.feedmodule-border-gray, .feedmodule-border-blue {
border: 1px solid #0000;
}
.img_feed_recommended, .img_feed_popular, .img_feed_promoted, .img_feed_top_videos, .feedmodule-preamble a, .feedmodule-updown, #iyt-add-remove-module-div, .yt2009-side-icon {
display: none;
}
.fm2-titleText {
font: 17px arial,sans-serif;
}
.fm2-titleText:hover {
cursor: pointer;
text-decoration: underline;
}
#feed_top_videos-content .hLink {
color: #000;
font: 17px arial,sans-serif;
}
button.ratingVS {
display: none;
}
.video-title a {
font-size: 1.0833em;
font-weight: normal;
line-height: 1.2;
color: #03c;
}
.side-announcement-box {
background-color: #ffffe500;
border: 1px solid #f5e08200;
}
.homepage-block-heading {
color: #000;
font: 17px arial,sans-serif;
}
}

@-moz-document url-prefix("http://orzeszek.website:5316/embed/"), url-prefix("http://orzeszek.website:5316/watch?"), url-prefix("https://orzeszek.website:5317/embed/") {
.video_controls {
position: absolute;
width: 100%;
}
.video_controls .seek {
position: absolute;
margin-top: -16px;
margin-left: -41px;
background: #444;
}
.video_controls .seek_btn {
background: no-repeat url(https://i.imgur.com/ofWCaVE.png) -305px -41px;
width: 17px;
top: -6px;
}
.video_controls .seek_btn.hovered {
background-position: 0px 0px;
}
.video_controls .loaded {
background-image: linear-gradient(to top,#5a5a5a 89%,#666 90%);
}
.video_controls .elapsed {
background-image: linear-gradient(to bottom,#c00 0,#600 100%);
}
.video_controls .elapsed, .video_controls .loaded{
margin-top: -15px;
margin-left: -41px;
}
.progress_container {
width: 100%;
}
.video_controls {
padding-bottom: 1px;
height: 26px;
background: url('https://i.imgur.com/enDqhey.png');
border: 1px solid #111111;
}
.video_controls .timer {
color:#fff;
left: 109px !important;
margin-top: 2px;
}
.video_controls .play_btn, .video_controls .pause_btn {
width: 55px;
height: 24px;
margin-top: 2px;
background-image: url("https://i.imgur.com/BSD0YAy.png");
}
.video_controls .pause_btn {
background-position: 0 -341px;
border-right: 1px solid #2220;
}
.video_controls .pause_btn:hover {
background-position: 0 -71px;
border-right: 1px solid #2220;
}
.video_controls .play_btn {
background-position: -32px -152px;;
border-right: 1px solid #222222;
}
.video_controls .play_btn:hover {
background-position: -32px -125px;;
border-right: 1px solid #222222;
}
.video_controls .volume_button {
background: no-repeat url(https://i.imgur.com/BSD0YAy.png);
background-position: 0 -232px;
left: -10px;
margin-top: -2px;
}
.video_controls .volume_button:hover {
background-position: 0 -178px !important;
}
.video_controls .volume_button.muted {
background-position: -57px -70px;
}
.video_controls .volume_button.muted:hover {
background-position: -3px -259px !important;
}
.video_controls .volume_container {
position: absolute;
border-left: 1px #b1b1b100 solid;
border-right: 1px #222222 solid;
left: 70px;
margin-top: 2px;
}
.volume_popout {
background-image: url("https://i.imgur.com/9ssN2NV.png");
position: absolute;
margin-right: 448px !important;
z-index: 99;
}
.video_controls .fullscreen {
margin-right: -34px;
}
.video_controls .fullscreen, .video_controls .fullscreen.opened {
background: no-repeat url(https://i.imgur.com/BSD0YAy.png);
background-position: -128px -43px !important;
}
.video_controls .fullscreen:hover {
background-position: -89px -340px !important;
}
.video_controls .player_additions {
margin-right: 30px;
margin-top: 1px;
background: no-repeat url(https://i.imgur.com/BSD0YAy.png);
background-position: -121px -340px;
border: #0000;
}
.video_controls .player_additions:hover {
background-position: -32px -43px;
}
.player_additions_popout {
margin-right: 28px;
background-image: url("https://i.imgur.com/cxWDnXK.png");
width: 35px;
z-index:99;
}
.video_controls .hq {
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: -5px;
margin-top: 2px;
}
.video_controls .hq:hover {
background-position: -35px -260px !important;
}
.endscreen-section, .endscreen-arrow-left, .endscreen-arrow-right, .endscreen .yt-center.buttons div, .button-replay.yt-center, .embed-play-btn {
display: none !important;
}
}

@-moz-document url-prefix("http://orzeszek.website:5316/watch?") {
#watch-longform-buttons {
display: none;
}
#watch-this-vid {
margin-top: 53px;
}
#watch-vid-title h1 {
color: #333;
font-size: 23px;
position: absolute;
margin-top: -7px;
margin-left: -2px;
}
#watch-channel-brand-cap {
position: absolute;
margin-left: -200px !important;
}
#watch-show-brand-cap img, #watch-channel-brand-cap img {
height: 30px;
width: 165px;
position: relative;
z-index: 2;
}
#watch-channel-brand-cap {
position: absolute;
margin-left: -660px !important;
margin-top: 20px;
}
#watch-rating-div #ratingMessage {
position: absolute;
margin-top: -422px;
margin-left: 170px;
color: #000;
border: 1px solid #eaeaea;
border-right: #0000;
z-index: 9;
width: 100px;
}
#defaultRatingMessage .smallText {
font-size: 14px;
cursor: pointer;
}
#watch-rating-div #ratingMessage:after {
content: url("https://i.imgur.com/wauN8Bi.png");
position: absolute;
margin-left: 79px;
margin-top: -19.8px;
height: 19px;
border: 1px solid #eaeaea;
border-left: #0000;
z-index: 9;
cursor: pointer;
}
#watch-rating-div #ratingMessage:before {
content: "Videos";
background: #fff;
font-size: 14px;
position: absolute;
z-index: 9;
margin-left: 28px;
width: 52px;
padding-left: 5px;
cursor: pointer;
}
#watch-channel-subscribe #subscribeDiv, #watch-channel-subscribe #unsubscribeDiv, #watch-channel-subscribe {
position: absolute;
}
#watch-channel-subscribe .yt-button {
position: absolute;
margin-top: -463px;
margin-left: 271px;
border-radius: 2px;
}
.yt-button-urgent, a.yt-button-urgent {
font-weight: 200;
color: #000;
background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef)) !important;
border-color: #ccc #ccc #aaa;
border-radius: 0px;
}
#watch-other-vids .yt-uix-expander-head, .button.QLIcon, button.QLIconImg, button.QLIconImgOver, button.QLIconImgDone {
display: none
}
.watch-discoverbox-body, .v90WrapperOuter {
border: 1px solid #0000;
}
#watch-related-discoverbox {
margin-top: 34px;
height: 2673px !important;
width: 400px;
}
.vimg90, .v90WrapperInner {
width: 130px;
height: 80px;
border: 1px solid #0000;
}
.mini-list-view .video-main-content {
margin-left: 40px;
margin-top: 2px;
}
.video-mini-title a {
display: block;
font-size: 1.0833em;
font-weight: normal;
line-height: 1.2;
color: #03c !important;
}
.video-username {
margin-top: -27px;
color: #666 !important;
}
.video-username a {
color: #666 !important;
}
.video-view-count {
margin-top: 15px;
}
.video-time, .video-corner-text {
margin-top: -12px;
}
.mini-list-view .video-entry {
width: 400px;
}
.mini-list-view .video-entry:hover {
background: linear-gradient(to right,#D1E1FA 80%,#FfffFf 10%);
}
#watch-channel-vids-div {
background: #fff0;
border: 1px solid #fff0;
margin-top: 10px;
position: absolute;
}
#watch-stats-data-wrapper {
margin...