BBWF Social Bar CSS

gistfile1.css

.social-bar {
  position: fixed;
  left: 0;
  top: 260px;
  font-size: 1.5em;
  z-index: 1000;
}

.social-bar.horizontal {
  bottom: 0;
  top: auto;
  left: auto;
  right: 30px;
}

.social-bar.horizontal li {
  float: left;
}

.social-bar.horizontal .social-buttons .first {
  border-radius: 10px 0 0 0;
}

.social-bar.horizontal .social-buttons .last {
  border-radius: 0 10px 0 0;
}

.social-bar .social-buttons {
  list-style: none;
  padding: 0;
}

.social-bar .social-buttons li,
.social-bar .social-buttons li {
  text-align: center;
  height: 45px;
  width: 45px;
  background-color: #333; 
}

.social-bar .social-buttons a {
  height: 100%;
  display: inline-block;
  padding: 7px 2px;
  color: #fff;
}

.social-bar .social-buttons a span {
  padding: 0 10px;
}

.social-bar .social-buttons .first {
  border-radius: 0 10px 0 0;
}

.social-bar .social-buttons .last {
  border-radius: 0 0 10px 0;
}

.social-bar .social-buttons .linkedin:hover {
  background-color: #333; /* fallback color */
  background: -moz-linear-gradient(top, #0073b2, #009cda);
  background: -ms-linear-gradient(top, #0073b2, #009cda);
  background: -webkit-linear-gradient(top, #0073b2, #009cda);
}

.social-bar .social-buttons .twitter:hover {
  background-color: #00aced; /* fallback color */
  background: -moz-linear-gradient(top, #0081ce, #00aced);
  background: -ms-linear-gradient(top, #0081ce, #00aced);
  background: -webkit-linear-gradient(top, #0081ce, #00aced);
}

.social-bar .social-buttons .facebook:hover {
  background-color: #3b5998; /* fallback color */
  background: -moz-linear-gradient(top, #2b4170, #3b5998);
  background: -ms-linear-gradient(top, #2b4170, #3b5998);
  background: -webkit-linear-gradient(top, #2b4170, #3b5998);
}

.social-bar .social-buttons .googleplus:hover {
  background-color: #e64522; /* fallback color */
  background: -moz-linear-gradient(top, #c33219, #e64522);
  background: -ms-linear-gradient(top, #c33219, #e64522);
  background: -webkit-linear-gradient(top, #c33219, #e64522);
}

.social-bar .social-buttons .close-share:hover {
  background-color: #5A5A5A; /* fallback color */
  background: -moz-linear-gradient(top, #1D1C1C, #5A5A5A);
  background: -ms-linear-gradient(top, #1D1C1C, #5A5A5A);
  background: -webkit-linear-gradient(top,#1D1C1C,#5A5A5A)
}

.social-bar .social-buttons .close-share a {
  color: #727272;
}

.social-bar .social-buttons .close-share:hover a {
  color: #fff;
}