dwb/userstyles/stackoverflow.com.css

   1  /***************************************************************
   2  StackOverflow Dark v2.8.10 (10/18/2015)
   3  https://github.com/StylishThemes/StackOverflow-Dark
   4  http://userstyles.org/styles/35345
   5
   6  ** Will apply to almost all StackExchange Sites **
   7  Except:
   8   * Area 51 (area51.stackexchange.com)
   9   * Gaming (gaming.stackexchange.com)
  10   * Rope Playing Games (rpg.stackexchange.com)
  11
  12  ** Please open an issue to report sites where the style breaks **
  13  https://github.com/StylishThemes/StackOverflow-Dark/issues
  14
  15  previous version information contained at the userstyles site
  16  ****************************************************************/
  17
  18  * {
  19   border-color: #444 !important;
  20   text-shadow: none !important;
  21   box-shadow: none !important;
  22  }
  23
  24  body {
  25   background-color: #191919 !important;
  26   background-image: /*[[bg-choice]]*/ url() !important;
  27   background-clip: border-box !important;
  28   background-origin: padding-box !important;
  29   background-attachment: /*[[bg-attachment]]*/ fixed !important;
  30   /*[[bg-options]]*/
  31  }
  32
  33  /* custom code font */
  34  pre.prettyprint {
  35   font-family: "/*[[font-choice]]*/", Monaco, Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
  36  }
  37
  38  /* === custom color === */
  39  a, .profile-popup a, .seWrapper a, .post-tag, .comments-link, .tag-synonym-link, .gs-title b {
  40   color: /*[[base-color]]*/ #008080 !important;
  41  }
  42
  43  .nav .primarynav li a:hover, .message.message-config .actions .button, .btn-careers:hover,
  44  .btn-careers:visited {
  45   color: #fff !important;
  46   background: /*[[base-color]]*/ #008080 !important;
  47  }
  48
  49  .post-tag:hover, .comments-link:hover, .summary .post-tag:hover , .commentslink, .bounty-indicator,
  50  .bounty-indicator-tab, .bounty-award, span.bounty-indicator-tab, #change-picture, .top-badge,
  51  .supernovabg, .hotbg, .nav li.youarehere a, .nav a:hover, a.button:hover, .edit-count, .pager a:hover span {
  52   background-color: /*[[base-color]]*/ #008080 !important;
  53   color: #eee !important;
  54  }
  55
  56  /* === text selection === */
  57  ::selection {
  58   background: /*[[base-color]]*/ #008080 !important;
  59   color: #fff !important;
  60  }
  61  ::-moz-selection {
  62   background: /*[[base-color]]*/ #008080 !important;
  63   color: #fff !important;
  64  }
  65
  66  /* === input focus hightlight === */
  67  input:focus, textarea:focus {
  68   border-color: /*[[base-color]]*/ #008080 !important;
  69   box-shadow: inset 0 1px 2px rgba(0,0,0,0.075), 0 0 2px /*[[base-color]]*/ #008080 !important;
  70   outline-color: transparent !important;
  71  }
  72  .tag-editor input:focus, .previous-button, .next-button {
  73   border: 0 !important;
  74   box-shadow: none !important;
  75  }
  76
  77  /* === hidden === */
  78  div.hireme, div#hireme, .next-answer-hook-container {
  79   display: none !important;
  80  }
  81
  82  /* === background color === */
  83  /* from darkest to lightest grey */
  84  .search-container input[type=text] {
  85   background-color: #000 !important;
  86  }
  87  .popup-badges .all-badge-progress .completed:before, .previous-button, .next-button {
  88   background-color: rgba(0,0,0,0.4) !important;
  89  }
  90
  91  #custom-header, .review-bar, .diff-choices a.selected, #header #topbar, td.owner, a.owner, .question-status,
  92  .profile-popup, .profile-popup div, .profile-popup th, .profile-popup td, #global, .actual-edit-overlay,
  93  input:not([type='submit']), textarea, #search input, .tag-editor {
  94   background-color: #111 !important;
  95   color: #ddd !important;
  96  }
  97
  98  .summary .post-tag, .onebox, .profile-ad, .message.message-config {
  99   background: #151515 !important;
 100  }
 101
 102  html, blockquote, #post-preview, .nav .primarynav li a, #chat, #hsearch .textbox, .form-item, .grippie,
 103  .welovestackoverflow, #wmd-button-bar, .wmd-button-bar, .qa-block, .content-block, .user-info-rep, .sidebar,
 104  .popup, #footer {
 105   background: #191919 none !important
 106  }
 107
 108  .authcomment, .seIntro, .seFooter {
 109   background-color: #191919 !important;
 110   border: 2px solid #262626 !important;
 111  }
 112
 113  #tabs a {
 114   border: 1px solid transparent !important;
 115   padding: 2px 6px 4px 6px !important;
 116  }
 117
 118  #tabs a.youarehere, .tabs a.youarehere, .tag-suggestions {
 119   background: #191919 !important;
 120   border: 1px solid #444 !important;
 121  }
 122  .tabs a.youarehere {
 123   border-bottom: 0 !important;
 124  }
 125
 126  #user-about-me, .user-about-me, .mine .messages, .avatar-card, .tag-container {
 127   background: #191919 !important;
 128   border: 0 !important;
 129   color: #C1BEBA !important;
 130  }
 131
 132  .topbar-dialog, .topbar-dialog .header, .share-tip, #input-area, .messages,
 133  #tag-menu, .sidebar h3, #overlay-header, .action-list .action-selected, .switcher-nudge-lightbox,
 134  .user-rep-chart-summary-tooltip:hover, .current-site-container, #or {
 135   background-color: #222 !important;
 136   color: #ddd !important;
 137  }
 138
 139  .profile-popup, .profile-popup tr, .profile-popup th, .profile-gravatar, .newuser, .roomcard,
 140  .seWrapper, h2.index.header, .privilege-table-row:hover, .list-originals .item.hover,
 141  .list-originals .body-summary, .review-instructions-reason, .room-mini, #formContainer, #switch,
 142  .login-topbar, .newsletter-category, .newsletter-item, .blogcontainer {
 143   background-color: #222 !important;
 144   border-color: #555 !important;
 145   color: #ddd !important;
 146  }
 147
 148  #header #topbar, .revision-comment, .date-span, .post-tag, .form-submit input, .preferred-login,
 149  .mdhelp, .wmd-help-button.active-help, .date_brick, .more-info {
 150   background: #222 !important;
 151   color: #ddd !important;
 152   -webkit-border-radius: 3px !important;
 153   border-radius: 3px !important;
 154  }
 155  .calendar, .calendar-small, .mspark .mspbar, #promo-box {
 156   background: #222 !important;
 157  }
 158
 159  .ad502-room, .message.message-config .actions, .tag-container .col, .congrats {
 160   background-color: #232323 !important;
 161   border: 1px solid #191919 !important;
 162  }
 163
 164  .rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes, .ob-post-votes, .card,
 165  .congrats {
 166   background-color: #232323 !important;
 167   color: #bbb !important;
 168  }
 169
 170  .answer, #system-message, .commentlist, .revision td, #hero-content, .mdhelp-tabs .selected, .tabs .selected,
 171  .rep-card .rep-col {
 172   background: #232323 !important;
 173   color: #999 !important;
 174  }
 175
 176  .container {
 177   background-image: none !important;
 178  }
 179
 180  .tagged-interesting, .tagged-interesting .views, .highlight-row, .highlighted, .card.rep-card .graph,
 181  .popup-badges .badge-progress:hover:not(.completed), #newsletter-ad {
 182   background-color: #242424 !important;
 183   background-image: none !important;
 184  }
 185
 186  #newsletter-ad {
 187   padding: 10px !important;
 188  }
 189  #newsletter-ad:before {
 190   content: 'Love this site?';
 191   font-size: 18px !important;
 192  }
 193
 194  .youarehere {
 195   background: #333 !important;
 196   color: #ccc !important;
 197  }
 198
 199  .nav li, .seNav, .topbar a.topbar-icon-on, .topbar a.topbar-icon-on:hover, .owner, .nav a,
 200  .module li.current, .seCurrent, .community-bulletin, .owner-revision td, .markdown-diff .skip,
 201  #footer .container, .body-diffs .skip, .newsletter-anon, .tag-suggestions>div:hover,
 202  .topbar-dialog .modal-content li:hover, .timestamp:hover+div.message .meta, div.message:hover .meta,
 203  #side-menu ul li a:hover, .conversation-info, .message.reply-parent, .message.reply-child,
 204  .sidebar-element .list li .rep-and-badges, .congrats .actions, .newsletters-toggle {
 205   background-color: #333 !important;
 206  }
 207
 208  .owner-answer, .question-status, .notification, #feed-ticker, #top-menu, .vote-revision td,
 209  .topbar-dialog .unread-item, .privileges-wrapper .stroke, .progress-bar .bar {
 210   background: #404040 !important;
 211  }
 212
 213  tr.comment:hover, .reply-parent, .timestamp, .usercard, .page-numbers.current,
 214  .comment-help, .answer-help-background, .mdhelp-tabs, .tabs li, .hi, .seNavLinks a:hover,
 215  .seNavLinks a:focus, .itemBoxNew {
 216   background-color: #444 !important;
 217   color: #ddd !important;
 218  }
 219
 220  #post-text-container div span {
 221   background: #c1beba !important
 222  }
 223
 224  .sidebar-element .list li .rep-and-badges:before {
 225   background: linear-gradient(270deg, #333, rgba(51,51,51,0));
 226  }
 227
 228  /* === Brown(ish) === */
 229  .new-post-activity, #new-answer-activity, .val-info, .highlight {
 230   background-color: #321 !important;
 231  }
 232
 233  /* chat room buttons */
 234  a.button {
 235   background: #840 !important;
 236   color: #eee !important;
 237  }
 238
 239  /* === Green === */
 240  .accepted-answer, .suggested-edit .inserted, .markdown-diff .inserted, .rep-increase, .progress-bar .percent,
 241  .recommended, .vote.accepted, .suggested-edit .inserted>div {
 242   background: #232 !important;
 243  }
 244
 245  span.diff-add {
 246   background: #3F4E1D !important;
 247   color: #92CC09 !important;
 248  }
 249
 250  /* accepted answer code blocks */
 251  .accepted-answer pre, .accepted-answer code, .accepted-answer pre.prettyprint,
 252  .accepted-answer .prettyprint .pln, .accepted-answer .youarehere, .accepted-answer pre:not(.prettyprint) {
 253   background: #202A20 !important;
 254  }
 255
 256  .answered, .answer-votes, .answered .vote-count-post {
 257   background: #232323 !important;
 258   color: #4b553c !important
 259  }
 260
 261  .answered-accepted, .answered-accepted strong, .rep-up.bounty-indicator-tab, .user-rep-chart-summary-bar,
 262  .special-rep {
 263   background: #4b553c !important;
 264   color: #fff !important
 265  }
 266
 267  .answered strong {
 268   color: #4b553c !important
 269  }
 270
 271  /* === Red === */
 272  .deleted-answer, .suggested-edit .deleted, .markdown-diff .deleted, .suggested-edit .deleted>div {
 273   background-color: #200 !important;
 274  }
 275  span.diff-delete {
 276   background-color: #400f00 !important;
 277   color: #ff4a15 !important;
 278  }
 279
 280  a.moderator-tag {
 281   background-color: #400 !important;
 282  }
 283
 284  a.moderator-tag:hover {
 285   background-color: #600 !important;
 286  }
 287
 288  /* === Transparent background === */
 289  div.message .meta, .spaces, .comment, span.feed-icon, a.role-switch, .nav.careers li, .nav.careers li:hover,
 290  .switcher-nudge-content p, #content, #tabs a, .tabs a, #chat .username, #chat .messages, .tag-container,
 291  .prettyprint code, .lv-info, .lv-stats-wrapper, .lv-stats-wrapper .number, .container, .bottom-notice,
 292  #question-header, .question-form .form-item, .post-menu>a:hover, a.comments-link:hover, #main-content {
 293   background-color: transparent !important;
 294  }
 295
 296  #tabs a:hover {
 297   background-color: #191919 !important;
 298   border: 1px solid #666666 !important;
 299  }
 300
 301  .highcharts-container rect[fill="#FFFFFF"], rect[fill="rgb(255, 255, 255)"] {
 302   fill: transparent !important;
 303  }
 304
 305  /* === Dark border === */
 306  .body-diffs table * {
 307   border-color: #111 !important;
 308  }
 309
 310  a.required-tag, .welovestackoverflow, .question-summary, .subheader {
 311   border-color: #333 !important;
 312  }
 313
 314  .message .message-tip-top-right:before, .message .message-tip-top-left:before {
 315   border-bottom-color: #191919 !important;
 316  }
 317
 318  .left-arrow {
 319   border-right-color: rgba(119,119,119,0.4) !important;
 320  }
 321  .previous-button:hover .left-arrow {
 322   border-right-color: #c0c0c0 !important;
 323  }
 324  .right-arrow {
 325   border-left-color: rgba(119,119,119,0.4) !important;
 326  }
 327  .next-button:hover .right-arrow {
 328   border-left-color: #c0c0c0 !important;
 329  }
 330
 331  /* === No/hide border === */
 332  div.list > div {
 333   border-right: 0 !important;
 334  }
 335  .module, .tabs a, div.message {
 336   border-color: transparent !important;
 337  }
 338  .left-arrow, .right-arrow {
 339   border-bottom-color: transparent !important;
 340   border-top-color: transparent !important;
 341  }
 342  div.message:hover, .timestamp:hover + div.message {
 343   visibility: inherit;
 344   border: 1px dotted #333;
 345  }
 346
 347  /* blue label count */
 348  .bounty-indicator-tab, .hero.profile {
 349   background: #046 !important;
 350   color: #ccc !important;
 351  }
 352
 353  /* === Text Color === */
 354  div, input, .accepted-answer .post-text, .accepted-answer .user-action-time, #question-header a,
 355  .post-text, .user-info, .topbar-dialog .header h3, .topbar-dialog .header h3 a, .topbar-dialog span,
 356  .search-result .answered .vote-count-post strong, .votes-cast-stats th, .subheader h1, .vote.accepted,
 357  .message.message-config h1, .message.message-config h2, .message.message-config h3, .message.message-config h4 {
 358   color: #ddd !important;
 359  }
 360
 361  /* placeholder */
 362  ::-webkit-input-placeholder {
 363   color: #ddd !important;
 364  }
 365  ::-moz-placeholder {
 366   color: #ddd !important;
 367  }
 368
 369  .user-details td, .content-page, h2, h2 a, .profile-popup a:hover, .module h4, .page-description,
 370  #openid_identifier, .form-item label, .subheader h2 {
 371   color: #c1beba !important
 372  }
 373  .comment, #top-menu a, .subheader a, .reputation a, .reputation-score, .relativetime.old,
 374  .votes-cast-stats td, .mini-counts span, #chat .system-message, .card .rep, a.badge, a.badge-tag,
 375  .user-card .user-stats .number, .user-card .user-card-name {
 376   color: #aaa !important;
 377  }
 378  .ob-post-tag, .ob-user-tag {
 379   color: #999 !important;
 380  }
 381
 382  .answered-accepted strong, .youarehere, .nav .primarynav li a, .nav a, a:hover, .rep-up.special-rep {
 383   color: #fff !important
 384  }
 385
 386  input, .actual-edit-overlay {
 387   -webkit-text-fill-color: #fff !important;
 388  }
 389
 390  a:visited {
 391   color: /*[[visited-color]]*/ #ff32a0 !important;
 392  }
 393  .rep-up {
 394   color: #4b553c !important;
 395  }
 396  .rep-down {
 397   color: #d65 !important;
 398  }
 399
 400  /* dark blue */
 401  .result-highlight {
 402   color: #aa0 !important;
 403  }
 404
 405  /* brown/dark orange */
 406  .warm {
 407   color: #840 !important;
 408  }
 409
 410  /* orange */
 411  .hot {
 412   color: #a20 !important;
 413  }
 414
 415  /* light brown */
 416  .unanswered {
 417   color: #9a4444 !important;
 418  }
 419
 420  /* === Style adjustments === */
 421  a.question-hyperlink, a:hover, a:visited {
 422   text-decoration: underline !important;
 423  }
 424
 425  .nav a, .post-tag, .comments-link, .tag-synonym-link, a.post-tag:hover, .topbar a {
 426   text-decoration: none !important;
 427  }
 428
 429  .form-item {
 430   padding-left: 20px !important;
 431  }
 432
 433  .post-tag, .comments-link, .tag-synonym-link {
 434   margin: 2px !important;
 435   padding: 3px !important;
 436   font-size: 80% !important;
 437   line-height: 2.2 !important;
 438   white-space: nowrap !important
 439  }
 440
 441  .tag-container .col {
 442   margin: 0 !important;
 443   border: #333 1px solid !important;
 444  }
 445  .tag-container.row {
 446   margin: 2px !important;
 447  }
 448  .stats {
 449   margin-top: 5px !important;
 450  }
 451  #hsearch, .statscontainer {
 452   margin-right: 5px !important;
 453  }
 454  .stats {
 455   margin-bottom: 4px !important;
 456  }
 457
 458  .nav .primarynav li a, .list-originals .stats {
 459   display: block !important;
 460   float: left !important
 461  }
 462
 463  /* === badges === */
 464  a.badge[title^="bronze"], a.badge-tag[title^="bronze"], .badge3 + .badgecount {
 465   color: #cc9966 !important;
 466  }
 467  a.badge[title^="silver"], a.badge-tag[title^="silver"], .badge2 + .badgecount {
 468   color: #c5c5c5 !important;
 469  }
 470  a.badge[title^="gold"], a.badge-tag[title^="gold"], .badge1 + .badgecount {
 471   color: #ffcc46 !important;
 472  }
 473  .badge-tag, a.tag, .ob-post-tag, .ob-user-tag, .events-tooltip {
 474   background-color: #191919 !important;
 475   border-color: #111 !important;
 476  }
 477  .badge3-alternate, .progress-bar.badge-3 .bar .percent {
 478   background-color: #7C4318 !important; /* bronze */
 479  }
 480  .badge2-alternate, .progress-bar.badge-2 .bar .percent {
 481   background-color: #464a4f !important; /* silver */
 482  }
 483  .badge1-alternate, .progress-bar.badge-1 .bar .percent {
 484   background-color: #957000 !important; /* gold */
 485  }
 486
 487  /* === Images === */
 488  .wmd-button>span {
 489   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/wmd-buttons.png) !important;
 490  }
 491
 492  #hlogo img, .everyonelovesstackoverflow { opacity: 0.3 !important; }
 493
 494  #hlogo a, #footer-logo {
 495   background-repeat: no-repeat !important;
 496  }
 497
 498  #footer-logo {
 499   background-size: contain !important;
 500  }
 501
 502  #header-logo img, #footer-logo img {
 503   visibility: hidden !important;
 504  }
 505
 506  #sound, .vote-count-container.stars .img {
 507   -webkit-filter: invert(100%) !important;
 508   filter: invert(100%) !important;
 509  }
 510
 511  .axis .tick, .pie text {
 512    fill: #ccc !important;
 513  }
 514  .axis line, .axis path {
 515    stroke: #999 !important;
 516  }
 517
 518  /* override prettyprint bright border styles */
 519  pre.prettyprint {
 520   border-color: transparent !important;
 521  }
 522  /* style non-prettyprint code */
 523  code, pre:not(.prettyprint) {
 524   background: #333 !important;
 525  }
 526  .prettyprint code {
 527   background: transparent !important;
 528  }
 529
 530  /*[[syntax-theme]]*/
 531  /* grunt-webkit-remove-to-end-of-file */
 532  /* grunt-remove-block-below */
 533
 534  /* === basic dark code & syntax highlighting === */
 535  pre, code, .pln {
 536   background: #333 !important;
 537   color: #ccc !important;
 538  }
 539  .str { color: #0a0 !important; }
 540  .lit { color: #d65 !important; }
 541  .pun { color: #999 !important; } /* parenthesis */
 542  .kwd { color: #08f !important; } /* keyword */
 543  .tag { color: #999 !important; } /* html tag */
 544  .atn { color: #088 !important; } /* attribute */
 545  .atv { color: #0a0 !important; } /* attribute value*/
 546  .dec { color: #90a !important; } /* doc type */
 547
 548  /* grunt-remove-block-above */
 549
 550  * build because Chrome Stylish puts these extra definitions into separate sections
 551  * with separate regexp/domain definitions.
 552  * If the css below changes, it will have to be manually updated
 553  */
 554
 555 /* === StackExchange tweaks ===
 556  _____ _           _   _____         _                      _                 _
 557 |   __| |_ ___ ___| |_|   __|_ _ ___| |_ ___ ___ ___ ___   | |_ _ _ _ ___ ___| |_ ___
 558 |__   |  _| .'|  _| '_|   __|_'_|  _|   | .'|   | . | -_|  |  _| | | | -_| .'| '_|_ -|
 559 |_____|_| |__,|___|_,_|_____|_,_|___|_|_|__,|_|_|_  |___|  |_| |_____|___|__,|_,_|___|
 560                                                 |___|
 561 */
 562  /* login screen StackExchange logo replacement */
 563  .login-page .se-logo {
 564   -moz-box-sizing: border-box !important;
 565   box-sizing: border-box !important;
 566   background: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackexchange-logo.svg) no-repeat !important;
 567   background-size: cover !important;
 568   background-position: center center !important;
 569   width: 200px !important; /* Width of new image */
 570   height: 48px !important; /* Height of new image */
 571   padding-left: 200px !important; /* Equal to width of new image */
 572  }
 573  /* login button (input type=button")*/
 574  .login-page input.fr {
 575   background-color: /*[[base-color]]*/ #008080 !important;
 576  }
 577  /* remove content border */
 578  #content {
 579   border: 0 !important;
 580  }
 581  #sidebar #newsletter-ad, #sidebar .ad-container, #sidebar .everyonelovesstackoverflow {
 582   border-width: 2px !important;
 583  }
 584  /* start blog.stackexchange.com */
 585  header, .cse .gsc-control-cse, .gsc-control-cse, div.pagination {
 586   background-color: #181818 !important;
 587  }
 588  .sidebar p {
 589   color: #ddd !important;
 590  }
 591  .job {
 592   color: #888 !important;
 593  }
 594  .gsc-control-wrapper-cse {
 595   padding-top: 10px !important;
 596  }
 597  /* hide google custom search placeholder */
 598  .gsc-input input:not(.gse-input-focus) {
 599    background-image: none !important;
 600  }
 601  .podcast-container {
 602   -webkit-filter: invert(100%) !important;
 603   filter: invert(100%) !important;
 604  }
 605  /* end blog.stackexchange.com */
 606  /* chat.stackexchange.com */
 607  .event-banner {
 608   background-color: #222 !important;
 609   border-color: #555 !important;
 610  }
 611  /* target sites to *NOT* hide the header background */
 612  #header, #hmenus {
 613   background-color: transparent !important;
 614  }
 615  #header {
 616   background-image: none !important;
 617  }
 618  /* target sites that need an inverted header */
 619  #header, #header > * {
 620   -webkit-filter: invert(100%) !important;
 621   filter: invert(100%) !important;
 622  }
 623  /* target sites needing menu adjustments */
 624  .nav.mainnavs li, .nav.askquestion li {
 625   background-color: transparent !important;
 626  }
 627  .nav.mainnavs, .footerwrap {
 628   background-image: none !important;
 629  }
 630  .nav.mainnavs li {
 631   margin: 0 6px !important;
 632  }
 633  .nav.mainnavs li a, .nav.askquestion li a {
 634   padding: 6px !important;
 635   margin: 2px !important;
 636   border-radius: 3px !important;
 637  }
 638  /* darken everything that uses sprite.svg (vote arrows, feed icons, etc) */
 639  .envelope-on, .envelope-off, .vote-up-off, .vote-up-on, .vote-down-off, .vote-down-on, .star-on, .star-off,
 640  .comment-up-off, .comment-up-on, .comment-flag, .edited-yes, .feed-icon, .vote-accepted-off, .vote-accepted-on,
 641  .vote-accepted-bounty, .badge-earned-check, .delete-tag, .expander-arrow-hide, .expander-arrow-show,
 642  .expander-arrow-small-hide, .expander-arrow-small-show, .anonymous-gravatar, .gp-share, .fb-share, .twitter-share,
 643  #notify-container span.notify-close, .migrated.to, .migrated.from {
 644   -webkit-filter: invert(100%) hue-rotate(180deg) brightness(1.1) !important;
 645   filter: invert(100%) hue-rotate(180deg) brightness(1.1) !important;
 646  }
 647  /* nav manu text coloring only */
 648  .nav li.youarehere a, .nav li a:hover,
 649  .nav li.youarehere a, .nav li a:hover {
 650   background-color: transparent !important;
 651   color: #ddd !important;
 652  }
 653  .nav li.youarehere a, .nav li a:hover {
 654   color: /*[[base-color]]*/ #008080 !important;
 655  }
 656  /* hide top nav background on <li>, style is on <a> */
 657  .nav li {
 658   background-color: transparent !important;
 659  }
 660  /* darken vote off buttons */
 661  .vote-up-off, .vote-down-off, .star-off {
 662   -webkit-filter: brightness(.5) !important;
 663   filter: brightness(.5) !important;
 664  }
 665 /*
 666  / * BETA SITES * /
 667  div.nav ul li {
 668   margin-right: 5px !important;
 669  }
 670  .nav a {
 671   padding: 4px 6px !important;
 672  }
 673 */
 674 /* === site specific (alphabetical order by domain) ===
 675      _ _                          _ ___ _
 676  ___|_| |_ ___    ___ ___ ___ ___|_|  _|_|___
 677 |_ -| |  _| -_|  |_ -| . | -_|  _| |  _| |  _|
 678 |___|_|_| |___|  |___|  _|___|___|_|_| |_|___|
 679                      |_|
 680 */
 681  #hlogo a {
 682   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important;
 683  }
 684  /* chat.stackoverflow.com */
 685  #hlogo a {
 686   background-image: none !important;
 687  }
 688  #header-logo, #footer-logo {
 689   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important;
 690  }
 691  #header-logo {
 692   background-size: contain !important;
 693  }
 694  /* database administrators */
 695  #hlogo a {
 696   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/database-admin-logo.svg) !important;
 697  }
 698  /* electrical engineering */
 699  .nav li, .nav li a, .nav li a:hover, .nav li.youarehere a, .answered-accepted .mini-counts {
 700   background-color: transparent !important;
 701  }
 702  /* nav manu text coloring only */
 703  .nav li, .nav li.youarehere a, .nav a, .nav a:hover, #mainbar, #sidebar, #mainbar-full, .mainbar-full,
 704  #footer .top-footer-links, #footer #footer-sites, .narrow .votes, .narrow .mini-counts,
 705  .answered, .answered-accepted {
 706   background-color: transparent !important;
 707   color: #ddd !important;
 708  }
 709  .nav li.youarehere a, .nav li a:hover {
 710   color: /*[[base-color]]*/ #008080 !important;
 711  }
 712  .answered-accepted .mini-counts span {
 713   color: #fff !important;
 714  }
 715  .about-page .new-about-content-page h2.about-title {
 716   color: #888 !important;
 717  }
 718  body:before {
 719   -webkit-filter: brightness(.3) !important;
 720   filter: brightness(.3) !important;
 721  }
 722
 723  .answered-accepted .mini-counts {
 724   background-color: #4b553c !important;
 725   color: #ddd !important;
 726  }
 727  .answered .mini-counts span {
 728   font-weight: bold !important;
 729   color: #4b553c !important
 730  }
 731  /* ja.stackoverflow.com (Japanese) */
 732  #hlogo a {
 733   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/ja-stackoverflow-logo.svg) !important;
 734  }
 735  /* mathoverflow.net */
 736  #hlogo a {
 737   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/mathoverflow-logo.png) !important;
 738  }
 739  /* meta.stackoverflow.com */
 740  #hlogo a {
 741   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/meta-stackoverflow-logo.svg) !important;
 742  }
 743  #sidebar .community-bulletin .bulletin-item-content a, #sidebar .community-bulletin .bulletin-item-content a:hover {
 744   color: /*[[base-color]]*/ !important;
 745  }
 746  #sidebar .community-bulletin .bulletin-item-content a:hover {
 747   color: #fff !important;
 748  #custom-content {
 749   background-image: none !important;
 750  }
 751  .post-tag, .comments-link, .tag-synonym-link {
 752   line-height: 1.4em !important;
 753  }
 754  .vote-count-post {
 755   color: #777 !important;
 756  }
 757  /* programmers.stackexchange.com */
 758  #hlogo a {
 759   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/programmers-logo.svg) !important;
 760  }
 761  /* programmers.stackexchange.com specific tweaks */
 762  /* menu & section underline extensions (wrong color) */
 763  #hmenus .nav ul li.youarehere a:before, #hmenus .nav ul li a:hover:before,
 764  #hmenus .nav ul li.youarehere a:after,  #hmenus .nav ul li a:hover:after,
 765  #header:before, #header:after, #question-header:before, #question-header:after,
 766  .subheader:before, .subheader:after {
 767   display: none !important;
 768  }
 769  #header {
 770   border-bottom: 0 !important;
 771  }
 772  /* target sites that don't need a menu background color */
 773  .nav li, .nav a, .nav li.youarehere a, .nav a:hover {
 774   background-color: transparent !important;
 775  }
 776  /* pt.stackoverflow.com (Portuguese) */
 777  #hlogo a {
 778   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/pt-stackoverflow-logo.svg) !important;
 779  }
 780  /* ru.stackoverflow.com (Russian) */
 781  #hlogo a {
 782   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/ru-stackoverflow-logo.svg) !important;
 783  }
 784  .star-on {
 785   -webkit-filter: brightness(.9) !important;
 786   filter: brightness(.9) !important;
 787  }
 788  /* serverfault.com */
 789  #hlogo a {
 790   background-size: cover !important;
 791   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/serverfault-logo.svg) !important;
 792  }
 793  .container .answered, .container .answered-accepted {
 794   border: 2px transparent !important;
 795   padding: 5px 5px 6px 5px !important;
 796   height: 38px !important;
 797  }
 798  /* stackapps.com */
 799  #hlogo a {
 800   background-size: cover !important;
 801         background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackapps-logo.png) !important;
 802  }
 803  /* stackExchange.com */
 804  header h1 {
 805   height: 60px !important;
 806   background-size: cover !important;
 807   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackexchange-logo.svg) !important;
 808  }
 809
 810  #hlogo a {
 811   height: 60px !important;
 812   background-size: cover !important;
 813   background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/superuser-logo.svg) !important;
 814  }
 815  #hlogo a {
 816   -webkit-filter: invert(100%) !important;
 817   filter: invert(100%) !important;
 818  }
 819  #hmenus, .module {
 820   background-image: none !important;
 821   border: 1px solid #333 !important;
 822   border-width: 1px 0 !important;
 823  }
 824  .module {
 825   border-top-width: 0 !important;
 826  }
 827  /* override !important flag set in site css */
 828  a.question-hyperlink {
 829   color: /*[[base-color]]*/ #008080 !important;
 830  }
 831  a.question-hyperlink:hover, a.question-hyperlink:visited {
 832   color: #aaa !important;
 833  }