Github Fallback CSS

github-fallback.css

/* CSS intended to be used with the Chrome Stylus extension that reverts Github to a pre-dark-header appearance */

.watch_started .body a,
.fork .body a { color: #0366d6 !important; font-weight: normal !important; }

.Header {
  border-bottom: 1px solid #E5E5E5 !important;
  background-color: #F5F5F5 !important;
}

.Header .header-logo-invertocat,
.Header .header-logo-wordmark,
.Header .header-logo-invertocat,
.Header .header-logo-wordmark{
  color: #555 !important;
}

.Header .header-logo-invertocat:hover,
.Header .header-logo-wordmark:hover {
  color: #4078C0 !important;
}

.Header .HeaderNavlink,
.Header .HeaderNavlink,
.Header div.HeaderNavlink a,
.Header .notification-indicator,
.Header .Header-link {
  color: #555 !important;
}

.Header .HeaderNavlink:hover,
.Header .HeaderNavlink:focus,
.Header .HeaderNavlink:hover,
.Header .HeaderNavlink:focus,
.Header div.HeaderNavlink a:hover,
.Header div.HeaderNavlink a:focus,
.Header .notification-indicator:hover,
.Header .notification-indicator:focus,
.Header .Header-link:hover,
.Header .Header-link:focus {
  color: #4078c0 !important;
}

.Header .HeaderNavlink:hover .dropdown-caret,
.Header .HeaderNavlink:focus .dropdown-caret,
.Header .HeaderNavlink:hover .dropdown-caret,
.Header .HeaderNavlink:focus .dropdown-caret {
  border-top-color: #4078c0 !important;
}

.Header .notification-indicator .mail-status {
  border-color: #f3f3f3 !important;
}

.Header .header-search {
  font-size: 14px !important;
}

.Header .form-control.header-search-wrapper {
  line-height: 21px !important;
}

.Header .header-search-scope {
  font-size: 12px !important;
  line-height: 20px !important;
  color: #767676 !important;
  border-right-color: #EEE !important;
}

.Header .header-search-scope:empty+.header-search-input {
  /*width: 100%; */ /* 99.999% */
}

.Header .header-search-wrapper {
  min-height: 0 !important;
  font-size: 14px !important;
  color: #333 !important;
  background-color: #FFF !important;
  border: 1px solid #DDD !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.075) !important;
}

.Header .header-search-wrapper.focus {
  background-color: #FFF !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.075), 0 0 5px rgba(81,167,232,0.5) !important;
  border-color: #51A7E8 !important;
}

.Header .header-search-wrapper.focus .header-search-scope {
  color: #4078C0 !important;
  background-color: #EDF2F9 !important;
  border-right-color: #C6D7EC !important;
}

.Header .header-search-input {
  min-height: 26px !important;
  font-size: 14px !important;
  color: #333 !important;
}

.Header .header-search-input::-webkit-input-placeholder {
  color: #999 !important;/*AAA*/
}
.Header .header-search-input::-moz-placeholder {
  color: #999 !important;/*AAA*/
}
.Header .header-search-input:-ms-input-placeholder {
    color: #999 !important;/*AAA*/
  }
  .Header .header-search-input::placeholder {
    color: #999 !important;/*AAA*/
  }