Advertisement
ravmunken

YouTube CSS Old

Aug 30th, 2014
288
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.86 KB | None | 0 0
  1. @-moz-document url-prefix(http://www.youtube.com/watch),
  2. url-prefix(https://www.youtube.com/watch)
  3. {
  4.     /* COLORS & FONTS */
  5.  
  6.  
  7.     /* REMOVE SCROLLBAR */
  8.     scrollbar {
  9.         visibility: collapse !important;
  10.     }
  11.    
  12.     /* REMOVE STUFF */
  13.     #footer-container {
  14.         display: none !important;
  15.     }
  16.     #search-btn {
  17.         display: none !important;
  18.     }
  19.     #guide-container.collapsible-guide h3 {
  20.         display: none !important;
  21.     }
  22.     .guide-item .thumb {
  23.         display: none !important;
  24.     }
  25.     .yt-uix-button-subscribe-branded .yt-uix-button-icon-wrapper {
  26.         display: none !important;
  27.     }
  28.     .yt-subscription-button-subscriber-count-branded-horizontal {
  29.         display: none !important;
  30.     }
  31.     .yt-uix-subscription-preferences-button {
  32.         display: none !important;
  33.     }
  34.     #ticker {
  35.         display: none !important;
  36.     }
  37.     #yt-masthead-dropdown {
  38.         display: none !important;
  39.     }
  40.    
  41.     /* RESIZE PLAYER */
  42.     #player {
  43.         position: absolute !important;
  44.         display: block !important;
  45.         width: 100vw !important;
  46.         height: 100vh !important;
  47.         top: 0px !important;
  48.         margin-top: -100vh !important;
  49.         left: 0px !important;
  50.         padding: 0px !important;
  51.         z-index: 5 !important;
  52.        
  53.     }
  54.     #player-api {
  55.         position: relative !important;
  56.         display: flex !important;
  57.         width: 100vw !important;
  58.         height: 100vh !important;
  59.         margin-top: -3px !important;
  60.         margin-left: -3px !important;
  61.         margin-right: 0px !important;
  62.         padding-left: 0px !important;
  63.         left: 0px !important;
  64.         padding: 0px !important;
  65.         z-index: 5 !important;
  66.     }
  67.    
  68.     #body {
  69.         position: relative !important;
  70.         display: block !important;
  71.         padding: 0px !important;
  72.         margin-right: 0px !important;
  73.         min-width: 300px !important;
  74.         max-width: 1440px !important;
  75.         width: 100% !important;
  76.         padding-right: 0px !important;
  77.        
  78.        
  79.     }
  80.  
  81. #yt-masthead
  82.     {
  83.         width:100%;
  84.     }
  85.    
  86.    
  87.    
  88.    
  89.     /* MOVE EVERYTHING TO BELOW PLAYER */
  90.     #body-container {
  91.         position: relative !important;
  92.         top: 100vh !important;
  93.         width: auto !important;
  94.         padding: 0px !important;
  95.         height: auto !important;
  96.         padding-right: 10px !important;
  97.     }
  98.      
  99.   #watch7-sidebar
  100.       {
  101.         position: relative !important;
  102.         top: 400px !important;
  103.         padding: 0px !important;
  104.   display: none !important;
  105.           width: 0px  !important;
  106.     }
  107.  
  108.   #watch7-content, .watch-content, #content {
  109.  
  110.             width: 100% !important;
  111.       padding-left: 0px !important;
  112.       padding-right: 0px !important;
  113.  
  114.   }
  115.  
  116.     .watch #content.content-alignment, .content-alignment {
  117.  
  118.                  width: 100% !important;
  119.     }
  120.    
  121.    
  122.     #watch7-main, #player.watch-small, #player.watch-large
  123.     {
  124.        
  125.                     width: 100% !important;
  126.             min-width: 300px !important;
  127.     max-width: 1400px !important;
  128.     }
  129.    
  130.    
  131.     .watch #content.content-alignment {
  132.  
  133.  
  134.     width: auto !important;
  135.     min-width: 300px !important;
  136.     max-width: 1400px !important;
  137.         margin-top: 0px;
  138.                       padding-top: 0px !important;
  139.               padding-left: 30px !important;
  140.       padding-right: 30px !important;
  141. }
  142.    
  143.     #watch-header, #page-container, #watch7-content
  144.         {
  145.               min-width: 300px !important;
  146.                 width: 100% !important;
  147.            
  148.     }
  149.    
  150.     #masthead-positioner-height-offset
  151.     {
  152.         height: 67px !important;
  153.        
  154.     }
  155.    
  156.  
  157. #sb-wrapper
  158.     {
  159.                 margin-top: -3px !important;
  160.     }
  161.  
  162.    
  163.  
  164.   #masthead-positioner
  165.   {
  166.     position: absolute !important;
  167.     top: 0px !important;
  168.   }
  169.  
  170.    
  171.     /* POSITION STUFF BELOW PLAYER */
  172.     #page {
  173.         padding: 0px !important;
  174.  
  175.     }
  176.  
  177.   .yt-masthead-logo-container
  178.     {
  179.       padding-right: 30px !important;
  180.     width: auto !important;
  181.   }
  182.  
  183.   #yt-masthead-content
  184.   {
  185.     width: auto !important;
  186.      
  187.   }
  188.  
  189.   #masthead-search
  190.   {
  191.     width: 100% !important;
  192.     max-width: 1440px !important;
  193.   }
  194.  
  195.     #watch7-action-panel-footer {
  196.         display: none !important;
  197.     }
  198.     #watch-discussion, .playlist-header, #watch-appbar-playlist, #watch7sidebar-ads, #watch7-sidebar-offer, #sb-button-notify, #logo-container, #yt-masthead-account-picker, #yt-masthead-user {
  199.         display: none !important;
  200.     }
  201.  
  202.    
  203.    
  204.    
  205.    
  206.    
  207.    
  208.    
  209.  
  210.    
  211.    
  212. #masthead-search .search-btn-component  {
  213.    
  214.  
  215.         background: #3a3a3a !important;
  216.         color: #5d5d5d !important;
  217.         border-color: #3a3a3a !important;
  218.        
  219.     }
  220.    
  221.    
  222.  
  223.    
  224.  
  225.    
  226. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement