Guest User

a

a guest
Nov 18th, 2019
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.96 KB | None | 0 0
  1. @-moz-document domain("https://youtube.com") {
  2.   #content
  3.   {
  4.     top: 30px;
  5.     left: 0;
  6.   }
  7.  
  8.   .yt-uix-button.yt-uix-button-subscribe-branded, .yt-uix-button.yt-uix-button-subscribed-branded
  9.   {
  10.     padding: 0 23px 0 12px;
  11.   }
  12.  
  13.   #c4-primary-header-contents
  14.   {
  15.     width: 1059px;
  16.     height: 44px;
  17.   }
  18.  
  19.   .yt-uix-button-subscribe-branded .yt-uix-button-content, .yt-uix-button-subscribed-branded .yt-uix-button-content
  20.   {
  21.     font-weight: bold;
  22.     font-size: 11px;
  23.   }
  24.  
  25.   .branded-page-v2-header
  26.   {
  27.     width: 1059px;
  28.   }
  29.  
  30.   #c4-header-bg-container.has-custom-banner .hd-banner-image
  31.   {
  32.     background-size: cover;
  33.   }
  34.  
  35.   .content-snap-width-3 .flex-width-enabled-snap .not-fixed-width-tab-widescreen #c4-header-bg-container
  36.   {
  37.     height: 175px;
  38.   }
  39.  
  40.   .channel-header .about-channel-link-text
  41.   {
  42.     font-weight: bold;
  43.   }
  44.  
  45.   .branded-page-v2-primary-col
  46.   {
  47.     width: 1059px;
  48.   }
  49.  
  50.   .branded-page-v2-col-container
  51.   {
  52.     margin-top: -10px;
  53.   }
  54.  
  55.   .branded-page-related-channels.branded-page-box.yt-card
  56.   {
  57.     background: transparent;
  58.     border: 0px;
  59.   }
  60.  
  61.   .branded-page-v2-secondary-col .yt-card
  62.   {
  63.     margin-top: -272px;
  64.   }
  65.  
  66.   .branded-page-v2-has-top-row .branded-page-v2-secondary-col .branded-page-box:last-child
  67.   {
  68.     margin-top: 0px;
  69.   }
  70.  
  71.   #content
  72.   {
  73.     top: 0px !important;
  74.     left: -237px !important;
  75.   }
  76.  
  77.   .exp-invert-logo a.yt-uix-button-epic-nav-item:hover, .exp-invert-logo a.yt-uix-button-epic-nav-item.selected, .exp-invert-logo a.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .exp-invert-logo a.yt-uix-button-epic-nav-item.partially-selected, .exp-invert-logo a.yt-uix-button-epic-nav-item.partially-selected:hover, .exp-invert-logo button.yt-uix-button-epic-nav-item:hover, .exp-invert-logo button.yt-uix-button-epic-nav-item.selected, .exp-invert-logo button.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .exp-invert-logo .epic-nav-item:hover, .exp-invert-logo .epic-nav-item.selected, .exp-invert-logo .epic-nav-item.yt-uix-button-toggled, .exp-invert-logo .epic-nav-item-heading, .exp-invert-logo .yt-gb-shelf-item-thumbtab.yt-gb-selected-shelf-tab::before
  78.   {
  79.     border-bottom: 3px solid #cc181e;
  80.   }
  81.  
  82.   .channel-header #header-links
  83.   {
  84.     right: 30px;
  85.   }
  86.  
  87.   .branded-page-v2-col-container
  88.   {
  89.     width: 80%;
  90.   }
  91. div#c4-primary-header-contents {
  92.     background: #202020 url(http://s.ytimg.com/yts/img/channels/c3/bg-channel-header-vfl6TeHdT.png) repeat-x;
  93. }
  94. #c4-primary-header-contents {
  95.     height: 64px;
  96. }
  97. .channel-header .branded-page-header-title .branded-page-header-title-link {
  98.     color: #fff;
  99.     font-size: 24px;
  100. }
  101. ul#browse-items-primary {
  102.     background: #e6e6e6;
  103. }
  104. .branded-page-v2-secondary-col {
  105.     background: linear-gradient(45deg, #d3d3d3, #e6e6e6);
  106.     box-shadow: inset 7px 0px 10px 0px #00000017;
  107. }
  108. .branded-page-module-title {
  109.     padding-bottom: 0;
  110.     font-size: 13px;
  111. }
  112. span.yt-lockup.clearfix.yt-lockup-channel.yt-lockup-mini {
  113.     background: #fff;
  114.     -moz-box-shadow: 0 1px 2px #ccc;
  115.     -ms-box-shadow: 0 1px 2px #ccc;
  116.     -webkit-box-shadow: 0 1px 2px #ccc;
  117.     box-shadow: 0 1px 2px #ccc;
  118.     padding: 7px 5px 7px 5px;
  119. }
  120. div#channel-subheader {
  121.     background: #444;
  122.     -moz-box-shadow: inset 0 1px 2px rgb(34,34,34);
  123.     -ms-box-shadow: inset 0 1px 2px rgb(34,34,34);
  124.     -webkit-box-shadow: inset 0 1px 2px rgb(34,34,34);
  125.     box-shadow: inset 0 1px 2px rgb(34,34,34);
  126.     background-image: -moz-linear-gradient(bottom,#323232 0,#4f4f4f 70%);
  127.     background-image: -ms-linear-gradient(bottom,#323232 0,#4f4f4f 70%);
  128.     background-image: -o-linear-gradient(bottom,#323232 0,#4f4f4f 70%);
  129.     background-image: -webkit-gradient(linear,left bottom,left center,color-stop(0,#323232),color-stop(70%,#4f4f4f));
  130.     background-image: -webkit-linear-gradient(bottom,#323232 0,#4f4f4f 70%);
  131.     background-image: linear-gradient(to center,#323232 0,#4f4f4f 70%);
  132. }
  133. a.yt-uix-button.yt-uix-button-epic-nav-item, button.yt-uix-button-epic-nav-item, .epic-nav-item {
  134.     color: #eaeaea;
  135.     font-size: 14px;
  136. }
  137. a.yt-uix-button-epic-nav-item.selected, a.yt-uix-button-epic-nav-item.yt-uix-button-toggled, button.yt-uix-button-epic-nav-item.selected, button.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .epic-nav-item.selected, .epic-nav-item.yt-uix-button-toggled, .epic-nav-item-heading {
  138.     color: #eaeaea;
  139.     font-weight: 500;
  140. }
  141. .exp-invert-logo a.yt-uix-button-epic-nav-item:hover, .exp-invert-logo a.yt-uix-button-epic-nav-item.selected, .exp-invert-logo a.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .exp-invert-logo a.yt-uix-button-epic-nav-item.partially-selected, .exp-invert-logo a.yt-uix-button-epic-nav-item.partially-selected:hover, .exp-invert-logo button.yt-uix-button-epic-nav-item:hover, .exp-invert-logo button.yt-uix-button-epic-nav-item.selected, .exp-invert-logo button.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .exp-invert-logo .epic-nav-item:hover, .exp-invert-logo .epic-nav-item.selected, .exp-invert-logo .epic-nav-item.yt-uix-button-toggled, .exp-invert-logo .epic-nav-item-heading, .exp-invert-logo .yt-gb-shelf-item-thumbtab.yt-gb-selected-shelf-tab::before {
  142.     background: #252525;
  143.     border-top: 1px solid #484848;
  144.     position: relative;
  145.     top: -1px;
  146.     -moz-box-shadow: 1px 0 15px #232323;
  147.     -ms-box-shadow: 1px 0 15px #232323;
  148.     -webkit-box-shadow: 1px 0 15px #232323;
  149.     box-shadow: 1px 0 15px #232323;
  150.     background-image: -moz-linear-gradient(top,#323232 0,#1c1c1c 70%);
  151.     background-image: -ms-linear-gradient(top,#323232 0,#1c1c1c 70%);
  152.     background-image: -o-linear-gradient(top,#323232 0,#1c1c1c 70%);
  153.     background-image: -webkit-gradient(linear,left top,left center,color-stop(0,#323232),color-stop(70%,#1c1c1c));
  154.     background-image: -webkit-linear-gradient(top,#323232 0,#1c1c1c 70%);
  155.     background-image: linear-gradient(to center,#323232 0,#1c1c1c 70%);
  156. }
  157. .exp-invert-logo a.yt-uix-button-epic-nav-item:hover, .exp-invert-logo a.yt-uix-button-epic-nav-item.selected, .exp-invert-logo a.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .exp-invert-logo a.yt-uix-button-epic-nav-item.partially-selected, .exp-invert-logo a.yt-uix-button-epic-nav-item.partially-selected:hover, .exp-invert-logo button.yt-uix-button-epic-nav-item:hover, .exp-invert-logo button.yt-uix-button-epic-nav-item.selected, .exp-invert-logo button.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .exp-invert-logo .epic-nav-item:hover, .exp-invert-logo .epic-nav-item.selected, .exp-invert-logo .epic-nav-item.yt-uix-button-toggled, .exp-invert-logo .epic-nav-item-heading, .exp-invert-logo .yt-gb-shelf-item-thumbtab.yt-gb-selected-shelf-tab::before {
  158.     border-bottom: none;
  159. }
  160. .exp-invert-logo a.yt-uix-button-epic-nav-item:hover, .exp-invert-logo a.yt-uix-button-epic-nav-item.selected, .exp-invert-logo a.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .exp-invert-logo a.yt-uix-button-epic-nav-item.partially-selected, .exp-invert-logo a.yt-uix-button-epic-nav-item.partially-selected:hover, .exp-invert-logo button.yt-uix-button-epic-nav-item:hover, .exp-invert-logo button.yt-uix-button-epic-nav-item.selected, .exp-invert-logo button.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .exp-invert-logo .epic-nav-item:hover, .exp-invert-logo .epic-nav-item.selected, .exp-invert-logo .epic-nav-item.yt-uix-button-toggled, .exp-invert-logo .epic-nav-item-heading, .exp-invert-logo .yt-gb-shelf-item-thumbtab.yt-gb-selected-shelf-tab::before {
  161.     border-color: transparent;
  162. }
  163. .yt-lockup {
  164.     color: #555;
  165. }
  166. .yt-lockup-meta-info>li:before {
  167.     content: '\00007C';
  168.     color: #bbb;
  169. }
  170. .yt-lockup-grid .yt-lockup-title {
  171.     font-size: 11px;
  172.     font-weight: 700;
  173.     color: #438bc5;
  174. }
  175. .yt-ui-ellipsis {
  176.     background-color: transparent;
  177. }
  178. .channel-header .branded-page-header-title .branded-page-header-title-link {
  179.     color: #fff;
  180. }
  181. #browse-items-primary .item-section>li>.yt-lockup-tile, .branded-page-v2-primary-col .branded-page-box, .section-list li .item-section .branded-page-box {
  182.     border-bottom: 1px solid #ccc;
  183.     border-top: 1px solid #fff;
  184. }
  185. .shelf-description.yt-ui-ellipsis.yt-ui-ellipsis-2 {
  186.     color: #808080;
  187.     font-size: 12px;
  188. }
  189. .exp-responsive .shelf-item .branded-page-module-title .branded-page-module-title-text {
  190.     font-size: 14px;
  191. }
  192. .yt-subscription-button-subscriber-count-branded-horizontal, .yt-subscription-button-subscriber-count-unbranded-horizontal {
  193.     color: #ccc;
  194.     background-color: transparent;
  195.     font-size: 18px;
  196.     border: none!important;
  197. }
  198. .yt-uix-expander-ellipsis {
  199.     background-color: transparent;
  200. }
  201.     .channel-header-profile-image-container,
  202.     .channel-header-profile-image {
  203.         width: 60px !important;
  204.         height: 60px !important;
  205.         left: 10px !important;
  206.         top: 185px !important;
  207.         box-shadow: none !important;}
  208.     .branded-page-header-title {margin-left: 66px !important;}
  209.     #c4-primary-header-contents {position: static !important; padding-bottom: 0 !important;}
  210. }
  211. .branded-page-related-channels-item {
  212.     position: relative;
  213.     margin-bottom: 5px!important;
  214. }
  215. .exp-responsive .shelf-item .branded-page-module-title .branded-page-module-title-text {
  216.     font-size: 18px;
  217. }
  218. a.spf-link.branded-page-header-title-link.yt-uix-sessionlink {
  219.     margin-bottom: 7px;
  220.     font-size: 23px;
  221. }
  222. #channel-search .show-search .search-icon {
  223.     background: no-repeat url(https://s.ytimg.com/yt/imgbin/www-channels3-vflI04ukt.png) -65px -16px;
  224. }
  225. button.show-search.epic-nav-item.secondary-nav {
  226.     cursor: pointer;
  227.     width: 24px;
  228.     height: 23px;
  229.     float: left;
  230.     -moz-box-shadow: 0 1px 1px #222;
  231.     -ms-box-shadow: 0 1px 1px #222;
  232.     -webkit-box-shadow: 0 1px 1px #222;
  233.     box-shadow: 0 1px 1px #222;
  234.     -moz-border-radius: 0 5px 5px 0;
  235.     -webkit-border-radius: 0 5px 5px 0;
  236.     border-radius: 0 5px 5px 0;
  237.     background-image: -moz-linear-gradient(top,#323232 0,#1c1c1c 70%);
  238.     background-image: -ms-linear-gradient(top,#323232 0,#1c1c1c 70%);
  239.     background-image: -o-linear-gradient(top,#323232 0,#1c1c1c 70%);
  240.     background-image: -webkit-gradient(linear,left top,left center,color-stop(0,#323232),color-stop(70%,#1c1c1c));
  241.     background-image: -webkit-linear-gradient(top,#323232 0,#1c1c1c 70%);
  242.     background-image: linear-gradient(#323232 0,#1c1c1c 70%);
  243. }
  244. h2.branded-page-module-title {
  245.     padding-bottom: 10px;
  246. }
  247. .branded-page-module-title a:visited, .branded-page-module-title a {
  248.     color: #000;
  249.     font-size: 14px;
  250. }
  251. .c4-player-container.c4-flexible-player-container {
  252.     width: 100%;
  253.     max-width: 822px!important;
  254.     width: 822px!important;
  255. }
  256. .webkit .yt-uix-expander-collapsed .yt-ui-ellipsis {
  257.     display: none;
  258. }
  259. .video-player-view-component .view-count .content-item-time-created {
  260.     margin-left: 0;
  261. }
  262. .video-player-view-component .view-count .count {
  263.     display: none;
  264. }
  265. .view-count {
  266.     font-size: 11px;
  267. }
  268. video-content.clearfix {
  269.     background-color: #fff;
  270. }
  271. .video-detail {
  272.     padding: 15px 10px 15px 15px;
  273.     -moz-box-shadow: 0 1px 2px #ccc;
  274.     -ms-box-shadow: 0 1px 2px #ccc;
  275.     -webkit-box-shadow: 0 1px 2px #ccc;
  276.     box-shadow: 0 1px 2px #ccc;
  277.     color: #666;
  278.     font-size: 11px;
  279.     border-radius: 0 0 3px 3px;
  280.     transition: background-color .18s;
  281.     position: relative;
  282.     bottom: 0;
  283.     z-index: 10;
  284. }
  285. .video-player-view-component .description {
  286.     margin-top: 0;
  287. }
  288. .video-content.clearfix {
  289.     background-color: #fff;
  290. }
  291. .webkit .yt-ui-ellipsis {
  292.     display: inline;
  293. }
  294. .video-player-view-component .video-detail a {
  295.     color: #000;
  296.     font-weight: 700;
  297. }
  298. .webkit .yt-uix-expander-collapsed .yt-ui-ellipsis {
  299.     display: inherit;
  300. }
  301. .branded-page-related-channels-item {
  302.     margin-bottom: 5px;
  303. }
  304. container.yt-uix-button-subscription-container.with-preferences {
  305.     position: relative;
  306.     left: 500px
  307. }
  308. .yt-uix-button-subscribe-branded+.yt-subscription-button-subscriber-count-branded-horizontal, .yt-uix-button-subscribe-unbranded+.yt-subscription-button-subscriber-count-unbranded-horizontal, .yt-uix-button-subscribe-branded+.yt-uix-subscription-preferences-button+.yt-subscription-button-subscriber-count-branded-horizontal, .yt-uix-button-subscribed-branded+.yt-subscription-button-subscriber-count-branded-horizontal.subscribed, .yt-uix-button-subscribed-unbranded+.yt-subscription-button-subscriber-count-unbranded-horizontal.subscribed, .yt-uix-button-subscribed-branded+.yt-uix-subscription-preferences-button+.yt-subscription-button-subscriber-count-branded-horizontal.subscribed {
  309.     display: inline-block;
  310.     position: relative;
  311.     bottom: 5px;
  312. }
  313. .yt-subscription-button-subscriber-count-branded-horizontal:after, .yt-subscription-button-subscriber-count-unbranded-horizontal:after {
  314.     content: " Subscribers";
  315.     font-size: 11px;
  316.     text-transform: lowercase;
  317.     display: block;
  318.     position: relative;
  319.     bottom: 11px;
  320. }
  321. .primary-header-upper-section-block {
  322.     min-width: auto;
  323.     display: inline-flex;
  324. }
  325. .branded-page-v2-primary-col {
  326.     width: 855px;
  327. }
  328. #content {
  329.     top: 0px !important;
  330.     left: 0px !important;
  331. }
  332. .video-player-view-component .description {
  333.     margin-top: 0;
  334.     display: none;
  335. }
  336. .yt-lockup-description.yt-ui-ellipsis.yt-ui-ellipsis-2 {
  337.     display: block;
  338.     color: #999;
  339.     margin: 3px 0;
  340.     font-size: 11px;
  341. }
  342. #channel-search.expanded .search-field {
  343.     width: 180px;
  344.     -moz-transition: width .3s ease;
  345.     -webkit-transition: width .3s ease;
  346.     transition: width .3s ease;
  347.     height: 15px;
  348.     font-size: 12px;
  349.     background: #333;
  350.     outline: none;
  351.     width: 260px;
  352.     border: 0;
  353.     border-bottom: 1px solid #626262;
  354.     padding: 4px 0 4px 10px;
  355.     outline: none;
  356.     color: #fff;
  357.     float: left;
  358.     -moz-box-shadow: inset 0px 2px 3px #151515;
  359.     -ms-box-shadow: inset 0px 2px 3px #151515;
  360.     -webkit-box-shadow: inset 0px 2px 3px #151515;
  361.     box-shadow: inset 0px 2px 3px #151515;
  362.     -moz-border-radius: 3px 0 0 3px;
  363.     -webkit-border-radius: 3px 0 0 3px;
  364.     border-radius: 3px 0 0 3px;
  365.     top: 3px;
  366.     position: relative;
  367. }
  368. }
Add Comment
Please, Sign In to add comment