API tools faq
paste
Advertisement
ravmunken

YouTube + YTC

ravmunken
Sep 1st, 2014
326
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.41 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document url-prefix(http://www.youtube.com/watch),
  2. url-prefix(https://www.youtube.com/watch)
  3. {
  4. #player.watch-small, #watch7-main {
  5.     min-width: 300px;
  6. }
  7.    
  8.  
  9.  
  10.  
  11.    
  12.     /* REMOVE STUFF */
  13.     #watch-description-extra-info {
  14.         display: none !important;
  15.     }
  16.    
  17.     #footer-container {
  18.         display: none !important;
  19.     }
  20.     #search-btn {
  21.         display: none !important;
  22.     }
  23.     #guide-container.collapsible-guide h3 {
  24.         display: none !important;
  25.     }
  26.     .guide-item .thumb {
  27.         display: none !important;
  28.     }
  29.     .yt-uix-button-subscribe-branded .yt-uix-button-icon-wrapper {
  30.         display: none !important;
  31.     }
  32.     .yt-subscription-button-subscriber-count-branded-horizontal {
  33.         display: none !important;
  34.     }
  35.     .yt-uix-subscription-preferences-button {
  36.         display: none !important;
  37.     }
  38.     #ticker {
  39.         display: none !important;
  40.     }
  41.     #yt-masthead-dropdown {
  42.         display: none !important;
  43.     }
  44.    
  45.     /* RESIZE PLAYER */
  46.     #player {
  47.         position: absolute !important;
  48.         display: block !important;
  49.         width: 100vw !important;
  50.         height: 100vh !important;
  51.         top: -0px !important;
  52.         margin-top: -100vh !important;
  53.         left: 0px !important;
  54.         padding: 0px !important;
  55.         z-index: 5 !important;
  56.     }
  57.     #player-api {
  58.         position: absolute !important;
  59.         display: block !important;
  60.         width: 100vw !important;
  61.         height: 100vh !important;
  62.         margin-top: 0px !important;
  63.         left: 0px !important;
  64.         padding: 0px !important;
  65.         z-index: 5 !important;  
  66.         margin-right: 0px;
  67.         margin-left: 0px;
  68.         padding-right: 0px;
  69.  
  70.     }
  71.    
  72.         #masthead-positioner-height-offset
  73.     {
  74.         height: 20px !important;
  75.        
  76.     }
  77.    
  78.  
  79. #sb-wrapper
  80.     {
  81.                 margin-top: 00px !important;
  82.         margin-right: 0px;
  83.         width: auto;
  84.         min-width: 300px;
  85.     }
  86.    
  87.     /* FIX PLAYLIST CONTROLS */
  88.     #playlist.playlist {
  89.         top: -34px !important;
  90.         left: 0px !important;
  91.         position: fixed !important;
  92.         display: block !important;
  93.         z-index: 999 !important;
  94.         width: 100% !important;
  95.         border-bottom: 34px solid rgba(0,0,0,0.0) !important;
  96.     }
  97.     #playlist.playlist:hover {
  98.         top: 0px !important;
  99.         left: 0px !important;
  100.         position: fixed !important;
  101.         display: block !important;
  102.         z-index: 999 !important;
  103.         width: 100% !important;
  104.     }
  105.     #watch7-playlist-data, .watch7-playlist-bar {
  106.         z-index: 99 !important;
  107.     }
  108.     .watch7-playlist-bar-left {
  109.         float: left !important;
  110.         width: 100vw !important;
  111.         margin-right: -400px !important;
  112.         z-index: 999 !important;
  113.     }
  114.     .watch7-playlist-bar-right {
  115.         float: right !important;
  116.         width: 400px !important;
  117.         z-index: 999 !important;
  118.     }
  119.     #watch7-playlist-tray-container {
  120.         left: 100% !important;
  121.         top: 34px !important;
  122.         width: 400px !important;
  123.         margin-left: -400px !important;
  124.         position: fixed !important;
  125.     }
  126.    
  127.     /* MOVE EVERYTHING TO BELOW PLAYER */
  128.     #body-container {
  129.         position: relative !important;
  130.         top: 100vh !important;
  131.         padding: 0px !important;
  132.         height: auto !important;
  133.     }
  134.     #body {
  135.         position: relative !important;
  136.         display: block !important;
  137.         padding: 0px !important;
  138.         margin-right: 0px !important;
  139.         min-width: 300px !important;
  140.         max-width: 1920px !important;
  141.         width: 100% !important;
  142.         padding-right: 0px !important;
  143.     }
  144.     #early-body
  145.     {
  146.      margin-right: 0px;  
  147.     }
  148.     #masthead-positioner {
  149.         position: absolute !important;
  150.         margin-top: 0px !important;
  151.         width: auto;
  152.         margin-right: 0px;
  153.         padding-right: 0px;
  154.     }
  155.  
  156.     #logo-container,
  157.     .yt-masthead-user-icon,
  158.     #sb-button-notify {
  159.         display: none !important;
  160.     }
  161.    
  162.    
  163.     #yt-masthead-container
  164.     {
  165.         position: relative;
  166.         display: block;
  167.         width: auto;
  168.         margin-right: 0px;
  169.         min-width: 300px;
  170.     }
  171.    
  172.    
  173.     /* POSITION STUFF BELOW PLAYER */
  174.     #page {
  175.         padding: 0px !important;
  176.         margin-top:-49px !important;
  177.     }
  178.     #watch7-container {
  179.         height: auto !important;
  180.     }
  181.     #watch7-main-container {
  182.         padding-left: 0px !important;
  183.         width: 100%;
  184.         min-width: 300px !important;
  185.     }
  186.     #watch7-main {
  187.         min-width: 300px !important;
  188.         width: auto !important;
  189.         max-width: 1920px !important;
  190.         padding: 0px !important;
  191.         margin: 0px !important;
  192.         margin-top: 0px !important;
  193.  
  194.     }
  195.     #watch7-content {
  196.         min-width: 300px !important;
  197.         width: 100% !important;
  198.         max-width: 1920px !important;
  199.         padding-left: 0px !important;
  200. padding-top: 30px !important;
  201.     }
  202.    
  203.     #action-panel-details {
  204.         min-width: 300px !important;
  205.         width: 100% !important;
  206.         max-width: 1920px !important;
  207.         padding-left: 20px !important;
  208.  
  209.         padding-top: 18px !important;
  210.     }
  211.    
  212.     #watch7-sidebar {
  213.         min-width: 150px !important;
  214.         width: auto !important;
  215.         max-width: 400px !important;
  216.         height: 748px !important;
  217.         margin-bottom: 0px !important;
  218.         overflow: auto !important;
  219.         display: none !important;
  220.     }
  221.     #watch7-sidebar-contents, .watch-sidebar-section,
  222.     .watch-sidebar-body, #watch-related {
  223.         height: 750px !important;
  224.         margin-bottom: 0px !important;
  225.     }
  226.     .watch-sidebar-section {
  227.         margin-bottom: 0px !important;
  228.     }
  229.     #watch7-action-buttons {
  230.         padding-bottom: 4px !important;
  231.     }
  232.     #watch7-action-panels {
  233.         height: 600px !important;
  234.     }
  235.  
  236.     #watch7-action-panel-footer {
  237.         display: none !important;
  238.     }
  239.     #watch-discussion {
  240.         display: none !important;
  241.     }
  242.     html {
  243.         height: 100vh !important;
  244.         padding-bottom: 822px !important;
  245.     }
  246.     #content {
  247.         height: 773px !important;
  248.         padding: 0px !important;
  249.     }
  250.  
  251.     #page-container {
  252.         height: auto;
  253.     }
  254.    
  255.     /* FIX THE GUIDE */
  256.     #guide-container {
  257.         padding: 5px !important;
  258.         left: 0px !important;
  259.         top: 0px !important;
  260.         height: 763px !important;
  261.     }
  262.     #guide-subscriptions-section {
  263.         margin-top: 4px !important;
  264.     }
  265.     .guide-channels-list {
  266.         height: auto !important;
  267.         max-height: 485px !important;
  268.         padding-bottom: 3px !important;
  269.     }
  270.     .guide-section-separator {
  271.         position: relative !important;
  272.         left: -5px !important;
  273.         width: 185px !important;
  274.         margin: 0px !important;
  275.         padding: 0px !important;
  276.     }
  277.     #watch-context-container {
  278.         display: none !important;
  279.     }
  280.    
  281.    
  282.       .yt-masthead-logo-container
  283.     {
  284.       padding-right: 30px !important;
  285.     width: auto !important;
  286.   }
  287.  
  288.   #yt-masthead-content
  289.   {
  290.       position: relative;
  291.       display: block;
  292.     width: auto !important;
  293.    
  294.      
  295.   }
  296.  
  297.   #masthead-search
  298.   {
  299.     width: 100% !important;
  300.     max-width: 1920px !important;
  301.   }
  302.  
  303.     #watch7-action-panel-footer {
  304.         display: none !important;
  305.     }
  306.     #watch-discussion, .playlist-header, #watch-appbar-playlist, #watch7sidebar-ads, #watch7-sidebar-offer, #sb-button-notify, #logo-container, #yt-masthead-account-picker, #yt-masthead-user {
  307.         display: none !important;
  308.     }
  309.  
  310.  
  311.         .watch #content.content-alignment {
  312.  
  313.  
  314.     width: auto !important;
  315.     min-width: 300px !important;
  316.     max-width: 1420px !important;
  317.         margin-top: 0px;
  318.                       padding-top: 0px !important;
  319.               padding-left: 30px !important;
  320.       padding-right: 30px !important;
  321. }
  322.    
  323.    
  324.         #watch-header, #page-container, #watch7-content
  325.         {
  326.               min-width: 300px !important;
  327.                 width: 100% !important;
  328.            
  329.     }
  330.    
  331.    
  332.    
  333.    
  334.    
  335.  
  336. }
  337.  
  338.  
  339.  
  340.  
  341. @-moz-document url-prefix(https://www.youtube.com/feed)
  342. {
  343.     /* COLORS & FONTS */
  344.    
  345.     .feed-item-container .branded-page-module-title .branded-page-module-title-link, .ytg-channel-link  {
  346.  
  347.         display:none;
  348. }
  349.  
  350.  
  351. .branded-page-module-title-text, .yt-lockup-title a {
  352.  
  353.         font-size: 12px;
  354. }
  355.    
  356.     .shelf-item {
  357.        
  358.         padding-bottom: 3px;
  359.        
  360.     }
  361.    
  362.    
  363.    
  364.  
  365.     /* REMOVE SCROLLBAR */
  366.     scrollbar {
  367.         visibility: collapse !important;
  368.     }
  369.    
  370.     /* REMOVE STUFF */
  371.     #watch-description-extra-info {
  372.         display: none !important;
  373.     }
  374.    
  375.     #footer-container {
  376.         display: none !important;
  377.     }
  378.     #search-btn {
  379.         display: none !important;
  380.     }
  381.     #guide-container.collapsible-guide h3 {
  382.         display: none !important;
  383.     }
  384.     .guide-item .thumb {
  385.         display: none !important;
  386.     }
  387.     .yt-uix-button-subscribe-branded .yt-uix-button-icon-wrapper {
  388.         display: none !important;
  389.     }
  390.     .yt-subscription-button-subscriber-count-branded-horizontal {
  391.         display: none !important;
  392.  
  393.     }
  394.     #body {
  395.         position: relative !important;
  396.         padding: 0px !important;
  397.     }
  398.  
  399.  
  400.  
  401.  
  402. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!