dwb: update stackexchange css

diff --git a/dwb/userstyles/stackoverflow.com.css b/dwb/userstyles/stackoverflow.com.css
index 6ac2b91be8ffb57bfc00bf9fdbe5559ecda89bc7..1aabd13ec977590964a97cfc94ab9a575d41b9f4 100644 (file)
--- a/dwb/userstyles/stackoverflow.com.css
+++ b/dwb/userstyles/stackoverflow.com.css
@@ -1,11 +1,10 @@
 @namespace url(http://www.w3.org/1999/xhtml);
 @namespace url(http://www.w3.org/1999/xhtml);

-

 /***************************************************************
 /***************************************************************

-Stackoverflow Dark v2.5 (1/13/2014)
-https://github.com/StylishThemes/Stackoverflow-Dark
+StackOverflow Dark v2.6.1 (1/16/2015)
+https://github.com/StylishThemes/StackOverflow-Dark

 http://userstyles.org/styles/35345
 
 http://userstyles.org/styles/35345
 

-previous version information contained at the userstlyes site
+previous version information contained at the userstyles site

  ****************************************************************/
 
 * {
  ****************************************************************/
 
 * {


@@ -15,21 +14,75 @@ previous version information contained at the userstlyes site
 }
 
 body {
 }
 
 body {

-  background: #191919 url(/*[[bg-url]]*/) repeat !important;
+  background-color: #191919 !important;
+  background-image: /*[[bg-choice]]*/ url() !important;
+  background-clip: border-box !important;
+  background-origin: padding-box !important;
+  /*[[bg-options]]*/
+  /*[[bg-options2]]*/
+}
+
+/* === custom color === */
+a, .profile-popup a, .seWrapper a, .post-tag, .comments-link, .tag-synonym-link {
+  color: /*[[base-color]]*/ #008080 !important
+}
+
+.nav .primarynav li a:hover {
+  color: #fff !important;
+  background: /*[[base-color]]*/ #008080 !important;
+}
+
+.post-tag:hover, .comments-link:hover, .summary .post-tag:hover , .commentslink, .bounty-indicator,
+.bounty-indicator-tab, .bounty-award, span.bounty-indicator-tab {
+  background-color: /*[[base-color]]*/ #008080 !important;
+  color: #eee !important;
+}
+
+/* === text selection === */
+::selection {
+  background: /*[[base-color]]*/ #008080 !important;
+  color: #fff !important;
+}
+::-moz-selection {
+  background: /*[[base-color]]*/ #008080 !important;
+  color: #fff !important;

 }
 
 }
 

+/* === input focus hightlight === */
+input:focus {
+  border-color: /*[[base-color]]*/ #008080 !important;
+  box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.075) inset, 0px 0px 5px rgba(255, 255, 255, .075) !important;
+}
+.tag-editor input:focus {
+  border: 0 !important;
+  box-shadow: none !important;
+}
+
+/* === hidden === */

 div.hireme, div#hireme {
   display: none !important;
 }
 
 div.hireme, div#hireme {
   display: none !important;
 }
 

-/*** background color ***/
+/* === background color === */
+/* from darkest to lightest grey */
+.search-container input[type=text] {
+  background-color: #000 !important;
+}
+

 #custom-header, .review-bar, .diff-choices a.selected, #header #topbar, td.owner, a.owner, .question-status,
 #custom-header, .review-bar, .diff-choices a.selected, #header #topbar, td.owner, a.owner, .question-status,

-.profile-popup, .profile-popup div, .profile-popup th, .profile-popup td {
-  background: #111 !important;
+.profile-popup, .profile-popup div, .profile-popup th, .profile-popup td, #global, .actual-edit-overlay,
+input:not([type='submit']), textarea, #search input, .tag-editor {
+  background-color: #111 !important;
+  color: #ddd !important;
+}
+
+.summary .post-tag, .onebox, .profile-ad {
+  background: #151515 !important;

 }
 
 }
 

-blockquote, #post-preview, .nav .primarynav li a, #container, #hsearch .textbox, .form-item,
-#wmd-button-bar, .qa-block, .content-block, .user-info-rep {
+html, blockquote, #post-preview, .nav .primarynav li a, #chat, #hsearch .textbox, .form-item, .grippie,
+.welovestackoverflow, #wmd-button-bar, .wmd-button-bar, .qa-block, .content-block, .user-info-rep, .sidebar,
+.popup, #footer {

   background: #191919 none !important
 }
 
   background: #191919 none !important
 }
 


@@ -38,15 +91,13 @@ blockquote, #post-preview, .nav .primarynav li a, #container, #hsearch .textbox,
   border: 2px solid #262626 !important;
 }
 
   border: 2px solid #262626 !important;
 }
 

-.ad502-room, .messages, .messages,.topbar-dialog .unread-item {
-  background-color: #232323 !important;
-  border: 1px solid #191919 !important;
+#tabs a {
+  border: 1px solid transparent !important;

 }
 
 }
 

-#tabs a.youarehere {
-  border: 1px solid #666666 !important;
-  border-bottom: 1px solid #191919 !important;
+#tabs a.youarehere, .tag-suggestions {

   background: #191919 !important;
   background: #191919 !important;

+  border: 1px solid #444 !important;

 }
 
 #user-about-me, .user-about-me, .mine .messages {
 }
 
 #user-about-me, .user-about-me, .mine .messages {


@@ -55,52 +106,63 @@ blockquote, #post-preview, .nav .primarynav li a, #container, #hsearch .textbox,
   color: #C1BEBA !important;
 }
 
   color: #C1BEBA !important;
 }
 

-input, textarea, #search input, .topbar-dialog .header, .topbar-dialog .modal-content li:hover, .share-tip {
-  background: #222 !important;
+.topbar-dialog, .topbar-dialog .header, .share-tip, #input-area,
+#tag-menu, .sidebar h3, #overlay-header, .action-list .action-selected, .switcher-nudge-lightbox,
+.user-rep-chart-summary-tooltip:hover, .current-site-container {
+  background-color: #222 !important;

   color: #ddd !important;
 }
 
   color: #ddd !important;
 }
 

-.profile-popup, .profile-popup tr, .profile-popup th, .profile-gravatar, .newuser,
-.seWrapper {
+.profile-popup, .profile-popup tr, .profile-popup th, .profile-gravatar, .newuser, .roomcard,
+.seWrapper, h2.index.header, .privilege-table-row:hover, .list-originals .item.hover,
+.list-originals .body-summary, .review-instructions-reason {

   background-color: #222 !important;
   border-color: #555 !important;
   color: #ddd !important;
 }
 
   background-color: #222 !important;
   border-color: #555 !important;
   color: #ddd !important;
 }
 

-.answer, #system-message, .commentlist, .revision td, #hero-content, .mdhelp-tabs .selected {
-  background: #232323 !important;
-  color: #999 !important;
+#header #topbar, .revision-comment, .date-span, .post-tag, .form-submit input, .preferred-login,
+.mdhelp, .wmd-help-button.active-help, .date_brick, .more-info {
+  background: #222 !important;
+  color: #ddd !important;
+  -webkit-border-radius: 3px !important;
+  border-radius: 3px !important;
+}
+
+.ad502-room {
+  background-color: #232323 !important;
+  border: 1px solid #191919 !important;

 }
 
 }
 

-.summary .post-tag, .rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes, .stats {
+.rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes, .ob-post-votes {

   background-color: #232323 !important;
   color: #bbb !important;
 }
 
   background-color: #232323 !important;
   color: #bbb !important;
 }
 

-.tagged-interesting, .tagged-interesting .views, .highlight-row {
-  background-color: #242424 !important;
-  background-image: none !important;
+.answer, #system-message, .commentlist, .revision td, #hero-content, .mdhelp-tabs .selected, .tabs .selected {
+  background: #232323 !important;
+  color: #999 !important;

 }
 
 }
 

-.welovestackoverflow, #header #topbar, .revision-comment, .date-span, .post-tag,
-.form-submit input, .preferred-login, .mdhelp, .wmd-help-button.active-help, .date_brick {
-  background: #333 !important;
-  color: #ddd !important;
-  -webkit-border-radius: 3px !important;
-  border-radius: 3px !important;
+.tagged-interesting, .tagged-interesting .views, .highlight-row, .highlighted {
+  background-color: #242424 !important;
+  background-image: none !important;

 }
 
 }
 

-.nav li, .seNav, .topbar a.topbar-icon-on, .topbar a.topbar-icon-on:hover, .topbar-dialog, .owner,
-#footer, .module li.current, .seCurrent, .community-bulletin {
-  background: #333 !important;
+.nav li, .seNav, .topbar a.topbar-icon-on, .topbar a.topbar-icon-on:hover, .owner, .nav a,
+.module li.current, .seCurrent, .community-bulletin, .owner-revision td, .markdown-diff .skip,
+#footer .container, .body-diffs .skip, .newsletter-anon, .tag-suggestions>div:hover,
+.topbar-dialog .modal-content li:hover, .timestamp:hover+div.message .meta, div.message:hover .meta {
+  background-color: #333 !important;

 }
 
 }
 

-.owner-answer, .question-status, #input-area, .notification, #feed-ticker, #top-menu {
+.owner-answer, .question-status, .notification, #feed-ticker, #top-menu, .vote-revision td,
+.topbar-dialog .unread-item {

   background: #404040 !important;
 }
 
   background: #404040 !important;
 }
 

-tr.comment:hover, .reply-parent, .timestamp, .roomcard, .usercard, .page-numbers.current,
-.comment-help, .answer-help-background, .mdhelp-tabs, .hi, .seNavLinks a:hover,
+tr.comment:hover, .reply-parent, .timestamp, .usercard, .page-numbers.current,
+.comment-help, .answer-help-background, .mdhelp-tabs, .tabs li, .hi, .seNavLinks a:hover,

 .seNavLinks a:focus, .itemBoxNew {
   background-color: #444 !important;
   color: #ddd !important;
 .seNavLinks a:focus, .itemBoxNew {
   background-color: #444 !important;
   color: #ddd !important;


@@ -110,60 +172,43 @@ tr.comment:hover, .reply-parent, .timestamp, .roomcard, .usercard, .page-numbers
   background: #c1beba !important
 }
 
   background: #c1beba !important
 }
 

-/* Brown(ish) */
-.supernovabg, .hotbg, .nav .youarehere, .nav li:hover {
-  background-color: #d80 !important;
-}
-
+/* === Brown(ish) === */

 .new-post-activity, #new-answer-activity {
   background-color: #840 !important;
 }
 
 .new-post-activity, #new-answer-activity {
   background-color: #840 !important;
 }
 

-/* Blue */
-.nav .primarynav li a:hover {
-  color: #fff !important;
-  background: #f90 !important;
+/* chat room buttons */
+a.button {
+  background: #840 !important;
+  color: #eee !important;

 }
 
 }
 

-.post-tag, .comments-link, .tag-synonym-link {
-  background-color: #444 !important;
-  color: #5588aa !important;
-  margin: 2px !important;
-  padding: 3px !important;
-  text-decoration: none !important;
-  font-size: 80% !important;
-  line-height: 2.2 !important;
-  white-space: nowrap !important
+.supernovabg, .hotbg, .nav li.youarehere a, .nav a:hover, a.button:hover {
+  background-color: #d80 !important;

 }
 
 }
 

-.post-tag:hover, .comments-link:hover, .summary .post-tag:hover , .commentslink, .bounty-indicator,
-.bounty-indicator-tab, .bounty-award {
-  background-color: #3e6d8e !important;
-  color: #e0eaf1 !important;
-  text-decoration: none !important
+/* === Green === */
+.accepted-answer, .suggested-edit .inserted, .markdown-diff .inserted {
+  background: #232 !important;

 }
 
 }
 

-/* Green */

 .answered, .answer-votes {
   background: #232323 !important;
 .answered, .answer-votes {
   background: #232323 !important;

-  color: #75845c !important
-}
-
-.answered strong {
-  color: #75845c !important
+  color: #4b553c !important

 }
 
 }
 

-.answered-accepted {
-  background: #75845c !important;
+.answered-accepted, .answered-accepted strong, .rep-up.bounty-indicator-tab, .user-rep-chart-summary-bar,
+.special-rep {
+  background: #4b553c !important;

   color: #fff !important
 }
 
   color: #fff !important
 }
 

-.accepted-answer, .suggested-edit .inserted {
-  background: #224422 !important;
+.answered strong {
+  color: #4b553c !important

 }
 
 }
 

-/* Red */
-.deleted-answer, .suggested-edit .deleted {
+/* === Red === */
+.deleted-answer, .suggested-edit .deleted, .markdown-diff .deleted {

   background-color: #200 !important;
 }
 
   background-color: #200 !important;
 }
 


@@ -175,25 +220,63 @@ a.moderator-tag:hover {
   background-color: #600 !important;
 }
 
   background-color: #600 !important;
 }
 

-/* Transparent background */
-div.message .meta, .spaces, .comment, span.feed-icon {
+/* === Transparent background === */
+div.message .meta, .spaces, .comment, span.feed-icon, a.role-switch, .nav.careers li, .nav.careers li:hover,
+.switcher-nudge-content p, #content, #tabs a, #chat .username, #chat .messages {

   background-color: transparent !important;
 }
 
 #tabs a:hover {
   background-color: transparent !important;
 }
 
 #tabs a:hover {

-  background-color: transparent !important;
+  background-color: #191919 !important;

   border: 1px solid #666666 !important;
   border-bottom: 1px solid #191919 !important;
 }
 
   border: 1px solid #666666 !important;
   border-bottom: 1px solid #191919 !important;
 }
 

-/*** Dark border ***/
-a.required-tag {
+.highcharts-container rect[fill="#FFFFFF"], rect[fill="rgb(255, 255, 255)"] {
+  fill: transparent !important;
+}
+
+/* === Dark border === */
+.body-diffs table * {
+  border-color: #111 !important;
+}
+
+a.required-tag, .welovestackoverflow, .question-summary, .subheader {

   border-color: #333 !important;
 }
 
   border-color: #333 !important;
 }
 

-/*** Text Color ***/
-.comment, #top-menu a, .subheader a, .reputation a, .reputation-score {
-  color: #aaa !important;
+#tabs a.youarehere {
+  border-bottom: 1px solid #191919 !important;
+}
+
+/* === No/hide border === */
+div.list > div {
+  border-right: 0 !important;
+}
+
+.module {
+  border-color: transparent !important;
+}
+
+/* blue label count */
+.bounty-indicator-tab {
+  background: #07d !important;
+  color: #ccc !important;
+}
+
+/* === Text Color === */
+div, input, .accepted-answer .post-text, .accepted-answer .user-action-time, #question-header a,
+.post-text, .user-info, .topbar-dialog .header h3, .topbar-dialog .header h3 a, .topbar-dialog span,
+.search-result .answered .vote-count-post strong, .votes-cast-stats th, .subheader h1 {
+  color: #ddd !important;
+}
+
+/* placeholder */
+::-webkit-input-placeholder {
+  color: #ddd !important;
+}
+::-moz-placeholder {
+  color: #ddd !important;

 }
 
 .user-details td, .content-page, h2, h2 a, .profile-popup a:hover, .module h4, .page-description,
 }
 
 .user-details td, .content-page, h2, h2 a, .profile-popup a:hover, .module h4, .page-description,


@@ -201,44 +284,68 @@ a.required-tag {
   color: #c1beba !important
 }
 
   color: #c1beba !important
 }
 

-div, .accepted-answer .post-text, .accepted-answer .user-action-time, #question-header a,
-.post-text, .user-info, .topbar-dialog .header h3, .topbar-dialog .header h3 a, .topbar-dialog span,
-.search-result .answered .vote-count-post strong {
-  color: #ddd !important;
+.comment, #top-menu a, .subheader a, .reputation a, .reputation-score, a:visited, .relativetime.old,
+.votes-cast-stats td, .mini-counts span, #chat .system-message {
+  color: #aaa !important;

 }
 
 }
 

-.answered-accepted strong, .youarehere, .nav .primarynav li a {
+.answered-accepted strong, .youarehere, .nav .primarynav li a, .nav a, a:hover, .rep-up.special-rep {

   color: #fff !important
 }
 
   color: #fff !important
 }
 

-/* Light Blue */
-.profile-popup a, .seWrapper a {
-  color: #4a6b82 !important
+input, .actual-edit-overlay {
+  -webkit-text-fill-color: #fff !important;
+}
+
+.rep-up {
+  color: #4b553c !important;
+}
+.rep-down {
+  color: #d65 !important;

 }
 
 }
 

+/* dark blue */

 .result-highlight {
   color: #aa0 !important;
 }
 
 .result-highlight {
   color: #aa0 !important;
 }
 

+/* brown/dark orange */

 .warm {
   color: #840 !important;
 }
 
 .warm {
   color: #840 !important;
 }
 

+/* orange */

 .hot {
   color: #a20 !important;
 }
 
 .hot {
   color: #a20 !important;
 }
 

+/* light brown */

 .unanswered {
   color: #9a4444 !important;
 }
 
 .unanswered {
   color: #9a4444 !important;
 }
 

-/*** Style adjustments ***/
+/* === Style adjustments === */
+a.question-hyperlink, a:hover, a:visited {
+  text-decoration: underline !important;
+}
+
+.nav a, .post-tag, .comments-link, .tag-synonym-link, a.post-tag:hover, .topbar a {
+  text-decoration: none !important;
+}
+
+.post-tag, .comments-link, .tag-synonym-link {
+  margin: 2px !important;
+  padding: 3px !important;
+  font-size: 80% !important;
+  line-height: 2.2 !important;
+  white-space: nowrap !important
+}
+

 .stats {
 .stats {

-  float: right !important;

   margin-top: 5px !important;
 }
 
   margin-top: 5px !important;
 }
 

-#hsearch {
+#hsearch, .statscontainer {

   margin-right: 5px !important;
 }
 
   margin-right: 5px !important;
 }
 


@@ -246,19 +353,34 @@ div, .accepted-answer .post-text, .accepted-answer .user-action-time, #question-
   margin-bottom: 4px !important;
 }
 
   margin-bottom: 4px !important;
 }
 

-.nav .primarynav li a {
+.nav .primarynav li a, .list-originals .stats {

   display: block !important;
   float: left !important
 }
 
   display: block !important;
   float: left !important
 }
 

-/*** code & syntax highlighting ***/
+/* === badges === */
+a.badge[title^="bronze"], a.badge-tag[title^="bronze"], .badge3 + .badgecount {
+  color: #cc9966 !important;
+}
+a.badge[title^="silver"], a.badge-tag[title^="silver"], .badge2 + .badgecount {
+  color: #c5c5c5 !important;
+}
+a.badge[title^="gold"], a.badge-tag[title^="gold"], .badge1 + .badgecount {
+  color: #ffcc46 !important;
+}
+.badge-tag {
+  background-color: #191919 !important;
+  border-color: #111 !important;
+}
+
+/* === code & syntax highlighting === */

 pre, code, .pln, .youarehere {
   background: #333 !important;
   color: #ccc !important;
 }
 
 .str { color: #0a0 !important; }
 pre, code, .pln, .youarehere {
   background: #333 !important;
   color: #ccc !important;
 }
 
 .str { color: #0a0 !important; }

-.lit { color: #a00 !important; }
+.lit { color: #d65 !important; }

 .pun { color: #999 !important; } /* parenthesis */
 .kwd { color: #08f !important; } /* keyword */
 .tag { color: #999 !important; } /* html tag */
 .pun { color: #999 !important; } /* parenthesis */
 .kwd { color: #08f !important; } /* keyword */
 .tag { color: #999 !important; } /* html tag */


@@ -266,20 +388,23 @@ pre, code, .pln, .youarehere {
 .atv { color: #0a0 !important; } /* attribute value*/
 .dec { color: #90a !important; } /* doc type */
 
 .atv { color: #0a0 !important; } /* attribute value*/
 .dec { color: #90a !important; } /* doc type */
 

-/*** Images ***/
+/* === Images === */

 .wmd-button>span {
 .wmd-button>span {

-  background-image: url(http://StylishThemes.github.io/Stackoverflow-Dark/images/wmd-buttons.png) !important;
+  background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/wmd-buttons.png) !important;

 }
 
 }
 

-.statsarrow {
-  width: 7px !important;
-  height: 13px !important;
-  background: url('data:image/gif;base64,R0lGODlhBwANAIAAACMjI////yH5BAEAAAEALAAAAAAHAA0AAAITRI5gGLrnXlzT1NsidEkx/zFHAQA7') 0 0 !important;
+#hlogo img, .everyonelovesstackoverflow, #newsletter-ad { opacity: 0.3 !important; }
+
+#footer-logo {
+  background-size: contain !important;
+  background-repeat: no-repeat !important;

 }
 
 }
 

-#hlogo img, .everyonelovesstackoverflow, #newsletter-ad { opacity: 0.3 !important; }
+#header-logo img, #footer-logo img {
+  visibility: hidden !important;
+}

 
 

-#hlogo a {
-  /* background-image: url(http://StylishThemes.github.io/Stackoverflow-Dark/images/logo.png) !important; */
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAAA9CAMAAACdmqWRAAAAkFBMVEUAAAD////////////////////////////////////////////////////MikfYijfJkD/+gg70hxL+fxH+hAytjWfTiyjIkUOmim7+ehXAlVOmim7AlVP+gBDTiyjTiyimim79igf9igf9igfAlVP+ehWmim6mim7+ehXTiyiBgYX9igfTiyj+ehXAlVOmim66JvyiAAAAKnRSTlMAVSJ31cFm6RGsM4iZRCYRXEwzvIhIo3yN4J9vzGbLRLeZ1enpd+nVmek3hlZvAAAGBklEQVRo3uTYQW7DIBQE0DkBHzDCclTHSlJLiQDf/3gFbFrabLoev52XiPH4f+Of1PxUOAs3TSkZnMWQshVn4VI24CxMyiZQM4LGpkLASw3BoZFUWNCaQ2bRTCmbwcqG4vG7mh1o3UJxw2Elr2Z5hMKcpZrNHmdBpVLBPEa6Ps6Su4p8jLz3cR64q7m2cyUonil7gtke5wHFTFnNi7zHuUbYMI6RKkbdP4ZKsVazjzFebT9KFndkhNW8xMorNEMoHOeGf42HEQcJlaXc8Jfv8141dqbFeWYcI/UrHrztdwVHuuHLGBsv3a5gUW+XrJoz5ePhpfc4V7KuRrFd7t9XeGlxdpQnPejYeAU8wp34N1UhPjYjLOFfG3UZFTr2J9GMOdbbtn1etHr/KHkQumy7j3rk/qPEeLlf3ZdJrxMxDIATTxY7S8uloqJIcEAgceH//zsSO8t0Hi2d6rHo+TIeJ/X4ix0nVV+EVpDfn47jUHqn3qAcOupE5iR/epOlrI6n9x+vcGUrv71b1JTDuw8vkD++yZ27Rv5ylWH11uV4WNX1h9fwGAKqVxXUzmlUEEIAtUu+F7mzld/NGc+L9/pVaRdfxCBSebhncI+Hw/EFct3Kx/8Ql2k77vIM7uXHjx9fv30+ny+X05q8aHdwkYz++7hgXgF3ipB/Pl9Op8NvcI3/B7i5wroQ1PO45x+/lvN/iOtqaqvyPO7nG7iXP4aLANg0RNFE345PMwLiHVxEwKFOP2vbyO7XR3ERQgBsqvGOnUz7ZuIGt+OgTtYYG0PRIRGRjGMsquOC7eMs1ZxDLCbSkGPF1Tlf44Ijayw5KLqmIigeu+9cbdBguDefTpfz+fO3Nflpi6upNgqbNCpM1ntDlOrHoi32EiB0LseGFK5wFyIh9E0WVKoGnXg4VFNWCq/GBSsZsbShbavKtpltnn5EE/DI2rZUN+SHDe5Smai6jgqICS0plYtmid+zrDUVlYF1x5UydBK+iESr6xPHrixamuNxM5/0L3GzaVaOADnAcWbxklfTIjAPX0Ry+QkgYogW1sXsvM1FAW28bfkwDhAy+YQDV69jMCT5CHKw6I4VGz/FyBPywLVkPAFYwy+WVrhoxaUMIafSNo+yxMC+duImn5qGrVW5VuPQnlJEjh9c0ziymw2zK+TtEBAZK0kyqYcUJBERpUQ89aAXRIhQXUpqUU3czIUACJGp5B3Eo1Sz5nUYMN9vyMSVxXL3O7MsAFofX3TmYPm7650VJYbcqtlJaMA4Y2bDIrxzEC0NRpZykWxrmSrgiQtnH64iH+/hMujCYYYtLlhvoehzoSUpBnpwSGMv9yKqwY8OfAdXYLqWhoEE14knvQ9Xeg3cx20B4wYXabRn13MleQySnCRv0HAsiy+iH8DtiriitqTsMdr6tcC+9+IicSiUHE7cfpCy8GedNxtc1+r2Ja4PvWjZLiW+Frcb17Z7NdSZeelaUvtw5Tj1InqNC93qb+Bab5zx8Qau4mom9voquGJxVHRO7EJS0ns687wt6QodJi5SPYhWxbzFZZBF0FZ7V0qsr8D6JYUhuAdXbhMrj5E7g2Xfz+DOPTpxgzdh2rkFwQZX+jXhbFACLhr0K1O3kpryYKtKamrTY5aEs8tnceUEnriaszVxodknbpRp88R3PSnUoxzHEwxNYX4IV0xh67tVUWibbD8uoppHEuO6a1wQt2kaBFd3qND73RJCmlHoHlyP1GhAyNbr27iySDYDCpHVoG3nlpzKMrfrm8A8JI02Ubi6PZGUZ+g8mCSuYHwCbthWD1zOOg02EQvtSBvB9XQYyzZ9A1e0zpT8lLRykge5VftwhcIkp7Wj4hQlcBsXpqz2xa6qy0S3tHnzH5Foy/o+LxI5AQNoTriHi9RxQTS/un7Z2RF50n5cFahHEXH0fTO/Zhbbq9OKhecNXLSt+bZRCp0hjODmr2XCHVwFqZNANCOwuYBxkucncBUGF1OKGroBtNPcU5ZidqC0awSoy8RFXpyDTuVcWI0OvjrH9UyLv1j8tQna8c+mD6dHPGUs98g4gi7gxmdzUcXTT3lL8ijgOr4aAAAAAElFTkSuQmCC') !important;
+#sound, .vote-count-container.stars .img {
+  filter: url("data:image/svg+xml;utf8, <svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'i\'><feColorMatrix color-interpolation-filters=\'srgb\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#i");
+  -webkit-filter: invert(100%) !important;

 }
 }