API tools faq
paste
Advertisement
ravmunken

YouTube CSS Revised

ravmunken
Aug 30th, 2014
303
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.39 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: 67px !important;
  75.        
  76.     }
  77.    
  78.  
  79. #sb-wrapper
  80.     {
  81.                 margin-top: 0px !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: 44px !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: 15px !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. {
  253. height: auto;
  254. }
  255.    
  256.     /* FIX THE GUIDE */
  257.     #guide-container {
  258.         padding: 5px !important;
  259.         left: 0px !important;
  260.         top: 0px !important;
  261.         height: 763px !important;
  262.     }
  263.     #guide-subscriptions-section {
  264.         margin-top: 4px !important;
  265.     }
  266.     .guide-channels-list {
  267.         height: auto !important;
  268.         max-height: 485px !important;
  269.         padding-bottom: 3px !important;
  270.     }
  271.     .guide-section-separator {
  272.         position: relative !important;
  273.         left: -5px !important;
  274.         width: 185px !important;
  275.         margin: 0px !important;
  276.         padding: 0px !important;
  277.     }
  278.     #watch-context-container {
  279.         display: none !important;
  280.     }
  281.    
  282.    
  283.       .yt-masthead-logo-container
  284.     {
  285.       padding-right: 30px !important;
  286.     width: auto !important;
  287.   }
  288.  
  289.   #yt-masthead-content
  290.   {
  291.       position: relative;
  292.       display: block;
  293.     width: auto !important;
  294.    
  295.      
  296.   }
  297.  
  298.   #masthead-search
  299.   {
  300.     width: 100% !important;
  301.     max-width: 1920px !important;
  302.   }
  303.  
  304.     #watch7-action-panel-footer {
  305.         display: none !important;
  306.     }
  307.     #watch-discussion, .playlist-header, #watch-appbar-playlist, #watch7sidebar-ads, #watch7-sidebar-offer, #sb-button-notify, #logo-container, #yt-masthead-account-picker, #yt-masthead-user {
  308.         display: none !important;
  309.     }
  310.  
  311.  
  312.         .watch #content.content-alignment {
  313.  
  314.  
  315.     width: auto !important;
  316.     min-width: 300px !important;
  317.     max-width: 1420px !important;
  318.         margin-top: 0px;
  319.                       padding-top: 0px !important;
  320.               padding-left: 30px !important;
  321.       padding-right: 30px !important;
  322. }
  323.    
  324.    
  325.         #watch-header, #page-container, #watch7-content
  326.         {
  327.               min-width: 300px !important;
  328.                 width: 100% !important;
  329.            
  330.     }
  331.    
  332.    
  333.    
  334.    
  335.    
  336.  
  337. }
  338.  
  339.  
  340.  
  341.  
  342. @-moz-document url-prefix(https://www.youtube.com/feed)
  343. {
  344.     /* COLORS & FONTS */
  345.    
  346.     .feed-item-container .branded-page-module-title .branded-page-module-title-link, .ytg-channel-link  {
  347.  
  348.         display:none;
  349. }
  350.  
  351.  
  352. .branded-page-module-title-text, .yt-lockup-title a {
  353.  
  354.         font-size: 12px;
  355. }
  356.    
  357.     .shelf-item {
  358.        
  359.         padding-bottom: 3px;
  360.        
  361.     }
  362.    
  363.    
  364.    
  365.  
  366.     /* REMOVE SCROLLBAR */
  367.     scrollbar {
  368.         visibility: collapse !important;
  369.     }
  370.    
  371.     /* REMOVE STUFF */
  372.     #watch-description-extra-info {
  373.         display: none !important;
  374.     }
  375.    
  376.     #footer-container {
  377.         display: none !important;
  378.     }
  379.     #search-btn {
  380.         display: none !important;
  381.     }
  382.     #guide-container.collapsible-guide h3 {
  383.         display: none !important;
  384.     }
  385.     .guide-item .thumb {
  386.         display: none !important;
  387.     }
  388.     .yt-uix-button-subscribe-branded .yt-uix-button-icon-wrapper {
  389.         display: none !important;
  390.     }
  391.     .yt-subscription-button-subscriber-count-branded-horizontal {
  392.         display: none !important;
  393.  
  394.     }
  395.     #body {
  396.         position: relative !important;
  397.         padding: 0px !important;
  398.     }
  399.  
  400.  
  401.  
  402.  
  403. }
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!