Youtube Early 2013 RESTORED! by 2013internetlover

/* ==UserStyle==
@name           Youtube EARLY 2013 RESTORED!
@namespace      https://userstyles.world/user/2013internetlover
@version        1.0.0
@description    a subscript to use with: YouTube 2013 RESTORED! , this restores the December 2012 to April 2013 Layout
@author         2013internetlover
@preprocessor   less
@var select background "Background color" {
    "December 2012 to April 2013*": "darkertone",
    "May-July 2013": "whitertone",
}
==/UserStyle== */

@-moz-document domain("youtube.com") {
    /* Website background */
    body, .not-found {
  background: #fbfbfb;
    & when (@background =whitertone) {
        background: #fff;
        }
}
}
@-moz-document url-prefix("https://www.youtube.com/@"), url-prefix("https://www.youtube.com/user/"), url-prefix("https://www.youtube.com/channel/") {
    /* Cosmic Panda channel layout */
    .branded-page-v2-primary-col {
	width: 53.14rem;
}

.branded-page-v2-secondary-col {
	position: absolute;
	top: 0rem;
}

.channel-header .primary-header-contents {
	padding: 3px 0 2px;
}

.yt-card {
	box-shadow: none;
}


#appbar-guide-menu {
	left: 0rem;
}
#channel-search .show-search .search-icon {
	background: no-repeat url(http://s.ytimg.com/yts/imgbin/www-refresh-vflAjYAhp.png) -170px -201px;
	width: 14px;
	height: 14px;
}

.show-search.epic-nav-item.secondary-nav:hover {
    border: none;
}
    .channel-header .primary-header-contents {
    padding-bottom: 25px!important;
}
    .primary-header-upper-section {
  display: block!important;
  margin-top: 20px!important;
}
    .branded-page-base-bold-titles .channel-header .branded-page-header-title .branded-page-header-title-link, .branded-page-base-bold-titles .branded-page-module-title {
  font-weight: normal!important;
}
    ul#channel-navigation-menu li a span {
  font-size: 14px;
        font-weight: 300;
}

#channel-subheader li a {
	font-weight: bold;
    font-size: 11px;
    color: #9c9c9c;
}

#channel-subheader li a:hover {
	color: #333;
}

a.yt-uix-button-epic-nav-item.selected {
	color: #333 !important;
}


#page.channel #channel-subheader li:nth-child(1) .yt-uix-button-epic-nav-item {
    position: relative;
    width: 98px!important;
}

#page.channel #channel-subheader li:nth-child(1) .yt-uix-button-epic-nav-item .yt-uix-button-content {
    display: block!important;
}

#page.channel #channel-subheader li:nth-child(1) .yt-uix-button-epic-nav-item::before {
    display:none!important;
}

#page.channel #channel-subheader li:nth-child(1) .yt-uix-button-epic-nav-item.selected::before,
#page.channel #channel-subheader li:nth-child(1) .yt-uix-button-epic-nav-item:hover::before {
    background: no-repeat url(//s.ytimg.com/yts/imgbin/www-channels-c4-vflMaOr5z.png) -64px 0;
}


#channel-subheader li:first-child a.selected span.yt-uix-button-content {
    opacity: 1;
}

#channel-subheader li:first-child a:hover span.yt-uix-button-content {
    opacity: 1;
}

.branded-page-v2-top-row #channel-subheader {
	border-bottom: solid 1px #eee;
}
#guide {
	display: none;
}

#appbar-guide-button {
    visibility: hidden;
}

#content {
	top: inherit !important;
	left: inherit !important;
}
body {
	background: #c4c4c4;
}
.branded-page-v2-col-container {
	width: 850px;
	background: url(http://s.ytimg.com/yts/img/channels/c3/bg-layout-2col-ltr-vflzXzuyp.png) repeat-y #ccc;
}
.branded-page-v2-primary-col {
	width: 615px;
}

branded-page-related-channels{
    width: 100px;
}

.branded-page-v2-secondary-col {
	width: 193px;
}

.branded-page-v2-primary-col .branded-page-box, .section-list li .item-section .branded-page-box {
    border-bottom: none;
}
.yt-card {
    background: none;
    border: none !important;
}

.yt-ui-ellipsis {
	background-color: #0000;
}

.yt-uix-expander-ellipsis {
	background-color: #0000;
}
#c4-primary-header-contents {
	background: url(http://s.ytimg.com/yts/img/channels/c3/bg-channel-header-vfl6TeHdT.png) repeat-x;
    border-radius: 0.3rem 0.3rem 0 0;
}

.channel-header .branded-page-header-title {
	float: right;
}

.primary-header-upper-section-block {
	float: left;
}

.primary-header-upper-section-wrapper {
	padding: 0px 0px 0px 85px;
}
#channel-subheader {
    background-image: linear-gradient(to top, #323232 0,#4f4f4f 70%);
    display: flex;
	justify-content: space-around;
    height: 34px;
}

.branded-page-gutter-padding {
	padding: 0px;
}

.channel-header .branded-page-header-title .branded-page-header-title-link {
	color: #fff;
}

.channel-header-profile-image-container {
	top: 153px;
	left: 7px;
	z-index: 1000000000;
	background: none;
	width: 60px;
	height: 60px;
}

.channel-header-profile-image {
	width: 60px;
	height: 60px;
}

#channel-subheader li {
	margin-left: 0px;
}
#channel-search .show-search {
	display: none;
}

#channel-search .search-form {
	visibility: visible;
	padding-left: 25px !important;
	padding-right: 5px;
}

#channel-search .search-field {
	width: 214px;
	background: #333;
	height: 15px;
	font-size: 12px;
	outline: none;
	border: 0;
	border-bottom: 1px solid #626262;
	padding: 4px 0 4px 10px;
	color: #fff;
	box-shadow: inset 0px 2px 3px #151515;
	border-radius: 3px;
}

.search-form.epic-nav-item:hover{
    border-bottom: none !important;
}
#c4-header-bg-container {
	background: none;
    box-shadow: none;
}

#gh-banner {
	border: none;
	box-shadow: none;
	background: none;
	height: 143px;
}

.branded-page-v2-header.channel-header.yt-card {
	border: none;
	background: none;
}

ul#channel-navigation-menu li a span{
    font-size: 14px;
}

ul#channel-navigation-menu li a.yt-uix-button.spf-link.selected {
    border: none;
    background: linear-gradient(to bottom,#323232 0,#1c1c1c 70%);
    text-align: center;
    height: 31px;
    color: #eaeaea !important;
}

a.yt-uix-button-epic-nav-item {
	height: 31px;
    width: 98px;
    padding: unset !important;
    text-align: center;
    color: #eaeaea !important;
    font-size: 14px;
}

a.yt-uix-button-epic-nav-item:hover {
    background: linear-gradient(to top,#3a3a3a 0,#555 70%);
    box-shadow: 0 1px 2px rgb(34,34,34);
    height: 31px;
	border: none !important;
}

#channel-subheader li {
	float: left;
	height: 30px;
    border: none;
}

#header-links {
	z-index: 10;
	top: 11rem;
}

.yt-card.clearfix {
    width: 656px;
    padding: 0.7rem;
}
.branded-page-related-channels-item.spf-link.clearfix {
	padding: 0.4rem 0.5rem 0.2rem 0.3rem;
	border-radius: 3px;
}

.video-player-view-component.branded-page-box {
	margin: 0 !important;
	padding: 0;
	border-radius: 0px 3px 3px 0px !important;
}

.feed-item-container.browse-list-item-container.yt-section-hover-container.compact-shelf.shelf-item.branded-page-box.clearfix {
	padding: 12px 4px;
}

.yt-lockup.yt-lockup-grid {
	border-radius: 3px;
    height: 10.3rem;
}

.yt-lockup.yt-lockup-video .yt-lockup-content,.yt-lockup.yt-lockup-playlist .yt-lockup-content {
	padding: 0px 6px 0px 6px;
}

.video-detail {
	padding: 10px 10px 0px 0px;
}

.branded-page-related-channels-item,
.video-player-view-component,
.yt-lockup.yt-lockup-video,
.yt-lockup.yt-lockup-playlist
{
	background: #fff;
}

.branded-page-related-channels-item:hover,
.video-player-view-component:hover,
.yt-lockup.yt-lockup-video:hover,
.yt-lockup.yt-lockup-playlist:hover,
.compact-shelf:hover.yt-uix-button-shelf-slider-pager
{
	background-image: linear-gradient(to bottom,#fff 0,#f0f0f0 100%) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.5),inset 0 -1px 0 #fff;
}

.compact-shelf .yt-uix-shelfslider-list {
	height: 10.5rem;
    }
}