dwb/userstyles/stackoverflow.com.css

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