Advertisement
Guest User

Quick and dirty tube CSS 2

a guest
Oct 24th, 2015
190
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @-moz-document domain("youtube.com") {
  2.  
  3. /*Background*/
  4. html body {
  5.  background-color: #E5E1C8 !important;
  6.  background-attachment: fixed;
  7.  background-repeat: repeat;
  8. }
  9.  
  10. /*Font*/
  11. body, a.yt-uix-button.yt-uix-button-epic-nav-item, #appbar-nav .yt-uix-button.yt-uix-button-epic-nav-item {
  12.    font-family: Gelasio;
  13.    font-weight: 600;
  14.    font-size: 13px !important;
  15.   }  
  16.  
  17. .subscribe-label, .subscribed-label, .unsubscribe-label {
  18.   font-family: Gelasio;
  19.   font-weight: 600;
  20.   font-size: 12px !important;
  21. }
  22.  
  23. .player-api {
  24.   background: transparent !important;
  25. }  
  26.  
  27. #eow-description {
  28.   font-family: Gelasio;
  29.   font-weight: 500;
  30.   font-size: 13px !important;
  31. }
  32.  
  33. #masthead-search-term.search-term.masthead-search-renderer-input.yt-uix-form-input-bidi {
  34.   font-family: Gelasio !important;
  35.   color: #f7f7f7 !important;
  36. }
  37.  
  38. .yt-uix-button.yt-uix-button-size-default.yt-uix-button-expander.yt-uix-expander-head.yt-uix-expander-body,  .yt-uix-button.yt-uix-button-size-default.yt-uix-button-expander.yt-uix-expander-head.yt-uix-expander-collapsed-body.yt-uix-gen204 {
  39.   font-family: Gelasio;
  40.   font-weight: 500;
  41.   font-size: 10px !important;  
  42. }
  43. /* remove seperators and unwanted borders */
  44.   #watch8-action-buttons, .yt-card .yt-uix-button-expander, .yt-card .yt-uix-tabs, #appbar-guide-menu .guide-section-separator, .branded-page-v2-primary-col .branded-page-box, .feed-header, #appbar-nav, #masthead-appbar, a.yt-uix-button-epic-nav-item:hover, #watch7-sidebar .watch-sidebar-separation-line, .search-header, .branded-page-v2-subnav-container, .yt-lockup-playlist-item {
  45.     border: none !important;
  46. }
  47.  
  48. /*Hide shit I don't need*/
  49.  .yt-uix-button.yt-uix-button-size-default.yt-uix-button-opacity.yt-uix-button-has-icon.no-icon-markup.yt-uix-videoactionmenu-button.addto-button.pause-resume-autoplay.yt-uix-menu-trigger.yt-uix-tooltip, .yt-uix-button.yt-uix-button-size-default.yt-uix-button-opacity.yt-uix-button-has-icon.no-icon-markup.pause-resume-autoplay.action-panel-trigger.action-panel-trigger-share.yt-uix-tooltip, #action-panel-overflow-button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-opacity.yt-uix-button-has-icon.no-icon-markup.pause-resume-autoplay.yt-uix-menu-trigger.yt-uix-tooltip, .yt-channel-title-icon-verified.yt-uix-tooltip.yt-sprite, #autoplay-checkbox-label, .checkbox-on-off, #upload-btn, #yt-masthead-user, .watch-sidebar-head, .yt-subscription-button-subscriber-count-branded-horizontal, #search-btn, #upload-btn, .yt-uix-button-subscribe-branded::before, #masthead-search .search-btn-component .yt-uix-button-content, #masthead-search .search-btn-component, #yt-masthead #logo-container span.content-region, #appbar-guide-button .yt-uix-button-arrow {
  50.  display: none !important
  51. }
  52.  
  53. /*Subscribe button*/
  54. .yt-uix-button-subscribe-unbranded:hover, .yt-uix-button-subscribe-unbranded, .yt-uix-subscription-preferences-button, .yt-uix-button-subscribed-branded, .yt-uix-button-subscribed-branded[disabled], .yt-uix-button-subscribed-branded[disabled]:hover, .yt-uix-button-subscribed-branded[disabled]:active, .yt-uix-button-subscribed-branded[disabled]:focus, .yt-uix-button-subscribed-unbranded, .yt-uix-button-subscribed-unbranded[disabled], .yt-uix-button-subscribed-unbranded[disabled]:hover, .yt-uix-button-subscribed-unbranded[disabled]:active, .yt-uix-button-subscribed-unbranded[disabled]:focus, .yt-uix-button-subscribe-branded.yt-is-buffered, .yt-uix-button-subscribe-branded + .yt-uix-subscription-preferences-button + .yt-subscription-button-subscriber-count-branded-horizontal, .yt-uix-button-subscribe-branded, .yt-uix-button-subscribed-branded + .yt-uix-subscription-preferences-button, .yt-badge, .yt-uix-button-subscribe-unbranded + .yt-subscription-button-subscriber-count-unbranded-horizontal, .yt-uix-button-default.yt-uix-button-toggled, .yt-uix-button-default.yt-uix-button-toggled:hover, .yt-uix-button-subscribe-branded + .yt-subscription-button-subscriber-count-branded-horizontal {
  55.  border: 1px solid #566B66;
  56.  border-radius: 0 !important;
  57.  background-color: #566B66;
  58.  color: #f7f7f7;
  59.  box-shadow: none;
  60. }
  61.  
  62. /* header */
  63. #yt-masthead-container {
  64.  background-color: #566B66;
  65.  border-bottom: 0px;
  66.  padding-top: 1px;
  67.  padding-bottom: 2px;
  68. }
  69.  
  70. #masthead-search-terms input {
  71.  border: 0px solid #6f535e;
  72.  background: #566B66;
  73. }  
  74.  
  75. #masthead-search-terms {
  76.  background: #566B66 !important;
  77.  border: 0px !important;
  78. }  
  79.  
  80. #yt-masthead #logo-container .logo {
  81.  background: url("file:///file/to/150x150px/Logo.png") no-repeat scroll !important;
  82.  margin-top: 5px;
  83.  margin-left: 0px;
  84.  width: 80px !important;
  85. }
  86.  
  87. .yt-uix-button-icon-appbar-guide {
  88.   background: url("file:///file/to/150x150px/Logo2.png") no-repeat scroll;
  89.   width: 16px;
  90.   height: 16px;
  91.   margin-top: 0px;
  92.   margin-left: 0px;
  93. }      
  94.  
  95. #appbar-guide-button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-text.yt-uix-button-empty.yt-uix-button-has-icon.appbar-guide-toggle.appbar-guide-clickable-ancestor {
  96.  margin-top: 0px;
  97.  margin-left: -30px;
  98. }
  99.  
  100. /*progressbar*/
  101. .html5-play-progress, .ytp-play-progress {
  102.  background: #566B66 !important;
  103. }
  104.  
  105. .html5-load-progress, .ytp-load-progress {
  106.  background: #997F73 !important;
  107. }
  108.  
  109. .html5-scrubber-button, .ytp-scrubber-button {
  110.  background: #f7f7f7 !important;
  111.  border-color: #566B66 !important;
  112. }
  113.  
  114. .html5-scrubber-button:hover, .ytp-scrubber-button:hover {
  115.  background: #566B66 !important;
  116.  border-color: #566B66 !important;
  117. }
  118.  
  119. .ytp-volume-slider-foreground:before {
  120.  background: #566B66 !important;
  121. }
  122.  
  123. /*like and dislike bar*/
  124. .video-extras-sparkbar-likes {
  125.  background: #566B66 !important;
  126. }  
  127.      
  128. .video-extras-sparkbar-dislikes  {
  129.   background: #997F73 !important;
  130. }
  131.  
  132. /*text colors*/
  133.  
  134. #eow-title.watch-title, .watch-view-count, .watch-time-text, .yt-uix-button.yt-uix-button-size-default.yt-uix-button-expander.yt-uix-expander-head.yt-uix-expander-collapsed-body.yt-uix-gen204,
  135. a, .user-name.g-hovercard, .yt-uix-sessionlink.g-hovercard.spf-link, .yt-uix-sessionlink.spf-link, .like-count.off, .title, li {
  136.  color: #566B66 !important;
  137. }
  138.  
  139. #eow-description, .share, .comment-text-content, .stat.attribution, stat.view-count {
  140. color:  #997F73 !important;
  141. }
  142.  
  143. /*shadow*/
  144.  
  145. .html5-video-container, #yt-masthead-container.clearfix.yt-base-gutter, #watch-header.yt-card.yt-card-has-padding, #action-panel-details.action-panel-content.yt-card.yt-card-has-padding.yt-uix-expander.yt-uix-expander-collapsed, #watch-discussion.yt-card.branded-page-box.scrolldetect, #watch7-sidebar-contents, #action-panel-details.action-panel-content.yt-card.yt-card-has-padding.yt-uix-expander, .html5-video-container, .video-stream.html5-main-video, #appbar-nav.appbar-content-hidable, .feed-item-container.browse-list-item-container.yt-section-hover-container.compact-shelf.shelf-item.branded-page-box.clearfix, #movie_player {
  146.  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.35) !important;
  147. }
  148.  
  149. /*main page*/
  150. .epic-nav-item-heading {
  151.  border-bottom: 3px #566B66 solid !important;
  152.  color: #566B66 !important;
  153. }
  154. }
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement