dwb/userstyles/stackoverflow.com.css

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