Galinoa

Dark - TwitchTV Lights Out

Apr 28th, 2017
217
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 53.42 KB | None | 0 0
  1. @-moz-document regexp("https?:\/\/(www|passport|player|clips)?\.?twitch\.tv\/(?!(p\/|user\/|store|products|activate|create)).*") {
  2.  
  3. /*** BACKGROUND ***/
  4. .app-main, #main_col, .target-frame, .main, .fullwidth_main, #site_header, #left_close, #right_close, .dropmenu, .ui-menu, .ui-multiselect-menu, .theatreCloseNotice, input, input.text, .recurly input, input.string, select, .form__input[type=text], .form__input[type=email], .form__input[type=password], .form__input[type=search], textarea, select.form__input, .input--ce-text, .dropdown, .dropdown_static, .hostmode-title-container, .close-hostmode, .ember-chat .chat-room-list, .ember-chat .top-dropdown, .ember-chat .chat-interface .suggestions, .modal-form .header, .modal-form .buttons, .whatisthis, .following-hint .bubble, #flyout .content, .multi_select li.selector form:hover, .multi_select li.selector > label:hover, .connect_items .connect-item-info, #endless_scroll_loader, .no-login-contain li, .st-autocomplete-sidebar .label, .st-autocomplete-small .label, .st-autocomplete .label, .switch span::before, .ember-chat .chat-messages .whisper-line.whisper-incoming, #noty_bottomCenter_layout_container>.noty_bar.error .noty_message, #noty_bottomCenter_layout_container>.noty_bar.notice .noty_message, .tabs--fullwidth li:not(.selected) a:hover, #channel .player-column #broadcast-meta .info .title:hover, body.kraken-page, .leaf, .player-menu__menu, .balloon, .balloon::after, .theatre .emoticon-selector .emoticon-grid, .dark .emoticon-selector .emoticon-grid, .app-main.theatre .chat-container .emoticon-selector .emoticon-grid, .app-main.theatre .ember-chat-container .emoticon-selector .emoticon-grid, .force-dark .emoticon-selector .emoticon-grid, .theatre .emoticon-selector .tabs, .dark .emoticon-selector .tabs, .app-main.theatre .chat-container .emoticon-selector .tabs, .app-main.theatre .ember-chat-container .emoticon-selector .tabs, .force-dark .emoticon-selector .tabs, .theatre .emoticon-selector .emoticon-selector__tabs, .dark .emoticon-selector .emoticon-selector__tabs, .chat-chip, .activity-card, .activity-button, .activity-meta-divider::before, .conversations-list, .conversation-window .convoHeader, .conversation-window, .conversation-settings-menu, .ember-chat .chat-interface .chat-rules, .player-switch .switch-toggle:before, .nav, .table, .table__row, .nv-clip-content__meta, .previewer__pane, .cn-bar, .cn-bar__avatar-wrap, .ct-bar, .ct-crumb--1 .ct-crumb__label, .ct-crumb--1:after, .ct-spotlight__right, .card-carousel__button, .card__img, .search-panel, .ce-clip-center .ce-clip-center__pre-control, .view-clip__meta-wrapper, .view-clip__smallTitle>div, .emote-picker, .bits-card, .sticky-message--pinned-cheers, .pinned-cheer__hack-box, .moderation-card__actions, div.ember_error_404, .activity-create, .dash-widget, .dash-tabs__item, .notification-center, .notification-center-balloon:after, .notification-center__footer, .notification__container, .notification--read, .friend-requests__empty, .sc-onboarding .sc-onboarding__content {
  5.   background-color: #202020 !important;
  6. }
  7. #right_col, #large_nav .content, #small_nav .content, .following-col .following-list .load-more span, .chat-container, .ember-chat-container, .ember-chat .chat-hidden-overlay, .ember-chat .chatters-view, .ember-chat .chat-header, .chatReplay .noticeWrap, .hostmode-title-container .hostmode-title, .modal-form, .viewall a, .subwindow, .twitch_subwindow_container .card, .kraken-embed .card, .kraken-page .card, .messages #messages_column, .messages div.preview:hover, .cl-container .section-header, .cl-container .cl-section .cl-subheader, .js-new_panel_btn, .js-new_panel_form, .tickets .ticket .benefits, #settings #followers_content .hdr, #new-user-prompt, .st-autocomplete-sidebar, .st-autocomplete-small, .st-autocomplete, .follow-button .notify, .notification-controls .toggle-notification-menu, .upsell-banner, ul#noty_top_layout_container div.noty_bar.noty_type_notice, ul#noty_top_layout_container div.noty_bar.noty_type_alert, .authorize .wrap, .warp, .cn-hosting, .brick, .chat-chip-img, .conversations-list-bottom-bar, .conversations-list .conversations-list-header, .filter-bar__balloon-link--active, .filter-bar__balloon-footer, .conversations-list .conversations-list-item:hover, .player-placeholder, .player-mini__titlebar, .video.item.card > div[style$="background-color: white;"], .be-balloon__link:hover, .be-balloon__link.active, .dash-tabs__item--active, .gu-transit, .notification-center__core, .notification-center__subheader, .button--hollow:hover, .button--hollow:focus, .button--radio:hover, .button--radio:focus, .button--checkbox:hover, .button--checkbox:focus, .view-clip__main--darker, .social-column, .sc-search, .top-nav-drawer__status {
  8.   background-color: #151515 !important;
  9. }
  10. .brick--theme-white, .brick--block, .brick--faint {
  11.   background-color: #202020 !important;
  12. }
  13. body, .archives-contain .more-archives:hover, .activity-create__actions, .activity-card__comments, .button--text:focus, .button--following, .more-clips-card__layout:hover, .ct-spotlight__controls-container, .search-result-view__titlesep.isActive, .more-clips-card__img:after, .button--disabled, .reaction__emote:hover, .top-nav-drawer, .sc-onboarding .sc-onboarding__close {
  14.   background-color: #171717 !important;
  15. }
  16. .messages div.preview, .search-panel__title-bar, .top-nav__logo, .top-nav__menu, .top-nav__drawer-anchor {
  17.   background-color: #111 !important;
  18. }
  19. .messages #message_actions, .messages #send_message_form, .messages #reply_message_form, .cl-container .cl-section, ul.subtabs li.selected, .multi_select li.selector .ms-int:hover, .warp__item--anchor, .warp__item--anchor-beta, .warp__drawer, .special-message, .warp__item--toggled>a, .warp__item>a:hover, .search-result-view__titlesep, .search-panel__filter-wrapper, .table__header, .table__row:nth-child(even), .theme--dark .button--icon-only:hover, .theme--dark .button--icon-only:focus, .be-warp__item--hover, .notification--read:hover, .sc-card:hover, .sc-toggle:hover, .top-nav-drawer__item--link:hover {
  20.   background-color: #1B1B1B !important;
  21. }
  22. .channel-link .profile-photo, .ember-chat .moderation-card .interface, .ember-chat .moderation-card img.channel_logo, .messages div.preview .from_to_user .prof, .connect_items .connect-item-info .status, .connect_items .connect-item-info .details-toggle, ul#noty_top_layout_container div.noty_bar .noty_close, .modal__content, .progress-bar--theme-purple, .search-panel__title-back:hover, .nv-clip-content {
  23.   background-color: #000 !important;
  24. }
  25. .tse-scrollbar .drag-handle, .pill, .ember-chat .mentioned, .ember-chat .mentioning, .ct-button--disabled, .ct-button--disabled:hover {
  26.   background-color: #555 !important;
  27. }
  28. #left_col:before {
  29.   background-color: rgba(255, 255, 255, 0.08) !important;
  30. }
  31. .following-col .following-list .load-more:before, .panel-formatting .panel .description hr, .cn-vod-info__divider {
  32.   background-color: rgba(255, 255, 255, 0.2) !important;
  33. }
  34. .loading-mask, .loading-screen {
  35.   background-color: #151515 !important;
  36.   opacity: 0.5 !important;
  37. }
  38. .ember-chat .moderation-card .channel_background_cover {
  39.   background-color: rgba(32, 32, 32, 0.5) !important;
  40. }
  41. .ember-chat .chat-room-list .room .unread-count {
  42.   background-color: #565656;
  43. }
  44. pre {
  45.   background-color: #050712 !important;
  46. }
  47. .fullwidth_light, ul.mobile li, #dash_main #setup_link, .dash-hostmode-contain, .streamkey .warning, .stream-key {
  48.   background-color: rgba(255, 255, 255, 0.05) !important;
  49. }
  50. #dash_main .action .content .data {
  51.   background-color: #080808 !important;
  52. }
  53. .messages #send_message_form .button_group, .messages #reply_message_form .button_group {
  54.   background: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#222)) !important;
  55.   background: -moz-linear-gradient(center top , #151515, #222) repeat scroll 0% 0% transparent !important;
  56. }
  57. .twitch_subwindow_container, .previewer {
  58.   background-color: rgba(44, 44, 44, 0.6) !important;
  59. }
  60. .chatReplay .loading-spinner-container {
  61.   background-color: rgba(13, 13, 13, 0.85) !important;
  62. }
  63. .what, .player-what, .pill--purple, .ct-color-purple, .search-result-view__titlesep.isActive .pill {
  64.   background-color: #6441A4 !important;
  65. }
  66. .event-list__button--primary:hover, .event-list__button--primary:focus {
  67.   background-color: #7D5BBE !important;
  68. }
  69. .balloon--tooltip, .balloon--tooltip:after {
  70.   background-color: #0E0C13 !important;
  71. }
  72. html, a:hover.warp__logo, body.kraken-embed {
  73.   background-color: transparent !important;
  74. }
  75. .activity-button--selected {
  76.   background-color: rgba(20, 184, 102, 0.1) !important;
  77. }
  78. .notification--unread {
  79.   background-color: #201C2B !important;
  80. }
  81. .notification--unread:hover {
  82.   background-color: #17141F !important;
  83. }
  84.  
  85. /*** BORDERS ***/
  86. hr, .header_divider, .dropmenu, .dropmenu .header, .dropmenu .divider, .dropmenu .menu-divider, .ui-menu, .ui-menu .header, .ui-menu .divider, .ui-menu .menu-divider, .ui-multiselect-menu, .ui-multiselect-menu .header, .ui-multiselect-menu .divider, .ui-multiselect-menu .menu-divider, ul.tabs:before, .directory_header .nav:before, ul.tabs_fake:before, .card .text-content .content-header, .card .buttons, .stats-and-actions, .close-hostmode, .following-col .col-header, .following-col .header, .ember-chat .chat-interface, .ember-chat .chat-interface .suggestions, .ember-chat .chat-interface .emoticon-selector .subscribe-message, .ember-chat .chat-messages:before, .ember-chat .chat-room-list, .ember-chat .top-dropdown, .ember-chat .all-rooms-header, .ember-chat .chat-menu .list-header, .archives-contain .list-video, .archives-contain .more-archives, .whatisthis .actions .divider, .messages .divider, .items-grid .section_header #filter-contain .dropmenu .label, .items-grid .section_header #filter-contain .ui-menu .label, .items-grid .section_header #filter-contain .ui-multiselect-menu .label, ul.mobile li, #dash_main #stream-config-status .status-header, .dash-broadcast-contain, #dash_main #stats, .dash-hostmode-contain, .dash-hostmode-list-contain, .dash-chat-column, .streamkey .warning, .connect_items, .connect_items .connect-item-details, .connect_items .connect-item-details-legal, .st-autocomplete-sidebar .label, .st-autocomplete-small .label, .st-autocomplete .label, .st-autocomplete-sidebar .all, .st-autocomplete-small .all, .st-autocomplete .all, .kraken-embed .card .buttons, .kraken-page .card .buttons, .twitch_subwindow_container .card .buttons, .brick, .info_block, .ember-chat .chat-interface .chat-rules, .player-menu__section, .more-clips, .balloon__stroke, .filter-bar__balloon-footer, .subscription-modal__bar, .subscription-modal__right, .conversations-list .conversations-list-item, .conversations-list .search-divider, .conversation-settings-menu, .conversation-settings-menu .options-divider, .emoticon-selector .emoticon-selector__tabs .emoticon-selector__tab:hover, .emoticon-selector .emoticon-selector-box .all-emotes .emote-set, .activity-card, .activity-button, .ct-crumb:after, .border-b, .border-t, .search-panel--slide, .search-panel__title-bar, .search-panel__title-back, .search-panel--fly, .search-panel--fly:before, .ce-clip-center .ce-clip-center__pre-control, .view-clip__bc, .view-clip__actions, .view-clip__smallTitle>div, .cn-metabar__more, .sticky-message--pinned-cheers, .dash-tabs__item, .notification-center__header, .notification-center__footer, .notification-center__subheader, .notification__container {
  87.   border-color: rgba(255, 255, 255, 0.2) !important;
  88. }
  89. input.text, .input--text, .recurly input, input.string, select, textarea, .dropdown, .dropdown_static, #flyout .content, .balloon, .activity-create, .pika-input {
  90.   border-color: rgba(255, 255, 255, 0.25) !important;
  91. }
  92. #left_close, #right_close, .card-carousel__arrow:before {
  93.   border-color: rgba(255, 255, 255, 0.6) !important;
  94. }
  95. input.text:focus, .input--text:focus, .recurly input:focus, input.string:focus, select:focus, textarea:focus, .app-main.theatre textarea:focus, .active_dropdown, .pika-input:focus {
  96.   border-color: rgba(185, 155, 235, 0.75) !important;
  97. }
  98. .directory_header .nav li > a:hover, ul.tabs_fake li > a:hover, .ember-chat .chat-interface .emoticon-selector .tabs .tab:hover, ul.tabs li > button:hover, .directory_header .nav li > button:hover, ul.tabs_fake li > button:hover {
  99.   border-color: rgba(255, 255, 255, 0.35) !important;
  100. }
  101. ul.tabs li > a.active:nth-child(n), .directory_header .nav li > a.active:nth-child(n), ul.tabs_fake li > a.active:nth-child(n), ul.tabs li.selected a:nth-child(n), .directory_header .nav li.selected a:nth-child(n), ul.tabs_fake li.selected a:nth-child(n), ul.tabs li.selected button, .directory_header .nav li.selected button, ul.tabs_fake li.selected a, ul.tabs_fake li.selected button {
  102.   border-color: #E0E0E0 !important;
  103. }
  104. .emoticon-selector .emoticon-selector__tabs .emoticon-selector__tab.active {
  105.   border-color: #E6E6E0;
  106. }
  107. .modal-form .header, .modal-form .buttons, .multi_select li.hdr, .multi_select li.selector form, .multi_select li.selector > label, .multi_select li.selector .ms-int, ul.subtabs, #dash_main .action, .emoticon-selector .emoticon-selector__tabs, .activity-meta-divider::before, .list-load-more, .conversations-list-bottom-bar, .conversations-list, .conversations-list .conversations-list-header, .ct-bar__item, .dash-widget, .dash-widget__header, .dash-widget__divider, .sc-search {
  108.   border-color: #333 !important;
  109. }
  110. .activity-meta-divider:before {
  111.   border-bottom-color: transparent !important;
  112.   border-right-color: transparent !important;
  113. }
  114. .cn-tabs__item>a:hover:after, .cn-tabs__item--withseparator:after {
  115.   border-color: #4D4D4D !important;
  116. }
  117. .ember-chat .chat-messages .whisper-line.whisper-outgoing, .activity-button:hover {
  118.   border-color: #565656 !important;
  119. }
  120. .filter-nav:before, .nav {
  121.   border-color: transparent #000;
  122. }
  123. .streams .stream .thumb .boxart, .videos .video .thumb .boxart, .filter-list .filter-item span, .filter-nav.goleft, .filter-nav.goright, .card__boxpin, .cn-bar__avatar-wrap {
  124.   border-color: #202020 !important;
  125. }
  126. .following-games-modal .subheader, .messages div.message, .messages div.preview .from_to_user .prof, .cl-container .section-header, .cl-container fieldset, .connect_items .connect-item-details, .ember-chat .chat-interface .emoticon-selector .emoticon-selector-box .all-emotes .emote-set {
  127.   border-color: #212121 !important;
  128. }
  129. .dash-tabs__item--active .dash-tabs__label:after {
  130.   border-color: #151515 !important;
  131. }
  132. .messages #send_message_form #bottom_buttons, .messages #reply_message_form #bottom_buttons {
  133.   box-shadow: 0px -1px 0px #333 !important;
  134. }
  135. .messages #send_message_form #top_buttons, .messages #reply_message_form #top_buttons, .messages #send_message_form #bottom_buttons, .messages #reply_message_form #bottom_buttons {
  136.   border-top-color: #151515 !important;
  137.   border-bottom-color: #333 !important;
  138. }
  139. .messages #send_message_form, .messages #reply_message_form {
  140.   border-top-color: #333 !important;
  141. }
  142. .messages #message_actions, .messages div.preview {
  143.   border-bottom-color: #252525 !important;
  144. }
  145. .messages div.preview {
  146.   border-left-color: #0D0D0D !important;
  147. }
  148. .messages div.preview.unread, .chat-container.dark .chat-line .indicator, .app-main.theatre .chat-container .chat-line .indicator, .chat-container.force-dark .chat-line .indicator, .ember-chat-container.dark .chat-line .indicator, .app-main.theatre .ember-chat-container .chat-line .indicator, .ember-chat-container.force-dark .chat-line .indicator, .brick--marked {
  149.   border-left-color: #6441A4 !important;
  150. }
  151. .chat-container {
  152.   border-left: none !important;
  153. }
  154. .messages div.preview .from_to_user .prof {
  155.   box-shadow: 0px 1px 0px #000 !important;
  156. }
  157. .tickets .ticket .benefits {
  158.   border-color: rgba(0, 0, 0, 0.75) !important;
  159. }
  160. .ember-chat .chat-settings .chat-colors .chat-colors-swatch:hover {
  161.   box-shadow: 0px 0px 0px 1px #000 inset !important;
  162. }
  163. .ember-chat .chat-settings .chat-colors .chat-colors-swatch.selected {
  164.   box-shadow: 0px 0px 0px 3px #444, 0px 0px 0px 1px #000 inset !important;
  165. }
  166. .js-new_panel_btn, .js-new_panel_form {
  167.   border-color: #444 !important;
  168. }
  169. .ember-chat .moderation-card img.channel_logo, .theatre .conversations-list-bottom-bar {
  170.   border-color: #000 !important;
  171. }
  172. .search-panel--fly:after {
  173.   border-color: #111 !important;
  174. }
  175. .search-panel--fly:before, .search-panel--fly:after {
  176.   border-left-color: transparent !important;
  177.   border-right-color: transparent !important;
  178. }
  179. #left_close, #right_close {
  180.   border-color: #FFF !important;
  181. }
  182. #left_close:before, #right_close.closed:before {
  183.   border-color: transparent #FFF transparent transparent !important;
  184. }
  185. #left_close.closed:before, #right_close:before {
  186.   border-color: transparent transparent transparent #FFF !important;
  187. }
  188. .button.drop:after, .dropdown:before, .dropdown_static:before, .follow-button .notify:before, .notification-controls .toggle-notification-menu::before {
  189.   border-color: rgba(255, 255, 255, 0.35) transparent transparent !important;
  190. }
  191. .darken .button.drop:after, .chat-container.dark .chat-interface .button.drop:after, .ember-chat-container.dark .chat-interface .button.drop:after, .chat-container.dark .chat-header .button.drop:after, .ember-chat-container.dark .chat-header .button.drop:after, #content .turbo_landing .turbo_banner .battery_action .button.drop:after, #content .turbo_landing .benefits .button.drop:after {
  192.   border-color: rgba(255, 255, 255, 0.85) transparent transparent !important;
  193. }
  194. .close-hostmode a:before, .close-hostmode a:after {
  195.   border-color: transparent transparent rgba(255, 255, 255, 0.2) !important;
  196. }
  197. .dash-hostmode-status a:before, .dash-hostmode-status a:after {
  198.   border-color: rgba(255, 255, 255, 0.2) transparent transparent !important;
  199. }
  200. .hostmode-title-container .hostmode-title {
  201.   box-shadow: 0px 0px 0px 1px #3B3B3B inset !important;
  202. }
  203. .app-main.theatre .chat-header {
  204.   box-shadow: 0px -1px 0px 0px #000 inset !important;
  205. }
  206. .app-main.theatre textarea {
  207.   border-color: #000 !important;
  208. }
  209. .ember-chat .chat-header, .cn-chat-replay-header, .sc-header, .sc-collapsed-header {
  210.   box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2) inset !important;
  211. }
  212. .tse-scrollbar .drag-handle {
  213.   box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25) !important;
  214. }
  215. .whatisthis {
  216.   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.25) !important;
  217. }
  218. .whatisthis:before {
  219.   border-color: transparent transparent #202020 !important;
  220. }
  221. .whatisthis:after {
  222.   border-color: transparent transparent rgba(255, 255, 255, 0.25) !important;
  223. }
  224. .whatisthis.anchor-bottom:before, .following-hint .bubble:before {
  225.   border-color: #202020 transparent transparent !important;
  226. }
  227. .whatisthis.anchor-bottom:after {
  228.   border-color: rgba(255, 255, 255, 0.2) transparent transparent !important;
  229. }
  230. #flyout .point:before {
  231.   border-right-color: #202020 !important;
  232. }
  233. #flyout .point:after {
  234.   border-right-color: rgba(255, 255, 255, 0.25) !important;
  235. }
  236. #site_header {
  237.   box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.07), 0px 0px 0px 1px rgba(223, 223, 223, 0.2) !important;
  238. }
  239. #carousel .nav ul li.active a:before {
  240.   box-shadow: 0px 0px 0px 2px #000 inset, 0px 0px 0px 3px #FFF inset !important;
  241. }
  242. #carousel .nav ul li a:before {
  243.   box-shadow: 0px 0px 0px 2px #000 inset, 0px 0px 0px 3px #555 inset !important;
  244. }
  245. pre {
  246.   border-color: #6441A5 !important;
  247.   box-shadow: 0px 0px 0px 1px #666 inset !important;
  248. }
  249. .fullwidth_light {
  250.   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 0px 0px -1px rgba(255, 255, 255, 0.2) !important;
  251. }
  252. #noty_bottomCenter_layout_container>.noty_bar.error .noty_message, #noty_bottomCenter_layout_container>.noty_bar.notice .noty_message, .st-autocomplete-sidebar, .st-autocomplete-small, .st-autocomplete, .sc-onboarding {
  253.   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) !important;
  254. }
  255. .sc-onboarding .sc-onboarding__close {
  256.   box-shadow: -1px 0px 0px rgba(255, 255, 255, 0.2) inset !important;
  257. }
  258. .dropmenu, .ui-menu, .ui-multiselect-menu, .activity-card {
  259.   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset !important;
  260. }
  261. .chat-container, .ember-chat-container, .theatre .emoticon-selector .emoticon-selector-box, .dark .emoticon-selector .emoticon-selector-box, .app-main.theatre .chat-container .emoticon-selector .emoticon-selector-box, .app-main.theatre .ember-chat-container .emoticon-selector .emoticon-selector-box, .force-dark .emoticon-selector .emoticon-selector-box, .clip-wrap, .notification-center__core-end, .social-column, .sc-card:hover {
  262.   box-shadow: none !important;
  263. }
  264. .warp__drawer {
  265.   box-shadow: 0px -1px 0px #202020 !important;
  266. }
  267. .button--text.button--dropmenu::after, .button--icon-only.button--dropmenu::after {
  268.   border-top-color: #474A3F;
  269. }
  270. .button--hollow.button--dropmenu:after, .button--radio.button--dropmenu:after, .button--checkbox.button--dropmenu:after {
  271.   border-top-color: #B9A3E3 !important;
  272. }
  273. .button--hollow.button--dropmenu:hover:after, .button--hollow.button--dropmenu:focus:after, .button--radio.button--dropmenu:hover:after, .button--radio.button--dropmenu:focus:after, .button--checkbox.button--dropmenu:hover:after, .button--checkbox.button--dropmenu:focus:after {
  274.   border-top-color: #BBB !important;
  275. }
  276. .player-menu__menu::after, .bits-card:after {
  277.   border-top-color: #202020 !important;
  278. }
  279. .balloon {
  280.   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(255, 255, 255, .05) !important;
  281. }
  282. .balloon--left::after {
  283.   box-shadow: 1px -1px 0px rgba(255, 255, 255, 0.2) !important;
  284. }
  285. .balloon--right::after {
  286.   box-shadow: -1px 1px 0px rgba(255, 255, 255, 0.2) !important;
  287. }
  288. .balloon--up::after {
  289.   box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2) !important;
  290. }
  291. .balloon--down::after {
  292.   box-shadow: -1px -1px 0px rgba(255, 255, 255, 0.2) !important;
  293. }
  294. .balloon--tooltip, .balloon--tooltip:after, .chat-line .balloon--down::after, .authorize .wrap {
  295.   border: none !important;
  296.   box-shadow: none !important;
  297. }
  298. .be-balloon {
  299.   box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.5) !important;
  300. }
  301. .be-hotspot:after {
  302.   border: 2px solid #202020 !important;
  303. }
  304. .leaf {
  305.   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.25) inset !important;
  306. }
  307. .leaf:focus {
  308.   box-shadow: 0px 0px 0px 1px rgba(185, 155, 235, 0.75) inset !important;
  309. }
  310. .activity-create__actions {
  311.   box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.25) !important;
  312. }
  313. .activity-meta-divider {
  314.   box-shadow: 0px -1px 0px #333 inset !important;
  315. }
  316. .activity-button--selected, .activity-button--selected:hover {
  317.   border-color: #14B866 !important;
  318. }
  319. .chat-chip {
  320.   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.85) !important;
  321. }
  322. .button--hollow, .button--radio, .button--checkbox, .pl-button--checkbox, .pl-button--hollow, .pl-button--radio, .theme--light .pl-button--checkbox, .theme--light .pl-button--hollow, .theme--light .pl-button--radio, .cn-hosting--bottom .cn-hosting__options {
  323.   box-shadow: 0px 0px 0px 1px rgba(185, 163, 227, 0.5) inset;
  324. }
  325. .button--radio:nth-of-type(n+2), .button--checkbox:nth-of-type(n+2) {
  326.   box-shadow: inset -1px 0px 0px rgba(185, 163, 227, 0.5), inset 0px 1px 0px rgba(185, 163, 227, 0.5), inset 0px -1px 0px rgba(185, 163, 227, 0.5) !important;
  327. }
  328. .button:focus, .pl-button:focus {
  329.   box-shadow: 0px 0px 6px 0px #7d5bbe, 0px 0px 0px 1px rgba(185, 155, 235, 0.5) inset !important;
  330. }
  331. .tabs, .tw-tabs {
  332.   box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.2) inset !important;
  333. }
  334. .tabs>.tab:hover, .tabs>li:hover, .tabs__item:hover, .tabs__item--active, .tabs__item.active, .tabs__item.selected, .tabs>li.selected, .tabs>li>a.active, .dash-tabs__item:hover, .tw-tabs__item>a.active, .tw-tabs__item>button.active, .tw-tabs__item>a:hover, .tw-tabs__item>button:hover {
  335.   box-shadow: 0px -1px 0px #B9A3E3 inset;
  336. }
  337. .tabs>.tab>a:focus, .tabs>li>a:focus, .tabs__item>a:focus, .tw-tabs__item>a:focus, .tw-tabs__item>button:focus {
  338.   box-shadow: 0px -2px 0px #B9A3E3 inset, 0px 4px 6px -4px #7D5BBE;
  339. }
  340. .tabs__item {
  341.   box-shadow: 0px -1px 0px #4D4D4D inset;
  342. }
  343. .cn-bar {
  344.   box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 1px rgba(0, 0, 0, 0.065);
  345. }
  346. .cn-tabs__item>a.active:after {
  347.   border-color: #B9A3E3 !important;
  348. }
  349. .ct-bar {
  350.   box-shadow: 0px 2px 6px -2px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.05), 0px -1px 0px rgba(255, 255, 255, 0.05) !important;
  351. }
  352. .ct-spotlight__controls-container {
  353.   box-shadow: -1px 0px 0px rgba(255, 255, 255, 0.2) inset !important;
  354. }
  355. .ct-spotlight__section {
  356.   border-color: #4D4D4D !important;
  357. }
  358. .ct-crumb:after {
  359.   box-shadow: 12px -6px 24px -8px rgba(100, 100, 100, 0.1) !important;
  360. }
  361. .form__input[type=text], .form__input[type=email], .form__input[type=password], .form__input[type=search], textarea.form__input, select.form__input, .pl-form__input[type=text], select.pl-form__input, textarea.pl-form__input, .video-stats .form__input[type=text], .video-stats .form__input[type=email], .video-stats .form__input[type=password], .video-stats .form__input[type=search], .video-stats textarea.form__input, .theme--dark .form__input[type=text], .theme--dark .form__input[type=email], .theme--dark .form__input[type=password], .theme--dark .form__input[type=search], .theme--dark textarea.form__input, .theme--dark select.form__input, .button--following, .theme--light .pl-form__input[type=email], .theme--light .pl-form__input[type=password], .theme--light .pl-form__input[type=search], .theme--light .pl-form__input[type=text], .theme--light select.pl-form__input, .theme--light textarea.pl-form__input, .form__input {
  362.   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset;
  363. }
  364. .form__input[type=text]:focus, .form__input[type=email]:focus, .form__input[type=password]:focus, .form__input[type=search]:focus, textarea.form__input:focus, select.form__input:focus, .form__input:focus {
  365.   box-shadow: rgba(185, 155, 235, 0.75) 0px 0px 0px 1px inset, rgba(185, 155, 235, 0.75) 0px 0px 6px -2px;
  366. }
  367. .form__input, .form__input:focus, .brick.metadata-box, .ui-draggable-dragging {
  368.   border-color: transparent !important;
  369. }
  370. .conversation-window .convoHeader {
  371.   box-shadow: 0px 0px 0px 1px #333 inset, 0px 2px 0px rgba(0, 0, 0, 0.05);
  372. }
  373. .conversation-window {
  374.   box-shadow: 0px 0px 0px 1px #333 inset, 0px 15px 45px 0px rgba(0, 0, 0, 0.19);
  375. }
  376. .conversation-window.has-focus {
  377.   box-shadow: 0px 0px 0px 1px #333 inset, 0px 25px 35px 0px rgba(0, 0, 0, 0.5);
  378. }
  379. .conversation-settings-menu:before {
  380.   border-bottom-color: #4D4D4D !important;
  381. }
  382. .conversation-settings-menu:after {
  383.   border-bottom-color: #202020 !important;
  384. }
  385. .notification {
  386.   border-bottom-color: rgba(35, 35, 35, 0.85) !important;
  387. }
  388. .video-stats__table-title {
  389.   box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.2) inset !important;
  390. }
  391. .video-stats__lifetime-stat__section {
  392.   box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.2) inset !important;
  393. }
  394. .table__cell {
  395.   border-color: #080808 !important;
  396. }
  397. .table {
  398.   border-left: 1px solid #080808 !important;
  399.   border-right: 1px solid #080808 !important;
  400.   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.8) !important;
  401. }
  402. .table__header {
  403.   border-top: 1px solid #080808 !important;
  404. }
  405. .loading-spinner {
  406.   border-top-color: rgba(255, 255, 255, 0.18) !important;
  407.   border-right-color: rgba(255, 255, 255, 0.18) !important;
  408.   border-bottom-color: rgba(255, 255, 255, 0.18) !important;
  409.   border-left-color: #999 !important;
  410. }
  411. .dash-tabs__label:focus {
  412.   box-shadow: 0px -2px 0px #7D5BBE inset, 0 4px 6px -4px #B9A3E3 !important;
  413. }
  414. .activity-card__comments {
  415.   box-shadow: 0px -1px 0px #4D4D4D inset, -1px 0px 0px #4D4D4D inset, 1px 0px 0px #4D4D4D inset !important;
  416. }
  417.  
  418. /*** TEXT ***/
  419. body, code, samp, kbd, label, .dropmenu, .ui-menu, .ui-multiselect-menu, .items-grid .meta p a, .items-grid .meta .title, .card__title a, .archives-contain .list-video .meta .title, .following-col .following-list .channel a, .button-group li a.active, .ember-chat .mentioning, #flyout .content, .search_input, #sidebar_query_small, #dash_main #controls_column .section_header, .cl-subheader, .chat-header, .chat-container, .ember-chat-container, .theatre .conversations-list .conversations-list-header, .ember-chat .chat-interface .chat-rules, .ct-crumb__label, .ct-bar__item a, .ct-type-4, .search-panel__title, .be-balloon__link, .notification-center__header-text, .notification__content-msg, .notification-center__subheader-text, .clip-chat-message {
  420.   color: #C4C4C4 !important;
  421. }
  422. a, .dropmenu.menu-like .dropmenu_action, .menu-like.ui-menu .dropmenu_action, .menu-like.ui-multiselect-menu .dropmenu_action, .ui-menu .dropmenu_action, .ui-menu.ui-multiselect-menu .dropmenu_action, .ember-chat .chat-room-list .room p.room-title, .archives-contain .list-video .meta .info p.broadcaster, .viewall a .text span:first-child, .items-grid .section_header #filter-contain .dropmenu .dropmenu_action.active, .items-grid .section_header #filter-contain .ui-menu .dropmenu_action.active, .items-grid .section_header #filter-contain .ui-multiselect-menu .dropmenu_action.active, .items-grid .item .title a:hover, .items-grid .item .info a:hover, .items-grid .item a:hover .title, .card__info a:hover, .card__title a:hover, .card a:hover .card__title, #channel .player-column #broadcast-meta .info .edit-link span, .st-autocomplete-sidebar .list ul .result p, .st-autocomplete-small .list ul .result p, .st-autocomplete .list ul .result p, .st-autocomplete-sidebar .all p, .st-autocomplete-small .all p, .st-autocomplete .all p, .directory_header .nav li > a, ul.tabs li > button, .directory_header .nav li > button, ul.tabs_fake li > a, ul.tabs_fake li > button, .balloon .balloon__link, .player a.player-text-link--no-color:hover, .cn-metabar .cn-metabar__title a, .cn-tabs__item>a.active, .ct-bar__item:hover a, .search-result-view__titlesep.isActive .search-result-view__title-more, .search-result-view__item .card__info span, .search-result-view__item .card__title, .search-result-view__titlesep.isActive, .video-stats__lifetime-stat__value, .tw-tabs__item>button {
  423.   color: #B9A3E3 !important;
  424. }
  425. #large_nav .content .nav_section a:not(.button), .items-grid .meta .info, .items-grid .meta .info a, .card__info, .card__info a, .close-hostmode a, .dash-hostmode-status a, .cn-metabar__viewcount {
  426.   color: #8C8C8C !important;
  427. }
  428. .messages div.preview .message_body a {
  429.   color: #6C6C6C !important;
  430. }
  431. .messages .message_action.block {
  432.   color: #C1C1C1 !important;
  433. }
  434. .button, .follow-button:not(.ember-follow) .follow, #large_nav .game_filter.selected a:not(.button), .dropmenu.menu-like .dropmenu_action.active, .menu-like.ui-menu .dropmenu_action.active, .menu-like.ui-multiselect-menu .dropmenu_action.active, .dropmenu.menu-like .dropmenu_action.ui-state-hover, .menu-like.ui-menu .dropmenu_action.ui-state-hover, .menu-like.ui-multiselect-menu .dropmenu_action.ui-state-hover, .dropmenu.menu-like .dropmenu_action.ui-state-active, .menu-like.ui-menu .dropmenu_action.ui-state-active, .menu-like.ui-multiselect-menu .dropmenu_action.ui-state-active, .dropmenu.menu-like .dropmenu_action:hover, .menu-like.ui-menu .dropmenu_action:hover, .menu-like.ui-multiselect-menu .dropmenu_action:hover, .dropmenu.menu-like .ui-menu-item a.active, .menu-like.ui-menu .ui-menu-item a.active, .menu-like.ui-multiselect-menu .ui-menu-item a.active, .dropmenu.menu-like .ui-menu-item a.ui-state-hover, .menu-like.ui-menu .ui-menu-item a.ui-state-hover, .menu-like.ui-multiselect-menu .ui-menu-item a.ui-state-hover, .dropmenu.menu-like .ui-menu-item a.ui-state-active, .menu-like.ui-menu .ui-menu-item a.ui-state-active, .menu-like.ui-multiselect-menu .ui-menu-item a.ui-state-active, .dropmenu.menu-like .ui-menu-item a:hover, .menu-like.ui-menu .ui-menu-item a:hover, .menu-like.ui-multiselect-menu .ui-menu-item a:hover, .ui-menu .dropmenu_action.active, .ui-menu.ui-multiselect-menu .dropmenu_action.active, .ui-menu .dropmenu_action.ui-state-hover, .ui-menu.ui-multiselect-menu .dropmenu_action.ui-state-hover, .ui-menu .dropmenu_action.ui-state-active, .ui-menu.ui-multiselect-menu .dropmenu_action.ui-state-active, .ui-menu .dropmenu_action:hover, .ui-menu.ui-multiselect-menu .dropmenu_action:hover, .ui-menu .ui-menu-item a.active, .ui-menu.ui-multiselect-menu .ui-menu-item a.active, .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu.ui-multiselect-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu.ui-multiselect-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a:hover, .ui-menu.ui-multiselect-menu .ui-menu-item a:hover, #site_footer a, .hostmode-title-container .hostmode-title .what, .ember-chat .chat-room-list .room:hover p.room-title, .ember-chat .moderation-card h3.name a, #carousel .items h2 a, .items-grid .section_header #filter-contain .dropmenu .dropmenu_action.active:hover, .items-grid .section_header #filter-contain .ui-menu .dropmenu_action.active:hover, .items-grid .section_header #filter-contain .ui-multiselect-menu .dropmenu_action.active:hover, .filter-list .filter-item, #channel .player-overlay-default .overlay-button, .st-autocomplete-sidebar .list ul .result.active p, .st-autocomplete-sidebar .list ul .result.active span, .st-autocomplete-small .list ul .result.active p, .st-autocomplete-small .list ul .result.active span, .st-autocomplete .list ul .result.active p, .st-autocomplete .list ul .result.active span, .st-autocomplete-sidebar .all p.active, .st-autocomplete-small .all p.active, .st-autocomplete .all p.active, .ember-follow.follow-button:not(.is-following) a, .switch, .switch:hover, .what, .directory_header .nav li > a:hover, ul.tabs li > button:hover, .directory_header .nav li > button:hover, ul.tabs_fake li > a:hover, ul.tabs_fake li > button:hover, .profile-card__content, .profile-card--show-actions .profile-card__content, .profile-card:hover .profile-card__content, .warp__item a:hover, .ember-chat .mentioned, .ember-chat .moderation-card .name a, .player-content-button, .player-product .purchase_button, .button--following:hover, .player-what, .player-switch, .emoticon-selector .emoticon-selector__tabs .emoticon-selector__tab.active, .tabs__item--active>a, .cn-bar__displayname, .cn-tabs__item>a, .card a.isActive .card__title, .search-result-view__item--live .card__title, .search-result-view__item--live .card__info, .search-result-view__item .isActive .card__title, .search-result-view__item .isActive .card__info, .search-result-view__item .isActive .card__info span, .cm-breadcrumb:hover, .cl-white, .moderation-card__name a, .sticky-message a, .be-balloon__link:hover, .be-balloon__link.active, .top-nav__nav-link:hover, .clip-userinfo__name a, .clip-userinfo__title a, .theme--dark .card a:hover .card__title, .sc-card:hover .sc-card__title {
  435.   color: #FFF !important;
  436. }
  437. .button--text, .button--hollow, .button--radio, .button--checkbox, .pl-button--checkbox, .pl-button--hollow, .pl-button--radio, .emoticon-selector .emoticon-selector__tabs, .cn-tabs__item>a:hover {
  438.   color: #B9A3E3 !important;
  439. }
  440. .event-list__button--primary, .event-list__button--primary:hover, .event-list__button--primary:focus {
  441.   color: #FFF !important;
  442. }
  443. .panel-formatting .panel, .js-new_panel_form label, .following-none .section-content ol .information .message, #main_col .content .archive_info p, #main_col .content .archive_info time, .balloon, .balloon__title, .ct-type-grey-light, .ct-spotlight__type-2, .search-result-view__titlesep, .search-result-view__titlesep .search-result-view__title-more, .table__zero-body, .sub-text, .broadcaster-info__live, .video-stats__table-title, .twitch-purple-7, .button--hollow:hover, .button--hollow:focus, .button--radio:hover, .button--radio:focus, .button--checkbox:hover, .button--checkbox:focus, .view-clip__title, .top-nav__nav-link {
  444.   color: #BBB !important;
  445. }
  446. .app_title {
  447.   color: #CCC !important;
  448. }
  449. .button--following, #channel .player-column #broadcast-meta .info .title, #main_col .content #broadcast_meta .info .title, #main_col .content #broadcast_meta .info .title_over h1, #main_col .content #broadcast_meta .info .title_over .title, #main_col .content #broadcast_meta #channel .player-column #broadcast-meta .info .title_over .title, #channel .player-column #broadcast-meta #main_col .content #broadcast_meta .info .title_over .title, #new-user-prompt .message .title, #channel-prompt .message .title, .upsell-banner .message .title, .no-login-contain h3, .panel-formatting .panel h3, .modal-form .header, #noty_bottomCenter_layout_container>.noty_bar.error .noty_message, #noty_bottomCenter_layout_container>.noty_bar.notice .noty_message, .player-menu__menu, .player-menu__header, .button--text:hover, .warp__item a, .modal-title, .card__title, .cn-hosting a .card__title, .cn-hosting a:hover .card__title, .activity-meta__name, .ct-banner__name, .ct-banner__name a, .ct-type-2, .ct-type-3, .ct-spotlight__type-1, .table__cell, .nv-broadcaster-info__meta-container a:hover, .dash-widget, .dash-brick, .dash-tabs__item--active .dash-tabs__label, .view-clip__smallTitle, .top-nav__nav-link.active, .top-nav-drawer__item a {
  450.   color: #DDD !important;
  451. }
  452. #channel .player-column #broadcast-meta .info .channel, #main_col .content #broadcast_meta .info .channel, .channel-stats .stat, input.text, .leaf, .recurly input, input.string, select, textarea, .ember-chat .chat-messages .chat-line.admin .message, .ember-chat .chat-messages .chat-line.notification .message, #broadcast p, #settings div.boolean label.boolean, .section .sub, #dash_main #stream-config-status, .special-message .system-msg, .modal-body-text, .activity-meta, .activity-meta__stamp, .activity-button, .activity-comment__meta .inherit-color, .list-load-more, .conversation-window .conversation-system-message, .form__input {
  453.   color: #999 !important;
  454. }
  455. .form__input[type=text], .form__input[type=email], .form__input[type=password], .form__input[type=search], textarea.form__input, select.form__input {
  456.   color: #DAD8DE !important;
  457. }
  458. #large_nav .content .nav_section a:hover:not(.button) {
  459.   color: #EEE !important;
  460. }
  461. #large_nav .content #footer .links_group a {
  462.   color: #727272 !important;
  463. }
  464. .archives-contain .list-video .meta .info, .following-col .following-list .load-more {
  465.   color: #737373 !important;
  466. }
  467. ul.tabs li > a.active, .directory_header .nav li > a.active, ul.tabs_fake li > a.active, ul.tabs li.selected a, .directory_header .nav li.selected a, ul.tabs_fake li.selected a, .directory_header .nav li > a:hover, ul.tabs_fake li > a:hover, ul.tabs li.selected button, .directory_header .nav li.selected button, ul.tabs_fake li.selected a, ul.tabs_fake li.selected button, .tw-tabs__item>a.active, .tw-tabs__item>button.active {
  468.   color: #E0E0E0 !important;
  469. }
  470. .emoticon-selector .tabs .tab.active {
  471.   color: #E6E6E0 !important;
  472. }
  473. #dash_main #stream-config-status .status-header .last-checked {
  474.   color: #555 !important;
  475. }
  476. ul.subtabs li.selected a, #main_col .content .archive_info .archive_desc .empty, .empty-grid, .friend-requests__empty {
  477.   color: #666 !important;
  478. }
  479. .activity-button--selected, .activity-button--selected:hover, .activity-comment__reaction--selected {
  480.   color: #14B866 !important;
  481. }
  482. .player-text-link--no-color {
  483.   color: inherit !important;
  484. }
  485.  
  486. /*** IMGS ***/
  487. .button.glyph svg path, .button.glyph-only svg path, .ember-chat .chat-menu-button-container svg path, #header_logo svg path, .svg-logo_twitch {
  488.   fill: #A68ED2 !important;
  489. }
  490. .button figure svg, .button figure img, .button--icon-only figure svg, .button--following svg, .video-stats .icon--purple svg, .previewer__close, .clips-button svg, .icon--purple svg {
  491.   fill: #B19DD8 !important;
  492. }
  493. .button.glyph-only:hover svg path, .ember-chat .chat-menu-button-container:hover svg path, .hostmode-title-container .hostmode-title .host-profile-image svg path, .noty_close > .svg-close_small, .warp__logo svg, .button--hollow:hover .svg-heart, .button--icon figure svg {
  494.   fill: #FFF !important;
  495. }
  496. .button--icon-only:hover figure svg {
  497.   fill: #E2DBF0 !important;
  498. }
  499. .following .follow svg path, .is-following.ember-follow.follow-button svg, .button__status .svg-heart, .button--status:hover .svg-heart, .button__status .svg-unheart, .button--status:hover .svg-unheart {
  500.   fill: #202020 !important;
  501. }
  502. .channel-stats .stat svg path, #dash_main #stats .stat svg path {
  503.   fill: rgba(255, 255, 255, 0.35) !important;
  504. }
  505. .channel-stats .live-count svg path, #dash_main #stats .stat.channel-viewer-count svg path {
  506.   fill: #F00 !important;
  507. }
  508. .following-col .col-header .search-contain .search .search-button svg path {
  509.   fill: rgba(255, 255, 255, 0.25) !important;
  510. }
  511. .emoticon-selector-toggle svg path, .activity-button svg, .bits-toggle path {
  512.   fill: rgba(255, 255, 255, 0.2) !important;
  513. }
  514. #channel .player-column #broadcast-meta .info .edit-link svg path, .following-col .col-header .search-contain .search .search-button:hover svg path, .emoticon-selector-toggle:hover svg path, .activity-button:hover svg, .bits-toggle:hover path {
  515.   fill: rgba(255, 255, 255, 0.5) !important;
  516. }
  517. .emoticon-selector-toggle.toggled svg path, .bits-toggle.toggled path, .button--icon.button--hollow figure svg {
  518.   fill: #B19DD8 !important;
  519. }
  520. .notification-center__icon--left svg {
  521.   fill: #98959E !important;
  522. }
  523. .notification-center__icon:hover svg {
  524.   fill: #B8B5C0 !important;
  525.   opacity: 1 !important;
  526. }
  527. .notification__dismiss svg {
  528.   fill: #666 !important;
  529. }
  530. .notification__dismiss:hover svg {
  531.   fill: #898989 !important;
  532. }
  533. .message_action.block {
  534.   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAs0lEQVR42q2SwQqEMAxEhdwCPRU8FDwJCx6EgP//bTUsE9INKR7cwgMdM8MUs/TeX/G/AD9fjZRV2ZWPsillCScGmFgVUa4IwigPgBmDgmeCzjBfyuG6B1htARSqcmjVsoAVH+vMjFanIlnAjiGamaFteOffANxxana9QSshwJNTM87YNAaU4VcJiGa2mfw34hqAE/Nh9WcBNAyduFaz2qA+bSLBJMkWlsdVTmqXuFgx4BU3D5xaq6c6ANwAAAAASUVORK5CYII=") !important;
  535. }
  536. .message_action.delete {
  537.   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXklEQVQ4y2P4//8/AyWYYfAYgAyAfGUgNkbCUmjyWF0ghqYJFxbGZYAUkQZI4fQCkFZDUoRMw1ynhtMLaAbw4qBHDSDBAF00WhNKKxMyQACIDXDEP0icC19KHJjMBAALasrYcQA+LAAAAABJRU5ErkJggg==") !important;
  538. }
  539. img[src*="g16_trash-00000020"] {
  540.   visibility: hidden !important;
  541. }
  542.  
  543. /*** CHAT FIXES ***/
  544. @keyframes unread_message_count_background {
  545.   0% {
  546.     background: #A68ED2;
  547.   }
  548.   100% {
  549.     background-color: #565656;
  550.   }
  551. }
  552. @-webkit-keyframes unread_message_count_background {
  553.   0% {
  554.     background: #A68ED2;
  555.   }
  556.   100% {
  557.     background-color: #565656;
  558.   }
  559. }
  560. .from[style="color:blue"], .from[style="color:#0000FF"], .message[style="color:#0000FF"], .clip-chat-username[style="color: rgb(0, 0, 255);"] {
  561.   color: #0060FF !important;
  562. }
  563. .from[style="color:black"], .from[style="color:#000000"], .message[style="color:#000000"], .clip-chat-username[style="color: rgb(0, 0, 0);"] {
  564.   color: #FFF !important;
  565. }
  566. .from[style="color:#191970"], .message[style="color:#191970"] {
  567.   color: #E6E68E !important;
  568. }
  569. .chat-colors-swatch[style="background-color:#0000FF;"] {
  570.   background-color: #0060FF !important;
  571. }
  572. .ember-chat .loading-mask {
  573.   bottom: 0px !important;
  574. }
  575. .ember-chat .badges .staff {
  576.   background-color: #322052 !important;
  577. }
  578. /* add black stroke to names, thanks speedrun.com */
  579. .from, .clip-chat-username {
  580.   text-shadow: 0px -1px #000, 1px -1px #000, 1px 0px #000, 1px 1px #000, 0px 1px #000, -1px 1px #000, -1px 0px #000, -1px -1px #000 !important;
  581. }
  582. .message, .clip-chat-message {
  583.   text-shadow: 1px 1px #080808 !important;
  584. }
  585.  
  586. /*** OLD PAGES ***/
  587. /* team page */
  588. #stats_and_description, .user_list .user, .mixed_list .user, .video_list .video, .mixed_list .video {
  589.   border-color: #333 !important;
  590. }
  591. .member {
  592.   box-shadow: 0px -1px 0px #333, 0px 1px 0px rgba(32, 32, 32, 0.65) !important;
  593.   transition: none !important;
  594. }
  595. .member.live {
  596.   background-color: #A68ED2;
  597.   transition: all 0.2s ease-in-out 0s !important;
  598. }
  599. .member.js-playing {
  600.   background-color: #6441A5 !important;
  601.   background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)) repeat scroll 0% 0% #6441A5 !important;
  602.   box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset, 0px 1px 1px rgba(32, 32, 32, 0.35) !important;
  603. }
  604. .member.js-playing + div {
  605.   box-shadow: 0px 1px 0px rgba(32, 32, 32, 0.65) !important;
  606. }
  607. .member:hover {
  608.   background-color: #202020 !important;
  609. }
  610. .member.js-playing:hover, .member.js-playing:hover p {
  611.   background-color: #6441A5 !important;
  612.   background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)) repeat scroll 0% 0% #6441A5 !important;
  613. }
  614. .member a, #team_member_list .page_links em {
  615.   color: #FFF !important;
  616. }
  617. .member .channel_count {
  618.   color: #DDD !important;
  619. }
  620. .video_list .video .title a, .mixed_list .video .title a, .user_list .user .title a, .mixed_list .user .title a {
  621.   color: #C4C4C4 !important;
  622. }
  623. .video_list.external .video .cap_and_profile .profile, .mixed_list.external .video .cap_and_profile .profile {
  624.   background-color: #000 !important;
  625.   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.35) !important;
  626. }
  627. /* icons */
  628. #stats_and_description .stat#views_count, .video_list .video .video_stats .views_count, .mixed_list .video .video_stats .views_count {
  629.   background-image: url("http://www-cdn.jtvnw.net/images/xarth/g/g18_eye-FFFFFF80.png") !important;
  630. }
  631. #stats_and_description .stat#followers_count, .user_list .user .user_stats .followers_count, .mixed_list .user .user_stats .followers_count {
  632.   background-image: url("http://www-cdn.jtvnw.net/images/xarth/g/g18_heart-FFFFFF80.png") !important;
  633. }
  634. .g18_info-00000080 {
  635.   background-image: url("http://www-cdn.jtvnw.net/images/xarth/g/g18_info-FFFFFF80.png") !important;
  636. }
  637. img[src*="g18_camera-00000080"] {
  638.   position: relative !important;
  639.   right: 18px !important;
  640.   padding-right: 18px !important;
  641.   margin-right: -14px !important;
  642.   background-image: url("http://www-cdn.jtvnw.net/images/xarth/g/g18_camera-FFFFFF80.png") !important;
  643. }
  644. /* expand old large nav extra menu */
  645. .extra-menu {
  646.   height: 136px !important;
  647. }
  648. #large_nav .left-col-dropdown {
  649.   display: none !important;
  650. }
  651.  
  652. /*** MISC ***/
  653. /* remove ads */
  654. [href*="/directory/kabam"], #nav_advertisement, .fp-banner-ad, #sizzle_strip, .advertisement, .new_advertisement, .js-new-channel-ad, #ad_actions, .ad_leader, .fp_ad, .videoAdUi, body > object[type="application/x-shockwave-flash"] {
  655.   display: none !important;
  656. }
  657. #right_col, .rightcol-content {
  658.   top: 0px !important;
  659. }
  660. /* hide video ads */
  661. #player[data-screen="advertisement"] object[type="application/x-shockwave-flash"] {
  662.   visibility: hidden !important;
  663. }
  664. .js-advertisement-label {
  665.   color: red;
  666.   font-weight: 900;
  667.   text-align: center;
  668.   position: relative;
  669.   top: 50%;
  670. }
  671. .player-ad-notice {
  672.   background: #000;
  673.   position: relative;
  674.   width: 100%;
  675.   height: 100%;
  676.   top: 0px;
  677.   left: 0px;
  678. }
  679. .player-controls-bottom {
  680.   z-index: 1 !important;
  681. }
  682. /* remove spam */
  683. #nav_games, #small_more, #footer > .links_group, .facebook_connect_contain, .friends-onboarding, .tse-content > .warp__list--sm:nth-child(3), .friend-list > dd > span, .following-games-onboarding, .js-channel-upsell, .cn-tabs__button .pd-0.show, .top-nav__overflow {
  684.   display: none !important;
  685. }
  686. /* remove promoted games */
  687. .promotedGames, .js-directory-featured-game, .promoted-game {
  688.   display: none !important;
  689. }
  690. /* remove video player branding */
  691. .player[data-branding=true] .player-buttons-right {
  692.   padding-right: 1em !important;
  693. }
  694. .player[data-branding=true] .player-button--twitch {
  695.   display: none !important;
  696. }
  697. /* clean fp bg */
  698. .takeover #mantle_skin, #carousel_and_background {
  699.   background-color: #262626 !important;
  700.   background-image: none !important;
  701.   height: inherit !important;
  702. }
  703. .takeover #mantle_skin {
  704.   pointer-events: none !important;
  705. }
  706. .takeover #mantle_skin * {
  707.   pointer-events: auto !important;
  708. }
  709. .takeover #carousel {
  710.   background-color: #111 !important;
  711. }
  712. #carousel_background img {
  713.   display: none !important;
  714. }
  715. /* move right scrollbar to edge */
  716. #right_col .tse-scrollbar .drag-handle {
  717.   right: 0px !important;
  718. }
  719. /* style chrome scrollbar */
  720. ::-webkit-scrollbar {
  721.   background: transparent;
  722.   width: 8px;
  723. }
  724. ::-webkit-scrollbar-thumb, .view-clip__main::-webkit-scrollbar-thumb {
  725.   background: #555;
  726. }
  727. ::-webkit-scrollbar-thumb:hover, .view-clip__main:hover::-webkit-scrollbar-thumb {
  728.   background: #666;
  729. }
  730. /* fix scrollbar bugs */
  731. .ember-list-view, .scrollabel_list, .game-selector {
  732.   overflow: auto !important;
  733. }
  734. #viewers {
  735.   overflow-y: auto !important;
  736. }
  737. #viewers [style^="overflow: auto"] {
  738.   overflow-x: hidden !important;
  739.   padding-bottom: 17px !important;
  740.   position: relative !important;
  741. }
  742. .viewer-list-popped-out #viewers [style^="overflow: auto"] {
  743.   bottom: 0px !important;
  744. }
  745. .viewer-list-popped-out [style^="width: 275px"] {
  746.   width: 240px !important;
  747. }
  748. /* fix cursor */
  749. .js-carousel-nav, .ajax_image, .button--following {
  750.   cursor: pointer !important;
  751. }
  752. /* fix sticky slider */
  753. .player-slider[show-popup=true] .player-slider__popup-container, .player-slider[show-popup=true] .popup-arrow {
  754.   display: none !important;
  755. }
  756. .player-slider[show-popup=true]:hover .player-slider__popup-container, .player-slider[show-popup=true]:hover .popup-arrow {
  757.   display: block !important;
  758. }
  759. /* fix broken z-index */
  760. .ember-tether-element {
  761.   z-index: 4;
  762. }
  763. /* disable disabled button */
  764. [disabled="disabled"], .disabled, .ct-button--disabled:hover {
  765.   cursor: not-allowed !important;
  766. }
  767. button[disabled="disabled"]:hover {
  768.   background-color: #6441A4 !important;
  769. }
  770. /* volume always visible */
  771. .player-volume__slider-container {
  772.   overflow: visible;
  773.   opacity: 1;
  774. }
  775. .player-volume {
  776.   width: 17em;
  777. }
  778. .player-volume .player-slider .ui-slider-range {
  779.   background: #FFF;
  780. }
  781. .player-volume__slider-container:hover .ui-slider-range, .player-volume__slider-container:hover .ui-slider-handle {
  782.   background: #A991D4;
  783. }
  784. /* remove recommended channels on closed navbar */
  785. .drawer.closed .tse-content > .warp__list:nth-child(2) > .ember-view:nth-child(3) {
  786.   display: none !important;
  787. }
  788. /* expand account options on closed navbar */
  789. .drawer.closed .warp__drawer.toggled {
  790.   transform: none !important;
  791.   transition: none !important;
  792.   max-height: none !important;
  793. }
  794. .drawer.closed .warp__toggle .arrow {
  795.   display: none !important;
  796. }
  797. .drawer.closed .warp__anchor {
  798.   height: 9.4rem !important;
  799. }
  800. .drawer.closed .notification-center__icon-container {
  801.   top: -3.5rem !important;
  802.   left: -3.4rem !important;
  803. }
  804. .drawer.closed .warp__drawer, .drawer.closed .warp__item--anchor, .drawer.closed .warp__item--anchor-beta {
  805.   background-color: #151515 !important;
  806. }
  807. .drawer.closed .warp__drawer {
  808.   box-shadow: none !important;
  809. }
  810. .drawer.closed .warp__toggle {
  811.   pointer-events: none !important;
  812. }
  813. /* display load more on closed social column */
  814. .has-sc--collapsed .sc-toggle.overflow {
  815.   display: block;
  816.   font-size: 0px;
  817.   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABJSURBVHjaY/z//z8DNvD4zkewhKwKPyM2eRYGHODH3+9QFj9WeSYGwmBgNRL2IwczJ16NjI9uf/gPDAi8mrDIk+9UWsTjaDwCAJ4CHeax56gkAAAAAElFTkSuQmCC") no-repeat center;
  818. }
  819. /* hd kappa */
  820. img[alt="Kappa"][src$="emoticons/v1/25/1.0"] {
  821.   content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAcCAQAAAA+LdxbAAADoUlEQVQ4EQXBSUxcBQAA0Pf//GEYhmVYBKGgFrfWptA0qFRtXGIPRk2q8dKDcT0YjTHq1YOJ0ZtL4lFNvGr0otFEY2Ni1VK1i7WFUpYWyjK01ekMAzMwzHzfC2JTAu3anLXdcvrIy9Nvhsn7CueTK6tdR3f/NDPXPjFc2HLZRU0OIQJikWzf2LO5lxYGjii71LWk4IZdx17skRG8f88nhcWtUgCC2JTYdmHfFyfGelb0CRUVdOj3n+MS9qvYYfTd/FvrHkYQm9Yiuv+bH46n2qXtNIaaczLyZtyn3WF5Iw7sq4+9iiA2rW3nt+N/6pWQUJKTMGtS3jbNWsQqJjTY8VP2zW9PExE789a0G6TMCgRKpiT1a5XW64RuWVVFW8PZXU4TMdsxNdIuYca0VasqSrbJKhkwqNkZEzotqKy3r0HE+v3LtzVaNOmCnG06bflXryfdrEFst+N+Fpm/8eS9viHi7OiYbsvmXJGS0S6tx4P2qCoo2+l6S46KJNsgYu26iyrmxOoyEu4UShtR9a9NVSX/ecCMtNsXIWT3RNKMLTW32WNAo7v0yUuipmrTluuNyJmqQURtImteRtaAWw1pkzWobktNUqeqQFmHNDWIGDtZXgj7G2yoecCwNgk58xZsyAjlFaV0ayivFyBi32L59On+hF7PuctVJXO+95suo3r84YySVi3umew5CxGHunt3jDvmBY+Z9b3DVhQ1ykvq87EpLRrssn/cJEQc7/y9+3lLYrGUQZekhDbcap873K1DRuhutdziVYjomHto9o+hRw26KOspjzrhlAaDmjUaldGpSavS+WQdIgbWw88TH7wi7byKqm1G3SHlb0UpgxYN27TgUq0GIpZsfnjw2dTQBXXrVl3WJnRUn/1SuoTmpc3b1AwiKmKZn9uGFmUE1szZtKTZht8NuGLJNbGi9mIShJTFTn31mWVJhFKuanFAlyt+9LWCJqEm1csVENGqWf7XfyJ/2ZNGv6yyXzBsWtG6uh1OVpPnmkHEpMiqvbXqexe+7BSIdTtnSYO8ywhc54L4yN5cHSTe9oUFeTUb4/lbikMsO+Mmj8vIK+swbMUJj7y6d6rJdkQkwYZQ9HShuXgwsKFkwqR1dVUlF+36qPW7U+oeQkQICCRET1x7I/V+j7KiQTdZUrGiYazr9XFVAYgAIBZo/KByOPdpcaTRdpuuWTNZqz7zj6oAEAEABMK/q3cW9ky9c+yAalBaywWvpc9vAuB/hYh5s5kalV8AAAAASUVORK5CYII=") !important;
  822. }
  823.  
  824. /*** REMOVE TURBO ***/
  825. .ember-chat .badges .turbo, .js-turbo-more-colors, #header_turbo_promo, a[href="/settings/turbo"], a[href*="/products/turbo"] {
  826.   display: none !important;
  827. }
  828.  
  829. /*** REMOVE PRIME ***/
  830. .header-announcement, .front-page-announcement, a[href*="twitch.amazon.com/prime"], a[href="/settings/prime"], .js-offers, .top-nav__prime-anchor {
  831.   display: none !important;
  832. }
  833. a[href^="https://twitch.amazon.com/prime?ref=subscriptionMessage&channel="] {
  834.   display: inline !important;
  835.   color: inherit !important;
  836.   pointer-events: none !important;
  837.   cursor: text !important;
  838. }
  839.  
  840. /*** REMOVE BITS ***/
  841. .bits-toggle, .bits-card--standard, .bits-card, .bits-footer, .bits-tag--container, [title^="cheer"], [original-title^="cheer"], [alt^="cheer"], .sticky-message--pinned-cheers, .bits-tag--container, a[href*="introducing-cheering"] {
  842.   display: none !important;
  843. }
  844. .ember-chat .chat-messages.bits-tags__offset, .chat-messages[style="top: 30px;"] {
  845.   top: 0px !important;
  846. }
  847.  
  848. /* remove emotes */
  849. /* .emoticon, .emoticon-selector-toggle {display: none !important;} */
  850.  
  851. }
  852.  
  853. @-moz-document domain("truex.com") {
  854. /* hide bits ad content */
  855. #ad_container #flashContent, #ad_container #truex_content > *, #ad_stage {
  856.   visibility: hidden !important;
  857. }
  858. #ad_container:before {
  859.   content: "CLICK" !important;
  860.   color: red !important;
  861.   font-weight: 900 !important;
  862.   position: relative !important;
  863.   top: 50% !important;
  864.   left: 50% !important;
  865. }
  866. body {
  867.   background: #000 !important;
  868. }
  869. }
  870.  
  871. @-moz-document domain("googleapis.com") {
  872. /* disable video ad click */
  873. .videoAdUi * {
  874.   pointer-events: none !important;
  875. }
  876. }
Add Comment
Please, Sign In to add comment