{"sections":[{"urls":[],"urlPrefixes":[],"domains":["twitch.tv"],"regexps":[],"code":".ember-chat .chatters-view {\r\n  background-color:rgb(24,24,24)!important;\r\n}\r\n    /* new chat quick fix */\r\n.ember-chat .chat-interface .textarea-contain .emoticon-selector-toggle svg path,\r\n.ember-chat .chat-interface .textarea-contain .emoticon-selector-toggle:hover svg path{\r\n    fill: rgba(255, 255, 255, 1);\r\n}\r\n    \r\n.ember-chat .chat-room{\r\nborder-top:1px solid rgb(0,0,0)!important;\r\n}\r\n\r\n\r\n.ember-chat .chat-room{\r\nborder-top:1px solid rgb(0,0,0)!important;\r\n}\r\n    \r\n.chat-container{\r\n  background-color:rgb(24,24,24)!important;\r\n}\r\n  \r\n.ember-chat{\r\n  margin:0px!important;\r\n}\r\n  \r\nspan.message:not([style*=\"color:\"]),span.colon:not([style*=\"color:\"]){\r\n  color:#CCCCCC!important;\r\n}\r\n  \r\n.ember-chat .chat-header{\r\n  color:#ccc!important;\r\n  border-bottom: 1px solid rgb(0, 0, 0)!important;\r\n  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.04) inset!important;\r\n  background-color:rgb(24,24,24)!important;\r\n}\r\n  \r\n.ember-chat .chat-header .button.left{\r\n    left:10px!important;\r\n}\r\n\r\n.ember-chat .chat-messages .chat-lines{\r\n  padding:0px 0px!important;\r\n  border-top: 1px solid rgb(0,0,0)!important;\r\n}\r\n  \r\n.ember-chat .chat-messages .chat-line{\r\n    padding:4px 10px 4px 10px!important;\r\n}\r\n \r\ndiv.chat-messages .chat-line{\r\n  border-bottom: 1px solid rgb(0, 0, 0)!important;\r\n  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.04) inset!important;;\r\n  background:none!important;\r\n}\r\n\r\ndiv.chat-messages .chat-line:nth-child(2n){\r\n  background:rgba(255, 255, 255, 0.025)!important;\r\n}\r\n  \r\n.ember-chat .chat-messages .tse-scroll-content {\r\n    padding:0px!important;\r\n}\r\n\r\n.ember-chat .chat-messages{\r\n  left:-0px!important;\r\n  right:0px!important;\r\n  background-color:rgb(24,24,24)!important;\r\n}\r\n  \r\n.ember-chat .chat-interface{\r\n  background-color:rgb(24,24,24)!important;\r\n}\r\n  \r\n.ember-chat .chat-interface .textarea-contain{\r\n  width:95%!important;\r\n  left:2.5%;\r\n}\r\n  \r\n.button.send-chat-button{\r\n  margin-right:2.5%!important;\r\n}\r\n  \r\n.ember-chat .chat-interface .chat-buttons-container .glyph-only:first-child{\r\n  margin-left:10px!important;\r\n}\r\n\r\n.loading-mask{\r\n  display:none!important;\r\n} \r\n  \r\ndiv.textarea-contain \u003e * \u003e textarea{\r\n    background-color: rgb(16,16,16)!important;\r\n    border: 1px solid rgba(24, 24, 24, 1);\r\n}\r\n  \r\n.ember-chat .chat-interface .textarea-contain textarea:focus{\r\n\r\n}\r\n  \r\n.ember-chat .chat-interface .textarea-contain textarea:focus{\r\n    background-color: rgb(16,16,16)!important;\r\n    box-shadow: 0px 0px 2px 1px rgba(185, 155, 235, 0.25);\r\n    border: 1px solid rgba(100, 65, 165, 0.7);\r\n}\r\n \r\n    \r\n    /* new chat quick fix end */\r\n    \r\n    /* older stuff*/\r\n    \r\n.ember-chat .mentioning,\r\nspan.mentioning {\r\n    padding:0px 5px!important;\r\n    background-color: #DEDEDE;\r\n}\r\n    \r\n.ember-chat .mentioned,\r\nspan.mentioned{\r\n    background-color:#333333!important;\r\n    padding:0px 5px!important;\r\n}\r\n\r\n/* host mode */\r\n#hostmode,.hostmode{\r\n    background-color:rgb(16,16,16)!important;\r\n}\r\n\r\ndiv#channel \u003e .target-frame.active{\r\n    background-color:rgb(16,16,16)!important;\r\n}\r\n\r\n.hostmode-title-container{\r\n    background-color:rgb(16,16,16)!important;\r\n    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4) inset;\r\n}\r\n    \r\ndiv.hostmode-title.clearfix{\r\n    background-color:rgb(24,24,24)!important;\r\n    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4) inset;\r\n}\r\n    \r\n.close-hostmode{\r\n    background-color:rgb(16,16,16)!important;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n    \r\n\r\n\r\n/* messages page */\r\n#main_col{\r\n    background-color:rgb(16,16,16)!important;\r\n}\r\n    \r\n.messages #message_actions{\r\n    background-color:rgb(32,32,32)!important;\r\n    border-bottom-color:rgb(16,16,16)!important;\r\n    \r\n}\r\n    \r\n#messages_column \u003e form{\r\n        background-color:rgb(32,32,32)!important;\r\n}\r\n    \r\ndiv.page_links.clear{\r\n    background-color:rgb(32,32,32)!important;\r\n}\r\n\r\n.message_actions_block span.label{\r\n    color:rgb(216,216,216)!important;    \r\n}\r\n    \r\n.messages div.preview {\r\n    background-color:rgb(24,24,24)!important;\r\n    border-left-color:rgb(32,32,32)!important;\r\n    border-bottom-color:rgb(16,16,16)!important;\r\n}\r\n    \r\n.messages div.preview:hover {\r\n    background-color:rgb(28,28,28)!important;\r\n}\r\n    \r\n.messages div.preview.unread{\r\n    background-color:rgb(25,23,27)!important;\r\n    border-left-color:rgb(102,67,168)!important;\r\n}\r\n    \r\ndiv#messages_column .message{\r\n    background-color:rgb(24,24,24)!important;\r\n    border-bottom-color:rgb(16,16,16)!important;\r\n}\r\n    \r\n.messages #reply_message_form textarea{\r\n    background-color: rgb(16,16,16)!important;\r\n    border: 1px solid rgba(24, 24, 24, 1);\r\n}\r\n    \r\n.messages #reply_message_form textarea:focus{  \r\n    background-color: rgb(16,16,16)!important;\r\n    box-shadow: 0px 0px 2px 1px rgba(185, 155, 235, 0.25);\r\n    border: 1px solid rgba(100, 65, 165, 0.7);\r\n}\r\n    \r\n.nav li \u003e a:hover{\r\n    color:rgb(160,160,160)!important;\r\n}\r\n    \r\n.messages .message_action.block{\r\n    background: url('http://herpderp.com/twitch/blockiconmsg.png') no-repeat scroll 0% 0% transparent;\r\n}\r\n    \r\n/* messages page end */\r\n\r\n/* archives and video page */\r\n    \r\ndiv#archives \u003e div.tse-scroll-content{\r\n    background-color:rgb(24,24,24)!important;\r\n}\r\n    \r\n\r\ndiv.archive.video.clearfix{\r\n    background-color:rgb(24,24,24)!important;\r\n    border:none!important;\r\n}\r\n    \r\n\r\n    \r\n\r\n    \r\n#right_col #archives .video a .title {\r\n   color:rgb(232,232,232)!important; \r\n}\r\n    \r\n#right_col #archives .video a{\r\n    border-bottom-color:rgb(16,16,16)!important;\r\n    border-top-color:rgba(255,255,255,0.05)!important;\r\n}\r\n\r\n#right_col #archives .video a:hover{\r\n    background-color:rgb(32,32,32)!important;\r\n}\r\n    \r\n#right_col #archives .video a {\r\n\r\n}\r\n    \r\na.more_archives.bottom{\r\n    background-color:rgb(24,24,24)!important;\r\n    border-top-color:rgba(255,255,255,0.05)!important;\r\n    box-shadow:none!important;\r\n}\r\n\r\na.more_archives.bottom:hover{\r\n    border-top-color:rgba(255,255,255,0.05)!important;\r\n    background-color:rgb(32,32,32)!important;\r\n    box-shadow:none!important;\r\n}\r\n    \r\n/* archives and video page end */\r\n\r\n/* hidden chat */\r\n.ember-chat .chat-hidden-overlay{\r\n    background-color:rgb(24,24,24)!important;   \r\n}\r\n\r\n\r\n\r\n/* edit icon */\r\n#channel .player-column #broadcast-meta .info .edit-link svg path{\r\n    fill:rgba(255,255,255,0.5)!important;\r\n}\r\n    \r\n/* vod icons */\r\n#main_col .content #stats_and_actions #channel_stats .stat svg path{\r\n    fill:rgba(255,255,255,0.5)!important;\r\n}\r\n    \r\n    \r\n/* hover icon for chats menu */\r\n.ember-chat .chat-menu-button-container:hover svg path{\r\n    fill:#fff!important;\r\n} \r\n    \r\n\r\n/* dropdown arrows */\r\n.button.drop:after{\r\nborder-color: rgba(255, 255, 255, 0.35) transparent transparent!important;;\r\n}\r\n\r\n/* hovering buttons */\r\n.button:hover{\r\n    color:rgb(222,222,222)!important;\r\n}\r\n\r\n/* stats */\r\n#channel .player-column .stats-and-actions .channel-stats .stat svg path{\r\n    fill:rgba(255,255,255,0.35)!important;\r\n}\r\n    \r\n#channel .player-column .stats-and-actions .channel-stats #live-count svg path{\r\n    fill:rgb(255,0,0)!important;\r\n}\r\n    \r\n/* Scrollbar */\r\n.tse-scrollbar .drag-handle {\r\n    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.6)!important;\r\n}\r\n\r\n    \r\n#channel .player-column .stats-and-actions{\r\n    padding:10px 0px!important;\r\n    margin-bottom:10px!important;\r\n}\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n/* directory stuff */\r\n#right_col{background-color:rgb(24,24,24)!important;}\r\n    \r\n.following-col .col-header.inactive .title{\r\n    color:rgb(222,222,222)!important;\r\n}\r\n    \r\n.following-col .following-list .channel .name a{\r\n    color:rgb(222,222,222)!important;    \r\n}\r\n    \r\n.items-grid .meta .title {\r\n    color:rgb(222,222,222)!important;    \r\n}\r\n    \r\n.items-grid .meta .title:hover {\r\n    color:rgb(100,65,165)!important;    \r\n}\r\n    \r\n.directory_header .nav li \u003e a.active{\r\n    color:rgb(222,222,222)!important;\r\n}\r\n    \r\n.following-col .following-list .load-more{\r\n    color:rgb(222,222,222)!important;   \r\n}\r\n    \r\n.following-col .following-list .load-more:hover{\r\n    color:rgb(100,65,165)!important;    \r\n}\r\n    \r\n    \r\n.following-col .following-list .load-more span{\r\n    background-color:rgb(16,16,16)!important;\r\n    padding-left:40px!important;\r\n    padding-right:40px!important;\r\n}\r\n    \r\n/* things not touched as of 17.06.2014 */ \r\n/* older recycled css for actual chat messages */\r\n    \r\n    \r\n.ember-chat .chat-messages .chat-line{\r\n    margin-top:0px!important;\r\n}\r\n\r\n    \r\n  \r\n\r\n/* mod buttons */\r\n.ember-chat .mod-icons a:hover{\r\n    background-color:rgb(44,44,44)!important;\r\n    border-radius:6px!important;\r\n}\r\n    \r\n    A[class=\"ban\"] {margin-right:0px!important;padding-top:2px!important;background-repeat:no-repeat!important;background-position:center center!important;background-image:url('http://www.herpderp.com/twitch/ban.png') !important;}\r\n    IMG[src*=\"g18_ban-00000080\"] {visibility:hidden!important;}\r\n    A[class=\"unban\"] {margin-right:0px!important;padding-top:2px!important;background-repeat:no-repeat!important;background-position:center center!important;background-image:url('http://www.herpderp.com/twitch/unban.png') !important;}\r\n    IMG[src*=\"g18_unban-00000080\"] {visibility:hidden!important;}\r\n    A[class=\"timeout\"] {padding-top:2px!important;background-repeat:no-repeat!important;background-position:center center!important;background-image:url('http://www.herpderp.com/twitch/clock.png') !important;}\r\n    IMG[src*=\"g18_clock-00000080\"] {visibility:hidden!important;}\r\n    #chat_menu_ban{background-repeat:no-repeat!important;background-position:center center!important;background-image:url('http://www.herpderp.com/twitch/banblk.png') !important;}\r\n    \r\n\r\n/* main column */\r\ndiv#main_col.column{\r\n    background:rgb(16,16,16)!important;\r\n    color:rgb(195,195,195)!important;\r\n    border-right:1px solid rgb(0,0,0)!important;\r\n}\r\n    \r\n/* Left Column Large*/\r\n#left_col #small_nav.column,#left_col #large_nav{\r\n    margin-right:1px\r\n}\r\n\r\n#large_nav .game_filter.selected a {\r\n    background-color: rgb(100, 65, 165) !important;\r\n    color: rgb(255, 255, 255) !important;\r\n}\r\n\r\n#large_nav .content {\r\n    background: none repeat scroll 0% 0% rgb(16, 16, 16)!important;\r\n}\r\n\r\n#large_nav .content .top, div.top{\r\n    background: none repeat scroll 0% 0% rgb(25, 25, 25)!important;\r\n}\r\n\r\n#large_nav .content .top #sidebar_search, #large_nav .content .top #you {\r\n    background: none repeat scroll 0% 0% rgb(25, 25, 25)!important;\r\n}\r\n\r\n#large_nav .content .nav_section a {\r\n    background-color: rgb(16, 16, 16)!important;\r\n}\r\n\r\n#large_nav .content .nav_section .header {\r\n    background: none repeat scroll 0% 0% rgb(25, 25, 25)!important;\r\n    \r\n    \r\n}\r\n\r\n\r\n    \r\n/* Left Column Small*/\r\nul#nav_small,a.filter_icon,a.clearfix{\r\n    background-color:rgb(16,16,16)!important;\r\n}\r\n\r\na.filter_icon:hover,a.clearfix:hover{\r\n    background-color:rgb(35,35,35)!important;\r\n}\r\n\r\n#small_nav .content ul li a {\r\n     background-color:rgb(25,25,25)!important;\r\n}\r\n\r\n#small_nav .game_filter.selected a {\r\n    background-color: rgb(100, 65, 165)!important;\r\n}\r\n\r\n#small_nav .game_filter.selected a:hover{\r\n    background-color: rgb(120, 85, 185)!important;\r\n}\r\n\r\n.filter_icon.animatedhighlight {\r\n    background: rgb(120, 85, 185)!important;\r\n}\r\n\r\n/* arrows lazy fix */\r\n    \r\n#right_close,#left_close{\r\n    opacity:0.05!important;\r\n    -webkit-transition:opacity 0.25s ease-in;  \r\n    -moz-transition:opacity 0.25s ease-in;  \r\n    -o-transition:opacity 0.25s ease-in;  \r\n    transition:opacity 0.25s ease-in;  \r\n}\r\n    \r\n#right_close:hover,#left_close:hover{\r\n    opacity:0.25!important;\r\n    -webkit-transition:opacity 0.25s ease-in;  \r\n    -moz-transition:opacity 0.25s ease-in;  \r\n    -o-transition:opacity 0.25s ease-in;  \r\n    transition:opacity 0.25s ease-in;  \r\n}\r\n\r\n    \r\n\r\n/* stream title */\r\nspan.real_title{\r\n    color:rgb(245,245,245)!important;\r\n}\r\n\r\n/* name playing x on x*/\r\nspan.playing,span#team_membership,#channel .player-column #broadcast-meta .info .channel {\r\n    color:rgb(195,195,195)!important;\r\n}\r\n    \r\ndiv.title \u003e span.real,\r\ndiv.title \u003e span.over{\r\n    color:rgb(222,222,222)!important;\r\n    background-color:rgb(16,16,16)!important;\r\n}\r\n    \r\ndiv.title \u003e span.over:hover,    \r\ndiv.title \u003e span.real:hover{\r\n    background-color:rgb(16,16,16)!important;\r\n    color:rgb(255,255,255)!important;\r\n}\r\n\r\n    \r\n/* Main Column Panels */\r\n/* Panels */\r\ndiv#channel_panels h1,div#channel_panels h2,div#channel_panels h3{\r\n    color:rgb(242,242,242)!important;\r\n}\r\npre{\r\n    box-shadow:  1px 1px 1px 0px #000!important;\r\n    border-color:#000!important;\r\n    border:none!important;\r\n    background: none repeat scroll 0% 0% rgb(33, 33, 33)!important;\r\n    color:rgb(242,242,242)!important;\r\n}\r\n\r\ncode{\r\n    color:rgb(242,242,242)!important;\r\n}\r\n\r\n.panels-contain .panels .panel .part h3{\r\n    color:#fff!important;\r\n}\r\n\r\n#channel_panels_contain.masonry .panel {\r\n    margin-bottom: 30px !important;\r\n    background-color: #333!important;\r\n    color:#ccc!important;\r\n    padding-left: 5px!important;\r\n    padding-right: 5px!important;\r\n    padding-top: 5px!important;\r\n    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px inset!important;\r\n    text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px !important;\r\n    border:1px solid #000 !important;\r\n}\r\n\r\n#channel_panels_contain #channel_panels .panel h3 {\r\n    color:#fefefe!important;\r\n}"},{"urls":[],"urlPrefixes":[],"domains":["twitch.tv","twitchtv.com"],"regexps":[],"code":".emoticon-selector-toggle,\r\n.ffz-ui-toggle{\r\n    opacity:0.05!important;\r\n    -webkit-transition:opacity 0.25s ease-in;  \r\n    -moz-transition:opacity 0.25s ease-in;  \r\n    -o-transition:opacity 0.25s ease-in;  \r\n    transition:opacity 0.25s ease-in;  \r\n}\r\n    \r\n.emoticon-selector-toggle:hover,\r\n.ffz-ui-toggle:hover{\r\n    opacity:1!important;;\r\n    -webkit-transition:opacity 0.25s ease-in;  \r\n    -moz-transition:opacity 0.25s ease-in;  \r\n    -o-transition:opacity 0.25s ease-in;  \r\n    transition:opacity 0.25s ease-in;  \r\n}\r\n\r\n/* dumb new chat shit on */\r\n\r\n/* BetterTTV shit */\r\n#channel .player-column #player{\r\n    background:none!important;\r\n}\r\n\r\n#chat_line_list .line p{\r\n    text-indent:0px!important;\r\n}\r\n\r\n/* Has Subscribed arrow removal */\r\nli.line.fromjtv div.indicator{\r\ndisplay:none!important;\r\n}\r\n\r\n/* emotfix start */\r\n.emoticon {margin-bottom:2px!important;}\r\n\r\n/* Backgrounds off */\r\n#custom_bg,#custom-bg {\r\n    display:none!important;\r\n}\r\n\r\n/*-----------------*/\r\n/*  main theme end */\r\n/*-----------------*/\r\n    \r\n/*---------------------------*/\r\n/*  customisation pool start */\r\n/*---------------------------*/\r\n    \r\n\r\n\r\n/*Description Visible*/\r\n\r\n\r\n/* Turbo Icon Colour */\r\n.turbo a {\r\n    background-color:#4162A8!important;\r\n    vertical-align:middle!important;\r\n}\r\n\r\n.subscriber a {\r\n    vertical-align:middle!important;\r\n}\r\n/* Staff and admin */\r\n.admin,.staff{\r\n    vertical-align:middle!important;\r\n}\r\n\r\n/* Mod Icon */\r\n.mod,.moderator{\r\n/* Using old moderator icon */\r\nbackground-image: url(\"http://herpderp.com/twitch/originalmod.png\")!important;\r\nbackground-color:#009900!important;\r\nvertical-align:middle!important;\r\n}\r\n\r\n/* Icon Sets */\r\n/* Nothing Hidden vanilla icons */\r\n\r\n/* Block Chat Emotes */\r\n/* No Face Changes */\r\n\r\n/* Block User */\r\n/*\r\n[class=\"username_in_lowercase\"] {display:none !important;}\r\n*/\r\n\r\n/* Chat Font Options*/\r\n#chat_line_list,.ember-chat .chat-messages .chat-line{\r\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\r\n    font-size:1.0em !important;\r\n    line-height:20px !important;\r\n}\r\n\r\n/* Disable custom turbo colours */\r\n/* Turbo Colours On */\r\n\r\n/* Colour Fixing */\r\n/* No Colour Fixes */\r\n\r\n/* Chat Size Options */\r\n/* Default Chat */\r\n\r\n/* Left Sidebar Options */\r\n/*[[leftsidebar]]*/\r\n\r\n/* Hide Buttons */\r\nspan#is-subscribed,span#sub-details,a#subscribe_action{\r\ndisplay:none!important}\r\n\r\n/* BTTV Stuff */\r\n/* Off */"},{"urls":[],"urlPrefixes":[],"domains":[],"regexps":["http://.*twitch.tv/directory.*"],"code":"div#right_col.column.fixed.following-col.open{\r\nwidth:340px!important;\r\n}\r\n\r\n#main_col:not([class*=\"expandRight\"]):not([style*=\"margin-right: 320px;\"]){\r\n    margin-right:340px!important;\r\n}"}],"url":"http://userstyles.org/styles/78830","updateUrl":"https://userstyles.org/styles/chrome/78830.json","md5Url":"https://update.userstyles.org/78830.md5","originalMd5":"f1c038cc34651d706b3a12e1dfb9edc6","name":"Twitch.tv - Dark / Black / Customisable Theme","thumbnail":"https://userstyles.org/style_screenshots/78830_after.jpeg?r=1780974188"}