sanitysama

youtube static masthead

May 28th, 2014
413
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.68 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2. @-moz-document regexp("https?://www.youtube.com/.*") {
  3. #masthead-positioner {
  4.     top: 0 !important
  5.     }
  6. /* fixed masthead */
  7. .ytcenter-site-watch #yt-masthead-container {
  8.     position: fixed;
  9.     top: 0;
  10.     left: 0;
  11.     right: 0;
  12.     margin: 0 auto;
  13.     z-index: 999
  14.     }
  15. /* expanded masthead */
  16. .ytcenter-site-watch #masthead-expanded {
  17.     position: fixed !important;
  18.     top: 42px !important;
  19.     left: 0;
  20.     right: 0;
  21.     margin: 0 auto;
  22.     z-index: 999
  23.     }
  24.     /* background */
  25.     .ytcenter-site-watch #yt-masthead-container {
  26.         background: transparent !important;
  27.         border: 0 !important
  28.         }
  29. /* player margins */
  30. html[data-player-size="small"] #player {
  31.     margin-top: 114px !important
  32.     }
  33. html[data-player-size="large"] #player {
  34.     margin-top: 0 !important
  35.     }
  36. .ytcenter-site-watch #yt-masthead  {
  37.     opacity: .9
  38.     }
  39. /* logo width */
  40. .ytcenter-site-watch #yt-masthead .yt-masthead-logo-container {
  41.     width: auto !important;
  42.     padding-right: 4px
  43.     }
  44. /* search */
  45. #masthead-search {
  46.     max-width: 100% !important;
  47.     min-width: 100px !important
  48.     }
  49. /* masthead transition */
  50.     /* in */
  51.     html[data-player-size="large"] .ytcenter-site-watch #yt-masthead:hover {
  52.         opacity: .9;
  53.         transition: opacity .25s ease .2s
  54.        }
  55.     /* out */
  56.     html[data-player-size="large"] .ytcenter-site-watch #yt-masthead:not(:hover) {
  57.         opacity: 0;
  58.         transition: opacity .25s ease 0s
  59.         }
  60. /* remove */
  61. .ytcenter-site-watch #masthead-positioner-height-offset, #sb-button-notify, .branded-page-related-channels {
  62.     display: none !important
  63.     }
  64. }
Advertisement
Add Comment
Please, Sign In to add comment