Advertisement
Guest User

Untitled

a guest
Nov 22nd, 2017
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.10 KB | None | 0 0
  1. body[data-spf-name="watch"] .content-alignment {
  2. width: 100%!important;
  3. max-width: 100%!important;
  4. }
  5. body[data-spf-name="watch"] #content,
  6. body[data-spf-name="watch"] #player {
  7. top: 0!important;
  8. margin-top: calc((100vh - 600px) * .5)!important;
  9. }
  10. body[data-spf-name="watch"] #placeholder-player {
  11. margin-bottom: calc((100vh - 600px) * .5)!important;
  12. }
  13. body[data-spf-name="watch"] #player .player-api {
  14. position: absolute!important;
  15. left: 0!important;
  16. right: 0!important;
  17. margin-left: auto!important;
  18. margin-right: auto!important;
  19. width: 1066px!important;
  20. }
  21. body[data-spf-name="watch"] #watch7-sidebar {
  22. margin-top:0!important;
  23. top:0!important;
  24. }
  25. body[data-spf-name="watch"] .player-height,body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ad-container {
  26. height: 600px!important;
  27. width:1066px!important;
  28. margin:0 auto!important;
  29. }
  30. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) video {
  31. height: 600px!important;
  32. width: 1066px!important;
  33. left: 0!important;
  34. right: 0!important;
  35. top: 0!important;
  36. bottom: 0!important;
  37. object-fit: contain!important;
  38. }
  39. body[data-spf-name="watch"] button[title="Theater mode"] {
  40. display: none!important;
  41. }
  42. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-endscreen-content {
  43. height: 600px!important;
  44. width: 1066px!important;
  45. margin: 0!important;
  46. top: 0!important;
  47. bottom: 0!important;
  48. left: 0!important;
  49. right: 0!important;
  50. background: hsl(0, 0%, 0%)!important;
  51. }
  52. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-videowall-still.ytp-suggestion-set.ytp-videowall-active {
  53. width: 256px!important;
  54. height: 174px!important;
  55. position: relative!important;
  56. float: left!important;
  57. top: auto!important;
  58. left: auto!important;
  59. margin: 8px 0 0 8.5px!important;
  60. }
  61. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .caption-window.ytp-caption-window-bottom {
  62. position: absolute!important;
  63. left: 0!important;
  64. right: 0!important;
  65. margin-left: auto!important;
  66. margin-right: auto!important;
  67. }
  68. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-chrome-bottom {
  69. position: absolute!important;
  70. left: 0!important;
  71. right: 0!important;
  72. bottom: 0!important;
  73. margin-left: auto!important;
  74. margin-right: auto!important;
  75. }
  76. /* Tooltips */
  77.  
  78. .content-snap-width-3 body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-tooltip.ytp-bottom.ytp-preview {
  79. margin-left: 108px!important;
  80. }
  81. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-tooltip.ytp-bottom.ytp-preview {
  82. top: auto!important;
  83. bottom: 60px!important;
  84. margin-left: 216px!important;
  85. }
  86. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-tooltip.ytp-text-detail.ytp-preview.ytp-has-duration.ytp-bottom {
  87. top: auto!important;
  88. margin-left: 0!important;
  89. bottom: 60px!important;
  90. }
  91. .content-snap-width-3 body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-settings-menu[style*="width: 2"],
  92. .content-snap-width-3 body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-settings-menu[style*="width: 18"],
  93. .content-snap-width-3 body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-settings-menu[style*="width: 19"] {
  94. right: 68px!important;
  95. }
  96. .content-snap-width-3 body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-settings-menu {
  97. right: 127px!important;
  98. }
  99. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-settings-menu[style*="width: 2"],
  100. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-settings-menu[style*="width: 18"],
  101. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-settings-menu[style*="width: 19"] {
  102. right: 176px!important;
  103. }
  104. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-settings-menu {
  105. right: 236px!important;
  106. }
  107. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-tooltip:not(.ytp-preview).ytp-bottom {
  108. top: auto!important;
  109. bottom: 6px!important;
  110. position: absolute!important;
  111. left: 0!important;
  112. right: 0!important;
  113. margin-left: auto!important;
  114. margin-right: auto!important;
  115. max-width: 100px!important;
  116. text-align: center!important;
  117. }
  118. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-tooltip:not(.ytp-preview).ytp-bottom[style$="676px;"],
  119. body[data-spf-name="watch"] .html5-video-player:not(.ytp-fullscreen) .ytp-tooltip:not(.ytp-preview).ytp-bottom[style$="462px;"] {
  120. max-width: 200px!important;
  121. }
  122. /* Hidden Header */
  123.  
  124. body[data-spf-name="watch"] #masthead-positioner {
  125. opacity: 0!important;
  126. pointer-events: none!important;
  127. transition: opacity .8s ease-in-out!important;
  128. position: fixed!important;
  129. }
  130. body[data-spf-name="watch"] #masthead-positioner-height-offset {
  131. display: none!important;
  132. }
  133. body[data-spf-name="watch"] #masthead-positioner:before,
  134. body[data-spf-name="watch"] #body-container:before {
  135. content: ''!important;
  136. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3woVACsVGWai1AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAA70lEQVQ4y+2SsUoDQRBA34bjuEouEEmRcKBiKq3F/y/EWrsQrCJCkKRTQuBZOAch3uU80C4Dww6PWXaYtwlATUCdAEbSh6eUTOoAyIAiToAdsI06/yX/BHaouTree93voa3Uqgcfq3k92ZSfcUlztPEp8JHF2GVDw3nLxTZeAtmAP46kngHXwD1wFfwFeIr6Frjo4AvgAZhnYW0VjW/R8A4s9x5+7eCryC1q0WJtps568EotsvhPTYuetKxpckTW5pjlUcvF0cnyyfI/Wr47sPwc9c2B5Sa+AB6BeVJzYBi7GUbDJqzVuyk7+Drsr78ArgXHNzCZ6OYAAAAASUVORK5CYII=")center 4px no-repeat!important;
  137. height: 30px!important;
  138. width: 30px!important;
  139. right: 0!important;
  140. pointer-events: all!important;
  141. position: fixed!important;
  142. top: 0!important;
  143. }
  144. body[data-spf-name="watch"] #masthead-positioner:hover {
  145. opacity: 1!important;
  146. pointer-events: all!important;
  147. z-index: 2000000000 !important;
  148. }
  149. body[data-spf-name="watch"] #masthead-positioner {
  150. left: auto!important;
  151. right: 0!important;
  152. top: 0;
  153. width: 788px!important;
  154. }
  155. body[data-spf-name="watch"] #yt-masthead-container {
  156. border-bottom-left-radius: 6px!important;
  157. padding: 16px 30px 18px!important;
  158. }
  159. body[data-spf-name="watch"] .appbar-guide-menu-layout {
  160. left: auto!important;
  161. right: 0!important;
  162. z-index: 2147483647!important;
  163. }
  164. body[data-spf-name="watch"] #yt-masthead-signin,
  165. body[data-spf-name="watch"] #yt-masthead-user {
  166. position: fixed!important;
  167. margin: 0!important;
  168. top: 20px;
  169. right: 80px;
  170. }
  171. body[data-spf-name="watch"] #appbar-guide-button {
  172. position: fixed!important;
  173. margin: 0!important;
  174. top: 19px;
  175. right: 30px;
  176. }
  177. body[data-spf-name="watch"] #yt-masthead-content {
  178. width: 410px!important;
  179. }
  180. body[data-spf-name="watch"] #yt-masthead .yt-masthead-logo-container {
  181. width: 130px!important;
  182. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement