dwb/userstyles/stackoverflow.com.css

   1  /***************************************************************
   2  StackOverflow Dark v2.7.1 (4/19/2015)
   3  https://github.com/StylishThemes/StackOverflow-Dark
   4  http://userstyles.org/styles/35345
   5
   6  previous version information contained at the userstyles site
   7  ****************************************************************/
   8
   9  * {
  10   border-color: #444 !important;
  11   text-shadow: none !important;
  12   box-shadow: none !important;
  13  }
  14
  15  body {
  16   background-color: #191919 !important;
  17   background-image: /*[[bg-choice]]*/ url() !important;
  18   background-clip: border-box !important;
  19   background-origin: padding-box !important;
  20   /*[[bg-options]]*/
  21   /*[[bg-options2]]*/
  22  }
  23
  24  /* === custom color === */
  25  a, .profile-popup a, .seWrapper a, .post-tag, .comments-link, .tag-synonym-link {
  26   color: /*[[base-color]]*/ #008080 !important
  27  }
  28
  29  .nav .primarynav li a:hover, .message.message-config .actions .button, .btn-careers:hover,
  30  .btn-careers:visited {
  31   color: #fff !important;
  32   background: /*[[base-color]]*/ #008080 !important;
  33  }
  34
  35  .post-tag:hover, .comments-link:hover, .summary .post-tag:hover , .commentslink, .bounty-indicator,
  36  .bounty-indicator-tab, .bounty-award, span.bounty-indicator-tab, #change-picture, .top-badge,
  37  .supernovabg, .hotbg, .nav li.youarehere a, .nav a:hover, a.button:hover, .edit-count {
  38   background-color: /*[[base-color]]*/ #008080 !important;
  39   color: #eee !important;
  40  }
  41
  42  /* === text selection === */
  43  ::selection {
  44   background: /*[[base-color]]*/ #008080 !important;
  45   color: #fff !important;
  46  }
  47  ::-moz-selection {
  48   background: /*[[base-color]]*/ #008080 !important;
  49   color: #fff !important;
  50  }
  51
  52  /* === input focus hightlight === */
  53  input:focus {
  54   border-color: /*[[base-color]]*/ #008080 !important;
  55   box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.075) inset, 0px 0px 5px rgba(255, 255, 255, .075) !important;
  56  }
  57  .tag-editor input:focus {
  58   border: 0 !important;
  59   box-shadow: none !important;
  60  }
  61
  62  /* === hidden === */
  63  div.hireme, div#hireme, .next-answer-hook-container {
  64   display: none !important;
  65  }
  66
  67  /* === background color === */
  68  /* from darkest to lightest grey */
  69  .search-container input[type=text] {
  70   background-color: #000 !important;
  71  }
  72  .popup-badges .all-badge-progress .completed:before {
  73   background-color: rgba(0,0,0,0.4) !important;
  74  }
  75
  76  #custom-header, .review-bar, .diff-choices a.selected, #header #topbar, td.owner, a.owner, .question-status,
  77  .profile-popup, .profile-popup div, .profile-popup th, .profile-popup td, #global, .actual-edit-overlay,
  78  input:not([type='submit']), textarea, #search input, .tag-editor {
  79   background-color: #111 !important;
  80   color: #ddd !important;
  81  }
  82
  83  .summary .post-tag, .onebox, .profile-ad, .message.message-config {
  84   background: #151515 !important;
  85  }
  86
  87  html, blockquote, #post-preview, .nav .primarynav li a, #chat, #hsearch .textbox, .form-item, .grippie,
  88  .welovestackoverflow, #wmd-button-bar, .wmd-button-bar, .qa-block, .content-block, .user-info-rep, .sidebar,
  89  .popup, #footer {
  90   background: #191919 none !important
  91  }
  92
  93  .authcomment, .seIntro, .seFooter {
  94   background-color: #191919 !important;
  95   border: 2px solid #262626 !important;
  96  }
  97
  98  #tabs a {
  99   border: 1px solid transparent !important;
 100  }
 101
 102  #tabs a.youarehere, .tabs a.youarehere, .tag-suggestions {
 103   background: #191919 !important;
 104   border: 1px solid #444 !important;
 105  }
 106  .tabs a.youarehere {
 107   border-bottom: 0 !important;
 108  }
 109
 110
 111  #user-about-me, .user-about-me, .mine .messages, .avatar-card, .tag-container {
 112   background: #191919 !important;
 113   border: 0px !important;
 114   color: #C1BEBA !important;
 115  }
 116
 117  .topbar-dialog, .topbar-dialog .header, .share-tip, #input-area, .messages,
 118  #tag-menu, .sidebar h3, #overlay-header, .action-list .action-selected, .switcher-nudge-lightbox,
 119  .user-rep-chart-summary-tooltip:hover, .current-site-container {
 120   background-color: #222 !important;
 121   color: #ddd !important;
 122  }
 123
 124  .profile-popup, .profile-popup tr, .profile-popup th, .profile-gravatar, .newuser, .roomcard,
 125  .seWrapper, h2.index.header, .privilege-table-row:hover, .list-originals .item.hover,
 126  .list-originals .body-summary, .review-instructions-reason, .room-mini {
 127   background-color: #222 !important;
 128   border-color: #555 !important;
 129   color: #ddd !important;
 130  }
 131
 132  #header #topbar, .revision-comment, .date-span, .post-tag, .form-submit input, .preferred-login,
 133  .mdhelp, .wmd-help-button.active-help, .date_brick, .more-info {
 134   background: #222 !important;
 135   color: #ddd !important;
 136   -webkit-border-radius: 3px !important;
 137   border-radius: 3px !important;
 138  }
 139  .calendar, .calendar-small, .mspark .mspbar {
 140   background: #222 !important;
 141  }
 142
 143  .ad502-room, .message.message-config .actions, .tag-container .col {
 144   background-color: #232323 !important;
 145   border: 1px solid #191919 !important;
 146  }
 147
 148  .rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes, .ob-post-votes, .card {
 149   background-color: #232323 !important;
 150   color: #bbb !important;
 151  }
 152
 153  .answer, #system-message, .commentlist, .revision td, #hero-content, .mdhelp-tabs .selected, .tabs .selected,
 154  .rep-card .rep-col {
 155   background: #232323 !important;
 156   color: #999 !important;
 157  }
 158
 159  .tagged-interesting, .tagged-interesting .views, .highlight-row, .highlighted, .card.rep-card .graph,
 160  .popup-badges .badge-progress:hover:not(.completed) {
 161   background-color: #242424 !important;
 162   background-image: none !important;
 163  }
 164
 165  .nav li, .seNav, .topbar a.topbar-icon-on, .topbar a.topbar-icon-on:hover, .owner, .nav a,
 166  .module li.current, .seCurrent, .community-bulletin, .owner-revision td, .markdown-diff .skip,
 167  #footer .container, .body-diffs .skip, .newsletter-anon, .tag-suggestions>div:hover,
 168  .topbar-dialog .modal-content li:hover, .timestamp:hover+div.message .meta, div.message:hover .meta,
 169  #side-menu ul li a:hover, .conversation-info {
 170   background-color: #333 !important;
 171  }
 172
 173  .owner-answer, .question-status, .notification, #feed-ticker, #top-menu, .vote-revision td,
 174  .topbar-dialog .unread-item, .privileges-wrapper .stroke, .progress-bar .bar {
 175   background: #404040 !important;
 176  }
 177
 178  tr.comment:hover, .reply-parent, .timestamp, .usercard, .page-numbers.current,
 179  .comment-help, .answer-help-background, .mdhelp-tabs, .tabs li, .hi, .seNavLinks a:hover,
 180  .seNavLinks a:focus, .itemBoxNew {
 181   background-color: #444 !important;
 182   color: #ddd !important;
 183  }
 184
 185  #post-text-container div span {
 186   background: #c1beba !important
 187  }
 188
 189  /* === Brown(ish) === */
 190  .new-post-activity, #new-answer-activity, .val-info, .highlight {
 191   background-color: #321 !important;
 192  }
 193
 194  /* chat room buttons */
 195  a.button {
 196   background: #840 !important;
 197   color: #eee !important;
 198  }
 199
 200  /* === Green === */
 201  .accepted-answer, .suggested-edit .inserted, .markdown-diff .inserted, .rep-increase, .progress-bar .percent,
 202  .recommended, .vote.accepted {
 203   background: #232 !important;
 204  }
 205
 206  .answered, .answer-votes, .answered .vote-count-post {
 207   background: #232323 !important;
 208   color: #4b553c !important
 209  }
 210
 211  .answered-accepted, .answered-accepted strong, .rep-up.bounty-indicator-tab, .user-rep-chart-summary-bar,
 212  .special-rep {
 213   background: #4b553c !important;
 214   color: #fff !important
 215  }
 216
 217  .answered strong {
 218   color: #4b553c !important
 219  }
 220
 221  /* === Red === */
 222  .deleted-answer, .suggested-edit .deleted, .markdown-diff .deleted {
 223   background-color: #200 !important;
 224  }
 225
 226  a.moderator-tag {
 227   background-color: #400 !important;
 228  }
 229
 230  a.moderator-tag:hover {
 231   background-color: #600 !important;
 232  }
 233
 234  /* === Transparent background === */
 235  div.message .meta, .spaces, .comment, span.feed-icon, a.role-switch, .nav.careers li, .nav.careers li:hover,
 236  .switcher-nudge-content p, #content, #tabs a, .tabs a, #chat .username, #chat .messages, .tag-container {
 237   background-color: transparent !important;
 238  }
 239
 240  #tabs a:hover {
 241   background-color: #191919 !important;
 242   border: 1px solid #666666 !important;
 243   border-bottom: 1px solid #191919 !important;
 244  }
 245
 246  .highcharts-container rect[fill="#FFFFFF"], rect[fill="rgb(255, 255, 255)"] {
 247   fill: transparent !important;
 248  }
 249
 250  /* === Dark border === */
 251  .body-diffs table * {
 252   border-color: #111 !important;
 253  }
 254
 255  a.required-tag, .welovestackoverflow, .question-summary, .subheader {
 256   border-color: #333 !important;
 257  }
 258
 259  .message .message-tip-top-right:before, .message .message-tip-top-left:before {
 260   border-bottom-color: #191919 !important;
 261  }
 262
 263  /* === No/hide border === */
 264  div.list > div {
 265   border-right: 0 !important;
 266  }
 267  .module, .tabs a, div.message {
 268   border-color: transparent !important;
 269  }
 270  div.message:hover, .timestamp:hover + div.message {
 271   visibility: inherit;
 272   border: 1px dotted #333;
 273  }
 274
 275  /* blue label count */
 276  .bounty-indicator-tab, .hero.profile {
 277   background: #046 !important;
 278   color: #ccc !important;
 279  }
 280
 281  /* === Text Color === */
 282  div, input, .accepted-answer .post-text, .accepted-answer .user-action-time, #question-header a,
 283  .post-text, .user-info, .topbar-dialog .header h3, .topbar-dialog .header h3 a, .topbar-dialog span,
 284  .search-result .answered .vote-count-post strong, .votes-cast-stats th, .subheader h1, .vote.accepted,
 285  .message.message-config h1, .message.message-config h2, .message.message-config h3, .message.message-config h4 {
 286   color: #ddd !important;
 287  }
 288
 289  /* placeholder */
 290  ::-webkit-input-placeholder {
 291   color: #ddd !important;
 292  }
 293  ::-moz-placeholder {
 294   color: #ddd !important;
 295  }
 296
 297  .user-details td, .content-page, h2, h2 a, .profile-popup a:hover, .module h4, .page-description,
 298  #openid_identifier, .form-item label {
 299   color: #c1beba !important
 300  }
 301
 302  .comment, #top-menu a, .subheader a, .reputation a, .reputation-score, a:visited, .relativetime.old,
 303  .votes-cast-stats td, .mini-counts span, #chat .system-message, .card .rep, a.badge, a.badge-tag,
 304  .user-card .user-stats .number, .user-card .user-card-name {
 305   color: #aaa !important;
 306  }
 307  .ob-post-tag, .ob-user-tag {
 308   color: #999 !important;
 309  }
 310
 311  .answered-accepted strong, .youarehere, .nav .primarynav li a, .nav a, a:hover, .rep-up.special-rep {
 312   color: #fff !important
 313  }
 314
 315  input, .actual-edit-overlay {
 316   -webkit-text-fill-color: #fff !important;
 317  }
 318
 319  .rep-up {
 320   color: #4b553c !important;
 321  }
 322  .rep-down {
 323   color: #d65 !important;
 324  }
 325
 326  /* dark blue */
 327  .result-highlight {
 328   color: #aa0 !important;
 329  }
 330
 331  /* brown/dark orange */
 332  .warm {
 333   color: #840 !important;
 334  }
 335
 336  /* orange */
 337  .hot {
 338   color: #a20 !important;
 339  }
 340
 341  /* light brown */
 342  .unanswered {
 343   color: #9a4444 !important;
 344  }
 345
 346  /* === Style adjustments === */
 347  a.question-hyperlink, a:hover, a:visited {
 348   text-decoration: underline !important;
 349  }
 350
 351  .nav a, .post-tag, .comments-link, .tag-synonym-link, a.post-tag:hover, .topbar a {
 352   text-decoration: none !important;
 353  }
 354
 355  .post-tag, .comments-link, .tag-synonym-link {
 356   margin: 2px !important;
 357   padding: 3px !important;
 358   font-size: 80% !important;
 359   line-height: 2.2 !important;
 360   white-space: nowrap !important
 361  }
 362
 363  .tag-container .col {
 364   margin: 0 !important;
 365   border: #333 1px solid !important;
 366  }
 367  .tag-container.row {
 368   margin: 2px !important;
 369  }
 370  .stats {
 371   margin-top: 5px !important;
 372  }
 373  #hsearch, .statscontainer {
 374   margin-right: 5px !important;
 375  }
 376  .stats {
 377   margin-bottom: 4px !important;
 378  }
 379
 380  .nav .primarynav li a, .list-originals .stats {
 381   display: block !important;
 382   float: left !important
 383  }
 384
 385  /* === badges === */
 386  a.badge[title^="bronze"], a.badge-tag[title^="bronze"], .badge3 + .badgecount {
 387   color: #cc9966 !important;
 388  }
 389  a.badge[title^="silver"], a.badge-tag[title^="silver"], .badge2 + .badgecount {
 390   color: #c5c5c5 !important;
 391  }
 392  a.badge[title^="gold"], a.badge-tag[title^="gold"], .badge1 + .badgecount {
 393   color: #ffcc46 !important;
 394  }
 395  .badge-tag, a.tag, .ob-post-tag, .ob-user-tag {
 396   background-color: #191919 !important;
 397   border-color: #111 !important;
 398  }
 399  .badge3-alternate, .progress-bar.badge-3 .bar .percent {
 400   background-color: #7C4318 !important; /* bronze */
 401  }
 402  .badge2-alternate, .progress-bar.badge-2 .bar .percent {
 403   background-color: #464a4f !important; /* silver */
 404  }
 405  .badge1-alternate, .progress-bar.badge-1 .bar .percent {
 406   background-color: #957000 !important; /* gold */
 407  }
 408
 409  /* === code & syntax highlighting === */
 410  pre, code, .pln, .youarehere {
 411   background: #333 !important;
 412   color: #ccc !important;
 413  }
 414
 415  .str { color: #0a0 !important; }
 416  .lit { color: #d65 !important; }
 417  .pun { color: #999 !important; } /* parenthesis */
 418  .kwd { color: #08f !important; } /* keyword */
 419  .tag { color: #999 !important; } /* html tag */
 420  .atn { color: #088 !important; } /* attribute */
 421  .atv { color: #0a0 !important; } /* attribute value*/
 422  .dec { color: #90a !important; } /* doc type */
 423
 424  /* === Images === */
 425  .wmd-button>span {
 426   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/wmd-buttons.png) !important;
 427  }
 428
 429  #hlogo img, .everyonelovesstackoverflow, #newsletter-ad { opacity: 0.3 !important; }
 430
 431  #footer-logo {
 432   background-size: contain !important;
 433   background-repeat: no-repeat !important;
 434  }
 435
 436  #header-logo img, #footer-logo img {
 437   visibility: hidden !important;
 438  }
 439
 440  #sound, .vote-count-container.stars .img {
 441   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");
 442   -webkit-filter: invert(100%) !important;
 443  }
 444
 445
 446 /* site logos */
 447 #hlogo a, #footer-logo {
 448   /* background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important; */
 449   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgMjQwIDUwIj48ZyBzdHlsZT0iZmlsbDojZGRkZGRkIj48cGF0aCBkPSJNNDEuOCA0NWMtMi4zIDAtNC4xLTAuNS01LjYtMmwxLjMtMS4zYzEuMSAxLjEgMi42IDEuNiA0LjMgMS42YzIuMyAwIDMuNy0wLjggMy43LTIuNGMwLTEuMi0wLjctMS45LTIuMy0ybC0yLjMtMC4yIGMtMi43LTAuMi00LjEtMS40LTQuMS0zLjdjMC0yLjUgMi4xLTQgNS00YzIgMCAzLjcgMC41IDQuOSAxLjVsLTEuMyAxLjNjLTEtMC44LTIuMi0xLjEtMy43LTEuMWMtMiAwLTMuMSAwLjktMy4xIDIuMyBjMCAxLjIgMC43IDEuOSAyLjQgMmwyLjIgMC4yYzIuNCAwLjIgNCAxLjEgNCAzLjdDNDcuNCA0My41IDQ1LjEgNDUgNDEuOCA0NXoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNNTMuNSA0NC44Yy0yLjMgMC0zLjUtMS42LTMuNS0zLjd2LTguNGgtMS43di0xLjVINTB2LTQuM2gydjQuM2gyLjl2MS41SDUydjguNGMwIDEuMyAwLjYgMiAxLjkgMkg1NXYxLjcgQzU1IDQ0LjggNTMuNSA0NC44IDUzLjUgNDQuOHoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNNjUuMyA0NC44di0xLjNjLTEuMSAxLjEtMi4xIDEuNS00IDEuNXMtMy0wLjQtMy45LTEuM2MtMC43LTAuNy0xLTEuNy0xLTIuOGMwLTIuNCAxLjctNCA0LjctNGg0LjF2LTEuM2MwLTItMS0zLTMuNS0zIGMtMS44IDAtMi42IDAuNC0zLjUgMS42TDU3IDMzYzEuMi0xLjYgMi42LTIgNC44LTJjMy43IDAgNS41IDEuNiA1LjUgNC42djkuM0w2NS4zIDQ0LjhMNjUuMyA0NC44eiBNNjUuMyAzOC41aC0zLjggYy0yLjEgMC0zLjEgMC44LTMuMSAyLjRjMCAxLjYgMSAyLjMgMy4xIDIuM2MxLjIgMCAyLjItMC4xIDMuMS0wLjljMC41LTAuNCAwLjctMS4yIDAuNy0yLjRWMzguNXoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNNzUuMSA0NWMtMy41IDAtNi4xLTIuMy02LjEtN3MyLjYtNyA2LjEtN2MxLjkgMCAzLjEgMC41IDQuNSAybC0xLjQgMS4zYy0xLTEuMS0xLjgtMS41LTMuMS0xLjVjLTEuMyAwLTIuNSAwLjUtMy4yIDEuNiBjLTAuNiAwLjktMC45IDItMC45IDMuN3MwLjMgMi44IDAuOSAzLjdjMC43IDEgMS44IDEuNiAzLjIgMS42YzEuMyAwIDIuMS0wLjQgMy4xLTEuNmwxLjQgMS4zQzc4LjIgNDQuNSA3NyA0NSA3NS4xIDQ1eiIgc3R5bGU9ImZpbGw6I2ZmZmZmZiIvPjxwYXRoIGQ9Ik05MC42IDQ0LjhsLTQuMy03bC0yLjcgMy4xdjRoLTJWMjVoMnYxMy4zbDYuMi03LjFoMi41bC00LjcgNS4ybDUuNSA4LjVMOTAuNiA0NC44TDkwLjYgNDQuOHoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNMTAzLjggNDMuM2MtMC44IDAuOS0yLjIgMS43LTQuMyAxLjdjLTIgMC0zLjQtMC44LTQuMy0xLjdjLTEuMi0xLjMtMS42LTIuOS0xLjYtNS40czAuMy00IDEuNi01LjMgYzAuOC0wLjkgMi4yLTEuNyA0LjMtMS43YzIgMCAzLjQgMC44IDQuMyAxLjdjMS4yIDEuMyAxLjYgMi45IDEuNiA1LjNDMTA1LjQgNDAuNSAxMDUgNDIgMTAzLjggNDMuM3ogTTEwMS4xIDM0LjYgYy0wLjQtMC40LTAuOS0wLjYtMS42LTAuNnMtMS4yIDAuMi0xLjYgMC42Yy0wLjcgMC43LTAuOCAxLjktMC44IDMuM2MwIDEuNCAwLjEgMi42IDAuOCAzLjRjMC40IDAuNCAwLjkgMC42IDEuNiAwLjYgczEuMi0wLjIgMS42LTAuNmMwLjctMC43IDAuOC0xLjkgMC44LTMuNEMxMDEuOSAzNi41IDEwMS45IDM1LjMgMTAxLjEgMzQuNnoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNMTEzLjEgNDQuOGgtMi43bC01LjEtMTMuN2gzLjZsMi44IDguNWwyLjgtOC41aDMuNkwxMTMuMSA0NC44eiIgc3R5bGU9ImZpbGw6I2ZmZmZmZiIvPjxwYXRoIGQ9Ik0xMjEuNCAzOWMwIDEuOCAxLjEgMy4xIDMgMy4xYzEuNSAwIDIuMi0wLjQgMy4xLTEuM2wyLjEgMmMtMS40IDEuNC0yLjcgMi4yLTUuMiAyLjJjLTMuMiAwLTYuNC0xLjUtNi40LTcuMSBjMC00LjUgMi40LTcgNi03YzMuOCAwIDYgMi44IDYgNi42VjM5SDEyMS40eiBNMTI2LjMgMzUuMmMtMC40LTAuOC0xLjEtMS40LTIuMy0xLjRjLTEuMiAwLTEuOSAwLjYtMi4zIDEuNCBjLTAuMiAwLjUtMC4zIDAuOS0wLjMgMS41aDUuMkMxMjYuNiAzNi4xIDEyNi41IDM1LjcgMTI2LjMgMzUuMnoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNMTM5LjIgMzQuOGMtMC41LTAuNS0xLTAuOC0xLjgtMC44Yy0xLjEgMC0yLjIgMC44LTIuMiAyLjV2OC4zaC0zLjRWMzEuMWgzLjR2MS4zYzAuNy0wLjggMi0xLjUgMy41LTEuNSBjMS4zIDAgMi4zIDAuMyAzLjIgMS4zTDEzOS4yIDM0Ljh6IiBzdHlsZT0iZmlsbDojZmZmZmZmIi8+PHBhdGggZD0iTTE0Ny41IDMzLjd2MTEuMWgtMy40VjMzLjdoLTEuNHYtMi42aDEuNHYtMS43YzAtMiAxLjItMy45IDQtMy45aDJ2Mi45aC0xLjNjLTAuOCAwLTEuMiAwLjQtMS4yIDEuMnYxLjVoMi41djIuNkgxNDcuNXogTTE1NS42IDQ0LjhjLTIuOCAwLTQtMi00LTMuOVYyNS40aDMuNHYxNS4yYzAgMC44IDAuMyAxLjIgMS4yIDEuMmgxLjN2Mi45TDE1NS42IDQ0Ljh6IiBzdHlsZT0iZmlsbDojZmZmZmZmIi8+PHBhdGggZD0iTTE2OC4yIDQzLjNjLTAuOCAwLjktMi4yIDEuNy00LjMgMS43Yy0yIDAtMy40LTAuOC00LjMtMS43Yy0xLjItMS4zLTEuNi0yLjktMS42LTUuNHMwLjMtNCAxLjYtNS4zIGMwLjgtMC45IDIuMi0xLjcgNC4zLTEuN2MyIDAgMy40IDAuOCA0LjMgMS43YzEuMiAxLjMgMS42IDIuOSAxLjYgNS4zQzE2OS43IDQwLjUgMTY5LjQgNDIgMTY4LjIgNDMuM3ogTTE2NS41IDM0LjYgYy0wLjQtMC40LTAuOS0wLjYtMS42LTAuNnMtMS4yIDAuMi0xLjYgMC42Yy0wLjcgMC43LTAuOCAxLjktMC44IDMuM2MwIDEuNCAwLjEgMi42IDAuOCAzLjRjMC40IDAuNCAwLjkgMC42IDEuNiAwLjYgczEuMi0wLjIgMS42LTAuNmMwLjctMC43IDAuOC0xLjkgMC44LTMuNEMxNjYuMyAzNi41IDE2Ni4yIDM1LjMgMTY1LjUgMzQuNnoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNMTg1LjEgNDQuOGgtMi44bC0yLjktOC42bC0yLjkgOC42aC0yLjhsLTQuMi0xMy43aDMuNmwyLjIgOC41bDIuOC04LjVoMi41bDIuOCA4LjVsMi4yLTguNWgzLjZMMTg1LjEgNDQuOHoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48L2c+PHJlY3QgeD0iNiIgeT0iMzguOSIgZmlsbD0iIzgxODE4NSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjMiLz48cG9seWdvbiBmaWxsPSIjODE4MTg1IiBwb2ludHM9IjI2LDMwLjkgMjYsNDQuOSAzLDQ0LjkgMywzMC45IDAsMzAuOSAwLDQ3LjkgMCw0Ny45IDI5LDQ3LjkgMjksMzAuOSIvPjxyZWN0IHg9IjYuMiIgeT0iMzMuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC45OTU4IDkuMTkzMTc4ZS0wMiAtOS4xOTMxNzhlLTAyIDAuOTk1OCAzLjI3NDUgLTEuMTkzNSkiIGZpbGw9IiNBNjhBNkUiIHdpZHRoPSIxNi44IiBoZWlnaHQ9IjMiLz48cG9seWdvbiBmaWxsPSIjQkY5NDUyIiBwb2ludHM9IjIzLjIsMzIuOSA2LjksMjguOSA3LjYsMjUuOSAyMy45LDMwIi8+PHBvbHlnb24gZmlsbD0iI0QyOEIyOSIgcG9pbnRzPSIyNC4zLDI4LjIgOS42LDIwLjcgMTEsMTguMiAyNS42LDI1LjciLz48cG9seWdvbiBmaWxsPSIjRjY4QTFGIiBwb2ludHM9IjI2LjcsMjQuNyAxMy43LDEzLjkgMTUuNywxMS43IDI4LjcsMjIuNCIvPjxwb2x5Z29uIGZpbGw9IiNGNDc5MjAiIHBvaW50cz0iMjkuNiwyMSAyMC4xLDcuNiAyMi41LDYgMzIuMSwxOS40Ii8+PC9zdmc+') !important;
 450  }
 451
 452  #hlogo a {
 453   /* background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/meta-logo.png) !important; */
 454   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgMjQwIDUwIj48Zz48cGF0aCBmaWxsPSIjNDQ0NDQ0IiBkPSJNNDEuOCA0NWMtMi4zIDAtNC4xLTAuNS01LjYtMmwxLjMtMS4zYzEuMSAxLjEgMi42IDEuNiA0LjMgMS42YzIuMyAwIDMuNy0wLjggMy43LTIuNGMwLTEuMi0wLjctMS45LTIuMy0yIGwtMi4zLTAuMmMtMi43LTAuMi00LjEtMS40LTQuMS0zLjdjMC0yLjUgMi4xLTQgNS00YzIgMCAzLjcgMC41IDQuOSAxLjVsLTEuMyAxLjNjLTEtMC44LTIuMi0xLjEtMy43LTEuMWMtMiAwLTMuMSAwLjktMy4xIDIuMyBjMCAxLjIgMC43IDEuOSAyLjQgMmwyLjIgMC4yYzIuNCAwLjIgNCAxLjEgNCAzLjdDNDcuNCA0My41IDQ1LjEgNDUgNDEuOCA0NXoiLz48cGF0aCBmaWxsPSIjNDQ0NDQ0IiBkPSJNNTMuNSA0NC44Yy0yLjMgMC0zLjUtMS42LTMuNS0zLjd2LTguNGgtMS43di0xLjVINTB2LTQuM2gydjQuM2gyLjl2MS41SDUydjguNGMwIDEuMyAwLjYgMiAxLjkgMkg1NXYxLjcgSDUzLjV6Ii8+PHBhdGggZmlsbD0iIzQ0NDQ0NCIgZD0iTTY1LjMgNDQuOHYtMS4zYy0xLjEgMS4xLTIuMSAxLjUtNCAxLjVzLTMtMC40LTMuOS0xLjNjLTAuNy0wLjctMS0xLjctMS0yLjhjMC0yLjQgMS43LTQgNC43LTRoNC4xdi0xLjMgYzAtMi0xLTMtMy41LTNjLTEuOCAwLTIuNiAwLjQtMy41IDEuNkw1NyAzM2MxLjItMS42IDIuNi0yIDQuOC0yYzMuNyAwIDUuNSAxLjYgNS41IDQuNnY5LjNMNjUuMyA0NC44TDY1LjMgNDQuOHogTTY1LjMgMzguNWgtMy44IGMtMi4xIDAtMy4xIDAuOC0zLjEgMi40YzAgMS42IDEgMi4zIDMuMSAyLjNjMS4yIDAgMi4yLTAuMSAzLjEtMC45YzAuNS0wLjQgMC43LTEuMiAwLjctMi40VjM4LjV6Ii8+PHBhdGggZmlsbD0iIzQ0NDQ0NCIgZD0iTTc1LjEgNDVjLTMuNSAwLTYuMS0yLjMtNi4xLTdzMi42LTcgNi4xLTdjMS45IDAgMy4xIDAuNSA0LjUgMmwtMS40IDEuM2MtMS0xLjEtMS44LTEuNS0zLjEtMS41IGMtMS4zIDAtMi41IDAuNS0zLjIgMS42Yy0wLjYgMC45LTAuOSAyLTAuOSAzLjdzMC4zIDIuOCAwLjkgMy43YzAuNyAxIDEuOCAxLjYgMy4yIDEuNmMxLjMgMCAyLjEtMC40IDMuMS0xLjZsMS40IDEuMyBDNzguMiA0NC41IDc3IDQ1IDc1LjEgNDV6Ii8+PHBhdGggZmlsbD0iIzQ0NDQ0NCIgZD0iTTkwLjYgNDQuOGwtNC4zLTdsLTIuNyAzLjF2NGgtMlYyNWgydjEzLjNsNi4yLTcuMWgyLjVsLTQuNyA1LjJsNS41IDguNUw5MC42IDQ0LjhMOTAuNiA0NC44eiIvPjxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xMDMuOCA0My4zYy0wLjggMC45LTIuMiAxLjctNC4zIDEuN2MtMiAwLTMuNC0wLjgtNC4zLTEuN2MtMS4yLTEuMy0xLjYtMi45LTEuNi01LjRzMC4zLTQgMS42LTUuMyBjMC44LTAuOSAyLjItMS43IDQuMy0xLjdjMiAwIDMuNCAwLjggNC4zIDEuN2MxLjIgMS4zIDEuNiAyLjkgMS42IDUuM0MxMDUuNCA0MC41IDEwNSA0MiAxMDMuOCA0My4zeiBNMTAxLjEgMzQuNiBjLTAuNC0wLjQtMC45LTAuNi0xLjYtMC42cy0xLjIgMC4yLTEuNiAwLjZjLTAuNyAwLjctMC44IDEuOS0wLjggMy4zYzAgMS40IDAuMSAyLjYgMC44IDMuNGMwLjQgMC40IDAuOSAwLjYgMS42IDAuNiBzMS4yLTAuMiAxLjYtMC42YzAuNy0wLjcgMC44LTEuOSAwLjgtMy40QzEwMS45IDM2LjUgMTAxLjkgMzUuMyAxMDEuMSAzNC42eiIvPjxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xMTMuMSA0NC44aC0yLjdsLTUuMS0xMy43aDMuNmwyLjggOC41bDIuOC04LjVoMy42TDExMy4xIDQ0Ljh6Ii8+PHBhdGggZmlsbD0iIzQ0NDQ0NCIgZD0iTTEyMS40IDM5YzAgMS44IDEuMSAzLjEgMyAzLjFjMS41IDAgMi4yLTAuNCAzLjEtMS4zbDIuMSAyYy0xLjQgMS40LTIuNyAyLjItNS4yIDIuMiBjLTMuMiAwLTYuNC0xLjUtNi40LTcuMWMwLTQuNSAyLjQtNyA2LTdjMy44IDAgNiAyLjggNiA2LjZWMzlIMTIxLjR6IE0xMjYuMyAzNS4yYy0wLjQtMC44LTEuMS0xLjQtMi4zLTEuNCBjLTEuMiAwLTEuOSAwLjYtMi4zIDEuNGMtMC4yIDAuNS0wLjMgMC45LTAuMyAxLjVoNS4yQzEyNi42IDM2LjEgMTI2LjUgMzUuNyAxMjYuMyAzNS4yeiIvPjxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xMzkuMiAzNC44Yy0wLjUtMC41LTEtMC44LTEuOC0wLjhjLTEuMSAwLTIuMiAwLjgtMi4yIDIuNXY4LjNoLTMuNFYzMS4xaDMuNHYxLjNjMC43LTAuOCAyLTEuNSAzLjUtMS41IGMxLjMgMCAyLjMgMC4zIDMuMiAxLjNMMTM5LjIgMzQuOHoiLz48cGF0aCBmaWxsPSIjNDQ0NDQ0IiBkPSJNMTQ3LjUgMzMuN3YxMS4xaC0zLjRWMzMuN2gtMS40di0yLjZoMS40di0xLjdjMC0yIDEuMi0zLjkgNC0zLjloMnYyLjloLTEuM2MtMC44IDAtMS4yIDAuNC0xLjIgMS4ydjEuNSBoMi41djIuNkgxNDcuNXogTTE1NS42IDQ0LjhjLTIuOCAwLTQtMi00LTMuOVYyNS40aDMuNHYxNS4yYzAgMC44IDAuMyAxLjIgMS4yIDEuMmgxLjN2Mi45TDE1NS42IDQ0Ljh6Ii8+PHBhdGggZmlsbD0iIzQ0NDQ0NCIgZD0iTTE2OC4yIDQzLjNjLTAuOCAwLjktMi4yIDEuNy00LjMgMS43Yy0yIDAtMy40LTAuOC00LjMtMS43Yy0xLjItMS4zLTEuNi0yLjktMS42LTUuNHMwLjMtNCAxLjYtNS4zIGMwLjgtMC45IDIuMi0xLjcgNC4zLTEuN2MyIDAgMy40IDAuOCA0LjMgMS43YzEuMiAxLjMgMS42IDIuOSAxLjYgNS4zQzE2OS43IDQwLjUgMTY5LjQgNDIgMTY4LjIgNDMuM3ogTTE2NS41IDM0LjYgYy0wLjQtMC40LTAuOS0wLjYtMS42LTAuNnMtMS4yIDAuMi0xLjYgMC42Yy0wLjcgMC43LTAuOCAxLjktMC44IDMuM2MwIDEuNCAwLjEgMi42IDAuOCAzLjRjMC40IDAuNCAwLjkgMC42IDEuNiAwLjYgczEuMi0wLjIgMS42LTAuNmMwLjctMC43IDAuOC0xLjkgMC44LTMuNEMxNjYuMyAzNi41IDE2Ni4yIDM1LjMgMTY1LjUgMzQuNnoiLz48cGF0aCBmaWxsPSIjNDQ0NDQ0IiBkPSJNMTg1LjEgNDQuOGgtMi44bC0yLjktOC42bC0yLjkgOC42aC0yLjhsLTQuMi0xMy43aDMuNmwyLjIgOC41bDIuOC04LjVoMi41bDIuOCA4LjVsMi4yLTguNWgzLjYgTDE4NS4xIDQ0Ljh6Ii8+PC9nPjxyZWN0IHg9IjYiIHk9IjM4LjkiIGZpbGw9IiM0NDQ0NDQiIHdpZHRoPSIxNyIgaGVpZ2h0PSIzIi8+PHBvbHlnb24gZmlsbD0iIzQ0NDQ0NCIgcG9pbnRzPSIyNiwzMC45IDI2LDQ0LjkgMyw0NC45IDMsMzAuOSAwLDMwLjkgMCw0Ny45IDAsNDcuOSAyOSw0Ny45IDI5LDMwLjkiLz48cmVjdCB4PSI2LjIiIHk9IjMzLjUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjk5NTggLTkuMTkxNjAyZS0wMiA5LjE5MTYwMmUtMDIgLTAuOTk1OCAyNS45MjI3IDcxLjE5NjEpIiBmaWxsPSIjNDQ0NDQ0IiB3aWR0aD0iMTYuOCIgaGVpZ2h0PSIzIi8+PHBvbHlnb24gZmlsbD0iIzQ0NDQ0NCIgcG9pbnRzPSIyMy4yLDMyLjkgNi45LDI4LjkgNy42LDI1LjkgMjMuOSwzMCIvPjxwb2x5Z29uIGZpbGw9IiM0NDQ0NDQiIHBvaW50cz0iMjQuMywyOC4yIDkuNiwyMC43IDExLDE4LjIgMjUuNiwyNS43Ii8+PHBvbHlnb24gZmlsbD0iIzQ0NDQ0NCIgcG9pbnRzPSIyNi43LDI0LjcgMTMuNywxMy45IDE1LjcsMTEuNyAyOC43LDIyLjQiLz48cG9seWdvbiBmaWxsPSIjNDQ0NDQ0IiBwb2ludHM9IjI5LjYsMjEgMjAuMSw3LjYgMjIuNSw2IDMyLjEsMTkuNCIvPjxnPjxwYXRoIGZpbGw9IiNCRTFFMkQiIGQ9Ik0yMDMuNyA0Mi45di01LjNjMC0xLjItMC44LTEuNS0xLjUtMS41cy0xLjYgMC40LTEuNiAxLjV2NS4zaC0yLjJ2LTUuM2MwLTEuMi0wLjgtMS41LTEuNS0xLjUgcy0xLjYgMC40LTEuNiAxLjV2NS4yaC0yLjJ2LTguNmgyLjJWMzVjMC42LTAuNSAxLjUtMC45IDIuMi0wLjljMSAwIDEuOCAwLjMgMi41IDEuMWMwLjgtMC44IDEuNi0xLjEgMi43LTEuMSBjMC45IDAgMS44IDAuMyAyLjIgMC44YzAuOCAwLjcgMSAxLjUgMSAyLjR2NS41aC0yLjR2MC4xQzIwMy41IDQyLjkgMjAzLjcgNDIuOSAyMDMuNyA0Mi45eiIvPjxwYXRoIGZpbGw9IiNCRTFFMkQiIGQ9Ik0yMDkuOSAzOS4zYzAgMS4xIDAuNyAxLjkgMiAxLjljMSAwIDEuNS0wLjIgMi0wLjhsMS4zIDEuM2MtMC45IDAuOS0xLjggMS4zLTMuNSAxLjMgYy0yLjEgMC00LjMtMC45LTQuMy00LjRjMC0yLjkgMS42LTQuNCA0LTQuNGMyLjYgMCA0IDEuOCA0IDQuMXYxQzIxNS43IDM5LjMgMjA5LjkgMzkuMyAyMDkuOSAzOS4zeiBNMjEzLjMgMzYuOCBjLTAuMi0wLjUtMC44LTAuOS0xLjYtMC45cy0xLjIgMC4zLTEuNiAwLjljLTAuMSAwLjMtMC4yIDAuNS0wLjIgMC45aDMuNUMyMTMuNCAzNy40IDIxMy40IDM3LjIgMjEzLjMgMzYuOHoiLz48cGF0aCBmaWxsPSIjQkUxRTJEIiBkPSJNMjIwLjQgNDIuOWMtMS45IDAtMi43LTEuMi0yLjctMi40di00LjNoLTF2LTEuNmgxVjMyaDIuMnYyLjVoMS42djEuNmgtMS42djQuMmMwIDAuNSAwLjIgMC44IDAuOCAwLjhoMC44IFY0M0wyMjAuNCA0Mi45TDIyMC40IDQyLjl6Ii8+PHBhdGggZmlsbD0iI0JFMUUyRCIgZD0iTTIyOC4xIDQyLjl2LTAuOGMtMC42IDAuNi0xLjIgMC45LTIuMiAwLjlzLTEuOC0wLjItMi40LTAuOGMtMC40LTAuNC0wLjgtMS4yLTAuOC0yYzAtMS4zIDEtMi41IDMuMS0yLjUgaDIuMXYtMC40YzAtMS0wLjQtMS4zLTEuNy0xLjNjLTAuOSAwLTEuMiAwLjItMS44IDAuN2wtMS41LTEuM2MwLjktMC45IDEuOC0xLjIgMy4zLTEuMmMyLjYgMCAzLjkgMSAzLjkgMy4xVjQzIEMyMzAuMiA0Mi45IDIyOC4xIDQyLjkgMjI4LjEgNDIuOXogTTIyOCAzOS4zaC0xLjhjLTAuOCAwLTEuMiAwLjMtMS4yIDFjMCAwLjUgMC40IDEgMS4zIDFjMC43IDAgMSAwIDEuNS0wLjQgYzAuMi0wLjIgMC4zLTAuNSAwLjMtMS4xdi0wLjRMMjI4IDM5LjNMMjI4IDM5LjN6Ii8+PC9nPjwvc3ZnPg==') !important;
 455  }