Advertisement
Guest User

Quick and dirty tube CSS 3 old

a guest
Dec 20th, 2015
119
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @-moz-document domain("youtube.com") {
  2.  
  3. /*Font*/
  4. * {
  5.   font-family: "WenQuanYi Zen Hei Mono", "IPAPGothic" !important;
  6. }
  7.  
  8. /*header, video container, and content positioning*/
  9. #masthead-positioner {
  10.     position: fixed !important;
  11.     top: 8px !important;
  12.     right: 8px !important;
  13.     left: 8px !important;
  14. }
  15.  
  16. .page-loaded #page {
  17.  position: relative !important;
  18.  top: 2px !important;
  19. }
  20.  
  21. #content {
  22.  position: relative !important;
  23.  top: 14px !important;
  24. }
  25.  
  26. .yt-card {
  27.  margin: 0px 0px 11px !important;
  28. }
  29.  
  30. /*Background*/
  31. html body {
  32.  /*background: url(file:///home/shiba-inu/Pictures/back6.png) !important;*/
  33.  background: url(file:///home/shiba-inu/Pictures/manga.png) !important; /*this is 150px*150px texture tile image*/
  34.  background-attachment: fixed;
  35.  background-repeat: repeat;
  36. }
  37.  
  38. /*Hide shit i don't need*/
  39. .annotation.iv-branding, #yt-masthead-user, body #footer-container, #yt-masthead #logo-container span.content-region, #watch8-secondary-actions, .video-extras-sparkbars, .autoplay-bar, .yt-uix-button-subscribed-branded + .yt-uix-subscription-preferences-button, .exp-responsive #content .yt-uix-button-subscription-container .yt-short-subscriber-count, .yt-subscription-button-subscriber-count-branded-horizontal, .yt-subscription-button-subscriber-count-unbranded-horizontal, #watch7-sidebar .watch-sidebar-separation-line {
  40.    display: none !important;
  41. }
  42. /*masthead*/
  43.  
  44. #yt-masthead-container {
  45.  background: transparent !important;
  46.  border: none !important;
  47.  padding: 0 0 0 0 !important;
  48.  border : none !important;
  49.  margin: 0 0 0 0 !important;
  50. }
  51.  
  52. #yt-masthead-content {
  53.  padding: 0 0 0 0 !important;
  54.  margin: 0 -15px 0 0 !important;
  55.  float: right !important;
  56.  width: 72% !important;
  57.  /*border: 2px solid #63567E !important;*/
  58. }
  59.  
  60. .yt-base-gutter {
  61.  padding: 0 0 0 0 !important;
  62.  margin: 0 0 0 0 !important;
  63. }
  64.  
  65. #yt-masthead .yt-masthead-logo-container {
  66.  padding: 0 0 0 0 !important;
  67.  margin: 3px 0 0 -10px !important;
  68.  width: 31% !important;
  69.  max-width: 200px !important;
  70.  border: 2px solid #63567E !important;
  71.  background: url(file:///home/shiba-inu/Pictures/manga2.png) !important;
  72. }
  73.  
  74. #masthead-search-terms {
  75. background: url(file:///home/shiba-inu/Pictures/manga.png) !important;
  76. font-size: 14px !important;
  77.  height: 30px !important;
  78.  line-height: 30px !important;
  79.  margin: 0px 0px 0px 0px !important;
  80. }
  81.  
  82. .masthead-search-terms-border {
  83. border: none !important;
  84. box-shadow: none !important;
  85. }
  86.  
  87. #masthead-search {
  88.  border: 2px solid #63567E !important;
  89. }
  90.  
  91. #masthead-search .search-btn-component, #masthead-search .search-btn-component .start {
  92.  border: none !important;
  93.  border-left: 2px solid #63567E !important;
  94.  border-radius: 0px !important;
  95.  background: url(file:///home/shiba-inu/Pictures/manga2.png) !important;
  96.  height: 30px !important;
  97. }
  98.  
  99. /*logo*/
  100. .exp-responsive #yt-masthead #logo-container .logo {
  101.  background: url("file:///home/shiba-inu/Pictures/back1.png") no-repeat scroll -319px -262px transparent !important;
  102.  width: 60px !important;
  103.  margin-left: 2px !important;
  104.  margin-bottom: 2px !important;
  105. }
  106.  
  107. .yt-uix-button-icon-appbar-guide {
  108.  background: url("file:///home/shiba-inu/Pictures/back1.png") no-repeat scroll -499px -217px transparent;
  109.  margin-left: 10px !important
  110. }    
  111.  
  112. /*borders_and_yt_cards*/
  113.  
  114. #watch7-sidebar .watch-sidebar-section {
  115.  position: relative !important;
  116.  margin: 0 0 0 5px;
  117. }
  118.  
  119. .yt-card, #player .player-api  {
  120.  border : #63567E 2px solid !important;
  121.  background: url(file:///home/shiba-inu/Pictures/manga.png) !important;
  122. }
  123.  
  124. #watch8-action-buttons {
  125.  padding-top: 5px !important;
  126.  border-top: #63567E 2px solid !important;
  127.  margin-left: -15px !important;
  128.  margin-right: -15px !important;
  129.  margin-bottom: 0px !important;
  130.  background: url(file:///home/shiba-inu/Pictures/manga2.png) !important;
  131. }  
  132.  
  133. #watch-header.yt-card.yt-card-has-padding {
  134.  padding-bottom: 0px !important;
  135. }
  136.  
  137. #watch8-sentiment-actions {
  138.  float: left !important;
  139.  margin-bottom: 5px !important;
  140.  margin-top: 0px !important;
  141.  padding: 0 0 0 0 !important;
  142. }
  143.  
  144. .watch-view-count {
  145.  position: absolute !important;
  146.  bottom: 5px !important;
  147.  right: 5px !important;
  148. }
  149.  
  150. #action-panel-details {
  151.  padding-right: 0px !important;
  152.  padding-left: 0px !important;
  153. }
  154.  
  155. #watch-description {
  156.  margin-left: 10px !important;
  157. }
  158.  
  159. .yt-card .yt-uix-button-expander {
  160.  border-top: 2px solid #63567E !important;
  161.  margin-left: 0px !important;
  162.  bottom: 10px !important;
  163.  background: url(file:///home/shiba-inu/Pictures/manga2.png) !important;
  164. }
  165.  
  166. /*Subscribe_Button*/
  167. .yt-uix-button-subscribed-branded {
  168.  border: #3B5F5A 2px solid !important;
  169.  background: url(file:///home/shiba-inu/Pictures/manga3.png) !important;
  170.  border-radius: 0px !important;
  171.  color: #3B5F5A !important;
  172. }
  173.  
  174. /*font_color*/
  175. /*purple*/
  176. h1.yt, #watch-description, .yt-card .yt-uix-button-expander:hover, .yt-card .yt-uix-button-expander {
  177. color: #63567E !important;
  178. }
  179.  
  180.  
  181.  
  182. /*green*/
  183. #watch-header, #watch-header .yt-user-info a, #action-panel-details a, #action-panel-details:hover a, .watch-view-count {
  184. color: #3B5F5A !important;
  185. }
  186. }
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement