CSS for Social Media Icons (Without a Plug-In)

style.css

/* Social Media Icons
------------------------------------------------------------ */

.social-media-icons {
    display: block;
    height: 25px;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
}

.facebook-button,
.twitter-button,
.gplus-button,
.pinterest-button,
.linkedin-button,
.stumbleupon-button {
    float: left;
}

.facebook-button,
.twitter-button,
.stumbleupon-button {
    width: 100px;
}

.gplus-button,
.pinterest-button,
.pocket-button {
    width: 90px;
}

.linkedin-button,
.reddit-button {
    width: 115px;
}