/*
* Social Buttons for Bootstrap * * Copyright 2013-2015 Panayiotis Lipiridis * Licensed under the MIT License * * https://github.com/lipis/bootstrap-social */
.btn-social {
position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
} .btn-social > :first-child {
position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2);
} .btn-social.btn-lg {
padding-left: 61px;
} .btn-social.btn-lg > :first-child {
line-height: 45px; width: 45px; font-size: 1.8em;
} .btn-social.btn-sm {
padding-left: 38px;
} .btn-social.btn-sm > :first-child {
line-height: 28px; width: 28px; font-size: 1.4em;
} .btn-social.btn-xs {
padding-left: 30px;
} .btn-social.btn-xs > :first-child {
line-height: 20px; width: 20px; font-size: 1.2em;
} .btn-social-icon {
position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 34px; width: 34px; padding: 0;
} .btn-social-icon > :first-child {
position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2);
} .btn-social-icon.btn-lg {
padding-left: 61px;
} .btn-social-icon.btn-lg > :first-child {
line-height: 45px; width: 45px; font-size: 1.8em;
} .btn-social-icon.btn-sm {
padding-left: 38px;
} .btn-social-icon.btn-sm > :first-child {
line-height: 28px; width: 28px; font-size: 1.4em;
} .btn-social-icon.btn-xs {
padding-left: 30px;
} .btn-social-icon.btn-xs > :first-child {
line-height: 20px; width: 20px; font-size: 1.2em;
} .btn-social-icon > :first-child {
border: none; text-align: center; width: 100%;
} .btn-social-icon.btn-lg {
height: 45px; width: 45px; padding-left: 0; padding-right: 0;
} .btn-social-icon.btn-sm {
height: 30px; width: 30px; padding-left: 0; padding-right: 0;
} .btn-social-icon.btn-xs {
height: 22px; width: 22px; padding-left: 0; padding-right: 0;
} .btn-adn {
color: #ffffff; background-color: #d87a68; border-color: rgba(0, 0, 0, 0.2);
} .btn-adn:focus, .btn-adn.focus {
color: #ffffff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2);
} .btn-adn:hover {
color: #ffffff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2);
} .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {
color: #ffffff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2);
} .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {
background-image: none;
} .btn-adn .badge {
color: #d87a68; background-color: #ffffff;
} .btn-bitbucket {
color: #ffffff; background-color: #205081; border-color: rgba(0, 0, 0, 0.2);
} .btn-bitbucket:focus, .btn-bitbucket.focus {
color: #ffffff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2);
} .btn-bitbucket:hover {
color: #ffffff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2);
} .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {
color: #ffffff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2);
} .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {
background-image: none;
} .btn-bitbucket .badge {
color: #205081; background-color: #ffffff;
} .btn-dropbox {
color: #ffffff; background-color: #1087dd; border-color: rgba(0, 0, 0, 0.2);
} .btn-dropbox:focus, .btn-dropbox.focus {
color: #ffffff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2);
} .btn-dropbox:hover {
color: #ffffff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2);
} .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
color: #ffffff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2);
} .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
background-image: none;
} .btn-dropbox .badge {
color: #1087dd; background-color: #ffffff;
} .btn-facebook {
color: #ffffff; background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2);
} .btn-facebook:focus, .btn-facebook.focus {
color: #ffffff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2);
} .btn-facebook:hover {
color: #ffffff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2);
} .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
color: #ffffff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2);
} .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
background-image: none;
} .btn-facebook .badge {
color: #3b5998; background-color: #ffffff;
} .btn-flickr {
color: #ffffff; background-color: #ff0084; border-color: rgba(0, 0, 0, 0.2);
} .btn-flickr:focus, .btn-flickr.focus {
color: #ffffff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2);
} .btn-flickr:hover {
color: #ffffff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2);
} .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
color: #ffffff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2);
} .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
background-image: none;
} .btn-flickr .badge {
color: #ff0084; background-color: #ffffff;
} .btn-foursquare {
color: #ffffff; background-color: #f94877; border-color: rgba(0, 0, 0, 0.2);
} .btn-foursquare:focus, .btn-foursquare.focus {
color: #ffffff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2);
} .btn-foursquare:hover {
color: #ffffff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2);
} .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {
color: #ffffff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2);
} .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {
background-image: none;
} .btn-foursquare .badge {
color: #f94877; background-color: #ffffff;
} .btn-github {
color: #ffffff; background-color: #444444; border-color: rgba(0, 0, 0, 0.2);
} .btn-github:focus, .btn-github.focus {
color: #ffffff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2);
} .btn-github:hover {
color: #ffffff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2);
} .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {
color: #ffffff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2);
} .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {
background-image: none;
} .btn-github .badge {
color: #444444; background-color: #ffffff;
} .btn-google {
color: #ffffff; background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2);
} .btn-google:focus, .btn-google.focus {
color: #ffffff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2);
} .btn-google:hover {
color: #ffffff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2);
} .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
color: #ffffff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2);
} .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
background-image: none;
} .btn-google .badge {
color: #dd4b39; background-color: #ffffff;
} .btn-instagram {
color: #ffffff; background-color: #3f729b; border-color: rgba(0, 0, 0, 0.2);
} .btn-instagram:focus, .btn-instagram.focus {
color: #ffffff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2);
} .btn-instagram:hover {
color: #ffffff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2);
} .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
color: #ffffff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2);
} .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
background-image: none;
} .btn-instagram .badge {
color: #3f729b; background-color: #ffffff;
} .btn-linkedin {
color: #ffffff; background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2);
} .btn-linkedin:focus, .btn-linkedin.focus {
color: #ffffff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2);
} .btn-linkedin:hover {
color: #ffffff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2);
} .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
color: #ffffff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2);
} .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
background-image: none;
} .btn-linkedin .badge {
color: #007bb6; background-color: #ffffff;
} .btn-microsoft {
color: #ffffff; background-color: #2672ec; border-color: rgba(0, 0, 0, 0.2);
} .btn-microsoft:focus, .btn-microsoft.focus {
color: #ffffff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2);
} .btn-microsoft:hover {
color: #ffffff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2);
} .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
color: #ffffff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2);
} .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
background-image: none;
} .btn-microsoft .badge {
color: #2672ec; background-color: #ffffff;
} .btn-openid {
color: #ffffff; background-color: #f7931e; border-color: rgba(0, 0, 0, 0.2);
} .btn-openid:focus, .btn-openid.focus {
color: #ffffff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2);
} .btn-openid:hover {
color: #ffffff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2);
} .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {
color: #ffffff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2);
} .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {
background-image: none;
} .btn-openid .badge {
color: #f7931e; background-color: #ffffff;
} .btn-pinterest {
color: #ffffff; background-color: #cb2027; border-color: rgba(0, 0, 0, 0.2);
} .btn-pinterest:focus, .btn-pinterest.focus {
color: #ffffff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2);
} .btn-pinterest:hover {
color: #ffffff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2);
} .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
color: #ffffff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2);
} .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
background-image: none;
} .btn-pinterest .badge {
color: #cb2027; background-color: #ffffff;
} .btn-reddit {
color: #000000; background-color: #eff7ff; border-color: rgba(0, 0, 0, 0.2);
} .btn-reddit:focus, .btn-reddit.focus {
color: #000000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2);
} .btn-reddit:hover {
color: #000000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2);
} .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {
color: #000000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2);
} .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {
background-image: none;
} .btn-reddit .badge {
color: #eff7ff; background-color: #000000;
} .btn-soundcloud {
color: #ffffff; background-color: #ff5500; border-color: rgba(0, 0, 0, 0.2);
} .btn-soundcloud:focus, .btn-soundcloud.focus {
color: #ffffff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2);
} .btn-soundcloud:hover {
color: #ffffff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2);
} .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
color: #ffffff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2);
} .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
background-image: none;
} .btn-soundcloud .badge {
color: #ff5500; background-color: #ffffff;
} .btn-tumblr {
color: #ffffff; background-color: #2c4762; border-color: rgba(0, 0, 0, 0.2);
} .btn-tumblr:focus, .btn-tumblr.focus {
color: #ffffff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2);
} .btn-tumblr:hover {
color: #ffffff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2);
} .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
color: #ffffff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2);
} .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
background-image: none;
} .btn-tumblr .badge {
color: #2c4762; background-color: #ffffff;
} .btn-twitter {
color: #ffffff; background-color: #55acee; border-color: rgba(0, 0, 0, 0.2);
} .btn-twitter:focus, .btn-twitter.focus {
color: #ffffff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2);
} .btn-twitter:hover {
color: #ffffff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2);
} .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
color: #ffffff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2);
} .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
background-image: none;
} .btn-twitter .badge {
color: #55acee; background-color: #ffffff;
} .btn-vimeo {
color: #ffffff; background-color: #1ab7ea; border-color: rgba(0, 0, 0, 0.2);
} .btn-vimeo:focus, .btn-vimeo.focus {
color: #ffffff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2);
} .btn-vimeo:hover {
color: #ffffff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2);
} .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {
color: #ffffff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2);
} .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {
background-image: none;
} .btn-vimeo .badge {
color: #1ab7ea; background-color: #ffffff;
} .btn-vk {
color: #ffffff; background-color: #587ea3; border-color: rgba(0, 0, 0, 0.2);
} .btn-vk:focus, .btn-vk.focus {
color: #ffffff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2);
} .btn-vk:hover {
color: #ffffff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2);
} .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
color: #ffffff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2);
} .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
background-image: none;
} .btn-vk .badge {
color: #587ea3; background-color: #ffffff;
} .btn-yahoo {
color: #ffffff; background-color: #720e9e; border-color: rgba(0, 0, 0, 0.2);
} .btn-yahoo:focus, .btn-yahoo.focus {
color: #ffffff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2);
} .btn-yahoo:hover {
color: #ffffff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2);
} .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
color: #ffffff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2);
} .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
background-image: none;
} .btn-yahoo .badge {
color: #720e9e; background-color: #ffffff;
}