Guest User

Quick and dirty tube CSS 1 old

a guest
Nov 11th, 2015
207
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.80 KB | None | 0 0
  1. @-moz-document domain("youtube.com") {
  2.  
  3.  
  4. #content {
  5.  position: relative !important;
  6.  top: 10px !important;
  7. }
  8.  
  9.  
  10. /*Background*/
  11. html body {
  12.  background-color: #102533 !important;
  13.  background-image: url(file:///home/azure/w71/Users/etudiante/Pictures/walps/NNB2.png)!important;
  14.  background-attachment: fixed;
  15.  background-repeat: repeat;
  16. }
  17.  
  18. /*Font*/
  19. body, a.yt-uix-button.yt-uix-button-epic-nav-item, #appbar-nav .yt-uix-button.yt-uix-button-epic-nav-item {
  20.  font-family: open sans !important;
  21.  font-weight: 600 !important;
  22.  font-size: 13px !important;
  23. }  
  24.  
  25. .subscribe-label, .subscribed-label {
  26.  font-family: open sans !important;
  27.  font-weight: 600 !important;
  28.  font-size: 12px !important;
  29. }
  30.  
  31. .player-api {
  32.  background: transparent !important;
  33. }  
  34.  
  35. #eow-description {
  36.  font-family: open sans !important;
  37.  font-weight: 500 !important;
  38.  font-size: 13px !important;
  39. }
  40.  
  41.  
  42. #masthead-search-term.search-term.masthead-search-renderer-input.yt-uix-form-input-bidi {
  43.   font-family: open sans !important;
  44.   color: #f7f7f7 !important;
  45. }
  46.  
  47. .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 {
  48.   font-family: open sans !important;
  49.   font-weight: 500 !important;
  50.   font-size: 10px !important;  
  51. }
  52.  
  53. /* remove seperators and unwanted borders */
  54.   #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, .watch-sidebar-separation-line, .search-header, .branded-page-v2-subnav-container, .yt-lockup-playlist-item {
  55.   border: none !important;
  56. }
  57.  
  58. /*Hide shit I don't need*/
  59.  .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, .callout-inner, .separator, .mod-button, .sprite_dislike.default-state, .like-button-renderer-like-button-unclicked, .like-button-renderer-dislike-button-unclicked, #download-youtube-video-button7489235179, body #footer-container, #masthead-appbar-container, .branded-page-v2-secondary-col .yt-card {
  60.  display: none !important
  61. }
  62.  
  63. /*Subscribe button*/
  64. .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 {
  65.  border: 2px solid #BB4D66 !important;
  66.  border-radius: 0 !important;
  67.  background-color: #102533;
  68.  color: #f7f7f7;
  69.  box-shadow: none;
  70. }
  71.  
  72. /* header */
  73. #yt-masthead-container {
  74.  background-color: #102533 !important;
  75.  border-bottom: #95C7BB 2px solid !important;
  76.  padding-top: 1px !important;
  77.  padding-bottom: 5px !important;
  78. }
  79.  
  80. #masthead-search-terms input {
  81.  border-bottom: 2px solid #BB4D66 !important;
  82.  background: #102533 !important;
  83. }  
  84.  
  85. #masthead-search-terms {
  86.  background: #566B66 !important;
  87.  border: 0px !important;
  88. }  
  89.  
  90. #yt-masthead #logo-container .logo {
  91.  background: url("file:///home/noa/Downloads/Logo3.png") no-repeat scroll !important;
  92.  margin-top: 5px;
  93.  margin-left: 0px;
  94.  width: 80px;
  95.  display: none !important;
  96. }
  97.  
  98. .yt-uix-button-icon-appbar-guide, #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 {
  99.   background: url("file:///home/azure/Desktop/NEflko3.png") no-repeat scroll !important;
  100.   width: 16px;
  101.   height: 16px;
  102.   margin-top: 0px;
  103.   margin-left: 0px;
  104. }      
  105.  
  106. #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 {
  107.  margin-top: 0px;
  108.  margin-left: -30px;
  109. }
  110.  
  111. /*progressbar*/
  112. .html5-play-progress, .ytp-play-progress {
  113.  background: #BB4D66 !important;
  114. }
  115.  
  116. .html5-load-progress, .ytp-load-progress {
  117.  background: #95C7BB !important;
  118. }
  119.  
  120. .html5-scrubber-button, .ytp-scrubber-button {
  121.  background: #95C7BB !important;
  122.  border-color: #BB4D66 !important;
  123. }
  124.  
  125. .html5-scrubber-button:hover, .ytp-scrubber-button:hover {
  126.  background: #566B66 !important;
  127.  border-color: #566B66 !important;
  128. }
  129.  
  130. .ytp-volume-slider-foreground:before {
  131.  background: #566B66 !important;
  132. }
  133.  
  134. /*like and dislike bar*/
  135. .video-extras-sparkbar-likes {
  136.  background: #BB4D66 !important;
  137. }  
  138.      
  139. .video-extras-sparkbar-dislikes  {
  140.   background: #95C7BB !important;
  141. }
  142.  
  143. /*text colors*/
  144.  
  145. a, .user-name.g-hovercard, .yt-uix-sessionlink.spf-link, .like-count.off, li, .stat.view-count {
  146.  color: #BB4D66 !important;
  147. }
  148.  
  149. .share, .watch-time-text, .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-default.yt-uix-menu-trigger, .yt-uix-button-default, .yt-uix-redirect-link, .comment-source {
  150.  color:  #95C7BB !important;
  151. }
  152.  
  153. .yt-uix-sessionlink.g-hovercard.spf-link, .yt-uix-button.yt-uix-button-size-default.yt-uix-button-expander.yt-uix-expander-head.yt-uix-expander-collapsed-body.yt-uix-gen204, .stat.attribution, .comment-footer-action.yt-commentbox-show-reply {
  154.  color: #FEE193 !important;
  155. }
  156.  
  157. #eow-title.watch-title, .watch-view-count, #eow-description, .title, .comment-text-content, .yt-lockup  {
  158.  color: #f7f7f7 !important;
  159. }  
  160.  
  161. /*Elements Color*/
  162. #watch-header, #action-panel-details, #watch-discussion, #watch-discussion, #watch7-sidebar-contents, .all-comments, .box, .yt-uix-button.yt-uix-button-size-default.yt-uix-button-default.yt-uix-menu-trigger, a, .callout-inner, #guide-container, li, .yt-uix-button.yt-uix-button-size-default.yt-uix-button-expander.yt-uix-expander-head.yt-uix-expander-body, .playlist-header, .yt-ui-ellipsis.yt-ui-ellipsis-2, #filter-dropdown, .filter-top, .filter-button {
  163. background-color: #102533 !important;
  164. }
  165.  
  166.  
  167.  
  168. #theater-background.player-height, #movie_player.html5-video-player {
  169.  background-image: url(file:///home/azure/w71/Users/etudiante/Pictures/walps/NNB2.png)!important;
  170.  background-attachment: fixed;
  171.  background-repeat: repeat;
  172. }
  173.  
  174. /*shadow*/
  175.  
  176. .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 {
  177.  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  178. }
  179.  
  180. /*borders*/
  181. #movie_player.html5-video-player, #action-panel-details, .playlist-header {
  182.  border: #BB4D66 2px solid !important;
  183. }
  184.  
  185. #watch-header, #watch7-sidebar-contents, #watch-discussion {
  186.  border: #95C7BB 2px solid !important;
  187. }  
  188.  
  189. /*main page*/
  190. .epic-nav-item-heading {
  191.  border-bottom: 3px #566B66 solid !important;
  192.  color: #566B66 !important;
  193. }
  194.  
  195. /*Hide header: annoying behaviour with css I wonder if there's a way to put javascript here instead*/
  196. #ticker {
  197.  display: none !important;
  198. }
  199.    
  200. #masthead-positioner-height-offset {
  201.  display: none !important; 
  202. }
  203.  
  204. #masthead-positioner {
  205.  opacity: 0.0 !important;
  206.  top: -20px !important;
  207.  transition: opacity 1s ease, top 1s ease !important;
  208. }
  209.  
  210. #masthead-positioner:hover {
  211.  opacity: 1 !important;
  212.  top: 0px !important;
  213.  transition: opacity 0.4s ease, top 0.2s ease !important;
  214. }
  215.    
  216. #yt-masthead-container {
  217.  padding-top: 0 !important;
  218.  padding-bottom: 0 !important;
  219. }
  220.  
  221. /*Margins positioning*/
  222. #watch7-main.clearfix {
  223.  padding-top: 5px !important;
  224. }
  225.  
  226. }
Advertisement
Add Comment
Please, Sign In to add comment