API tools faq
paste
Advertisement
Capoeirista

Youtube Lights-out (Dark Theme, Larger Player)

Capoeirista
Dec 28th, 2015
469
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 57.89 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document regexp("https?://(www.)?youtube.com/(?!dashboard|my_videos|edit|analytics|features|audiolibrary/music|comments)(.*)"),
  2. url(https://www.youtube.com/my_videos?o=U) {
  3. /* Youtube - Lights Out! */
  4. /* A Dark Youtube Theme */
  5.  
  6. ::selection {
  7. background:1b1b1b !important;
  8. color:#9ACD32 !important;
  9. }
  10. ::-moz-selection {
  11. background:#1b1b1b !important;
  12. color:#9ACD32 !important;
  13. }
  14. a, button, span {
  15. transition-duration: 0.05s !important;
  16. transition-property:color, text-shadow !important;
  17. transition-timing-function: ease-in-out !important;
  18. -webkit-transition: all linear 0.3s !important;
  19. -moz-transition: all linear 0.3s !important;
  20. -ms-transition: all linear 0.3s !important;
  21. -o-transition: all linear 0.3s !important;
  22. transition: all linear 0.3s !important;
  23. }
  24.  
  25. .yt-uix-subscription-preferences-button, .yt-ui-menu-item.has-icon:hover, .yt-valign:hover, .yt-uix-button-menu .yt-uix-button-menu-item.selected, .yt-uix-button-menu .yt-uix-button-menu-item-highlight .yt-uix-button-menu-item, .yt-uix-button-menu .yt-uix-button-menu-item:hover, .watch-editable:hover, .yt-uix-form-input-select, .about-description-editor .c4-module-is-editable:hover, .about-business-email-editor .c4-module-is-editable:hover, .about-metadata-editor .c4-module-is-editable:hover, .c4-editor-edit, .c4-editor-move-down, .c4-editor-move-up, .vm-list-view .vm-video-metrics a:hover {
  26. background:transparent !important;
  27. background-color:transparent !important;
  28. }
  29. #savefrom__yt_btn .sf-quick-dl-btn, #savefrom__yt_btn>button, #sf-popupMenu, .sf-quick-dl-btn, .sf-ummy-info-popup {
  30. background:rgba(33,33,33,.8) !important
  31. }
  32. a > .sf-feed-btn, div > .sf-feed-btn, span > .sf-feed-btn, .pl-video {
  33. background-color:#222 !important
  34. }
  35. .vm-design-revamp .vm-video-item-content-horizontal-divider {
  36. background:#000 !important;
  37. }
  38. .pl-video-list-editable .pl-video:hover .pl-video-handle, .yt-uix-dragdrop-cursor-follower .pl-video-handle {
  39. background:#fd6347 !important;
  40. }
  41. .ytcenter-thumbnail-quality, .selected>a>.creator-sidebar-item-content {
  42. color:#000 !important;
  43. text-shadow:0 0 1px #000 !important;
  44. }
  45. .ytcenter-thumbnail-quality, .likes-count, .dislikes-count{
  46. font-weight:normal !important;
  47. }
  48. .yt-valign:hover, .yt-uix-button-menu .yt-uix-button-menu-item.selected, .yt-uix-button-menu .yt-uix-button-menu-item-highlight .yt-uix-button-menu-item, .yt-uix-button-menu .yt-uix-button-menu-item:hover, .yt-uix-form-input-select, .selected>a:hover .creator-sidebar-item-content {
  49. color:#fff !important;
  50. }
  51. a:visited {
  52. color:#666 !important;
  53. }
  54. .yt-subscription-button-subscriber-count-branded-horizontal, .yt-subscription-button-subscriber-count-unbranded-horizontal, li.guide-section h3 a {
  55. color:#FD6347 !important;
  56. }
  57. .yt-ui-menu-item.has-icon:hover, .yt-valign:hover, .yt-uix-button-menu .yt-uix-button-menu-item:hover, .selected>a:hover .creator-sidebar-item-content {
  58. text-shadow:0 0 1px #fff !important;
  59. }
  60. li.guide-section h3 a:hover {
  61. text-shadow:0 0 1px #FD6347 !important;
  62. }
  63. a:hover, .focus, .comments .comment-header .user-name:hover {
  64. text-shadow:0 0 1px rgba(154,205,50, .7) !important;
  65. text-decoration:none !important;
  66. }
  67. #sf-popupMenu, .yt-uix-form-input-select {
  68. border:1px solid #000 !important;
  69. box-shadow:0 0 3px 1px #000 !important;
  70. }
  71. #sf-popupMenu a:hover {
  72. background:transparent !important;
  73. color:#fff !important;
  74. text-shadow:0 0 1px #fff !important;
  75. }
  76. .sf-quick-dl-btn, a > .sf-feed-btn, div > .sf-feed-btn, span > .sf-feed-btn, .yt-uix-dragdrop-draggable-item {
  77. border:1px solid #1a1a1a !important;
  78. }
  79. .c4-editor-edit, #browse-items-primary .item-section > li:last-child > .yt-lockup-tile, .branded-page-v2-primary-col .branded-page-box:last-child, .section-list li:last-child .item-section li:last-child .branded-page-box, .c4-editor-move-down, .c4-editor-move-up {
  80. border-color:#000 !important;
  81. }
  82. #sf-popupMenu>div {
  83. border-top:1px solid #000 !important
  84. }
  85. .pl-video-list-editable .pl-video:hover .pl-video-handle, .yt-uix-dragdrop-cursor-follower .pl-video-handle {
  86. border-color:#FD6347 !important;
  87. color:#000 !important;
  88. }
  89. .sf-quick-dl-btn {
  90. border-right:2px solid #1a1a1a !important;
  91. }
  92. .sf-quick-dl-btn:hover {
  93. border-right:none !important;
  94. }
  95. #savefrom__yt_btn>button, .sf-quick-dl-btn, .yt-uix-subscription-preferences-button, #yt-masthead-user .sb-notif-on .yt-uix-button-content {
  96. border:none !important;
  97. }
  98. .yt-valign:hover {
  99. text-shadow:none !important;
  100. }
  101.  
  102. /* Background - Body */
  103.  
  104. html body  {
  105.     background-color: rgb(10, 10, 10) !important;
  106.     background-image: url(http://i.imgur.com/3yTpS3i.png) !important;
  107. }
  108.  
  109. /* Channel pages additions */
  110.  
  111. .about-metadata-label-border-top {
  112.     border-top: 1px solid #444 !important;
  113. }
  114.  
  115. .yt-uix-button-icon-report-user {
  116.     filter: invert(44%) !important;
  117.     -webkit-filter: invert(44%) !important;
  118. }
  119.  
  120. .comment-renderer-text-content {
  121.     color: #888 !important;
  122. }
  123.  
  124. /* Test Tube Page */
  125. .yt-testtube-card-light .yt-testtube-card-title {
  126.     color: #ccc !important;
  127. }
  128.  
  129. .yt-testtube-card-light .yt-testtube-card-content {
  130.     color: #888 !important;
  131. }
  132.  
  133. .yt-nav-dark {
  134.     background: #333 !important;
  135. }
  136.  
  137. .comment-simplebox-renderer-collapsed-content {
  138.     border: 1px solid #444 !important;
  139.     border-top: 1px solid #444 !important;
  140.     color: #aaa !important;
  141. }
  142.  
  143. .comment-simplebox-arrow .arrow-inner, .comment-simplebox-arrow .arrow-inner, .comment-simplebox-arrow .arrow-outer {
  144.     display: none !important;
  145. }
  146.  
  147. /* Notification */
  148.  
  149. #appbar-guide-button-notification-check,
  150. .appbar-guide-notification {
  151.     background: #333!important;
  152.     color: #ccc!important;
  153. }
  154.  
  155. .promoted-item-metadata h2 {
  156.     color: #ccc !important;
  157. }
  158. /* Live chat */
  159.  
  160. .live-chat-widget .comment:nth-of-type(2n) {
  161.     background-color: #1e1e1e!important;
  162. }
  163. .live-chat-widget #live-comments-controls, #non-appbar-vm-video-actions-bar .vm-video-actions-inner, .vm-list-view .vm-video-list .vm-video-item, #vm-pagination {
  164.     background-color: #1b1b1b!important;
  165. }
  166. .live-chat-widget .comment {
  167.     background-color: #222!important;
  168. }
  169. .live-chat-widget .comment .author a {
  170.     color: #666!important;
  171. }
  172. .live-chat-widget .comment-text {
  173.     color: #aaa!important;
  174. }
  175. .live-comments-emoji-picker-open {
  176.     opacity: .6!important;
  177. }
  178. .live-comments-emoji-picker-open:hover {
  179.     opacity: 1!important;
  180. }
  181. .live-comments-emoji-picker-tab-row {
  182.     border-color: #333!important;
  183.     background-color: #1b1b1b!important;
  184. }
  185. .live-chat-widget #live-comments-setting-bottom-scroll {
  186.     color: #aaa!important;
  187.     border: solid 1px #333!important;
  188.     background-color: #282828!important;
  189. }
  190. .live-chat-widget #live-comments-setting-bottom-scroll:hover {
  191.     color: #ccc!important;
  192. }
  193. .live-chat-widget #comments-scroller {
  194.     border-color: #333!important;
  195. }
  196. .live-chat-widget .actions-menu .yt-uix-button:before {
  197.     opacity: .4!important;
  198.     filter: invert(100%) !important;
  199.     -webkit-filter: invert(100%) !important;
  200. }
  201. .live-chat-widget .moderator-menu-container,
  202. .live-chat-widget .chat-popout-menu {
  203.     filter: invert(44%) !important;
  204.     -webkit-filter: invert(44%) !important;
  205. }
  206. .live-comments-emoji-type-button.emoji_people.active {
  207.     background: no-repeat url(http://i.imgur.com/hgMMg8u.png) 0 -145px;
  208. }
  209. .live-comments-emoji-type-button.emoji_people {
  210.     background: no-repeat url(http://i.imgur.com/hgMMg8u.png) 0 0;
  211.     height: 30px;
  212.     width: 30px;
  213. }
  214. /* Channel Page settings */
  215.  
  216. h3.account-section-header {
  217.     color: #bbb !important;
  218. }
  219. .yt-default p,
  220. p.yt {
  221.     color: #666 !important;
  222. }
  223. #channel-page-settings .account-section {
  224.     border-color: #333 !important;
  225. }
  226. #channel-page-settings .account-settings-toggle-tab .yt-uix-styleable-checkbox-button-container {
  227.     border-color: #333 !important;
  228. }
  229. /* Subscribers Page */
  230.  
  231. .subscribers-table td {
  232.     border-color: #333 !important;
  233. }
  234. .subscribers-table .subscribers-table-header {
  235.     border-color: #333!important;
  236. }
  237. .sort-menu,
  238. .subscribers-table .subscriber-count,
  239. .subscriber-privacy-message {
  240.     color: #666!important;
  241. }
  242. .sprite_send_message,
  243. .yt-uix-button-icon-sprite_send_message {
  244.     /* Send message icon */
  245.    
  246.     filter: invert(100%) !important;
  247.     -webkit-filter: invert(100%) !important;
  248. }
  249. #creator-sidebar .creator-sidebar-section a:hover {
  250.     color: #fff !important;
  251.     background: transparent !important;
  252. }
  253. /* Message Page
  254. TODO: Message. I don't have any. */
  255.  
  256. .tabbed-page .tab.active {
  257.     border-top: 3px solid red !important;
  258.     border-bottom: 1px solid #333!important;
  259.     background-color: #1b1b1b!important;
  260.     color: #aaa!important;
  261. }
  262. .tabbed-page .tabs-area,
  263. .tabbed-page .tabs-wrapper,
  264. .tabbed-page .options-bar {
  265.     border-color: #333!important;
  266. }
  267. .tabbed-page .tab {
  268.     border-color: #333!important;
  269.     background-color: #1b1b1b!important;
  270.     color: #666!important;
  271. }
  272. .comments .comments-list {
  273.     color: #666!important;
  274. }
  275. /* Send Message Popup*/
  276.  
  277. .yt-channel-msg-dialog .compose-message {
  278.     border-color: #333!important;
  279.     background: #222!important;
  280.     color: #555!important;
  281. }
  282. .yt-channel-msg-dialog .compose-message:focus {
  283.     border-color: #555!important;
  284.     color: #aaa!important;
  285. }
  286. .yt-channel-msg-dialog .user-box {
  287.     border-color: #333!important;
  288. }
  289. .yt-channel-msg-dialog .yt-dialog-footer {
  290.     background-color: #1b1b1b!important;
  291. }
  292. /* Video Private/Unlisted Icon Invert */
  293.  
  294. .video-private-icon,
  295. .video-unlisted-icon {
  296.     filter: grayscale(100%) !important;
  297.     -webkit-filter: grayscale(100%) !important;
  298.     opacity: 0.5!important;
  299. }
  300. /* Account page */
  301.  
  302. .account-container {
  303.     background: #1b1b1b !important;
  304. }
  305. .yt-horizontal-rule {
  306.     border-top: 1px solid #333 !important;
  307. }
  308. #creator-sidebar.single-section .creator-sidebar-section .creator-sidebar-item-link:hover {
  309.     background: transparent !important;
  310.     color: #fff!important;
  311. }
  312. .social-connector {
  313.     border-color: #333!important;
  314.     background: #222!important;
  315. }
  316. /* Replace YouTube logo on small window,
  317. original image has white edges */
  318.  
  319. @media screen and (max-width: 640px) {
  320.     #yt-masthead #logo-container .logo {
  321.         background: no-repeat url(http://i.imgur.com/g93jw05.png);
  322.     }
  323. }
  324. /* Sign in paragraph when not signed in */
  325.  
  326. .guide-header p {
  327.     color: #666 !important;
  328. }
  329. /* Dismiss icon, lower brightness */
  330.  
  331. .yt-uix-button-icon-dismissal {
  332.     opacity: 0.3 !important;
  333. }
  334. /* Add section button, your channel */
  335.  
  336. .c4-module-editor-form {
  337.     background-color: #333 !important;
  338. }
  339. /* History page, borders */
  340.  
  341. #browse-items-primary .item-section>li>.yt-lockup-tile,
  342. .branded-page-v2-primary-col .branded-page-box,
  343. .section-list li .item-section .branded-page-box {
  344.     border-bottom: 1px solid #333!important;
  345. }
  346. /* Language, country and bottom nav */
  347.  
  348. #yt-picker-country-footer,
  349. #yt-picker-language-footer,
  350. #yt-picker-safetymode-footer {
  351.     color: #666!important;
  352.     background: #111!important;
  353.     box-shadow: 0 1px 2px #333!important;
  354. }
  355. .yt-picker-header {
  356.     border-bottom: 1px solid #333!important;
  357. }
  358. h3.yt,
  359. .yt-picker-content strong {
  360.     color: #888!important;
  361. }
  362. .yt-uix-button-link {
  363.     color: #555!important;
  364. }
  365. #safety-form p.safety-submit,
  366. .yt-picker-hr {
  367.     border-top: 1px solid #333!important;
  368. }
  369. #footer .yt-uix-button-icon-footer-language,
  370. #footer .yt-uix-button-icon-footer-history,
  371. #footer .yt-uix-button-icon-questionmark {
  372.     filter: invert(100%) !important;
  373.     -webkit-filter: invert(100%) !important;
  374.     opacity: 0.3 !important;
  375. }
  376. /* Subscription Manager page */
  377.  
  378. #subscription-manager-container .subscription-manager-title {
  379.     color: #666 !important;
  380. }
  381. .subscription-table-header {
  382.     border-top: 1px solid #333 !important;
  383. }
  384. .subscriptions-filter .filter-field-container {
  385.     border: 1px solid #333 !important;
  386.     background: #111 !important;
  387.     color: #666 !important;
  388. }
  389. .subscriptions-filter .filter-button .yt-uix-button-content,
  390. .yt-help-icon {
  391.     filter: invert(100%) !important;
  392.     -webkit-filter: invert(100%) !important;
  393.     opacity: 0.3 !important;
  394. }
  395. /* Email share */
  396.  
  397. .share-email-preview-container {
  398.     background: #111!important;
  399. }
  400. /* Icon inverts */
  401.  
  402. .action-panel-trigger-share:before,
  403. #action-panel-overflow-button:before,
  404. .action-panel-trigger-overflow:before,
  405. .addto-button:before,
  406. .add-to-widget .addto-search-playlist-section .search-icon,
  407. .addto-watch-later-button:before,
  408. .addto-watch-later-button-sign-in:before {
  409.     filter: invert(100%) !important;
  410.     -webkit-filter: invert(100%) !important;
  411.     opacity: 0.3 !important;
  412. }
  413. .add-to-widget .playlist-status {
  414.     filter: invert(78%) !important;
  415.     -webkit-filter: invert(78%) !important;
  416. }
  417. /* Like & Dislike */
  418.  
  419. .like-button-renderer-like-button:before {
  420.     background: no-repeat url(http://i.imgur.com/KxkJKLZ.png) 0 -142px!important;
  421. }
  422. .like-button-renderer-dislike-button:before {
  423.     background: no-repeat url(http://i.imgur.com/KxkJKLZ.png) 0 -175px!important;
  424. }
  425. .like-button-renderer-like-button.yt-uix-button:active:before,
  426. .like-button-renderer-like-button.yt-uix-button.yt-uix-button-toggled:before {
  427.     background: no-repeat url(http://i.imgur.com/G39kb8k.png) 0 -184px!important;
  428. }
  429. .like-button-renderer-dislike-button.yt-uix-button:active:before,
  430. .like-button-renderer-dislike-button.yt-uix-button.yt-uix-button-toggled:before {
  431.     background: no-repeat url(http://i.imgur.com/G39kb8k.png) 0 -202px!important;
  432. }
  433. /* Icon hover */
  434.  
  435. .action-panel-trigger-share:hover,
  436. #action-panel-overflow-button:hover,
  437. .action-panel-trigger-overflow:hover,
  438. .addto-button:hover,
  439. .like-button-renderer-like-button:hover,
  440. .like-button-renderer-dislike-button:hover {
  441.     opacity: 0.9 !important;
  442. }
  443. /* Buttons */
  444.  
  445. .yt-uix-button-primary,
  446. .yt-uix-button-primary[disabled],
  447. .yt-uix-button-primary[disabled]:hover,
  448. .yt-uix-button-primary[disabled]:active,
  449. .yt-uix-button-primary[disabled]:focus {
  450.     border-color: #333 !important;
  451.     background: #242424 !important;
  452.     color: #999 !important;
  453. }
  454. .generic-promo-action-button a {
  455.     color: #999 !important;
  456.     border: transparent !important;
  457. }
  458. .yt-uix-button-primary:hover {
  459.     border-color: #444 !important;
  460. }
  461. /* Hide comment opener, looks like < */
  462.  
  463. #yt-comments-sb-standin .callout-inner,
  464. #yt-comments-sb-standin .callout-outer,
  465. #yt-comments-sb-standin .callout {
  466.     display: none !important;
  467. }
  468. /* Comment box */
  469.  
  470. .yt-commentbox-text {
  471.     border: 1px solid #333 !important;
  472.     background-color: #111 !important;
  473.     color: #666 !important;
  474. }
  475. .comments .paginator {
  476.     background-color: #1F1F1F !important;
  477.     border: 1px solid #333 !important;
  478.     color: #999 !important;
  479.     background-image: none !important;
  480. }
  481. .comments .paginator:hover {
  482.     color: #BEBEBE !important;
  483. }
  484. /* Comment like and dislike invert */
  485.  
  486. .comments .sprite_like {
  487.     display: inline-block !important;
  488.     background: transparent url("http://i.imgur.com/mdSLmpz.png") no-repeat scroll 0px 0px !important;
  489.     width: 14px !important;
  490.     height: 14px !important;
  491.     filter: invert(100%) !important;
  492.     -webkit-filter: invert(100%) !important;
  493. }
  494.  
  495. .comments .sprite_dislike {
  496.     display: inline-block !important;
  497.     background: transparent url("http://i.imgur.com/mdSLmpz.png") no-repeat scroll 0px -71px !important;
  498.     width: 14px !important;
  499.     height: 14px !important;
  500.     filter: invert(100%) !important;
  501.     -webkit-filter: invert(100%) !important;
  502. }
  503. /* Comment tooltip actions, e.g. report */
  504.  
  505. .comments .mod-list {
  506.     border: 1px solid #333 !important;
  507.     background-color: #111 !important;
  508. }
  509. .comments .mod-list-button {
  510.     background-color: transparent !important;
  511.     color: #999 !important;
  512. }
  513. .comments .mod-list-button:hover {
  514.     background-color: #222 !important;
  515.     color: #999 !important;
  516. }
  517. /* Add to playlist menu */
  518.  
  519. .add-to-widget .addto-playlist-item,
  520. .add-to-widget .create-playlist-item,
  521. #yt-uix-videoactionmenu-menu h3 {
  522.     color: #666 !important;
  523. }
  524. .add-to-widget .playlists {
  525.     border-bottom: 1px solid #333 !important;
  526. }
  527. .add-to-widget .addto-playlist-item:hover,
  528. .add-to-widget .create-playlist-item:hover,
  529. add-to-widget .addto-playlist-iem.yt-uix-kbd-nav-highlight {
  530.     background-color: #333 !important;
  531. }
  532. /* Force white text for subscribe button*/
  533.  
  534. .yt-uix-button-subscribe-branded .subscribe-label {
  535.     color: #fff !important;
  536. }
  537. .yt-uix-button-has-icon.no-icon-markup .yt-uix-button-content {
  538.     color: #999 !important;
  539. }
  540. /* "Browse channels page */
  541.  
  542. .yt-gb-shelf-main-content:hover {
  543.     box-shadow: 0 2px 3px transparent!important;
  544. }
  545. .yt-gb-shelf-main-content {
  546.     border: solid 1px #333!important;
  547.     box-shadow: 0 1px 2px #222!important;
  548. }
  549. .yt-gb-shelf-paddle {
  550.     background-color: #111!important;
  551.     border: 1px solid #333!important;
  552. }
  553. .yt-gb-shelf .yt-gb-shelf-paddle:hover {
  554.     box-shadow: 0 0 10px 1px rgba(200, 200, 200, .1)!important;
  555. }
  556. #player.content-alignment.watch-medium {
  557.     margin-top: 0px!important;
  558. }
  559. #content {
  560.     margin-top: 3px!important;
  561. }
  562. /*Larger player*/
  563.  
  564. .ytp-chrome-controls {
  565.     /* Decrease control size*/
  566.    
  567.     height: 30px !important;
  568.     line-height: 30px !important;
  569.     Display: block !important;
  570.     /*position: absolute;*/
  571. }
  572. .watch-stage-mode .player-height {
  573.     height: 600px !important;
  574. }
  575. .watch-stage-mode .player-width {
  576.     width: 1066px !important;
  577.     left: -533px !important;
  578. }
  579. .watch-stage-mode .video-stream {
  580.     width: 1066px !important;
  581.     height: 600px !important;
  582.     margin-top: 0px !important;
  583. }
  584. .ytp-fullscreen .html5-video-container {
  585.     height: 100% !important;
  586.     width: 100% !important;
  587.     top: 0px !important;
  588.     left: 0px !important;
  589. }
  590. .ytp-fullscreen .html5-video-container .video-stream {
  591.     height: 100% !important;
  592.     width: 100% !important;
  593. }
  594. .watch-stage-mode .video-stream {
  595.     left: 0px !important;
  596.     top: 0px !important;
  597. }
  598. .watch-stage-mode .ytp-chrome-bottom {
  599.     left: 118px !important;
  600. }
  601. .ytp-fullscreen .ytp-chrome-bottom {
  602.     left: 24px !important;
  603. }
  604. /*
  605. .html5-progress-bar{
  606.         width: 1066px !important;
  607. }
  608. .html5-progress-bar.ytp-force-transform.red{
  609.         width: 1066px !important;
  610. }
  611.         */
  612.  
  613. #watch8-action-buttons .yt-uix-button {
  614.     color: #fff!important;
  615.     background-color: #fff!important;
  616. }
  617. .watch-stage-mode .watch7-playlist-bar {
  618.     width: 1066px!important;
  619. }
  620. .watch-stage-mode .watch7-playlist-bar-left {
  621.     width: 740px !important;
  622. }
  623. .watch-stage-mode #watch7-playlist-tray-container {
  624.     left: 740px !important;
  625. }
  626. .watch-playlist-collapsed #watch7-playlist-tray-container {
  627.     height: 0 !important;
  628. }
  629. .player-api {
  630.     background: transparent!important;
  631. }
  632. #placeholder-player {
  633.     margin-top: -5px !important;
  634. }
  635. #player,
  636. .watch-stage-mode #placeholder-player {
  637.     margin-top: -5px !important;
  638. }
  639. #theater-background {
  640.     height: 615px !important;
  641.     margin-top: 0px !important;
  642. }
  643. .watch-large #theater-background {
  644.     height: 760px !important;
  645.     margin-top: -10px !important;
  646. }
  647. /*playlist*/
  648. /*tables aligned with the theater mode player*/
  649.  
  650. .watch-stage-mode #content[class="  content-alignment"] {
  651.     width: 1066px !important;
  652.     min-width: 1066px !important;
  653.     max-width: 1066px !important;
  654. }
  655. .watch-stage-mode #watch7-container {
  656.     width: 1066px !important;
  657.     min-width: 1066px !important;
  658.     max-width: 1066px !important;
  659. }
  660. .watch-stage-mode #watch7-sidebar {
  661.     margin-left: 650px !important;
  662. }
  663. .watch-stage-mode #watch7-content {
  664.     width: 640px !important;
  665. }
  666. .watch-stage-mode #player-playlist {
  667.     width: 1066px !important;
  668. }
  669. .watch-stage-mode #watch-appbar-playlist {
  670.     position: absolute !important;
  671.     width: 416px !important;
  672.     height: 420px !important;
  673.     left: 650px !important;
  674.     top: 240px !important;
  675. }
  676. #watch-appbar-playlist .playlist-header {
  677.     background-color: #1B1B1B!important;
  678. }
  679. /* White line, Playlist Page */
  680.  
  681. #pl-header .privacy-icon-present .pl-header-details::before {
  682.     border-color: #333;
  683. }
  684. /*sub box*/
  685.  
  686. .branded-page-v2-secondary-col {
  687.     display: none !important;
  688. }
  689. /*small comment changes*/
  690.  
  691. .comments .channel-owner .comment-header .user-name {
  692.     background-color: #353535!important;
  693. }
  694. .comment-source {
  695.     color: #353535!important;
  696. }
  697. .yt-commentbox-text,
  698. .yt-simplebox-text {
  699.     margin: 0 0 0 22px !important;
  700.     border: 1px solid #333 !important;
  701.     padding: 6px 25px 5px 10px !important;
  702.     min-height: 48px !important;
  703.     line-height: 16px !important;
  704.     overflow: auto !important;
  705.     resize: vertical !important;
  706.     background-color: #111 !important;
  707.     color: #aaa !important;
  708.     white-space: pre-wrap !important;
  709. }
  710. .yt-commentbox-arrow-inner,
  711. .yt-simplebox-arrow-inner {
  712.     top: 1px !important;
  713.     left: 2px !important;
  714.     position: absolute !important;
  715.     border: 7px solid #111 !important;
  716.     z-index: 1 !important;
  717.     border-bottom-color: transparent !important;
  718.     border-left-color: transparent !important;
  719. }
  720. .yt-commentbox-arrow-outer,
  721. .yt-simplebox-arrow-outer {
  722.     top: 0 !important;
  723.     left: 0 !important;
  724.     position: absolute !important;
  725.     border: 3px solid #333 !important;
  726.     border-bottom-color: transparent !important;
  727.     border-left-color: transparent !important;
  728. }
  729. /* General Declarations */
  730.  
  731. .branded-page-v2-body {
  732.     background: #1b1b1b !important;
  733. }
  734. .yt-ui-ellipsis {
  735.     background-color: transparent !important;
  736. }
  737. .yt-uix-expander-ellipsis {
  738.     background-color: #1b1b1b !important;
  739. }
  740. /* Cards */
  741.  
  742. .yt-card {
  743.     /*background: transparent !important;*/
  744.    
  745.     background: #1b1b1b !important;
  746. }
  747. .branded-page-v2-primary-col .branded-page-box {
  748.     border-bottom-color: #303030 !important;
  749. }
  750. .yt-lockup,
  751. .yt-lockup .yt-lockup-meta a,
  752. .yt-lockup .yt-lockup-description a,
  753. .feed-item-container .feed-item-main {
  754.     color: #888 !important;
  755. }
  756. .feed-item-container:hover .feed-item-header a,
  757. .feed-item-container:hover a.yt-user-name {
  758.     color: #1b7fcc !important;
  759. }
  760. /* Buttons - Inputs - Text areas */
  761.  
  762. .yt-uix-button-default,
  763. .yt-uix-button-default[disabled],
  764. .yt-uix-button-default[disabled]:hover,
  765. .yt-uix-button-default[disabled]:active,
  766. .yt-uix-button-default[disabled]:focus {
  767.     border-color: #303030 !important;
  768.     background: #242424 !important;
  769.     color: #aaa !important;
  770. }
  771. .yt-uix-button-default:hover,
  772. .yt-uix-button-text:hover {
  773.     border-color: #444 !important;
  774.     background: #1f1f1f !important;
  775. }
  776. .yt-uix-button-text,
  777. .yt-uix-button-text[disabled] {
  778.     color: #aaa !important;
  779. }
  780. .yt-uix-button-default:active,
  781. .yt-uix-button-default.yt-uix-button-toggled,
  782. .yt-uix-button-default.yt-uix-button-active,
  783. .yt-uix-button-default.yt-uix-button-active:focus,
  784. .yt-uix-button-text:active {
  785.     box-shadow: inset 0 1px 0 #555 !important;
  786. }
  787. .yt-uix-button-arrow {
  788.     border-top-color: #ccc !important;
  789. }
  790. .yt-uix-form-input-text,
  791. .yt-uix-form-input-textarea {
  792.     background: #111 !important;
  793.     border-color: #2b2b2b !important;
  794.     color: #aaa !important;
  795. }
  796. .yt-uix-form-input-select:hover,
  797. .yt-uix-form-input-text:hover,
  798. .yt-uix-form-input-textarea:hover {
  799.     border-color: #444 !important;
  800. }
  801. .yt-uix-form-input-select.focused,
  802. .yt-uix-form-input-checkbox:focus+.yt-uix-form-input-checkbox-element,
  803. .yt-uix-form-input-radio:focus+.yt-uix-form-input-radio-element,
  804. .yt-uix-form-input-text:focus,
  805. .yt-uix-form-input-textarea:focus {
  806.     border-color: #167ac6 !important;
  807. }
  808. .yt-uix-form-input-radio-element,
  809. .yt-uix-form-input-checkbox-element {
  810.     border-color: #303030 !important;
  811. }
  812. .yt-uix-form-input-checkbox-container:hover .yt-uix-form-input-checkbox-element,
  813. .yt-uix-form-input-radio-container:hover .yt-uix-form-input-radio-element {
  814.     border-color: #444 !important;
  815. }
  816. .yt-uix-form-input-checkbox-container input:checked+.yt-uix-form-input-checkbox-element {
  817.     background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAylpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzI3MjhBMkE5N0NEMTFFNDg1RkFEQTkwQUZGQkFBMzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzI3MjhBMjk5N0NEMTFFNDg1RkFEQTkwQUZGQkFBMzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjRlMmJkZGYzLTVjMWUtNzE0OC1iMWEyLWM4MTMxNWIwNTRjZiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0ZTJiZGRmMy01YzFlLTcxNDgtYjFhMi1jODEzMTViMDU0Y2YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7OwPmIAAAAu0lEQVR42mL8//8/AyWAiYFCQK4BkpQYYA7EleQaYA/EuUB8AibAQoLmQCD2AOJLQLyCFANYgTgJiI2A+DIQT0GWJGQANxDnAbECEN8B4pn4YgFksj+SoWJAXAHV/BQq/xvdAEakhOQIxBFA/BCI9wFxGNQFr4C4C4g/Y3MiI1pKTAViEyT+ByDuBOJ3xCakJUD8EsoG2TgJn2YwALkADcsCcQ8QK2CRw8CMODITJxB/JyZxMA54bgQIMADEwFkR0/SN/gAAAABJRU5ErkJggg==) !important;
  818.     border-color: #36649c !important;
  819. }
  820. /*---*/
  821. /* Masthead - Header */
  822.  
  823. #yt-masthead-container {
  824.     background: #1b1b1b !important;
  825.     border-bottom-color: #303030 !important;
  826. }
  827. #yt-masthead #logo {
  828.     background: no-repeat url(http://i.imgur.com/DDNZc3U.png) -131px -219px !important;
  829. }
  830. #yt-masthead-user-displayname {
  831.     color: #999 !important;
  832. }
  833. #yt-masthead-user #sb-button-notify {
  834.     background: transparent !important;
  835. }
  836. #yt-masthead-user .yt-uix-button-icon-bell {
  837.     background: no-repeat url(http://i.imgur.com/veEzSqG.png) 0 -34px !important;
  838. }
  839. /* Masthead - Guide */
  840. /* Button */
  841. /*#masthead-positioner:hover #appbar-guide-button {
  842. border-color: transparent !important;
  843. background: transparent !important;
  844. }
  845.    
  846. #masthead-positioner #appbar-guide-button:hover {
  847. border-color: #444 !important;
  848. background: #1f1f1f !important;
  849. }*/
  850.  
  851. #masthead-logo img,
  852. #yt-masthead #logo-container .logo,
  853. .footer-logo img {
  854.     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAmCAYAAACmlJfBAAAGoUlEQVR4Ae3bO47c2BWH8U4Y3MRj+v2wr2c0UknyzKByxlwCF8CUG2BYK+AauAL6bfpt+cEFVMyQGWOGlRx/BP5jHxPFRkPdElSABPyS7x6xrg4EotHovjOz9+yjTZCPPi7931+9ThCRo0SNExq06DHgjFFmLLg8woIZE0acMaBHhxYNalQokCEiudmlc/kUNRbYjZhRIb25pf/rq1cBHexGtYi3tfQvXzWwG1cjXF36mzdvgne3+UNLtudP/cdf7J9fvjxggd24Ece9pZ/QSLVZeECBRgok73bphxrmtKgfaIY90IIWFRpMsCdWIVxb+gCTGYlb+gEjTJp3/T/9H18cWpiT62w7d00Pe6ARR9whRQd7YjWuLj2DyYLcvVaK7dm7X/qLDuYUCBLc3CpBkBQD7IEm5HpORA97Yg2uLj1g3v5vVq9dHxDf9dLffPF8gDktaimRam6Vo3Ym2ANNyPWciB72xFqk15aeoPHL1dJTtK7Xa3+XS//7zz8PGGA7ZkTNrhrYW5qQ6zkRPeyJddgsHVrwESYjUhwwqV1Q+EVp5igHpDrazkRJd3r439KfpTjDdiyIml21sI1ZLq5d1BbXJuR6TsTg+riZ3VowygzbMSDuLT3F6BeMDCZnHNzSMrQYsei88TOaKzBIhSC167npLn97/dkBI2zHhKjZVQNzWuTizxq1Aq3apPb15/bocEREsXOXVmcHRGRosMA2Rhz3lr59f7cor7znE2QY1bd6RLf0ZvPMgBSd65XpLn99/WmGCbZjRtTsqoE51dqlcL1wvVabkKulOCLBnVPBnFaz2p9Az71cuW92delXXjETBpiUO+/5ER1m107umSfXG4Qrzyj/e/FXP8sxw3bMiJpdNTCnVk9Qul6qB9RqE3L1VUSBo2tHjDCM7iwg13yq+wR0MGdBft/SI86wjRHHK1+3LyjUK5j0CG+z9L+8igUW2I4ZUbOrBubU6glK10v1gJPahFw9RaveI6ofMKi3COo5ZvUKie5UwzaK3aVvXzFOi0QzGRb1EdH1i/qA+DZL//PLnxZYYDtmRM2uGphTqycoXS/VA05qE3L1iMH1zPVevVFb1TBpkepOJS4wp0BydeluebZRu/P8nqXPj136n17+pMQC2zEjanbVwJxaPUHpeqkecFKbkKtH9K5nrnfqJzXoGUCL6O5/gTkF7l36ATNMJmRvsfTD2yz9j1waC2zHjKjZVQNzavUEpeulesBJbUKuHtG7nrneqTdqqyMqyRDc/S8wp8C9S4/otl9xvLelH35cYIHtmBE1u2pgTq2eoHS9VA84qU3I1SN61zPXO/VGbaX9yT33V7t36duFtDp6L0v/w+FHBRbYjhlRs6sG5tTqCUrXS/WAk9qEXD2idz1zvVNv1FYpDjg6B9S4wJwCH+7S+xc/zDHDdsyIml01MKdWT1C6XqoHnNQm5OoRveuZ6516o7aqcMYokywwZ4G+ZPxAl/77Fz/IMMF2zIiaXTUwp1ZPULpeqgec1Cbk6hG965nrnfoJe597xoD5yn2z97X0uL907C39+fcPGGE7ZkTNrhqYU6snKF2v1ANOahNy9Yje9exKP6mtapi0OCKiwgUmI46PXXp2z9JNdpfuPqO7tvTfPf9eijNsx4yo2VUDc2r1BJXrhXrASW1Crh4xuJ653qs3atCz1RF0pwILTAYcHrv0uPnGWKXml9sjubL0FhE1LteW/tvPvxswwHbMiJpdNTCnVl/lmm8Q1AJOMEzI1VPNLWiRqh/cfTrXj+oLCiS6U4ULTHqkj116QAOTGQPMqXa+97JghMl26Vr8dwbYjhlRc6sG5jRIdJYiQ5C1BZxgmJCrrwKOiK5lmjMsbj7BUeep7hPQwZwWD1p6B5OevJ05oIdd0SB1syXMuWhmcK3yS//Ns293sB0TEs2tTjBnQMCdUyLHnVQwjDiqBc1E3Dn19vlf/53NnQNOuMCcBuEhSy/RSqmj7VxEjR4DOlSI1+bcTIEUBVrJ/D/g18++1cJ2LKhRygDbaJCjQIsLOs1X6N2zGs3VGDGgQK42wzbOOsuvfI5t1Nhd+vYVkkpQ3puLOCAi3DcniWupJP+/9LSGPdKM5YGzF5izYH7YZ0B/f0eF7dI/PL/6LD1ggd24Ecdb+bE6Fv/NBnbjaoSbWfovP/skoIXdqBa39AOkWvynn6SoscBuxIwK6c3+UsAvPv1GgogcJWqc0KBFh0HOMjqTzA80yeicZUCPDi0a1KhQIEPEh/RLAR9twvvw0X8AFl/FsMok85IAAAAASUVORK5CYII=) 0 no-repeat!important;
  855.     background-size: contain!important
  856. }
  857.  
  858.  
  859.  
  860. .yt-uix-button-text:hover {
  861.     border-color: #333 !important;
  862. }
  863.  
  864. /* Menu */
  865.  
  866. #appbar-guide-menu,
  867. .guide-flyout {
  868.     background: #1b1b1b !important;
  869. }
  870. .guide-flyout {
  871.     border-color: #303030 !important;
  872. }
  873. .guide-pinned .guide-pinning-enabled #appbar-guide-menu {
  874.     border-right-color: #303030 !important;
  875. }
  876. .guide-item {
  877.     color: #bbb !important;
  878. }
  879. .guide-item.guide-item-selected,
  880. .guide-item.guide-item-selected:hover,
  881. .guide-item.guide-item-selected .yt-deemphasized-text,
  882. .guide-item.guide-item-selected:hover .yt-deemphasized-text,
  883. .guide-collection-item .guide-item.guide-item-selected {
  884.     color: #fff !important;
  885. }
  886. .guide-section-separator {
  887.     border-bottom-color: #303030 !important;
  888. }
  889. .yt-thumb {
  890.     background: transparent !important;
  891. }
  892. /* Masthead - Search */
  893.  
  894. #masthead-search-terms,
  895. #masthead-search-term {
  896.     background-color: #333 !important;
  897.     color: #aaa !important;
  898. }
  899. .masthead-search-terms-border {
  900.     border-color: #303030 !important;
  901.     box-shadow: none !important;
  902. }
  903. #masthead-search .search-btn-component .yt-uix-button-content {
  904.     background: no-repeat url(http://i.imgur.com/DDNZc3U.png) -173px -62px !important;
  905. }
  906. /* Masthead - Search - Results */
  907.  
  908. .gssb_e {
  909.     border-color: #303030 !important;
  910. }
  911. .gssb_m {
  912.     color: #aaa !important;
  913.     background: #1b1b1b !important;
  914. }
  915. .gssb_i td {
  916.     background: #2a2a2a !important;
  917. }
  918. /* Masthead - Appbar */
  919.  
  920. #masthead-appbar {
  921.     background-color: #1b1b1b !important;
  922.     border-color: #303030 !important;
  923. }
  924.  
  925. /*---*/
  926. /* What to Watch */
  927.  
  928. .branded-page-module-title a:visited,
  929. .branded-page-module-title a {
  930.     color: #bbb !important;
  931. }
  932. .compact-shelf .yt-uix-button-shelf-slider-pager {
  933.     background: transparent !important;
  934. }
  935. .browse-list-item-container:hover .compact-shelf .yt-uix-button-shelf-slider-pager,
  936. .compact-shelf:hover .yt-uix-button-shelf-slider-pager {
  937.     background: rgba(0, 0, 0, 0.15) !important;
  938.     border-color: #303030 !important;
  939. }
  940. .compact-shelf .yt-uix-shelfslider-next-arrow,
  941. .rtl .compact-shelf .yt-uix-shelfslider-prev-arrow {
  942.     background: no-repeat url(http://i.imgur.com/8Y5Xqhd.png) -42px -1452px !important;
  943. }
  944. .compact-shelf .yt-uix-shelfslider-prev-arrow,
  945. .rtl .compact-shelf .yt-uix-shelfslider-next-arrow {
  946.     background: no-repeat url(http://i.imgur.com/8Y5Xqhd.png) -14px -1595px !important;
  947. }
  948. /* My Subscriptions */
  949.  
  950. .feed-header {
  951.     border-bottom-color: #303030 !important;
  952. }
  953. .feed-author-bubble {
  954.     background: no-repeat url(http://i.imgur.com/DDNZc3U.png) -149px -357px !important;
  955. }
  956. .feed-author-bubble.rec {
  957.     background: no-repeat url(http://i.imgur.com/DDNZc3U.png) -34px -62px !important;
  958. }
  959. .feed-item-main {
  960.     border-bottom-color: #303030 !important;
  961. }
  962. /* Recommended Channels */
  963.  
  964. .branded-page-related-channels h3 a,
  965. .branded-page-related-channels h3 {
  966.     color: #aaa !important;
  967. }
  968. .yt-uix-button-subscribe-unbranded,
  969. .yt-uix-button-subscribe-unbranded[disabled],
  970. .yt-uix-button-subscribe-unbranded[disabled]:hover,
  971. .yt-uix-button-subscribe-unbranded[disabled]:active,
  972. .yt-uix-button-subscribe-unbranded[disabled]:focus {
  973.     border-color: #303030 !important;
  974.     background: #222 !important;
  975.     color: #aaa !important;
  976. }
  977. .yt-uix-button-subscribe-unbranded.no-icon-markup:before {
  978.     margin-right: 0 !important;
  979. }
  980. /*---*/
  981. /* Watch Page */
  982.  
  983. #watch7-content,
  984. #watch7-sidebar {
  985.     background: transparent !important;
  986. }
  987. #watch7-content .yt-card {
  988.     margin: 5px 0 !important;
  989. }
  990. .watch-wide #watch-header,
  991. #watch7-sidebar-discussion.yt-card {
  992.     margin-top: 0 !important;
  993. }
  994. .watch-wide #watch7-sidebar,
  995. .watch-wide #watch7-preview {
  996.     margin-top: 0 !important;
  997. }
  998. #watch7-headline,
  999. #watch7-user-header,
  1000. #watch-discussion,
  1001. .yt-uix-button-panel {
  1002.     background: #1b1b1b !important;
  1003. }
  1004. /* Watch Page - Desc & Actions */
  1005.  
  1006. #watch7-action-buttons {
  1007.     background: #1b1b1b !important;
  1008.     border-color: #303030 !important;
  1009. }
  1010. #watch7-action-buttons,
  1011. #watch7-action-panels,
  1012. #watch-discussion {
  1013.     border-right-width: 0px !important;
  1014. }
  1015. .watch-view-count {
  1016.     color: #ccc !important;
  1017. }
  1018. #watch7-headline.yt-uix-expander-collapsed h1,
  1019. .yt-uix-expander-head,
  1020. #watch-description,
  1021. #watch-headline-title h1,
  1022. .yt-card .yt-uix-button-expander:hover {
  1023.     color: #aaa !important;
  1024. }
  1025. #watch7-user-header .yt-user-info a, .comments .comment-header .user-name, .comments .like-count, a {
  1026.     color:rgba(154,205,50, .7) !important;
  1027. }
  1028. .yt-uix-button-subscribed-branded,
  1029. .yt-uix-button-subscribed-branded[disabled],
  1030. .yt-uix-button-subscribed-branded[disabled]:hover,
  1031. .yt-uix-button-subscribed-branded[disabled]:active,
  1032. .yt-uix-button-subscribed-branded[disabled]:focus,
  1033. .yt-uix-button-subscribed-unbranded,
  1034. .yt-uix-button-subscribed-unbranded[disabled],
  1035. .yt-uix-button-subscribed-unbranded[disabled]:hover,
  1036. .yt-uix-button-subscribed-unbranded[disabled]:active,
  1037. .yt-uix-button-subscribed-unbranded[disabled]:focus {
  1038.     background: transparent !important;
  1039.     border-color: transparent !important;
  1040. }
  1041. .yt-uix-subscription-preferences-button {
  1042.     border-radius: 2px !important;
  1043. }
  1044. .yt-subscription-button-subscriber-count-branded-horizontal,
  1045. .yt-subscription-button-subscriber-count-branded-vertical {
  1046.     border-color:transparent !important;
  1047.     background-color:transparent !important;
  1048. }
  1049. .yt-subscription-button-subscriber-count-branded-horizontal:before {
  1050.     border-color: transparent #444 !important;
  1051. }
  1052. .yt-subscription-button-subscriber-count-branded-horizontal:after {
  1053.     border-color: transparent #111 !important;
  1054. }
  1055. .video-extras-sparkbar-likes {
  1056.     background: #590 !important;
  1057. }
  1058. .video-extras-sparkbar-dislikes {
  1059.     background: #F00 !important;
  1060. }
  1061. .metadata-inline {
  1062.     background: #2a2a2a !important;
  1063.     margin-bottom: 5px !important;
  1064. }
  1065. #watch-discussion {
  1066.     margin-top: 5px !important;
  1067. }
  1068. #watch8-action-buttons {
  1069.     border-top: none !important;
  1070. }
  1071. .yt-card .yt-uix-button-expander {
  1072.     border-top-color: #303030 !important;
  1073. }
  1074. #action-panel-details a {
  1075.     color:rgba(154,205,50, .7) !important;
  1076. }
  1077. #action-panel-details a:hover {
  1078. text-shadow:0 0 1px #9ACD32 !important;
  1079. }
  1080. .yt-card .yt-uix-tabs {
  1081.     border-bottom-color: #303030 !important;
  1082. }
  1083. .yt-card .yt-uix-tabs .yt-uix-button:hover,
  1084. .yt-card .yt-uix-tabs .yt-uix-button:active,
  1085. .yt-card .yt-uix-tabs .yt-uix-button.yt-uix-button-active,
  1086. .yt-card .yt-uix-tabs .yt-uix-button.yt-uix-button-toggled {
  1087.     border-bottom-color: #cc181e !important;
  1088. }
  1089. #watch8-action-buttons .yt-uix-button,
  1090. #watch8-action-buttons .yt-uix-button:hover,
  1091. #action-panel-dismiss,
  1092. #action-panel-dismiss:hover {
  1093.     background: none !important;
  1094.     border: none !important;
  1095. }
  1096. #action-panel-dismiss:before,
  1097. .action-panel-trigger-dismiss:before {
  1098.     background: no-repeat url(http://i.imgur.com/6sI87Fl.png) -14px -861px !important;
  1099. }
  1100. /* Watch Page - Transcript */
  1101.  
  1102. .caption-line {
  1103.     border-color: #303030 !important;
  1104.     border-radius: 0 !important;
  1105.     color: #aaa !important;
  1106.     background: #222 !important;
  1107.     padding: 3px 0 0 3px !important;
  1108.     border-bottom-width: 0px !important;
  1109. }
  1110. .caption-line-highlight {
  1111.     color: #eee !important;
  1112.     background-color: #1b1b1b !important;
  1113. }
  1114. /* Watch Page - Player */
  1115.  
  1116. #player.watch-large,
  1117. #player.watch-medium,
  1118. #player.watch-medium-540
  1119. /*, #player.watch-small*/
  1120.  
  1121. {
  1122.     margin-bottom: 5px !important;
  1123.     margin-top: 10px !important;
  1124. }
  1125. .watch-stage-mode #theater-background {
  1126.     background-color: transparent !important;
  1127. }
  1128. /* Watch Page - Sidebar */
  1129. /*.watch-wide #watch7-sidebar { margin-left: 645px !important; }
  1130. #watch7-sidebar-contents { padding: 10px 0 !important; }
  1131. #watch7-sidebar .watch-sidebar-section { margin: 0 5px !important; } */
  1132.  
  1133. .watch-playlist {
  1134.     margin-bottom: 5px !important;
  1135. }
  1136. #watch7-sidebar .watch-sidebar-section {
  1137.     background: #1b1b1b !important;
  1138. }
  1139. #watch7-sidebar .watch-sidebar-separation-line {
  1140.     border-bottom-color: #303030 !important;
  1141. }
  1142. /* Sidebar Link Colors */
  1143.  
  1144. #watch7-sidebar .video-list .video-list-item .title {
  1145.     color: #999 !important;
  1146. }
  1147. #watch7-sidebar .video-list .video-list-item .title:hover {
  1148.     color:rgba(154,205,50, .7) !important;
  1149. }
  1150. #watch7-sidebar .video-list-item a:visited .title {
  1151.     color: #555 !important;
  1152. }
  1153. #watch7-sidebar .video-list-item a:hover:visited .title {
  1154.     color: #0059B3 !important;
  1155. }
  1156. #watch7-sidebar .watch-sidebar-head {
  1157.     color: #999 !important;
  1158. }
  1159. /* Watch Page - Icons */
  1160. /*#watch-like:before, #watch-dislike:before, .actionable #watch-like.yt-uix-button:active:before, .actionable #watch-like.yt-uix-button.yt-uix-button-toggled:before {
  1161. background-image: url(http://i.imgur.com/HZQMHOi.png) !important;
  1162. }
  1163.  
  1164. #watch-like span, #watch-dislike span { color:#fff }
  1165. .actionable #watch-like:active .yt-uix-button-content, .actionable #watch-like.yt-uix-button-toggled .yt-uix-button-content { color: #590 !important; }
  1166.    
  1167.    
  1168. .action-panel-trigger-addto:before, .action-panel-trigger-none-addto:before { background: no-repeat url(http://i.imgur.com/ionzN0P.png) -24px -1012px !important; }
  1169. .action-panel-trigger-share:before { background: no-repeat url(http://i.imgur.com/ionzN0P.png) -31px -2210px !important; }
  1170. #action-panel-overflow-button:before, .action-panel-trigger-overflow:before { background: no-repeat url(http://i.imgur.com/ionzN0P.png) -24px -1301px !important; }
  1171.  
  1172. #watch8-action-buttons .yt-uix-button { color: #ccc !important; }*/
  1173. /* Watch Page - Context Dropdown */
  1174.  
  1175. .yt-scrollbar::-webkit-scrollbar-thumb {
  1176.     border-left-width: 0px !important;
  1177.     background: #ccc !important;
  1178.     -webkit-box-shadow: inset 0 0 0px transparent;
  1179. }
  1180. .yt-scrollbar::-webkit-scrollbar-track {
  1181.     border-left-width: 0px !important;
  1182.     -webkit-box-shadow: inset 0 0 0px transparent;
  1183. }
  1184. .guide-module-content.yt-scrollbar {
  1185.     height: auto !important;
  1186. }
  1187. #watch-context-container ul {
  1188.     max-height: 506px !important;
  1189. }
  1190. /* Watch Page - Creator Bar */
  1191.  
  1192. #watch7-creator-bar {
  1193.     border-color: #303030 !important;
  1194.     background: #222 !important;
  1195. }
  1196. .yt-uix-button-panel:hover .creator-bar-item .yt-uix-button-text-dark,
  1197. .yt-uix-button-panel .creator-bar-item .yt-uix-button-text-dark:hover {
  1198.     border-color: #303030 !important;
  1199.     background: #2a2a2a !important;
  1200. }
  1201. .creator-bar-item .yt-uix-button-icon-info {
  1202.     background: no-repeat url(http://i.imgur.com/ikibWu8.png) 0 -50px !important;
  1203. }
  1204. .creator-bar-item .yt-uix-button-icon-enhance {
  1205.     background: no-repeat url(http://i.imgur.com/ikibWu8.png) 0 0 !important;
  1206. }
  1207. .creator-bar-item .yt-uix-button-icon-audio {
  1208.     background: no-repeat url(http://i.imgur.com/ikibWu8.png) 0 -72px !important;
  1209. }
  1210. .creator-bar-item .yt-uix-button-icon-annotations {
  1211.     background: no-repeat url(http://i.imgur.com/ikibWu8.png) 0 -128px !important;
  1212. }
  1213. .creator-bar-item .yt-uix-button-icon-captions {
  1214.     background: no-repeat url(http://i.imgur.com/ikibWu8.png) 0 -150px !important;
  1215. }
  1216. /*---*/
  1217. /* Channel Page */
  1218.  
  1219. .channel-header .branded-page-header-title .branded-page-header-title-link,
  1220. .branded-page-module-title {
  1221.     color: #aaa !important;
  1222. }
  1223. .branded-page-v2-top-row {
  1224.     background: #1b1b1b !important;
  1225. }
  1226. .branded-page-box.yt-card {
  1227.     background: #1b1b1b !important;
  1228. }
  1229. #c4-header-bg-container,
  1230. .branded-page-v2-subnav-container {
  1231.     border-bottom-color: #1b1b1b !important;
  1232. }
  1233. .branded-page-v2-secondary-col .branded-page-related-channels-see-more a {
  1234.     color: #167ac6 !important;
  1235. }
  1236. .multirow-shelf .compact-shelf-view-all-card {
  1237.     border-color: transparent !important;
  1238.     background-color: #222 !important;
  1239. }
  1240. /* Channel Page Header */
  1241.  
  1242. .channel-header .secondary-header-contents {
  1243.     background-color: #333 !important;
  1244.     border-bottom-color: #303030 !important;
  1245. }
  1246. .secondary-header-contents .nav-text {
  1247.     color: #fff !important;
  1248. }
  1249. #channel-header-view-as-link .header-action-icon {
  1250.     background: no-repeat url(http://i.imgur.com/TLZeIKB.png) 0 -93px !important;
  1251. }
  1252. #channel-header-vm-link .header-action-icon,
  1253. .header-action-icon.vm-icon {
  1254.     background: no-repeat url(http://i.imgur.com/v8MBqQk.png) -64px -23px !important;
  1255. }
  1256. #channel-header-analytics-link .header-action-icon,
  1257. .header-action-icon.analytics-icon {
  1258.     background: no-repeat url(http://i.imgur.com/v8MBqQk.png) 0 -339px !important;
  1259. }
  1260. /* Channel Page - Icons */
  1261.  
  1262. #channel-search .show-search .search-icon {
  1263.     background: no-repeat url(http://i.imgur.com/VirN1wE.png) -170px -201px !important;
  1264. }
  1265. .yt-uix-button-icon-c4-grid-flow {
  1266.     background: no-repeat url(http://i.imgur.com/1R4Q7hF.png) -9px -582px !important;
  1267. }
  1268. .yt-uix-button-icon-c4-list-flow {
  1269.     background: no-repeat url(http://i.imgur.com/1R4Q7hF.png) 0 -1576px !important;
  1270. }
  1271. .play-all-icon-btn:before {
  1272.     background: no-repeat url(http://i.imgur.com/DDNZc3U.png) -29px -178px !important;
  1273. }
  1274. /*---*/
  1275. /* Search Page */
  1276.  
  1277. .search-header {
  1278.     border-bottom-color: #303030 !important;
  1279. }
  1280. .search-header .num-results,
  1281. .search-header .num-results strong,
  1282. .search-header .yt-uix-button-content,
  1283. .filter-col-title,
  1284. .filter {
  1285.     color: #aaa !important;
  1286. }
  1287. .yt-badge {
  1288.     border-color: #303030 !important;
  1289.     color: #aaa !important;
  1290. }
  1291. .yt-subscription-button-subscriber-count-unbranded-horizontal {
  1292.     border-color: #303030 !important;
  1293.     background-color: #111 !important;
  1294. }
  1295. /*---*/
  1296. /* Footer */
  1297.  
  1298. #footer-container {
  1299.     background-color: #1b1b1b !important;
  1300.     border-top-color: #303030 !important;
  1301. }
  1302. #footer-main {
  1303.     border-bottom-color: transparent !important;
  1304. }
  1305. #footer-logo .footer-logo-icon {
  1306.     background: no-repeat url(http://i.imgur.com/DDNZc3U.png) -131px -219px !important;
  1307. }
  1308. #footer-links-primary a {
  1309.     color: #999 !important;
  1310. }
  1311. /*---*/
  1312. /* All Comments Page */
  1313.  
  1314. #watch-response {
  1315.     background: #1b1b1b !important;
  1316. }
  1317. .all-comments,
  1318. .all-comments a {
  1319.     background-color: #1b1b1b !important;
  1320.     color: #aaa !important;
  1321. }
  1322. #watch-response-content {
  1323.     border-top-color: #303030 !important;
  1324. }
  1325. #watch-response-header-content p a {
  1326.     color: #167ac6 !important;
  1327. }
  1328. #yt-comments-sb-standin .box {
  1329.     background-color: #111!important;
  1330.     border-top: 1px solid #303030!important;
  1331.     border-color: #303030!important;
  1332. }
  1333. #yt-comments-sb-standin .callout-inner,
  1334. #yt-comments-sb-standin .callout-outer {
  1335.     border-bottom-color: transparent !important;
  1336.     border-left-color: transparent !important;
  1337. }
  1338. .callout-outer {
  1339.     border-color: #303030!important;
  1340. }
  1341. .callout-inner {
  1342.     border-color: #111!important;
  1343. }
  1344. .comments .comment-text .comment-text-content {
  1345.     color: #aaa !important;
  1346. }
  1347. /*---*/
  1348. /* Playlist Page */
  1349.  
  1350. #pl-header .pl-header-title {
  1351.     color: #bbb !important;
  1352. }
  1353. .pl-video-title-link {
  1354.     color: #aaa !important;
  1355. }
  1356. .pl-video:hover .pl-video-title-link,
  1357. .pl-video:hover .pl-video-owner a {
  1358.     color: #167ac6 !important;
  1359. }
  1360. .pl-video {
  1361.     border-bottom-color: #303030 !important;
  1362. }
  1363. /* Playlist Page - Icons */
  1364.  
  1365. .create-playlist-widget-button .add-new-pl-btn:before {
  1366.     background: no-repeat url(http://i.imgur.com/xaxFdAo.png) 0 -1964px !important;
  1367. }
  1368. .pl-header-privacy-only-me {
  1369.     background: no-repeat url(http://i.imgur.com/xaxFdAo.png) 0 -1395px !important;
  1370. }
  1371. .pl-header-privacy-limited-sharing {
  1372.     background: no-repeat url(http://i.imgur.com/xaxFdAo.png) 0 -621px !important;
  1373. }
  1374. .pl-header-privacy-everyone {
  1375.     background: no-repeat url(http://i.imgur.com/xaxFdAo.png) 0 -911px !important;
  1376. }
  1377. #pl-header .yt-uix-button-icon-gear {
  1378.     background: no-repeat url(http://i.imgur.com/xaxFdAo.png) -36px -748px !important;
  1379. }
  1380. #pl-header .playlist-share:before {
  1381.     background: no-repeat url(http://i.imgur.com/xaxFdAo.png) 0 -445px !important;
  1382. }
  1383. /* Playlist - Create Playlist Dropdown / Popups */
  1384.  
  1385. .create-playlist-widget-form .create-playlist-bottom-section {
  1386.     background-color: #222 !important;
  1387. }
  1388. #playlist-settings-editor .yt-dialog-footer {
  1389.     border-top-color: #303030 !important;
  1390.     background-color: #222 !important;
  1391. }
  1392. /*---*/
  1393. /* Dropdowns */
  1394. /* yt-uix-form */
  1395.  
  1396. .yt-uix-form-legend,
  1397. .yt-uix-form-label {
  1398.     color: #bbb !important;
  1399. }
  1400. /* yt-ui-menu / yt-uix-menu */
  1401.  
  1402. .yt-ui-menu-content {
  1403.     background: #222 !important;
  1404.     border-color: #303030 !important;
  1405. }
  1406. .yt-ui-menu-item:focus {
  1407.     background: #242424 !important;
  1408. }
  1409. .yt-uix-menu-trigger-selected .yt-ui-menu-item,
  1410. .yt-ui-menu-item:hover {
  1411.     background: #333 !important;
  1412.     color: #fff !important;
  1413. }
  1414. .yt-ui-menu-item {
  1415.     color: #999 !important;
  1416. }
  1417. .action-panel-trigger-report:before {
  1418.     background: no-repeat url(http://i.imgur.com/mZ790AJ.png) 0 -748px !important;
  1419. }
  1420. .action-panel-trigger-transcript:before {
  1421.     background: no-repeat url(http://i.imgur.com/mZ790AJ.png) 0 -1556px !important;
  1422. }
  1423. /* Button Menu */
  1424.  
  1425. .yt-uix-button-menu {
  1426.     border-color: #444 !important;
  1427.     background: #222 !important;
  1428. }
  1429. .yt-uix-button-menu .yt-uix-button-menu-item {
  1430.     color: #999 !important;
  1431. }
  1432. /* Sub Prefs Popup */
  1433.  
  1434. .yt-dialog-fg {
  1435.     background: #1b1b1b !important;
  1436.     border-color: #303030 !important;
  1437. }
  1438. .yt-dialog-bg,
  1439. .yt-uix-overlay-bg {
  1440.     background-color: #000 !important;
  1441. }
  1442. .yt-uix-overlay-primary .yt-dialog-header {
  1443.     background-color: transparent !important;
  1444. }
  1445. .yt-dialog-fg-content .yt-dialog-title,
  1446. .yt-uix-overlay-fg-content .yt-dialog-title {
  1447.     color: #ccc !important;
  1448. }
  1449. .yt-dialog-fg-content,
  1450. .yt-uix-overlay-fg-content {
  1451.     color: #aaa !important;
  1452. }
  1453. .yt-uix-overlay-actions {
  1454.     background: #1b1b1b !important;
  1455. }
  1456. /* Account switcher */
  1457.  
  1458. .yt-masthead-account-picker.yt-uix-clickcard-card-content,
  1459. #masthead-expanded .masthead-expanded-menu-header {
  1460.     color: #aaa !important;
  1461. }
  1462. .yt-uix-clickcard-card-border,
  1463. .yt-uix-hovercard-card-border {
  1464.     background: #222 !important;
  1465.     border-color: #303030 !important;
  1466. }
  1467. .yt-masthead-picker-header {
  1468.     border-bottom-color: #303030 !important;
  1469. }
  1470. .yt-masthead-account-picker-option,
  1471. .yt-masthead-picker-footer {
  1472.     background: #222 !important;
  1473. }
  1474. .yt-masthead-account-picker-option .yt-masthead-picker-name {
  1475.     color: #aaa !important;
  1476. }
  1477. .yt-uix-button-icon-icon-account-settings {
  1478.     background: no-repeat url(http://i.imgur.com/7fc8SwR.png) -49px -507px !important;
  1479. }
  1480. .yt-uix-clickcard-card-reverse .yt-uix-card-body-arrow-vertical,
  1481. .yt-uix-hovercard-card-reverse .yt-uix-card-body-arrow-vertical {
  1482.     border-bottom-color: #222 !important;
  1483. }
  1484. .yt-uix-clickcard-card-reverse .yt-uix-card-border-arrow-vertical,
  1485. .yt-uix-hovercard-card-reverse .yt-uix-card-border-arrow-vertical {
  1486.     border-bottom-color: #303030 !important;
  1487. }
  1488. /*---*/
  1489. /* YT Center Compat Bits */
  1490.  
  1491. .ytcenter-module-container .yt-uix-form-input-checkbox-container input:checked+.yt-uix-form-input-checkbox-element {
  1492.     background: no-repeat url(http://i.imgur.com/gIgpO5N.png) 0 -1640px !important;
  1493. }
  1494. /*---*/
  1495. /* Blanket Fonts */
  1496.  
  1497. .yt-card .yt-card-title,
  1498. a.yt-uix-button-epic-nav-item.selected,
  1499. a.yt-uix-button-epic-nav-item.yt-uix-button-toggled,
  1500. button.yt-uix-button-epic-nav-item.selected,
  1501. button.yt-uix-button-epic-nav-item.yt-uix-button-toggled,
  1502. .epic-nav-item.selected,
  1503. .epic-nav-item.yt-uix-button-toggled,
  1504. .epic-nav-item-heading {
  1505.     color: #bbb !important;
  1506. }
  1507. /*---*/
  1508. }
  1509.  
  1510. @-moz-document regexp("https://plus.googleapis.com/(.*)/widget/render/comments\\?usegapi=1&first_party_property=YOUTUBE&href=(.*)"), regexp("https://apis.google.com/u/[0-9]/(.*)/_/widget/render/comments\\?usegapi=1&first_party_property=YOUTUBE&href=(.*)") {
  1511. .yJa,
  1512. .BJa,
  1513. .mj {
  1514.     background: transparent!important;
  1515. }
  1516. .yDa {
  1517.     background-color: #222!important;
  1518. }
  1519. .DJa {
  1520.     background-color: transparent!important;
  1521.     color: #999!important;
  1522. }
  1523. .E5,
  1524. .e4 {
  1525.     background-color: #111!important;
  1526.     border-top: 1px solid #303030!important;
  1527.     border-color: #303030!important;
  1528. }
  1529. .Mga {
  1530.     border-color: #111!important;
  1531. }
  1532. .gj.d-s,
  1533. .qg {
  1534.     color: #777!important;
  1535. }
  1536. .g9 .Xa.va .vy,
  1537. .g9 .Xa.va .dp.d-s,
  1538. .g9 .Xa.va .ot-anchor,
  1539. .g9 .Xa.va .ot-hashtag,
  1540. .g9 .Xa.va .proflink,
  1541. .g9 .Xa.va .proflinkPrefix,
  1542. .g9 .Xa.va .gj.d-s,
  1543. .Xa.va .qg,
  1544. .Xa.va .mi.d-s {
  1545.     color: #427fed!important;
  1546. }
  1547. .d-A,
  1548. .d-Kl,
  1549. .d-A-yb .d-A-B,
  1550. .d-A-u .d-A-B {
  1551.     color: #ccc!important;
  1552. }
  1553. .bmd {
  1554.     color: #590;
  1555. }
  1556. .r3 .r0 {
  1557.     background: #242323!important;
  1558.     color: #aaa!important;
  1559.     border-color: #303030!important;
  1560. }
  1561. .d-y-r-c {
  1562.     background-color: #2b2b2b!important;
  1563.     background-image: linear-gradient(to bottom, #222 0, #2c2c2c 100%)!important;
  1564.     color: #bbb!important;
  1565.     border-color: #444!important;
  1566. }
  1567. .d-k-l.d-y-r-c-Qa,
  1568. .ena {
  1569.     background: no-repeat url(http://i.imgur.com/ho8PnMO.png) -131px -17px!important;
  1570. }
  1571. .d-r {
  1572.     background: #222!important;
  1573.     border: 1px solid #444!important;
  1574. }
  1575. .d-A-yb,
  1576. .d-A-u {
  1577.     background-color: #333!important;
  1578.     border-color: #333!important;
  1579.     border-style: solid!important;
  1580. }
  1581. .Hma .Pga.d-A-yb {
  1582.     border: none!important;
  1583. }
  1584. .ot-anchor {
  1585.     color: #6f6f6f!important;
  1586. }
  1587. .dga {
  1588.     background-color: #151515!important;
  1589.     border-color: #303030!important;
  1590. }
  1591. .mj .tm {
  1592.     background: no-repeat url(http://i.imgur.com/VpPZ6yW.png) -13px -719px!important;
  1593. }
  1594. .g-h-f-V-nb {
  1595.     background: #222!important;
  1596. }
  1597. .d-cm {
  1598.     border-top-color: #303030!important;
  1599. }
  1600. .g-h-f-m-wc-E,
  1601. .g-h-f-m-Ed-wc-E {
  1602.     background: no-repeat url(http://i.imgur.com/p4Hnp94.png) -21px -25px!important;
  1603. }
  1604. .IGPVEc {
  1605.     background: no-repeat url(http://i.imgur.com/k5G05JP.png) -131px 0!important;
  1606. }
  1607. .FnlLyd:hover {
  1608.     background-color: #222!important;
  1609.     border-color: #303030!important;
  1610. }
  1611. .FnlLyd:active {
  1612.     background-color: #2a2a2a!important;
  1613.     border-color: #444!important;
  1614. }
  1615. .Kgb,
  1616. .Y8b .TD {
  1617.     background-color: #3a3a3a!important;
  1618. }
  1619. .MJa.JMc {
  1620.     background: no-repeat url(http://i.imgur.com/G39kb8k.png) 0 -186px!important;
  1621. }
  1622. .LJa.Zld {
  1623.     background: no-repeat url(http://i.imgur.com/G39kb8k.png) 0 -204px!important;
  1624. }
  1625. .MJa {
  1626.     background: no-repeat url(http://i.imgur.com/KxkJKLZ.png) 0 -144px!important;
  1627. }
  1628. .LJa {
  1629.     background: no-repeat url(http://i.imgur.com/KxkJKLZ.png) 0 -175px!important;
  1630. }
  1631. .Bl {
  1632.     background: no-repeat url(http://i.imgur.com/IjLPagd.png) 0 -49px!important;
  1633. }
  1634. .Kx {
  1635.     background: no-repeat url(http://i.imgur.com/IjLPagd.png) -171px -21px!important;
  1636. }
  1637. .cp {
  1638.     background-color: #131313!important;
  1639. }
  1640. .sk {
  1641.     background: #222!important;
  1642.     outline: none!important;
  1643.     border-color: #222!important;
  1644. }
  1645. .Jea,
  1646. .mj .g-h-f-vc-B,
  1647. .g-h-f-k .g-h-f-V-nb {
  1648.     border-color: #303030!important;
  1649. }
  1650. .Jea,
  1651. .Mga {
  1652.     border-bottom-color: transparent!important;
  1653.     border-left-color: transparent!important;
  1654. }
  1655. .dn,
  1656. .ve.oba,
  1657. .Aq,
  1658. .OF,
  1659. .e4,
  1660. .cp,
  1661. .jbgcdb,
  1662. .M7Fqc {
  1663.     color: #aaa!important;
  1664. }
  1665. .ot-hashtag,
  1666. .proflink,
  1667. .zDa,
  1668. .proflinkPrefix,
  1669. .xN .d-y-r-c-ha,
  1670. .Pga.d-A .d-A-B {
  1671.     color: #bbb!important;
  1672. }
  1673. }
  1674.  
  1675. @-moz-document regexp("https://apis.google.com/u/0/(.*)/hovercard/internalcard(.*)"), regexp("https://www.youtube.com/subscribe_embed\\?usegapi=1&(.*)"), regexp("https://apis.google.com/_/hovercard/internalcard(.*)") {
  1676. .GQb a {
  1677.     color: #aaa !important;
  1678. }
  1679. .o-ms-fk {
  1680.     -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 1) !important;
  1681.     box-shadow: 3px 5px 5px rgba(0, 0, 0, 1) !important;
  1682. }
  1683. .nbc {
  1684.     background-color: #1b1b1b !important;
  1685.     border-color: #303030 !important;
  1686. }
  1687. .yt-uix-button-subscription-container {
  1688.     background: #1b1b1b !important;
  1689. }
  1690. }
  1691.  
  1692. @-moz-document url-prefix("https://apis.google.com") {
  1693. /* Youtube Comment boxes */
  1694.  
  1695. .mj {
  1696.     background-color: transparent !important;
  1697. }
  1698. .E5 {
  1699.     color: #999 !important;
  1700. }
  1701. .FnlLyd {
  1702.     border-color: #222;
  1703.     background-color: transparent !important;
  1704.     color: #444 !important;
  1705. }
  1706. .FnlLyd:hover {
  1707.     border-color: #333;
  1708.     color: #777 !important;
  1709. }
  1710. .E5,
  1711. .e4 {
  1712.     background-color: #111!important;
  1713.     border: 1px solid #222!important;
  1714.     border-top: 1px solid #222!important;
  1715.     color: #777 !important;
  1716. }
  1717. .Mga {
  1718.     display: none !important;
  1719. }
  1720. .Jea {
  1721.     display: none !important;
  1722. }
  1723. }
  1724.  
  1725. @-moz-document url-prefix("https://youtube.com") {
  1726. /* Userstyle Example Url */
  1727. }
  1728.  
  1729. @-moz-document domain("youtube.com"), regexp("(https|http)://(apis|plus).(google|googleapis).(com|([a-z]{2}))(.[a-z]{2})?/.*first_party_property=YOUTUBE.*"), regexp("(https|http)://(apis|plus).google.(com|([a-z]{2}))(.[a-z]{2})?/.*internalcard.*"), regexp("(https|http)://apis.google.com/.*/hovercard.*"), regexp("(https|http)://apis.google.com/.*/widget/render?.*&first_party_property=YOUTUBE.*"), regexp("(https|http)://plus.google.com/.*/widget/render/comments?.*"), regexp("(https|http)://plus.google.com/.*/notifications/frame?.*"), regexp("^https?://www\\.google\\.[a-z\\\\.]+/\\_/chrome/newtab.*"), regexp("https?://(www.)?mail.google.com/.*"), regexp("https?://(www.)?contacts.google.com/.*"), regexp("https?://(www.)?docs.google.com/.*"), regexp("https?://(www.)?google.*") {
  1730. /*google plus notification */
  1731.    
  1732.     .Kub .vwa {
  1733.         color: #aaa!important;
  1734.     }
  1735.     .b-c-R {
  1736.         background-color: #222!important;
  1737.         color: #ccc!important;
  1738.         border-color: #333!important;
  1739.     }
  1740.     .b-c-R.b-c-u,
  1741.     .b-c-R.b-c-da-ja.b-c-u {
  1742.         background-color: #222!important;
  1743.         color: #ccc!important;
  1744.         border-color: #444!important;
  1745.     }
  1746.     .Qgb {
  1747.         filter: invert(44%) !important;
  1748.         -webkit-filter: invert(44%) !important;
  1749.     }
  1750.     .khb,
  1751.     .shb {
  1752.         filter: invert(100%) !important;
  1753.         -webkit-filter: invert(100%) !important;
  1754.     }
  1755.     .sk {
  1756.         background: #222 !important;
  1757.         border-color: #333 !important;
  1758.     }
  1759.     .jQb {
  1760.         border-right: 1px solid #fff !important;
  1761.     }
  1762.     .proflink {
  1763.         color: rgb(66, 127, 237) !important;
  1764.     }
  1765.     .ve {
  1766.         background-color: #1b1b1b!important;
  1767.     }
  1768.     .sb-card-body-arrow {
  1769.         border-bottom-color: #1b1b1b !important;
  1770.     }
  1771.     .sb-card-arrow {
  1772.         border: 12px solid transparent !important;
  1773.     }
  1774.     .Ct {
  1775.         color: #aaa!important;
  1776.     }
  1777.     .Mb .Iqx3wf,
  1778.     .Mb .tubEcf,
  1779.     .Mb .h6KQYd {
  1780.         filter: invert(44%) !important;
  1781.         -webkit-filter: invert(44%) !important;
  1782.     }
  1783.     .WpuQke {
  1784.         background-color: #1b1b1b!important;
  1785.     }
  1786.     .WdjWF {
  1787.         background-color: #1b1b1b!important;
  1788.     }
  1789.     .nYXukb {
  1790.         color: #555!important;
  1791.     }
  1792.     .d-r {
  1793.         background: #1b1b1b!important;
  1794.     }
  1795.     .Oub.d-r-Gk .d-A:hover {
  1796.         background: #333!important;
  1797.         color: #aaa!important;
  1798.     }
  1799.     .Oub.d-r-Gk .d-A {
  1800.         color: #aaa!important;
  1801.     }
  1802.     .d-A-B:hover {
  1803.         color: #aaa!important;
  1804.     }
  1805.     .wu {
  1806.         background-color: #111!important;
  1807.         border: 1px solid #333!important;
  1808.     }
  1809.     .cp {
  1810.         background-color: #111!important;
  1811.         border: 1px solid #333!important;
  1812.         color: #777!important;
  1813.     }
  1814.     .eswd .sm {
  1815.         filter: invert(44%) !important;
  1816.         -webkit-filter: invert(44%) !important;
  1817.     }
  1818.     .Id>.eswd {
  1819.         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0) !important;
  1820.         box-shadow: 0 1px 0 rgba(0, 0, 0, .0) !important;
  1821.         background-color: #222 !important;
  1822.         color: #aaa !important;
  1823.         border-color: #333 !important;
  1824.     }
  1825.     .o-Ie-Tk-c {
  1826.         filter: invert(44%) !important;
  1827.         -webkit-filter: invert(44%) !important;
  1828.     }
  1829.     .Gc.esw {
  1830.         background-color: #1b1b1b!important;
  1831.         border: 1px solid #333!important;
  1832.     }
  1833.     .Gc.esw:hover {
  1834.         border: 1px solid #444!important;
  1835.     }
  1836.     .tf {
  1837.         color: #aaa!important;
  1838.     }
  1839.     .gr {
  1840.         filter: invert(44%) !important;
  1841.         -webkit-filter: invert(44%) !important;
  1842.     }
  1843.     .sb-on,
  1844.     .sb-card-border {
  1845.         box-shadow: none !important;
  1846.         border-color: #282828 !important;
  1847.     }
  1848.     .eGFnrc {
  1849.         box-shadow: none !important;
  1850.     }
  1851.     .Rzc,
  1852.     .nfe,
  1853.     .qac,
  1854.     .aac,
  1855.     .l4a,
  1856.     .IO,
  1857.     .Xa {
  1858.         background-color: #1b1b1b !important;
  1859.     }
  1860.     .IO {
  1861.         border-color: #333!important;
  1862.     }
  1863.     .xac,
  1864.     .tQb,
  1865.     .Kza,
  1866.     .Ee {
  1867.         background-color: #333 !important;
  1868.     }
  1869.     .f4a {
  1870.         background-color: #2b2b2b !important;
  1871.     }
  1872.     .Pac,
  1873.     .YGETNc,
  1874.     .Jub,
  1875.     .Hub,
  1876.     .Gub,
  1877.     .Iac,
  1878.     .Hac,
  1879.     .dhb,
  1880.     .M7Fqc,
  1881.     .vy,
  1882.     .bS,
  1883.     .dR.d-s,
  1884.     .SR {
  1885.         color: rgba(255, 255, 255, 0.62) !important;
  1886.     }
  1887.     .fr,
  1888.     .WR,
  1889.     .TC,
  1890.     .vy,
  1891.     .bS,
  1892.     .TR {
  1893.         background-color: transparent !important;
  1894.     }
  1895.     .Vzc .lg {
  1896.         background-color: #1b1b1b!important;
  1897.     }
  1898.     .fr > .vt,
  1899.     .Fr + .bj {
  1900.         border-color: rgba(0, 0, 0, .2) !important;
  1901.     }
  1902.     .f4a,
  1903.     .X9b,
  1904.     .l4a {
  1905.         border-radius: 0px !important;
  1906.     }
  1907.     .l4a {
  1908.         box-shadow: none !important;
  1909.     }
  1910.     .Kza a,
  1911.     .sQb:link,
  1912.     .Rpa,
  1913.     .TD,
  1914.     .Ub {
  1915.         color: #167ac6 !important;
  1916.     }
  1917.     .Kza:after {
  1918.         border-color: rgba(255, 255, 255, .1) transparent transparent transparent !important;
  1919.     }
  1920.     .Kza:before {
  1921.         border-color: rgba(0, 0, 0, .2) transparent transparent transparent !important;
  1922.     }
  1923.     .t-C-z,
  1924.     .b-p {
  1925.         box-shadow: none !important;
  1926.     }
  1927.     .MNn0h {
  1928.         background-color: rgba(255, 255, 255, .1) !important;
  1929.     }
  1930.     .MNn0h:hover {
  1931.         background-color: rgba(255, 255, 255, .22) !important;
  1932.     }
  1933.     .x2oYAc {
  1934.         opacity: 0.7 !important;
  1935.     }
  1936.     .rac {
  1937.         background: none repeat scroll 0% 0% rgba(0, 0, 0, .2) !important;
  1938.     }
  1939.     .Ygb {
  1940.         -webkit-filter: invert(1) !important;
  1941.         filter: invert(1) !important;
  1942.     }
  1943.     .Sgb {
  1944.         -webkit-filter: invert(1) !important;
  1945.         filter: invert(1) !important;
  1946.     }
  1947.     .ISc,
  1948.     .Tzc,
  1949.     .RWdWXd,
  1950.     .Pu5TY {
  1951.         background-image: none !important;
  1952.         background-color: silver !important;
  1953.     }
  1954.     .Fr>.Qp {
  1955.         border-color: #333 !important;
  1956.     }
  1957.     /* Chrome New Tab & Other Google websites featuring Bell */
  1958.    
  1959.     .gb.ga,
  1960.     #gbsfw.gb_2b {
  1961.         border-color: #333 !important;
  1962.         background: #1b1b1b!important;
  1963.     }
  1964.     .gb_Ub .gb_Va {
  1965.         border-bottom-color: #333!important;
  1966.     }
  1967.     .gb_ga {
  1968.         background: #333!important;
  1969.         border: 1px solid #333!important;
  1970.     }
  1971.     .oe .gd {
  1972.         background: #111!important;
  1973.         border-color: #1b1b1b!important;
  1974.         color: #ccc!important;
  1975.     }
  1976. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!