API tools faq
paste
Guest User

Youtube on FF

a guest
Feb 25th, 2018
1,214
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.39 KB | None | 0 0
raw download clone embed print report
  1. div#body-container, .options-renderer-confirmation {
  2. background: rgb(30,30,30) !important;
  3. }
  4.  
  5. .watch-stage-mode #theater-background {
  6. background-color: black !important;
  7. }
  8.  
  9. span.yt-badge.standalone-collection-badge-renderer-icon {
  10. background: none !important;
  11. }
  12.  
  13. button#yt-masthead-notifications-button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-default.yt-uix-button-has-icon.yt-uix-clickcard-target.sb-notif-off {
  14. color: red !important;
  15. }
  16.  
  17. button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-subscribed-branded.yt-uix-button-has-icon.no-icon-markup.yt-uix-subscription-button.yt-can-buffer.hover-enabled {
  18. background: linear-gradient(to right, transparent 0%,red 130%) !important;
  19. }
  20.  
  21. div.about-metadata-label.about-metadata-label-border-top.branded-page-box-padding {
  22. border: none !important;
  23. }
  24.  
  25. /*White Font*/
  26. p#eow-description,h2.comment-section-header-renderer, span.g-hovercard, span#eow-title.watch-title, strong.watch-time-text, td.watch-card-data-col, .aOc, p.empty-shelf-text, a.yt-uix-tile-link.yt-ui-ellipsis.yt-ui-ellipsis-4.yt-uix-sessionlink, a.spf-link.branded-page-header-title-link.yt-uix-sessionlink, a.yt-uix-tile-link.yt-ui-ellipsis.yt-ui-ellipsis-6.yt-uix-sessionlink.spf-link, span.filter-text, div.comment-renderer-pinned-comment-badge, .yt-channel-msg-dialog .compose-message, pre, a.yt-masthead-picker-header.yt-masthead-picker-active-account, div.comment-renderer-text-content, label, div#input.style-scope.yt-live-chat-text-input-field-renderer, .ytd-menu-navigation-item-renderer-0 yt-formatted-string.ytd-menu-navigation-item-renderer, .yt-live-chat-message-input-renderer-0 #count.yt-live-chat-message-input-renderer, .ytd-menu-service-item-renderer-0 yt-formatted-string.ytd-menu-service-item-renderer, .paper-icon-button-0 iron-icon.paper-icon-button, .shelf-description, .channel-description, .yt-gb-shelf-hero-content .description, .create-gplus-setup-page .details-text, .yt-masthead-picker-name, .add-to-widget .create-playlist-item, span.yt-badge, span.yt-subscription-button-subscriber-count-unbranded-horizontal.yt-uix-tooltip, span.yt-badge:hover, a, .watch-card .yt-uix-expander-collapsed .yt-uix-tabs-tab span, .watch-card h3, .options-renderer-addition p, .options-renderer-message-review, .lohp-video-metadata .view-count, .branded-page-base-bold-titles .branded-page-module-title, span.username-prepend, .comment-renderer-like-count, .yt-ui-menu-item, .yt-dialog-show-content .yt-dialog-content, .yt-dialog-fg-content .yt-dialog-title, .watch-meta-item .watch-info-tag-list li, .guide-item .display-name, .add-to-widget .addto-playlist-item, #pl-header .pl-header-details li, .pl-video-owner, #player-playlist .video-uploader-byline, .pl-video-index::before, .yt-ui-ellipsis-3, .yt-ui-ellipsis, .movie-upsell-header, div.title, .dashboard-widget-comments .comment-comment, .title, .analytics-sparkline-card .infos .total, .dashboard-widget-comments .comment-footer, .dashboard-widget-header h2, #dashboard-header .add-widget-button-label, #dashboard-header .dashboard-stat-name, #dashboard-header .dashboard-stat-value, .video-dds .list-header, #creator-subheader h2, .account-status-copyright-status-v2-title, .account-status-copyright-status-v2-details, .account-status-community-guidelines-status-v2-title, .account-status-community-guidelines-status-v2-details, .account-feature-v2-grid-items .account-features-v2-grid-item-title, .account-feature-v2-grid-items .account-features-v2-grid-item-description, .account-feature-v2-grid-items .account-features-v2-grid-item-status, .creator-onboarding-column:first-child, .creator-onboarding-column, #main-title, .audio-library-tab-subtitle, .track:hover .audiolibrary-track-head .audiolibrary-column, .audiolibrary-column-title, .audiolibrary-column-artist, .audiolibrary-column-duration, #save-changes-message, .no-results-message, #storyboard *, .circled-user-text, .yt-uix-button-menu .yt-uix-button-menu-item, .feed-item-container:hover .feed-item-time, .feed-item-container .feed-item-time, .feed-item-container .feed-item-main, .spell-correction-corrected, .spell-correction, .about-stats .about-stat, span.stat.attribution, .pl-video .timestamp, span#playlist-length, span#playlist-current-index, .yt-lockup-content > .yt-lockup-meta+.yt-lockup-meta li:first-of-type, .yt-alert-default .yt-alert-content, .secondary-header-contents .nav-text, #watch-header .yt-user-info a {
  27. color: white !important;
  28. }
  29.  
  30. /*Yellow Color*/
  31. strong.watch-time-text, li.guide-section h3 a, .display-message, .options-renderer-confirmation p, .lohp-video-metadata, .yt-lockup-meta-info > li:last-child, .exp-responsive #content .yt-uix-button-subscription-container .yt-subscriber-count, .dashboard-widget-comments .comment-time, .yt-subscription-button-subscriber-count-branded-horizontal, .about-metadata-label, .yt-lockup-meta-info > li, .watch-card-game .watch-card-list .viewership {
  32. color: #FCECD5 !important;
  33. }
  34.  
  35. /*Blue Color*/
  36. a.yt-uix-redirect-link, a.comment-author-text.yt-uix-sessionlink.g-hovercard.spf-link, a.yt-uix-servicelink, span.title:hover, span.title, a.comment-author-text.g-hovercard.yt-uix-sessionlink, .lohp-video-link.max-line-3, #action-panel-details a, a.comment-author-text.yt-uix-sessionlink.spf-link:visited, div.search-refinement > a.yt-uix-sessionlink.spf-link, a.yt-uix-sessionlink {
  37. color: #a3e7f7 !important;
  38. }
  39.  
  40. /*Blueviolet Highlight on Hover*/
  41. .dashboard-widget-footer .dashboard-widget-view-all-link:hover, .analytics-sparkline-card:hover, #creator-sidebar .creator-sidebar-section a:hover {
  42. background: blueviolet !important;
  43. }
  44.  
  45.  
  46.  
  47.  
  48. /*Font Size*/
  49. .yt-uix-button-default {
  50. background: #282828 !important;
  51. font-size: 17px !important;
  52. }
  53. .comment-section-header-renderer {
  54. font-size: 16px !important;
  55. }
  56. #watch-header .yt-user-info a {
  57. font-size: 16px !important;
  58. }
  59. /*Comment by repliers*/
  60. .comment-renderer .comment-renderer-content {
  61. font-size: 122% !important;
  62. }
  63. /*Description of video*/
  64. p#eow-description {
  65. font-size: 112.5% !important;
  66. }
  67. .comment-header .user-name, .comments .comment-header .time a {
  68. font-size: 15px !important;
  69. font-weight: bold !important;
  70. }
  71. p {
  72. font-size: 115% !important;
  73. }
  74. strong.watch-time-text {
  75. font-size: 17px !important;
  76. }
  77. .yt-uix-button {
  78. font-size: 17px !important;
  79. }
  80. .video-list .video-list-item .title {
  81. font-size: 16px !important;
  82. }
  83. .video-list-item .stat {
  84. font-size: 16px !important;
  85. }
  86. a.yt-ui-ellipsis.yt-ui-ellipsis-2.yt-uix-sessionlink.spf-link {
  87. font-size: inherit !important;
  88. }
  89. h2 * {
  90. font-size: 17px !important;
  91. }
  92. span.filter-text {
  93. font-size: 16px !important;
  94. }
  95. b {
  96. font-weight: bold !important;
  97. }
  98. a.yt-ui-ellipsis.yt-ui-ellipsis-2.yt-uix-sessionlink.spf-link {
  99. font-size: 15.5px !important;
  100. }
  101. div.yt-lockup-byline.yt-ui-ellipsis.yt-ui-ellipsis-2 {
  102. font-size: 16px !important;
  103. }
  104. ul.yt-lockup-meta-info, .comment-renderer-pinned-comment-badge {
  105. font-size: 15.5px !important;
  106. }
  107. .exp-responsive .yt-lockup-tile .yt-lockup-byline .yt-uix-sessionlink {
  108. font-size: 15.5px !important;
  109. font-weight: bold !important;
  110. }
  111. /*Correction White Font Size*/
  112. span.spell-correction-corrected, span.spell-correction-original {
  113. font-size: 17px !important;
  114. }
  115. /*Correction Yellow Font & Size*/
  116. a.spell-correction-corrected-query.yt-uix-sessionlink.spf-link, a.spell-correction-original-query.yt-uix-sessionlink.spf-link {
  117. color: #FCECD5 !important;
  118. font-size: 17px !important;
  119. font-weight: bold !important;
  120. }
  121. /*Changes author's name's color to white. Note: This changes the color of the author in 2 places in YT. */
  122. .exp-responsive .yt-lockup-tile .yt-lockup-byline .yt-uix-sessionlink, .yt-lockup .yt-lockup-byline a {
  123. color: white !important;
  124. }
  125. /*Description on author's home page*/
  126. .shelf-description {
  127. font-size: 16px !important;
  128. }
  129. h4.yt-ui-ellipsis.yt-ui-ellipsis-2 {
  130. font-size: 16px !important;
  131. font-weight: inherit !important;
  132. color: #a3e7f7 !important;
  133. }
  134. /*Changes color of visited URLs*/
  135. .yt-uix-sessionlink:visited {
  136. color: #ccc !important;
  137. }
  138. /*Related Searches*/
  139. a.yt-ui-ellipsis.yt-ui-ellipsis-2.yt-uix-sessionlink.spf-link, a.pl-video-title-link.yt-uix-tile-link.yt-uix-sessionlink.spf-link {
  140. color: #a3e7f7 !important;
  141. }
  142. .comment-renderer-header .comment-renderer-time a {
  143. font-size: 15.8px !important;
  144. }
  145. /*Links to related videos*/
  146. div.search-refinement > a.yt-uix-sessionlink.spf-link {
  147. font-size: 16px !important;
  148. }
  149.  
  150.  
  151.  
  152.  
  153.  
  154. /*Background of author's name*/
  155. .comment-renderer-author-comment-badge.creator {
  156. background: linear-gradient(to left, transparent 0%, red 130%) !important;
  157. }
  158. /*Font color of author's name*/
  159. .comment-renderer-author-comment-badge.creator .comment-author-text {
  160. color: white !important;
  161. font-weight: bold !important;
  162. }
  163.  
  164.  
  165.  
  166. /*Margin space between player and description*/
  167. #watch7-main {
  168. margin-top: 30px !important;
  169. }
  170.  
  171.  
  172.  
  173. /*Coloried the bkgd and font of comment button*/
  174. .yt-uix-button-primary {
  175. opacity: 1 !important;
  176. color: white !important;
  177. cursor: pointer !important;
  178. }
  179.  
  180.  
  181.  
  182. /*Search bar - transparent*/
  183. #yt-masthead-container, #masthead-appbar {
  184. opacity: .95 !important;
  185. }
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192. .pl-message-panel .yt-alert-default {
  193. border-bottom: none !important;
  194. }
  195.  
  196. .yt-ui-menu-item {
  197. background: #333 !important;
  198. }
  199.  
  200. .comment-author-text {
  201. color: #a3e7f7 !important;
  202. }
  203.  
  204. .exp-responsive .yt-lockup-tile .yt-lockup-byline {
  205. font-weight: bold !important;
  206. color: white !important;
  207. }
  208.  
  209. .ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-text {
  210. display: none !important;
  211. }
  212.  
  213. .yt-ui-ellipsis-nowrap-single-line {
  214. background-color: #282828 !important;
  215. }
  216.  
  217.  
  218. .ytp-title, .ytp-big-mode .ytp-chrome-top .ytp-watch-later-button, .ytp-chrome-top .ytp-watch-later-button, .ytp-big-mode .ytp-chrome-top .ytp-share-button, .ytp-chrome-top .ytp-share-button, .ytp-big-mode .ytp-gradient-top {
  219. display: none !important;
  220. }
  221.  
  222.  
  223. guide-item:hover .guide-trending-icon {
  224. background: blue !important;
  225. }
  226.  
  227.  
  228. .comment-action-buttons-toolbar .yt-uix-button {
  229. color: #ff0080 !important;
  230. }
  231.  
  232. .yt-uix-button-opacity, .comment-renderer-reply {
  233. opacity: 1 !important;
  234. }
  235.  
  236. .track-filter-selection-list .track-filter.all {
  237. border-top-color: #333 !important;
  238. }
  239.  
  240. #video-title {
  241. box-shadow: inset 0 1px 2px #222 !important;
  242. }
  243.  
  244. #top-bar {
  245. border-bottom-width: 0px !important;
  246. }
  247.  
  248. #advertising-note {
  249. border-top: none !important;
  250. }
  251.  
  252. #storyboard {
  253. background: #282828 !important;
  254. }
  255.  
  256. .audiolibrary-column-genre-and-mood {
  257. color: white !important;
  258. }
  259.  
  260. .audiolibrary-track-head .popularity-bar {
  261. background: #888 !important;
  262. }
  263.  
  264. .track-selection-menu.track-filter-tab.filter-selected {
  265. border-bottom-color: lightblue !important;
  266. }
  267.  
  268. button.track-selection-menu-button {
  269. opacity: 1 !important;
  270. }
  271.  
  272. .track-list li.track, .top-menu {
  273. border-bottom: none !important;
  274. }
  275.  
  276. .tabbed-page .tab.active {
  277. background: #111 !important;
  278. border: none !important;
  279. }
  280.  
  281. .tabbed-page .tabs-wrapper {
  282. border-left: 1px solid #111 !important;
  283. }
  284.  
  285. .tabbed-page .tabs-area {
  286. border-bottom: none !important;
  287. }
  288.  
  289. .tabbed-page .tab {
  290. background: #383838 !important;
  291. border: none !important;
  292. }
  293.  
  294. .account-feature-v2-grid-items .account-features-v2-grid-item-title, .account-status-scales, .account-status-v2 {
  295. border-bottom: none !important;
  296. }
  297.  
  298. .account-feature-v2-grid-items li {
  299. background: #333 !important;
  300. border: none !important;
  301. }
  302.  
  303. .video-dds .entry:hover .highlight, .comments .thumb-title {
  304. color: white !important;
  305. }
  306.  
  307. .comments .comment-entry:hover .thumb-title {
  308. color: noen !important;
  309. }
  310.  
  311. .dashboard-widget .dashboard-widget-config .dashboard-widget-header {
  312. background-color: #282828 !important;
  313. border-bottom: none !important;
  314. }
  315.  
  316. .video-dds .topline, .video-dds .list {
  317. background: #141414 !important;
  318. border: none !important;
  319. }
  320.  
  321. .video-dds {
  322. border: none !important;
  323. }
  324.  
  325. .dashboard-widget-comments .selectable-item .vm-link {
  326. display: inline !important;
  327. margin-left: 1px !important;
  328. }
  329.  
  330. .dashboard-widget-header:hover .dashboard-widget-overlay-icon {
  331. border-left: 1px solid blueviolet !important;
  332. }
  333.  
  334. .dashboard-widget:hover .dashboard-widget-display-title {
  335. border-right: none !important;
  336. }
  337.  
  338. #creator-sidebar-separator {
  339. color: #222 !important;
  340. }
  341.  
  342. div.dashboard-widget-header:hover {
  343. background-color: blueviolet !important;
  344. border-bottom: 1px solid blueviolet !important;
  345. }
  346.  
  347. div.search-refinements {
  348. border: none !important;
  349. }
  350.  
  351. #a11y-announcements-container {
  352. color: transparent !important;
  353. }
  354.  
  355. button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-link {
  356. background: blueviolet !important;
  357. background: linear-gradient(to left, transparent 0%,blueviolet 130%) !important;
  358. }
  359.  
  360. div.popupvideo__overlay__container {
  361. background: #333 !important;
  362. opacity: 0.1 !important;
  363. }
  364.  
  365. div.sbqs_c, li.sbsb_c.gsfs {
  366. background-color: #333 !important;
  367. }
  368.  
  369. span.comment-renderer-linked-comment {
  370. background: linear-gradient(to transparent, #222 0%,red 130%) !important;
  371. color: white !important;
  372. border: none !important;
  373. }
  374.  
  375. div.yt-ui-ellipsis.yt-ui-ellipsis-10 {
  376. font-size: 16px !important;
  377. }
  378.  
  379. div.yt-uix-expander.live-chat-expander.yt-uix-expander-collapsed {
  380. background: red !important;
  381. }
  382.  
  383. ytd-menu-navigation-item-renderer.style-scope.ytd-menu-popup-renderer.x-scope.ytd-menu-navigation-item-renderer-0 {
  384. background: #444 !important;
  385. }
  386.  
  387. .yt-live-chat-text-message-renderer-0, .yt-live-chat-renderer-0 yt-live-chat-header-renderer.yt-live-chat-renderer, .yt-live-chat-message-input-renderer-0, .standalone-collection-badge-renderer-text a {
  388. background: #282828 !important;
  389. }
  390.  
  391. .ytd-menu-service-item-renderer-0:hover, .ytd-menu-navigation-item-renderer-0 yt-formatted-string.ytd-menu-navigation-item-renderer {
  392. background: #444 !important;
  393. }
  394.  
  395. .paper-menu-0 {
  396. background: #333 !important;
  397. color: white !important;
  398. }
  399.  
  400. .comment-renderer-header .comment-renderer-linked-comment {
  401. background: linear-gradient(to left, transparent 0%,#2793E6 110%) !important;
  402. }
  403.  
  404. div.footer, div.playlists.yt-uix-scroller {
  405. border: none !important;
  406. }
  407. /*Centered search */
  408. #masthead-search{margin:0 auto; !important;
  409. }
  410.  
  411. .comment-renderer-header .comment-renderer-time a, span.stat.view-count {
  412. color: #FCECD5 !important;
  413. background: none !important;
  414. }
  415.  
  416. .yt-uix-form-input-select-element option, .yt-uix-form-input-textarea {
  417. background: #333 !important;
  418. color: white !important;
  419. }
  420.  
  421. div.yt-uix-expander-head.comment-replies-renderer-expander-up.comment-replies-renderer-hide, div.yt-uix-expander-head.comment-replies-renderer-expander-down.comment-replies-renderer-view {
  422. font-size: 17px !important;
  423. color: white !important;
  424. background: linear-gradient(to left, transparent 0%,#2793E6 110%) !important;
  425. }
  426.  
  427. .search-exploratory-line {
  428. border: #1e1e1e !important;
  429. }
  430.  
  431. /*div.feed-item-container.yt-lockup.yt-lockup-tile.yt-lockup-notification.yt-uix-tile.clearfix { color: teal !important; }
  432.  
  433. div[class="feed-item-container yt-lockup yt-lockup-tile yt-lockup-notification yt-uix-tile vve-check clearfix"] {
  434. background: #222 !important;
  435. }*/
  436.  
  437.  
  438. /*Lets you scroll the sidebar*/
  439. #watch7-sidebar-contents {
  440. height: calc(100vh - 60px)!important;
  441. min-height: calc(100vh - 60px)!important;
  442. overflow-y: auto!important;
  443. }
  444.  
  445. div.share-email-preview-container, textarea.yt-uix-form-input-textarea.share-email-note, textarea.yt-uix-form-input-textarea.share-email-recipients {
  446. background: #444 !important;
  447. border: none !important;
  448. color: white !important;
  449. }
  450.  
  451. div.feed-item-container yt-lockup yt-lockup-tile yt-lockup-notification yt-uix-tile clearfix data-visibility-tracking {
  452. background: black !important;
  453. }
  454.  
  455. <div class = "yt-uix-clickcard-card-body"> {
  456. background: black !important;
  457. }
  458.  
  459. pre {
  460. font-size: 17px !important;
  461. }
  462.  
  463.  
  464.  
  465. div[class="feed-item-container yt-lockup yt-lockup-tile yt-lockup-notification yt-uix-tile clearfix"], div.feed-item-container.yt-lockup.yt-lockup-tile.yt-lockup-notification.yt-uix-tile.clearfix {
  466. background: #333 !important;}
  467.  
  468. * {
  469. text-shadow: none !important;
  470. }
  471.  
  472. .yt-dialog-base {
  473. background-color: #666 !important;
  474. }
  475.  
  476. body, #page {
  477. background: rgb(30,30,30) !Important;
  478. color: #fff;
  479. }
  480.  
  481.  
  482. .yt-uix-button.yt-uix-button-size-default.yt-uix-button-default.load-more-button.yt-uix-load-more.comment-replies-renderer-paginator.comment-replies-renderer-expander-down.yt-uix-button-link, .yt-uix-button.yt-uix-button-size-default.yt-uix-button-link {
  483. text-decoration: none !important;
  484. }
  485.  
  486.  
  487. #yt-masthead-container, #guide-container, #masthead-appbar, .guide-pinned .guide-pinning-enabled #appbar-guide-menu, #watch7-headline, #watch7-user-header, #watch7-action-buttons, #watch7-content, .yJa, .mj, #watch-metadata-hr, #watch7-action-panels #watch7-action-panel-footer, .yt-horizontal-rule, #watch7-sidebar, #watch-discussion, #player.watch-small, #watch7-main, .site-center-aligned #watch7-action-panels, .branded-page-v2-primary-col .branded-page-box, #watch-appbar-playlist, .site-center-aligned #footer-container, #footer-main, .site-center-aligned .yt-card, .yt-dialog-fg, .yt-uix-button-menu, #masthead-expanded-container, #appbar-guide-menu, .guide-flyout, .channel-header .secondary-header-contents, .feed-item-content-wrapper.playlist-promo, .feed-item-content-wrapper.channel-lockup, .c4-content-scroll-container, #dialog, .nbc, #dashboard-header, .dashboard-widget.notification, .dashboard-widget .dashboard-widget-content, .dashboard-widget .dashboard-widget-config, .live-welcome-intro, #non-appbar-vm-video-actions-bar .vm-video-actions-inner, .vm-list-view .vm-video-list li, .vm-confirmation-overlay .vm-confirmation-overlay-header, #vm-pagination, .vm-label-item, .vm-member-item, #mymedia, .comments .mod-buttonbar .mod-list, .comments .mod-buttonbar .mod-list-button, #comment-settings .comment-settings-header, #comment-settings .comment-settings-section, .account-container, .channel-ad-fan-finder-banner, .GK5ROLOBBJB, .yt-uix-clickcard-card-border, .yt-uix-hovercard-card-border, #identity-prompt-lb .specialized-identity-prompt-account-item.main, #identity-prompt-lb, .footer-container, #footer-container, #masthead-container, .yt-card-light, .yt-tile-static, #yt-microsite-features .yt-microsite-spotlight, .gssb_m, .watch-playlists-drawer ul {
  488. background: rgb(40,40,40) !important;
  489. border-color: rgb(30,30,30) !important;
  490. }
  491.  
  492.  
  493. #c4-header-bg-container, .site-center-aligned .branded-page-v2-subnav-container, .c4-welcome-secondary-col, .c4-welcome-primary-col, .welcome.c4-spotlight-module-component, .yt-lockup-playlist-item, .yt-uix-button-menu li.yt-uix-button-menu-new-section-separator, .feed-header, .feed-item-container.legacy-style .feed-item-main, .branded-page-v2-body #channel-feed-post-form, .site-center-aligned .browse-list-item-container:hover .compact-shelf .yt-uix-button-shelf-slider-pager, .site-center-aligned .compact-shelf:hover .yt-uix-button-shelf-slider-pager, #dashboard-header-stats li, .site-center-aligned #creator-sidebar .creator-sidebar-section, .site-center-aligned #creator-sidebar .creator-sidebar-section.selected, .yt-badge, .yt-uix-button-menu .yt-uix-button-menu-item, .yt-combobox-menu .yt-combobox-menu-content-list, #tag-editing-menu .add-new-tag-section, .entity-header, .commenthub .options-bar, .commenthub .tabs-area, #comment-settings .comment-settings-item, #comment-settings, .d-cm, .account-features-list tr, .channel-ad-description, .account-content .account-section.account-bordered-section, .GK5ROLOBGJB, .GK5ROLOBCKB, .GK5ROLOBDO, .specialized-identity-prompt-account-item, .footer-main, .separator, .with-divider, .header, #yts-article #header, #yts-article .with-separator, #yts-nav, .yt-gb-shelf-main-content, .search-header, .gssb_e, .yt-masthead-multilogin-user, #identity-prompt-lb #identity-prompt-account-list li, .pl-video, #subscription-manager-container .even td, #subscription-manager-container .subscription-manager-header, .collection-promo, .pl-video-list-editable .pl-video:hover .pl-video-handle, .yt-uix-dragdrop-cursor-follower .pl-video-handle {
  494. border-color: rgb(30,30,30) !important;
  495. }
  496.  
  497. .specialized-identity-prompt-account-item:hover, #identity-prompt-lb .specialized-identity-prompt-account-item.main:hover, .gssb_i, .gssb_i td, .watch-playlists-drawer .selected, .yt-masthead-multilogin-user:hover, #identity-prompt-lb #button-container, #subscription-manager-container .even td, .pl-video-list-editable .pl-video:hover .pl-video-handle, .yt-uix-dragdrop-cursor-follower .pl-video-handle, .html5-player-chrome, .html5-video-controls {
  498. background: rgb(30,30,30) !important;
  499. }
  500.  
  501. .feed-item-content-wrapper.playlist-promo, .feed-item-content-wrapper.channel-lockup, .yt-tile-static, .yt-tile-visible, .yt-tile-default:hover, #yt-microsite-features ul.yt-microsite-spotlight, .yt-gb-shelf-main-content, .yt-gb-shelf-paddle, .watch-playlists-drawer ul {
  502. box-shadow: none !important;
  503. }
  504.  
  505.  
  506.  
  507. .yt-alert-default.yt-alert-success, .yt-alert-actionable.yt-alert-success, .yt-alert-naked.yt-alert-success .yt-alert-icon, .yt-alert-small.yt-alert-success {
  508. border: none !important;
  509. }
  510.  
  511. .compact-shelf .yt-uix-button-shelf-slider-pager, .vm-action-menu-content .yt-uix-button-menu-item.menu-subheading, #ticker, .yt-gb-shelf-paddle {
  512. background-color: rgb(20,20,20) !important;
  513. border: none !important;
  514. }
  515.  
  516. .yt-uix-overlay-primary .yt-dialog-header, .yt-uix-overlay-actions, .yt-thumb, #watch-metadata-toggle .yt-uix-button-text:hover, #watch-description-toggle .yt-uix-button-text:hover, .comments .comment-entry:hover, .exp-css-ellipsis .yt-ui-ellipsis, .exp-css-ellipsis .yt-uix-expander-ellipsis, .yt-uix-button-text:hover, .yt-ui-ellipsis {
  517. background: transparent !important;
  518. }
  519.  
  520. .metadata-inline, .related-channels-editor:hover {
  521. background: rgb(40,40,40) !important;
  522. }
  523.  
  524. #shared-addto-menu .addto-playlist-item:hover, .yt-combobox-menu-item:hover, .yt-uix-button-combobox-menu:hover {
  525. background: rgb(60,60,60) !important;
  526. }
  527.  
  528. .guide-item {
  529. color: #ccc !important;
  530. }
  531.  
  532. .yt-uix-clickcard-card-reverse .yt-uix-card-body-arrow-vertical, .yt-uix-hovercard-card-reverse .yt-uix-card-body-arrow-vertical {
  533. border-bottom-color: rgb(40,40,40) !important;
  534. }
  535.  
  536. .yt-uix-clickcard-card-reverse .yt-uix-card-border-arrow-vertical, .yt-uix-hovercard-card-reverse .yt-uix-card-border-arrow-vertical {
  537. border-bottom-color: rgb(30,30,30) !important;
  538. }
  539.  
  540. .guide-flyout-trigger.on-hover, .guide-item:hover, .guide-item:hover .yt-deemphasized-text, .guide-collection-item:hover .guide-item {
  541. background: #222 !important;
  542. color: #fff !important;
  543. }
  544.  
  545. .site-center-aligned #masthead-positioner:hover #appbar-guide-button {
  546. background: #282828 !important;
  547. border-color: #000 !important;
  548. }
  549.  
  550. .yt-uix-button-default:hover, .yt-uix-button-text:hover {
  551. border: none;
  552. border: none !important;
  553. }
  554.  
  555. .yt-uix-button-default, .yt-uix-button-text, .html5-player-chrome, .html5-video-controls {
  556. border: none !important;
  557. }
  558.  
  559.  
  560. .yt-uix-button-primary:hover, .yt-uix-button-primary[disabled]:hover {
  561. background: #18B6D9 !important;
  562. color: #eee !important;
  563. }
  564.  
  565. .yt-uix-button-primary:active, .yt-uix-button-primary[disabled]:active {
  566. opacity: .7;
  567. box-shadow: none !important;
  568. }
  569.  
  570. .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-default, .yt-uix-button-default[disabled], .yt-uix-button-default[disabled]:hover, .yt-uix-button-default[disabled]:active, .yt-uix-button-default[disabled]:focus, .yt-uix-button-c4-view-action, .yt-uix-form-input-select, .comments .comment-entry:hover .mod-buttonbar, .comments .comment-entry:hover .mod-buttonbar .mod-button, .yt-subscription-button-subscriber-count-unbranded-horizontal, .yt-subscription-button-subscriber-count-unbranded-vertical {
  571. background: rgb(40,40,40) !important;
  572. border-color: rgb(40,40,40) !important;
  573. color: #ccc !important;
  574. box-shadow: none !important;
  575. }
  576.  
  577. #yt-picker-country-footer, #yt-picker-language-footer, #yt-picker-safetymode-footer, .track-list li.track, .stick-wings div {
  578. background: rgb(30,30,30) !important;
  579. color: #ccc !important;
  580. box-shadow: none !important;
  581. }
  582.  
  583. #ticker {
  584. background: rgb(20,20,20) !important;
  585. }
  586.  
  587. .yt-picker-header, .yt-picker-hr, #safety-form p.safety-submit {
  588. border-color: #111 !important;
  589. }
  590.  
  591. .yt-uix-button-default:hover, .yt-uix-button-subscribed-branded:hover .yt-uix-form-input-select:hover {
  592. background: rgb(40,40,40) !important;
  593. }
  594.  
  595. /*.yt-uix-button-default:active, .yt-uix-button-default.yt-uix-button-active, .yt-uix-button-default.yt-uix-button-active:focus, .yt-uix-button-text:active {
  596. }*/
  597.  
  598. .guide-section-separator {
  599. border-color: rgb(25,25,25) !important;
  600. }
  601.  
  602. input, .yt-uix-form-input-checkbox-container .yt-uix-form-input-checkbox-element, .yt-uix-form-input-radio-container .yt-uix-form-input-radio-element, .yt-uix-form-input-fluid .yt-uix-form-input-text, .yt-uix-form-input-fluid .yt-uix-form-input-textarea, .g-h-f-vc-B, #masthead-search-term input, .subscriptions-filter .filter-field-container {
  603. background-color: rgb(20,20,20) !important;
  604. border-color: rgb(30,30,30) !important;
  605. color: #ddd !important;
  606. }
  607.  
  608. .masthead-search-terms-border, .masthead-search-terms-border, #masthead-search-term {
  609. border-color: rgb(15,15,15) !important;
  610. }
  611.  
  612. #masthead-search-terms, #masthead-search-term {
  613. background: rgb(15,15,15) !important;
  614. }
  615.  
  616. #masthead-search-terms, #masthead-search-term {
  617. border: none !important;
  618. border-right: 1px solid #111 !important;
  619. box-shadow: none !important;
  620. }
  621.  
  622. #watch-description-collapse button:hover {
  623. background: transparent !important;
  624. }
  625.  
  626. .ytp-videowall-still-info-title {
  627. max-height: 348px !important;
  628. }
  629.  
  630. #appbar-settings-button .yt-uix-button-arrow, .yt-uix-button .yt-uix-button-arrow {
  631. border-top-color: #ccc !important;
  632. }
  633.  
  634. #yt-masthead-user #sb-button-notify {
  635. background: transparent !important;
  636. padding: 0 !Important;
  637. }
  638.  
  639. .yt-scrollbar ::-webkit-scrollbar-thumb {
  640. border-left: none !important;
  641. background: #666 !important;
  642. }
  643.  
  644. .yt-scrollbar ::-webkit-scrollbar-thumb:hover {
  645. background: #444 !important;
  646. }
  647.  
  648. .yt-scrollbar ::-webkit-scrollbar-track, #identity-prompt-account-list::-webkit-scrollbar-track {
  649. border-left: none !important;
  650. -webkit-box-shadow: inset 0 0 1px transparent;
  651. }
  652.  
  653. .yt-subscription-button-subscriber-count-branded-horizontal, .yt-subscription-button-subscriber-count-branded-vertical {
  654. background: rgb(40,40,40) !important;
  655. border-color: rgb(40,40,40) !important;
  656. }
  657.  
  658. .yt-subscription-button-subscriber-count-branded-horizontal:before, .yt-subscription-button-subscriber-count-branded-horizontal:after, .yt-subscription-button-subscriber-count-unbranded-horizontal:before, .yt-subscription-button-subscriber-count-unbranded-horizontal:after {
  659. border-color: transparent rgb(20,20,20) !important;
  660. }
  661.  
  662. .commenthub .tabs-wrapper {
  663. border: none !important;
  664. }
  665.  
  666. .commenthub .tab {
  667. border: none !important;
  668. background: rgb(30,30,30) !important;
  669. }
  670.  
  671. #masthead-logo img, #footer-logo img, .footer-logo img {
  672. display: none !important;
  673. }
  674.  
  675. .yt-channel-msg-dialog .compose-message {
  676. border: 1px solid #444 !important;
  677. background: #444 !important;
  678. color: white !important;
  679. }
  680.  
  681. .yt-channel-msg-dialog .yt-dialog-footer {
  682. background-color: #282828 !important;
  683. }
  684.  
  685. .yt-channel-msg-dialog .user-box {
  686. border: none !important;
  687. }
  688.  
  689. #masthead-logo, #footer-logo, .footer-logo {
  690. height: 30px !important;
  691. width: 72px !important;
  692. }
  693.  
  694. .yt-picker-header .yt-close {
  695. outline: none !important;
  696. }
  697. #watch7-secondary-actions .yt-uix-button:hover {
  698. margin-bottom: -1px !important;
  699. }
  700.  
  701. @-webkit-keyframes spin {
  702. from {
  703. -webkit-transform: rotate3d(0, 0, 1, 0deg);
  704. }
  705. to {
  706. -webkit-transform: rotate3d(0, 0, 1, 360deg);
  707. }
  708. }
  709.  
  710. @-moz-keyframes spin {
  711. from {
  712. -moz-transform: rotateZ(0deg);
  713. }
  714. to {
  715. -moz-transform: rotateZ(360deg);
  716. }
  717. }
  718.  
  719. @-o-keyframes spin {
  720. from {
  721. -o-transform: rotate3d(0, 0, 1, 0deg);
  722. }
  723. to {
  724. -o-transform: rotate3d(0, 0, 1, 360deg);
  725. }
  726. }
  727. @keyframes spin {
  728. from {
  729. transform: rotateZ(0deg);
  730. }
  731. to {
  732. transform: rotateZ(360deg);
  733. }
  734. }
  735.  
  736. .feed-load-more .spinner, button.create-playlist-item.yt-uix-button-menu-item.menu-panel.active-panel:hover {
  737. background: none !important;
  738. }
  739.  
  740. .feed-load-more .spinner:before {
  741. position: absolute;
  742. content: "";
  743. display: inline-block;
  744. width: 15px;
  745. height: 15px;
  746. vertical-align: middle;
  747. font-size: 0px;
  748. margin-left: -10px;
  749.  
  750. border-top: 2px solid #eee;
  751. border-right: 2px solid transparent;
  752.  
  753. border-radius: 100% !important;
  754. -webkit-animation: spin 1s ease infinite;
  755. -moz-animation: spin 1s ease infinite;
  756. -o-animation: spin 1s ease infinite;
  757. animation: spin 1s ease infinite;
  758. }
  759.  
  760.  
  761. /* UNIVERSAL IMAGE OVERRIDES */
  762.  
  763.  
  764. #masthead-search .search-btn-component .yt-uix-button-content, #channel-search .show-search img, .vm-search-btn .yt-uix-button-content, #search-btn span, .channels-search .search-button .yt-uix-button-content {
  765. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") 0 -1267px !important;
  766. }
  767.  
  768. .yt-uix-button-icon-appbar-settings {
  769. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") 0 -1228px !important;
  770. }
  771.  
  772. .yt-uix-button-icon-hover-action-menu, .yt-uix-button-icon-action-menu {
  773. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") 0 -1648px !important;
  774. }
  775.  
  776. /*#yt-masthead-user .yt-uix-button-icon-bell {
  777. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") -34px -1630px !important;
  778. }*/
  779.  
  780. .yt-uix-button-icon-watch-like {
  781. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") -24px -140px !important;
  782. }
  783.  
  784. .yt-uix-button-icon-watch-dislike {
  785. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") -52px -839px !important;
  786. }
  787.  
  788. .yt-uix-subscription-preferences-button .yt-uix-button-icon-subscription-preferences {
  789. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") 0 -1551px !important;
  790. }
  791.  
  792. #browse-items-primary .item-section > li > .yt-lockup-tile, .branded-page-v2-primary-col .branded-page-box, .section-list li .item-section .branded-page-box {
  793. border-bottom: none !important;
  794. }
  795.  
  796. .yt-uix-button-subscribe-branded .yt-uix-button-icon-subscribe {
  797. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") 0 -1211px !important;
  798. }
  799.  
  800. .yt-uix-button .yt-uix-button-icon-action-panel-transcript {
  801. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") -49px -1467px !important;
  802. }
  803.  
  804. .yt-uix-button-icon-action-panel-stats {
  805. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") 0 -994px !important;
  806. }
  807.  
  808. .yt-uix-button-icon-action-panel-report, .yt-uix-button-icon-report-user {
  809. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") -24px -92px !important;
  810. }
  811.  
  812. .site-center-aligned .compact-shelf .yt-uix-shelfslider-next-arrow, .site-center-aligned.rtl .compact-shelf .yt-uix-shelfslider-prev-arrow {
  813. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") -60px -1895px !important;
  814. }
  815.  
  816. .site-center-aligned .compact-shelf .yt-uix-shelfslider-prev-arrow, .site-center-aligned.rtl .compact-shelf .yt-uix-shelfslider-next-arrow {
  817. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") -14px -1789px !important;
  818. }
  819.  
  820. #footer .yt-uix-button-icon-footer-language {
  821. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") -34px -569px !important;
  822. }
  823.  
  824. #footer .questionmark {
  825. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") -36px -184px !important;
  826. }
  827.  
  828. .yt-uix-button-icon-c4-grid-flow {
  829. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") -21px -1452px !important;
  830. }
  831.  
  832. .yt-uix-button-icon-c4-list-flow {
  833. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet.png") -20px -1608px !important;
  834. }
  835.  
  836. .yt-gb-shelf-paddle.yt-gb-shelf-left-paddle {
  837. background-image: url("http://backslash.x10.mx/img/youtube/gb-chevron-left.png") !important;
  838. }
  839.  
  840. .yt-gb-shelf-paddle.yt-gb-shelf-right-paddle {
  841. background-image: url("http://backslash.x10.mx/img/youtube/gb-chevron-right.png") !important;
  842. }
  843.  
  844. /* ------------------- */
  845.  
  846.  
  847. #watch7-headline .yt-uix-expander-head:hover, .title:hover, .c4-checklist-module .checklist-item.done .checklist-item-title-text:hover, .c4-checklist-module .checklist-item-title-text:hover, .c4-checklist-module .checklist-item:hover .checklist-item-title-text .todo-title-text, .c4-checklist-module .view-all-link a:hover {
  848.  
  849. color: #fff !important;
  850.  
  851. }
  852.  
  853. #watch7-secondary-actions .yt-uix-button, .yt-uix-button-text:hover, .yt-uix-button-text[disabled]:hover, .yt-default h1, .yt-default h2, .yt-default h3, .yt-default h4, .yt-default h5, .yt-default h6, h1.yt, h2.yt, h3.yt, h4.yt, h5.yt, h6.yt, #c4-about-tab .about-stats .about-stat, .yt-uix-overlay-primary .yt-dialog-header h2, #masthead-expanded .masthead-expanded-menu-header, .video-player-view-component, .video-player-view-component .view-count .count, .yt-alert-naked .yt-alert-content, #vm-page-subheader h3, #creator-sidebar .creator-sidebar-submenu h3, .yt-uix-clickcard-card-body, .yt-uix-hovercard-card-body, .gssb_i td, gsq_a table tbody tr td span, .gssb_m {
  854. color: #eee !important;
  855. }
  856.  
  857.  
  858. .watch-view-count, .yt-uix-button-default:hover, .yt-uix-button-text:hover, #footer-links-primary a, .yt-default .yt-notes, p.yt-notes, .yt-uix-button-link, #yt-masthead-user-displayname, .yt-badge, .yt-combobox-menu-item-main .item-name, #comment-settings .comment-settings-subtitle, h3.account-section-header, .channel-ad-description, .account-section-setting, .yt-gb-preview-videos-title, .pl-header .pl-header-title, .ytp-segmented-control-selected, p.yt, .search-header .num-results, .search-header .num-results strong, .search-header .yt-uix-button-content {
  859. color: #ccc !important;
  860. }
  861.  
  862. #watch7-user-header .yt-user-videos, .video-extras-likes-dislikes, .video-extras-likes-dislikes .dislikes, .metadata-inline, .yt-uix-form-legend, .yt-uix-form-label, .vm-confirmation-overlay .vm-confirmation-overlay-main-area, #comment-settings .comment-settings-control-info, .account-content, .account-features-list .account-features-name-section, .ad-options-setting, #main-description, #yt-microsite-header p, #yt-microsite-features p, #yts-article, #yts-article a.anchor {
  863. color: #ddd !important;
  864.  
  865. }
  866.  
  867. #watch7-sidebar .video-list-item a:visited .title, .watch-actions-stats-rats, #footer-links-secondary a, #footer-links-secondary a, #footer-links-secondary .copyright, .ad-options-display-ads {
  868. color: #ccc !important;
  869. }
  870.  
  871. #footer-links:after {
  872. content: "Theme by RenegadeAI";
  873. right: 20px;
  874. font-weight: bold;
  875. position: absolute;
  876. color: #ccc !important;
  877. }
  878.  
  879. .ytp-drop-down-menu, .ytp-drop-down-label, .ytp-drop-down-background {
  880. background-color: #333 !important;
  881. color: #bbb !important;
  882. }
  883.  
  884. .ytp-drop-down-label:hover {
  885. color: #ddd !important;
  886. }
  887.  
  888. .ytp-drop-down-menu-button {
  889. color: #aaa !important;
  890. }
  891.  
  892. .ytp-drop-down-menu-button:hover {
  893. color: #ccc !important;
  894. }
  895.  
  896. /* END GLOBAL */
  897.  
  898. /* ------------------------------------------------------------------------------------*/
  899.  
  900. /* CUSTOM COLOR */
  901.  
  902. .site-center-aligned li.guide-section h3, .actionable #watch-like.yt-uix-button-toggled .yt-uix-button-content, .yt-picker-content strong, .ytp-drop-down-menu-button-selected {
  903. color: #1AC9F0 !important;
  904. }
  905.  
  906. .guide-item.guide-item-selected, .guide-item.guide-item-selected:hover, .guide-item.guide-item-selected .yt-deemphasized-text, .guide-item.guide-item-selected:hover .yt-deemphasized-text, .guide-collection-item .guide-item.guide-item-selected, .site-center-aligned #creator-sidebar>.creator-sidebar-single-section.selected>h3 a, #creator-sidebar .creator-sidebar-submenu .creator-sidebar-item.selected a, #yt-sidebar li.selected, #yt-sidebar li a:hover, .video-extras-sparkbar-likes {
  907. background: #1AC9F0 !important;
  908. }
  909.  
  910. #progress {
  911. background-color: #1AC9F0 !important;
  912. }
  913.  
  914. #watch7-secondary-actions .yt-uix-button.yt-uix-button-active, #watch7-secondary-actions .yt-uix-button.yt-uix-button-toggled {
  915. border-bottom: 2px solid #1AC9F0 !important;
  916. }
  917.  
  918. .yt-uix-button-primary, .yt-uix-button-primary[disabled] {
  919. background: #1AC9F0 !important;
  920. border-color: #1AC9F0 !important;
  921. }
  922.  
  923. input:focus, .yt-uix-form-input-checkbox-container:hover .yt-uix-form-input-checkbox-element, .yt-uix-form-input-radio-container:hover .yt-uix-form-input-radio-element, .yt-uix-form-input-fluid .yt-uix-form-input-textarea:focus, .yt-uix-form-input-fluid .yt-uix-form-input-text:focus, .epic-nav-dropdown-group:hover, a.yt-uix-button-epic-nav-item:hover, a.yt-uix-button-epic-nav-item.selected, a.yt-uix-button-epic-nav-item.yt-uix-button-toggled {
  924. border-color: #1AC9F0 !important;
  925. }
  926.  
  927. .show-guide .site-center-aligned #appbar-guide-button .yt-uix-button-arrow, .show-guide .site-center-aligned #masthead-positioner:hover #appbar-guide-button .yt-uix-button-arrow {
  928. border-top-color: #1AC9F0 !important;
  929. }
  930.  
  931.  
  932. a.yt-uix-button-epic-nav-item.partially-selected:hover, button.yt-uix-button-epic-nav-item:hover, button.yt-uix-button-epic-nav-item.selected, button.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .epic-nav-item:hover, .epic-nav-item.selected, .epic-nav-item.yt-uix-button-toggled, .epic-nav-item-heading {
  933. color: #1AC9F0 !important;
  934. border-color: #1AC9F0 !important;
  935. }
  936.  
  937. .yt-uix-button-subscribe-unbranded, .yt-uix-button-subscribe-unbranded[disabled], .yt-uix-button-subscribe-unbranded[disabled]:hover, .yt-uix-button-subscribe-unbranded[disabled]:active, .yt-uix-button-subscribe-unbranded[disabled]:focus {
  938. background: rgb(20,20,20) !important;
  939. border-color: #1AC9F0 !important;
  940. color: #1AC9F0 !important
  941. }
  942.  
  943. .yt-uix-button-subscribe-branded, .yt-uix-button-subscribe-branded[disabled], .yt-uix-button-subscribe-branded[disabled]:hover, .yt-uix-button-subscribe-branded[disabled]:active, .yt-uix-button-subscribe-branded[disabled]:focus, #yts-nav ol.indented li .item-highlight, #yts-nav ol.indented li .item-highlight:hover, .yt-alert-default.yt-alert-success, .yt-alert-actionable.yt-alert-success, .yt-alert-naked.yt-alert-success .yt-alert-icon, .yt-alert-small.yt-alert-success {
  944. background: #1AC9F0 !important
  945. }
  946.  
  947. .commenthub .tab.active {
  948. border-top: 3px solid #1AC9F0 !important;
  949. background: rgb(20,20,20) !important;
  950. }
  951.  
  952. .appbar-guide-notification, #appbar-guide-button-notification-check {
  953. background: #1AC9F0 !important;
  954. }
  955.  
  956. .ytp-play-progress, .html5-scrubber-button:hover, .ytp-volume-slider-foreground:before, .ytp-segmented-control-selected {
  957. background-color: #1AC9F0 !important;
  958. }
  959.  
  960. /* CUSTOM COLOR IMAGE OVERRIDES */
  961.  
  962. /*#yt-masthead #logo, #footer-logo img, #masthead-logo, #footer-logo, .footer-logo {
  963. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet_light-blue.png") 0 -1861px !important;
  964. }*/
  965.  
  966. /*.show-guide .yt-uix-button-icon-appbar-guide {
  967. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet_light-blue.png") -24px -684px !important;
  968. }*/
  969.  
  970. .yt-uix-form-input-radio-container input:checked+.yt-uix-form-input-radio-element {
  971. background: no-repeat rgb(20,20,20) url("http://backslash.x10.mx/img/youtube/spritesheet_light-blue.png") 0 -164px !important;
  972. }
  973.  
  974. .actionable .yt-uix-button.yt-uix-button-toggled .yt-uix-button-icon-watch-like {
  975. background: no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet_light-blue.png") -52px -1291px !important;
  976. }
  977.  
  978. .yt-uix-form-input-checkbox-container input:checked+.yt-uix-form-input-checkbox-element {
  979. background: rgb(20,20,20) no-repeat url("http://backslash.x10.mx/img/youtube/spritesheet_light-blue.png") -58px -1707px !important;
  980. }
  981.  
  982. .ytp-drop-down-menu-button-checked .ytp-drop-down-menu-button-check {
  983. background: no-repeat url("http://backslash.x10.mx/img/youtube/player_light-blue.png") 0 -1575px !important;
  984. }
  985.  
  986. /* COLOR-SPECIFIC CSS */
  987.  
  988. .guide-item.guide-item-selected span, .yt-uix-button-subscribe-branded .yt-uix-button-content span, .yt-uix-button-subscribed-branded .yt-uix-button-content span, .yt-uix-button span {
  989. color: #fff !important;
  990. }
  991.  
  992. h1,h2 *{
  993. font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  994. /*font-size:26px !important;*/
  995. font-weight: bold !important;
  996. }
  997.  
  998.  
  999.  
  1000. h4 {
  1001. font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  1002. font-size:16px !important;
  1003. font-weight: bold !important;
  1004. color: white !important;
  1005. }
  1006.  
  1007. /*Font color of description in YT*/
  1008. .yt-lockup-tile .yt-lockup-meta, .yt-lockup-tile .yt-lockup-description {
  1009. color: white !important;
  1010. font-size: 15.5px !important;
  1011. /*font-weight: bold !important;*/
  1012. }
  1013.  
  1014. .all-comments, .all-comments a {
  1015. background: #282828 !important;
  1016. }
  1017.  
  1018. #yt-comments-sb-standin .callout+.box {
  1019. background: #333 !important;
  1020. border-color: #333 !important;
  1021. }
  1022.  
  1023. .page-use-google-profile .create-channel-footer, .page-pluspage-confirm .create-channel-footer, .create-channel-profile-box {
  1024. background: #333 !important;
  1025. }
  1026.  
  1027. a:lin noneckup-tile .yt-lockup-meta, .yt-lockup-tile .yt-lockup-description, h1, h2 * {
  1028. color: white !important;
  1029. margin-top: 2.5px !important;
  1030. }
  1031.  
  1032. .yt-uix-expander-ellipsis {
  1033. background: none !important;
  1034. }
  1035.  
  1036. h1, h2 * {
  1037. margin-bottom: 3.5px !important;
  1038. color: white !important;
  1039. }
  1040.  
  1041. .comments .channel-owner .comment-header .user-name {
  1042. background: none !important;
  1043. }
  1044.  
  1045. .watch-time-text {
  1046. /*font-size: 16px !important;*/
  1047. }
  1048.  
  1049. #watch-description {
  1050. /* font-size: 16px !important;*/
  1051. }
  1052.  
  1053. .video-list .video-list-item .title {
  1054. /*font-size: 16px !important;*/
  1055. }
  1056.  
  1057. .comments .comment-footer-action {
  1058. color: #F6E5AA !important;
  1059. opacity: 1 !important;
  1060. }
  1061.  
  1062. #yt-uix-videoactionmenu-menu h3 {
  1063. color: white !important;
  1064. background: #333 !important;
  1065. }
  1066.  
  1067. .yt-uix-menu-content {
  1068. background: #333 !important;
  1069. }
  1070.  
  1071. .video-list-item .title {
  1072. display: show !important;
  1073. line-height: 1.15em !important;
  1074. }
  1075.  
  1076. #yt-masthead-container {
  1077. padding-bottom: 0px !important;
  1078. padding-top: 3px !important;
  1079. }
  1080.  
  1081.  
  1082. .annotation.iv-promo {
  1083. display: none !important;
  1084. }
  1085.  
  1086. .watch-stage-mode #theater-background {
  1087. background-color: #1E1E1E !important;
  1088. }
  1089.  
  1090. h1, h2 * {
  1091. margin-bottom: 0px !important;
  1092. }
  1093.  
  1094. /*Following sets of code is for the progress bar*/
  1095. .html5-play-progress, .ytp-play-progress {
  1096. background: #2793E6 !important; /* Old browsers */
  1097. background: -moz-linear-gradient(left, #1b1b1b 0%, #2793E6 100%) !important;
  1098. background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(100%,#2793E6)) !important;
  1099. background: -webkit-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  1100. background: -o-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  1101. background: -ms-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  1102. background: linear-gradient(to right, #1b1b1b 0%,#2793E6 100%) !important;
  1103. }
  1104. /*.html5-load-progress, .ytp-load-progress {
  1105. background: #404040 !important;
  1106. }*/
  1107. /* actual scrubber button */
  1108. .html5-scrubber-button, .ytp-scrubber-button {
  1109. background: #383A3B !important;
  1110. border-color: #1B1B1B !important;
  1111. box-shadow: 0px 0px 3px #2793E6, 0px 0px 5px #2793E6, 0px 0px 0px #2793E6 !important;
  1112. transition: box-shadow 0.2s, background 0.2s !important;
  1113. border-radius: 100% !important;
  1114. top: -2px !important;
  1115. }
  1116. /* scrubber button on hover */
  1117. .html5-scrubber-button:hover, .ytp-scrubber-button:hover {
  1118. background: #2793E6 !important;
  1119. border-color: #1B1B1B !important;
  1120. box-shadow: 0px 0px 6px #2793E6, 0px 0px 8px #2793E6, 0px 0px 10px #2793E6 !important;
  1121. }
  1122. /* volume control */
  1123. .ytp-volume-slider-foreground:before, .ytp-volume-slider-track, .ytp-volume-slider-handle:before {
  1124. background: #2793E6 !important; /* Old browsers */
  1125. background: -moz-linear-gradient(left, #1b1b1b 0%, #2793E6 100%) !important;
  1126. background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(100%,#2793E6)) !important;
  1127. background: -webkit-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  1128. background: -o-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  1129. background: -ms-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  1130. background: linear-gradient(to right, #1b1b1b 0%,#2793E6 100%) !important;
  1131. z-index: -117;
  1132. }
  1133.  
  1134.  
  1135.  
  1136. .video-annotations, .ytp-cards-button, .annotation, .annotation-type-custom, .iv-branding, .ytp-ce-element {
  1137. display: none !important;
  1138. }
  1139.  
  1140.  
  1141. /*----------------------------------------------------------------------------------------------------*/
  1142.  
  1143. .ytp-time-display {
  1144. padding-top: 1px !important;
  1145. }
  1146.  
  1147. #appbar-nav .epic-nav-item-heading {
  1148. height: 40px !important;
  1149. }
  1150.  
  1151.  
  1152.  
  1153. /*Side tabs for next and previous videos that slide left and right*/
  1154. .compact-shelf .yt-uix-shelfslider-next {
  1155. background: #282828 !important;
  1156. border-radius: 10px 300px 300px 10px !important;
  1157. right: -55px !important;
  1158. }
  1159.  
  1160. .compact-shelf .yt-uix-shelfslider-prev {
  1161. background: #282828 !important;
  1162. border-radius: 300px 10px 10px 300px !important;
  1163. left: -55px !important;
  1164. }
  1165.  
  1166. .browse-list-item-container:hover .compact-shelf .yt-uix-button-shelf-slider-pager, .compact-shelf:hover .yt-uix-button-shelf-slider-pager {
  1167. /*width: 77px !important;*/
  1168. cursor: pointer !important;
  1169. }
  1170.  
  1171. .compact-shelf .yt-uix-button-shelf-slider-pager {
  1172. width: 35px !important;
  1173. }
  1174.  
  1175. .contains-addto:hover .video-actions {
  1176. visibility: hidden !important;
  1177. }
  1178.  
  1179. .mj {
  1180. background-color: #282828 !important;
  1181. }
  1182.  
  1183. .comments .paginator {
  1184. background: #282828 !important;
  1185. border: none !important;
  1186. }
  1187.  
  1188. .yt-uix-button.yt-uix-button-subscribe-unbranded {
  1189. height: 35 !important;
  1190. }
  1191.  
  1192. .html5-player-chrome {
  1193. background: #090807 linear-gradient(to bottom,#454443,#090807)!important;
  1194. }
  1195.  
  1196. #feed-privacy-lb .feed-item-container {
  1197. background: #282828 !important;
  1198. }
  1199.  
  1200. #watch8-action-buttons {
  1201. border-top: none !important;
  1202. }
  1203.  
  1204. .yt-card .yt-uix-button-expander {
  1205. border-top: none !important;
  1206. }
  1207.  
  1208. .yt-commentbox-text, #yt-comments-sb-standin .box {
  1209. background-color: #333 !important;
  1210. border: none !important;
  1211. color: white !important;
  1212. }
  1213.  
  1214. #yt-masthead-user .sb-notif-on .yt-uix-button-content {
  1215. border-bottom: none !important;
  1216. border-left: none !important;
  1217. }
  1218.  
  1219. .yt-card .yt-uix-tabs {
  1220. border-bottom: none !important;
  1221. }
  1222.  
  1223. .share-panel-url {
  1224. background: none !important;
  1225. }
  1226.  
  1227. .add-to-widget .addto-playlist-item:hover {
  1228. background-color: #333 !important;
  1229. }
  1230.  
  1231. .yt-ui-menu-content {
  1232. border: 1px solid #606060 !important;
  1233. }
  1234.  
  1235.  
  1236. .cp {
  1237. color: black !important;
  1238. }
  1239.  
  1240. .ytp-chrome-controls .ytp-button {
  1241. opacity: .4 !important;
  1242. }
  1243.  
  1244. .watch-sidebar-separation-line {
  1245. border-bottom: 1px solid #1E1E1E !important;
  1246. }
  1247.  
  1248. .yt-uix-button.yt-uix-button-subscribe-unbranded {
  1249. height: 23px !important;
  1250. background: rgb(64, 137, 161) !important;
  1251. border: none !important;
  1252. }
  1253.  
  1254. #masthead-search .search-btn-component .yt-uix-button-content {
  1255. display: inline !important;
  1256. }
  1257.  
  1258. #yt-comments-list > div:nth-child(2) > div.comment-item.yt-commentbox-top > div.content > div.comment-text.long > div.comment-text-toggle.hid > a.expand {
  1259. color: #96D8F5 !important;
  1260. }
  1261.  
  1262. div.Ct > span > a {
  1263. color: black !important;
  1264. }
  1265.  
  1266. /* Disabled code cuz it made playlist too big
  1267. #player-playlist .playlist-videos-list>li {
  1268. padding: 10px 10px 30px 0 !important;
  1269. }*/
  1270.  
  1271. #player-playlist :not(.watch-queue-nav) .playlist-videos-list>li.currently-playing {
  1272. height: 81px !important;
  1273. }
  1274.  
  1275. .yt-simplebox-text {
  1276. background: #333 !important;
  1277. border: none !important;
  1278. color: white !important;
  1279. }
  1280.  
  1281. .yt-uix-button.yt-uix-button-subscribe-branded {
  1282. height: inherit !important;
  1283. }
  1284.  
  1285.  
  1286. .Kub .vwa {
  1287. opacity: 1 !important;
  1288. }
  1289.  
  1290.  
  1291. a.expand {
  1292. color: #B1DFF3 !important;
  1293. }
  1294.  
  1295. .filter-col-title {
  1296. color: wheat !important;
  1297. }
  1298.  
  1299. /*td {
  1300. font-size: 117% !important;
  1301. }*/
  1302.  
  1303. .Bga {
  1304. background-color: #282828 !important;
  1305. color: white !important;
  1306. }
  1307.  
  1308. .yt-masthead-picker-footer {
  1309. background: #282828 !important;
  1310. }
  1311.  
  1312.  
  1313. .yt-uix-menu-trigger-selected .yt-ui-menu-item, .yt-ui-menu-item:hover {
  1314. background: #333 !important;
  1315. }
  1316.  
  1317. #watch-description {
  1318. line-height: 19px !important;
  1319. font-size: 14px !important;
  1320. }
  1321.  
  1322. .comments .comment-text .comment-text-content {
  1323. max-height: 364px !important;
  1324. line-height: 1.1 !important;
  1325. }
  1326.  
  1327. #appbar-nav .epic-nav-item-heading {
  1328. height: 40px !important;
  1329. }
  1330.  
  1331. .watch-card-list td {
  1332. border-bottom: none !important;
  1333. }
  1334.  
  1335. .watch-card-list tr:first-child td {
  1336. border-top: none !important;
  1337. }
  1338.  
  1339. .yt-simplebox-text {
  1340. line-height: 26px !important;
  1341. }
  1342.  
  1343. .yt-commentbox-text {
  1344. line-height: 21px !important;
  1345. /* font-size: 19px !important;*/
  1346. }
  1347.  
  1348.  
  1349. .appbar-hidden #masthead-positioner-height-offset {
  1350. height: 40px !important;
  1351. }
  1352.  
  1353. h1.yt {
  1354. font-size: 20px !important;
  1355. }
  1356.  
  1357. #masthead-appbar {
  1358. line-height: 0px !important;
  1359. }
  1360.  
  1361. .ytp-chrome-controls {
  1362. line-height: 14px !important;
  1363. }
  1364.  
  1365. .comment-simplebox-text {
  1366. background-color: #444 !important;;
  1367. border: 1px solid #444 !important;
  1368. font-size: 17px !important;
  1369. color: white !important;;
  1370. }
  1371.  
  1372. .comment-renderer.channel-owner .comment-author-text {
  1373. background-color: #282828 !important;
  1374. }
  1375.  
  1376. .comment-simplebox-content > .comment-simplebox {
  1377. background: #282828 !important;;
  1378. }
  1379.  
  1380. .comment-simplebox-renderer {
  1381. border-bottom: 1px solid #282828 !important;
  1382. }
  1383.  
  1384. .comment-simplebox-renderer-collapsed-content {
  1385. background: #444 !important;
  1386. border: 1px solid #282828 !important;;
  1387. border-top: 1px solid #282828 !important;
  1388. }
  1389.  
  1390. .html5-compatibility-table li {
  1391. background: #555 !important;;
  1392. box-shadow: 0 1px 1px #555 !important;
  1393. }
  1394.  
  1395.  
  1396. .comment-simplebox-frame {
  1397. border: none !important;
  1398. min-height: 48px !important;
  1399. }
  1400.  
  1401. [contenteditable="true"] {
  1402. box-shadow: none !important;
  1403. }
  1404.  
  1405. .comment-simplebox-text {
  1406. line-height: 24px !important;
  1407. }
  1408.  
  1409.  
  1410.  
  1411. .ytp-cards-teaser .ytp-cards-teaser-text {
  1412. background: #444 !important;
  1413.  
  1414. .yt-channel-msg-dialog .yt-dialog-footer {
  1415. background-color: #282828 !important;
  1416. }
  1417.  
  1418. .yt-channel-msg-dialog .compose-message {
  1419. background: #555 !important;
  1420. color: white !important;
  1421. }
  1422.  
  1423.  
  1424. .yt-channel-msg-dialog .yt-dialog-footer {
  1425. background-color: #282828 !important;
  1426. }
  1427.  
  1428. .standalone-collection-badge-renderer-text a {
  1429. background-color: #952626 !important;
  1430. }
  1431. }
  1432.  
  1433.  
  1434. /* ======================= Large Youtube Player Section ======================= */
  1435.  
  1436. html .watch-stage-mode .player-width, html .watch-stage-mode #player {
  1437. width: 100% !important;
  1438. /*width: calc(((95vh - 30px) * 16) / 9) !important;*/
  1439. right: 0px !important;
  1440. left: 0px !important;
  1441. margin-top: -5px !important;
  1442. }
  1443.  
  1444. /*Changed original 'calc(100vh - 52px - 18px)' to 'calc(99vh - 50px - 18px)' */
  1445. html .watch-stage-mode .player-height {
  1446. /*height: 100vh !important;
  1447. height: calc(99vh - 50px - 18px) !important;
  1448. background: #1e1e1e !important;*/
  1449. height:calc(98vh - 30px)!important;
  1450. width: calc(((98vh - 30px) * 16) / 9)!important;
  1451. padding: 0!important;
  1452. margin: 0 auto!important;
  1453. padding-top: 2px !important;
  1454. }
  1455.  
  1456. html .watch-stage-mode #placeholder-player .player-width {
  1457. width: 100% !important;
  1458. /*Adds space between video and desscription if you make address bar hidden so to avoid showing upper part of desription*/
  1459. margin-bottom: 50px !important;
  1460. }
  1461.  
  1462. html .watch-stage-mode .ad-container, html .watch-stage-mode .html5-video-container, html .watch-stage-mode video.video-stream.html5-main-video {
  1463. left: 0 !important;
  1464. top: 0px !important;
  1465. width: 100% !important;
  1466. height: 100% !important;
  1467. }
  1468.  
  1469. html .watch-stage-mode .html5-video-container > .video-ads > .ad-container {
  1470. /* Fix for ads bottom bar at the old player. */
  1471. bottom: 30px !important;
  1472. height: auto !important;
  1473. }
  1474.  
  1475. html .watch-stage-mode .ad-container.ad-overlay {
  1476. /* Fix for banner-style ads. */
  1477. top: auto !important;
  1478. height: auto !important;
  1479. }
  1480.  
  1481. /* Old playlist sidebar - messes up the sidebar - replaced by code right below this one
  1482. html .watch-stage-mode #player-playlist .watch-playlist {
  1483. /* Fixing the playlist sidebar (when watching a video from a playlist).
  1484. top: calc(100vh - 52px - 18px - 360px) !important;
  1485. height: 480px !important;
  1486. }*/
  1487.  
  1488. /* Fixing the playlist sidebar (when watching a video from a playlist). */
  1489. html .watch-stage-mode #player-playlist .watch-playlist {
  1490. top: calc(100vh - -6px - 18px - 360px) !important;
  1491. height: inherit !important;
  1492. width: 416px !important;
  1493. }
  1494.  
  1495. #player-playlist :not(.watch-queue-nav) .playlist-videos-list > li.currently-playing {
  1496. height: inherit !important;
  1497. }
  1498.  
  1499. html .watch-stage-mode .ytp-chrome-bottom {
  1500. /* Video control bar for the new player. */
  1501. width: 100% !important;
  1502. width: calc(100% - 24px) !important;
  1503. }
  1504.  
  1505. div#masthead-positioner {
  1506. position: fixed !important;
  1507. }
  1508.  
  1509. #movie_player > .html5-video-controls > .html5-player-chrome {
  1510. /* Making the old player look similar to the new player. */
  1511. background: linear-gradient(to bottom, rgba(27,27,27,0) 0%, rgba(27,27,27,0.5) 100%);
  1512. }
  1513.  
  1514. .player-api, #theater-background, #movie_player {
  1515. background-color: transparent !important;
  1516. }
  1517.  
  1518. .watch-stage-mode #theater-background {
  1519. background: none !important;
  1520. }
  1521.  
  1522.  
  1523.  
  1524.  
  1525. /*Makes search bar hidden until hovered upon*/
  1526. #masthead-container > * {
  1527. visibility: hidden;
  1528. }
  1529. #masthead-container:hover > * {
  1530. visibility: visible;
  1531. }
  1532. #masthead-positioner > * {
  1533. visibility: hidden;
  1534. }
  1535. #masthead-positioner:hover > * {
  1536. visibility: visible;
  1537. }
  1538. #masthead-positioner-height-offset {
  1539. display: none !important;
  1540. }
  1541. @-moz-document url-prefix("https://www.youtube.com/results") {
  1542. div.yt-card.clearfix, .watch-card-header {
  1543. margin-top: 33px !important;
  1544. }
  1545. }
  1546. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!