threefunkymonkeys/chist

.chist-bottom-bar {
  min-height: 80px;
  border-bottom: solid 1px #e5e5e5;
  margin-bottom: 1.25em;
}

ul#latest-chists {
  list-style-type: none;
}

ul#latest-chists li {
  display: inline-block;
  margin-right: 1.5em;
  padding: 5px 7px;
}

ul#latest-chists li .chist-visibility, ul#latest-chists li .chist-data {
  display: inline;
  margin-right: 0.3em;
}

ul#latest-chists li .timestamp, #edit-top-bar .timestamp {
  font-size: 0.7em;
  color: #A8A8A8;
}

#favorite-wrapper {
  margin-right: 20px;
  padding-right: 20px;
}

#favorite-wrapper .with-border {
  border-right: solid 1px #E5E5E5;
}

#favorite-wrapper button {
  position: relative;
  top: -5px;
}

#favorite-wrapper span.favorited, .fav-form span.favorited {
  color: #00FF00;
}

.fav-form .fav-button:hover {
  //background-color: #217dbb;
  background-color: #2077b2;
}

.fav-form .fav-button {
  background-color: #3498db;
  border-color: #3498db;
}

#search-box {
  width: 50%;
  opacity: 0.7;
  transition: width 2s, opacity 2s;
  -webkit-transition: width 2s, opacity 2s;
}

#search-box:focus {
  width: 100%;
  opacity: 1;
  transition: width 1s, opacity 2s;
  -webkit-transition: width 1s, opacity 2s;
}

#external-connections {}
  #external-connections .twitter-connection {
    background: url(/img/twitter_bg.png) transparent no-repeat -2px 18px;
  }

  #external-connections .facebook-connection {
    background: url(/img/facebook_bg.png) transparent no-repeat -5px 16px;
  }

  #external-connections .github-connection {
    background: url(/img/github_bg.png) transparent no-repeat -5px 2px;
  }