dwb/userstyles/stackoverflow.com.css

   1 @namespace url(http://www.w3.org/1999/xhtml);
   2
   3 /***************************************************************
   4 Stackoverflow Dark v2.5 (1/13/2014)
   5 https://github.com/StylishThemes/Stackoverflow-Dark
   6 http://userstyles.org/styles/35345
   7
   8 previous version information contained at the userstlyes site
   9  ****************************************************************/
  10
  11 * {
  12   border-color: #444 !important;
  13   text-shadow: none !important;
  14   box-shadow: none !important;
  15 }
  16
  17 body {
  18   background: #191919 url(/*[[bg-url]]*/) repeat !important;
  19 }
  20
  21 div.hireme, div#hireme {
  22   display: none !important;
  23 }
  24
  25 /*** background color ***/
  26 #custom-header, .review-bar, .diff-choices a.selected, #header #topbar, td.owner, a.owner, .question-status,
  27 .profile-popup, .profile-popup div, .profile-popup th, .profile-popup td {
  28   background: #111 !important;
  29 }
  30
  31 blockquote, #post-preview, .nav .primarynav li a, #container, #hsearch .textbox, .form-item,
  32 #wmd-button-bar, .qa-block, .content-block, .user-info-rep {
  33   background: #191919 none !important
  34 }
  35
  36 .authcomment, .seIntro, .seFooter {
  37   background-color: #191919 !important;
  38   border: 2px solid #262626 !important;
  39 }
  40
  41 .ad502-room, .messages, .messages,.topbar-dialog .unread-item {
  42   background-color: #232323 !important;
  43   border: 1px solid #191919 !important;
  44 }
  45
  46 #tabs a.youarehere {
  47   border: 1px solid #666666 !important;
  48   border-bottom: 1px solid #191919 !important;
  49   background: #191919 !important;
  50 }
  51
  52 #user-about-me, .user-about-me, .mine .messages {
  53   background: #191919 !important;
  54   border: 0px !important;
  55   color: #C1BEBA !important;
  56 }
  57
  58 input, textarea, #search input, .topbar-dialog .header, .topbar-dialog .modal-content li:hover, .share-tip {
  59   background: #222 !important;
  60   color: #ddd !important;
  61 }
  62
  63 .profile-popup, .profile-popup tr, .profile-popup th, .profile-gravatar, .newuser,
  64 .seWrapper {
  65   background-color: #222 !important;
  66   border-color: #555 !important;
  67   color: #ddd !important;
  68 }
  69
  70 .answer, #system-message, .commentlist, .revision td, #hero-content, .mdhelp-tabs .selected {
  71   background: #232323 !important;
  72   color: #999 !important;
  73 }
  74
  75 .summary .post-tag, .rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes, .stats {
  76   background-color: #232323 !important;
  77   color: #bbb !important;
  78 }
  79
  80 .tagged-interesting, .tagged-interesting .views, .highlight-row {
  81   background-color: #242424 !important;
  82   background-image: none !important;
  83 }
  84
  85 .welovestackoverflow, #header #topbar, .revision-comment, .date-span, .post-tag,
  86 .form-submit input, .preferred-login, .mdhelp, .wmd-help-button.active-help, .date_brick {
  87   background: #333 !important;
  88   color: #ddd !important;
  89   -webkit-border-radius: 3px !important;
  90   border-radius: 3px !important;
  91 }
  92
  93 .nav li, .seNav, .topbar a.topbar-icon-on, .topbar a.topbar-icon-on:hover, .topbar-dialog, .owner,
  94 #footer, .module li.current, .seCurrent, .community-bulletin {
  95   background: #333 !important;
  96 }
  97
  98 .owner-answer, .question-status, #input-area, .notification, #feed-ticker, #top-menu {
  99   background: #404040 !important;
 100 }
 101
 102 tr.comment:hover, .reply-parent, .timestamp, .roomcard, .usercard, .page-numbers.current,
 103 .comment-help, .answer-help-background, .mdhelp-tabs, .hi, .seNavLinks a:hover,
 104 .seNavLinks a:focus, .itemBoxNew {
 105   background-color: #444 !important;
 106   color: #ddd !important;
 107 }
 108
 109 #post-text-container div span {
 110   background: #c1beba !important
 111 }
 112
 113 /* Brown(ish) */
 114 .supernovabg, .hotbg, .nav .youarehere, .nav li:hover {
 115   background-color: #d80 !important;
 116 }
 117
 118 .new-post-activity, #new-answer-activity {
 119   background-color: #840 !important;
 120 }
 121
 122 /* Blue */
 123 .nav .primarynav li a:hover {
 124   color: #fff !important;
 125   background: #f90 !important;
 126 }
 127
 128 .post-tag, .comments-link, .tag-synonym-link {
 129   background-color: #444 !important;
 130   color: #5588aa !important;
 131   margin: 2px !important;
 132   padding: 3px !important;
 133   text-decoration: none !important;
 134   font-size: 80% !important;
 135   line-height: 2.2 !important;
 136   white-space: nowrap !important
 137 }
 138
 139 .post-tag:hover, .comments-link:hover, .summary .post-tag:hover , .commentslink, .bounty-indicator,
 140 .bounty-indicator-tab, .bounty-award {
 141   background-color: #3e6d8e !important;
 142   color: #e0eaf1 !important;
 143   text-decoration: none !important
 144 }
 145
 146 /* Green */
 147 .answered, .answer-votes {
 148   background: #232323 !important;
 149   color: #75845c !important
 150 }
 151
 152 .answered strong {
 153   color: #75845c !important
 154 }
 155
 156 .answered-accepted {
 157   background: #75845c !important;
 158   color: #fff !important
 159 }
 160
 161 .accepted-answer, .suggested-edit .inserted {
 162   background: #224422 !important;
 163 }
 164
 165 /* Red */
 166 .deleted-answer, .suggested-edit .deleted {
 167   background-color: #200 !important;
 168 }
 169
 170 a.moderator-tag {
 171   background-color: #400 !important;
 172 }
 173
 174 a.moderator-tag:hover {
 175   background-color: #600 !important;
 176 }
 177
 178 /* Transparent background */
 179 div.message .meta, .spaces, .comment, span.feed-icon {
 180   background-color: transparent !important;
 181 }
 182
 183 #tabs a:hover {
 184   background-color: transparent !important;
 185   border: 1px solid #666666 !important;
 186   border-bottom: 1px solid #191919 !important;
 187 }
 188
 189 /*** Dark border ***/
 190 a.required-tag {
 191   border-color: #333 !important;
 192 }
 193
 194 /*** Text Color ***/
 195 .comment, #top-menu a, .subheader a, .reputation a, .reputation-score {
 196   color: #aaa !important;
 197 }
 198
 199 .user-details td, .content-page, h2, h2 a, .profile-popup a:hover, .module h4, .page-description,
 200 #openid_identifier, .form-item label {
 201   color: #c1beba !important
 202 }
 203
 204 div, .accepted-answer .post-text, .accepted-answer .user-action-time, #question-header a,
 205 .post-text, .user-info, .topbar-dialog .header h3, .topbar-dialog .header h3 a, .topbar-dialog span,
 206 .search-result .answered .vote-count-post strong {
 207   color: #ddd !important;
 208 }
 209
 210 .answered-accepted strong, .youarehere, .nav .primarynav li a {
 211   color: #fff !important
 212 }
 213
 214 /* Light Blue */
 215 .profile-popup a, .seWrapper a {
 216   color: #4a6b82 !important
 217 }
 218
 219 .result-highlight {
 220   color: #aa0 !important;
 221 }
 222
 223 .warm {
 224   color: #840 !important;
 225 }
 226
 227 .hot {
 228   color: #a20 !important;
 229 }
 230
 231 .unanswered {
 232   color: #9a4444 !important;
 233 }
 234
 235 /*** Style adjustments ***/
 236 .stats {
 237   float: right !important;
 238   margin-top: 5px !important;
 239 }
 240
 241 #hsearch {
 242   margin-right: 5px !important;
 243 }
 244
 245 .stats {
 246   margin-bottom: 4px !important;
 247 }
 248
 249 .nav .primarynav li a {
 250   display: block !important;
 251   float: left !important
 252 }
 253
 254 /*** code & syntax highlighting ***/
 255 pre, code, .pln, .youarehere {
 256   background: #333 !important;
 257   color: #ccc !important;
 258 }
 259
 260 .str { color: #0a0 !important; }
 261 .lit { color: #a00 !important; }
 262 .pun { color: #999 !important; } /* parenthesis */
 263 .kwd { color: #08f !important; } /* keyword */
 264 .tag { color: #999 !important; } /* html tag */
 265 .atn { color: #088 !important; } /* attribute */
 266 .atv { color: #0a0 !important; } /* attribute value*/
 267 .dec { color: #90a !important; } /* doc type */
 268
 269 /*** Images ***/
 270 .wmd-button>span {
 271   background-image: url(http://StylishThemes.github.io/Stackoverflow-Dark/images/wmd-buttons.png) !important;
 272 }
 273
 274 .statsarrow {
 275   width: 7px !important;
 276   height: 13px !important;
 277   background: url('data:image/gif;base64,R0lGODlhBwANAIAAACMjI////yH5BAEAAAEALAAAAAAHAA0AAAITRI5gGLrnXlzT1NsidEkx/zFHAQA7') 0 0 !important;
 278 }
 279
 280 #hlogo img, .everyonelovesstackoverflow, #newsletter-ad { opacity: 0.3 !important; }
 281
 282 #hlogo a {
 283   /* background-image: url(http://StylishThemes.github.io/Stackoverflow-Dark/images/logo.png) !important; */
 284   background-image: url('data:image/png;base64,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') !important;
 285 }