/** * Socials Bytes Wordpress Plugin v.3.0 * * Author: Michele Ivani * * Description: This file contains all CSS rules for widget and shorcode * * All rights reserved - Under codcanyon.net license */ .social_bytes { font-size: 16px; font-family: "Helvetica Neue", "Helvetica", "Arial" , sans-serif; margin: 20px 0; } .social_bytes ul { margin: 10px 0 0 0 ; padding: 0; list-style: none; bolder: none; } .social_bytes ul li span { display: block; } .social_bytes ul li .sb_icon, .social_bytes ul li .sb_icon a { display: block; width: 36px; height: 36px; margin: 0; padding: 0; } .social_bytes ul li .sb_count { color: #555555; } .social_bytes ul li .sb_label { color: #afafaf; } .social_bytes.sb_dark ul li .sb_count { color: #fdfdfd; } .social_bytes.sb_dark ul li .sb_label { color: #cacaca; } /* Themes */ /* Theme 1 */ .social_bytes.sb_theme_1 ul li { margin: 5px 25px 5px 0; display: inline-block; border: 0; } .social_bytes.sb_theme_1 ul li span.sb_count { color: #555555; width: 53px; height: 34px; background: url(../images/cloud.png) no-repeat; background-size:53px 44px; font-size: 12px; font-weight: bold; text-align: center; padding-top: 10px; margin-bottom: 5px; } .social_bytes.sb_theme_1 ul li span.sb_count_hidden { width: 53px; height: 34px; padding-top: 10px; margin-bottom: 5px; } .social_bytes.sb_theme_1 ul li span.sb_label { margin-left: -16px; font-size: 11px; font-weight: bold; width: 68px; text-align: center; } /* Theme 2 */ .social_bytes.sb_theme_2 ul li { position: relative; margin:15px 30px 10px 0; display: inline-block; bolder: 0;} .social_bytes.sb_theme_2 ul li span.sb_count { position: absolute; right: 5px; top: -15px; padding: 4px; border: 1px solid #e96971; text-align: center; color: #fff; font-size: 12px; line-height: 12px; border-radius: 20px; font-weight: bold; text-shadow: 1px 1px 1px #be595e; filter: dropshadow(color=#be595e, offx=1, offy=1); background: #fb989d; /* Old browsers */ background: -moz-linear-gradient(top, #fb989d 0%, #f86c74 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb989d), color-stop(100%,#f86c74)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fb989d 0%,#f86c74 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fb989d 0%,#f86c74 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fb989d 0%,#f86c74 100%); /* IE10+ */ background: linear-gradient(top, #fb989d 0%,#f86c74 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb989d', endColorstr='#f86c74',GradientType=0 ); /* IE6-9 */ } .social_bytes.sb_theme_2 ul li span.sb_count_hidden { position: absolute; right: 5px; top: -15px; padding: 4px;} .social_bytes.sb_theme_2 ul li span.sb_label { margin-left: -16px; font-size: 11px; font-weight: bold; width: 68px; text-align: center; } /* Theme 3 */ .social_bytes.sb_theme_3 ul li { display: inline-block; vertical-align: middle; margin: 0 20px 20px 0; border:0; } .social_bytes.sb_theme_3 ul li span.sb_icon { display: inline-block; vertical-align: middle; } .social_bytes.sb_theme_3 ul li div.sb_text { display: inline-block; vertical-align: middle; margin-left: 10px; } .social_bytes.sb_theme_3 ul li span.sb_count { font-size: 21px; line-height: 21px; text-align: center; font-weight: bold;} .social_bytes.sb_theme_3 ul li span.sb_count_hidden { } .social_bytes.sb_theme_3 ul li span.sb_label { font-size: 11px; line-height: 11px; text-align: center; font-weight: bold; } /* Theme 4 */ .social_bytes.sb_theme_4 ul li { display: inline-block; vertical-align: middle; margin: 5px 15px 5px 0; border: 0; } .social_bytes.sb_theme_4 ul li span.sb_icon { display: inline-block; vertical-align: middle; width: 28px; height: 28px; margin: 0; padding: 0; } .social_bytes.sb_theme_4 ul li span.sb_icon a { background-size:28px 28px; } .social_bytes.sb_theme_4 ul li div.sb_text { display: inline-block; vertical-align: middle; margin-left: 5px; } .social_bytes.sb_theme_4 ul li span.sb_count { font-size: 14px; line-height: 14px; text-align: left; font-weight: bold;} .social_bytes.sb_theme_4 ul li span.sb_label { font-size: 11px; line-height: 11px; text-align: left; font-weight: bold; } /* Theme 5 */ .social_bytes.sb_theme_5 ul li { margin: 0 0 15px 0; padding: 0; bolder: 0;} .social_bytes.sb_theme_5 ul li span.sb_icon { display: inline-block; vertical-align: middle; } .social_bytes.sb_theme_5 ul li div.sb_text { display: inline-block; vertical-align: middle; margin-left: 10px; } .social_bytes.sb_theme_5 ul li span.sb_count { font-size: 21px; line-height: 21px; text-align: left; font-weight: bold;} .social_bytes.sb_theme_5 ul li span.sb_label { font-size: 11px; line-height: 11px; text-align: left; font-weight: bold; } /* Theme 6 */ .social_bytes.sb_theme_6 ul li { margin: 0 15px 15px 0; display: block; padding: 0; } .social_bytes.sb_theme_6 ul li span.sb_icon { display: inline-block; vertical-align: middle; } .social_bytes.sb_theme_6 ul li span.sb_count { display: inline-block; vertical-align: middle; width: 48px; height: 27px; background: url(../images/label.png) no-repeat; font-size: 12px; font-weight: bold; text-align: left; margin: 0 5px 0 10px; line-height: 27px; padding-left: 13px; color: #555; } .social_bytes.sb_theme_6 ul li span.sb_count_hidden { display: inline-block; vertical-align: middle; margin-left: 10px; } .social_bytes.sb_theme_6 ul li span.sb_label { display: inline-block; vertical-align: middle; font-size: 11px; font-weight: bold; } /* Icons Sets */ /* Default */ .icons_default .sb_facebook_network a { background: url(../icons/default/facebook.png) no-repeat;} .icons_default .sb_twitter_network a { background: url(../icons/default/twitter.png) no-repeat;} .icons_default .sb_google_network a { background: url(../icons/default/google.png) no-repeat;} .icons_default .sb_youtube_network a { background: url(../icons/default/youtube.png) no-repeat;} .icons_default .sb_instagram_network a { background: url(../icons/default/instagram.png) no-repeat;} .icons_default .sb_vimeo_network a { background: url(../icons/default/vimeo.png) no-repeat;} .icons_default .sb_envato_network a { background: url(../icons/default/envato.png) no-repeat;} .icons_default .sb_linkedin_network a { background: url(../icons/default/linkedin.png) no-repeat;} .icons_default .sb_dribbble_network a { background: url(../icons/default/dribbble.png) no-repeat;} .icons_default .sb_digg_network a { background: url(../icons/default/digg.png) no-repeat;} .icons_default .sb_pinterest_network a { background: url(../icons/default/pinterest.png) no-repeat;} .icons_default .sb_klout_network a { background: url(../icons/default/klout.png) no-repeat;} /* Flat */ .icons_flat .sb_facebook_network a { background: url(../icons/flat/facebook.png) no-repeat;} .icons_flat .sb_twitter_network a { background: url(../icons/flat/twitter.png) no-repeat;} .icons_flat .sb_google_network a { background: url(../icons/flat/google.png) no-repeat;} .icons_flat .sb_youtube_network a { background: url(../icons/flat/youtube.png) no-repeat;} .icons_flat .sb_instagram_network a { background: url(../icons/flat/instagram.png) no-repeat;} .icons_flat .sb_vimeo_network a { background: url(../icons/flat/vimeo.png) no-repeat;} .icons_flat .sb_envato_network a { background: url(../icons/flat/envato.png) no-repeat;} .icons_flat .sb_linkedin_network a { background: url(../icons/flat/linkedin.png) no-repeat;} .icons_flat .sb_dribbble_network a { background: url(../icons/flat/dribbble.png) no-repeat;} .icons_flat .sb_digg_network a { background: url(../icons/flat/digg.png) no-repeat;} .icons_flat .sb_pinterest_network a { background: url(../icons/flat/pinterest.png) no-repeat;} .icons_flat .sb_klout_network a { background: url(../icons/flat/klout.png) no-repeat;} /* CSS rules for icons on a Retina Display */ @media only screen and (-webkit-min-device-pixel-ratio: 2) { .icons_default a, .icons_flat a {background-size:36px 36px;} .icons_default.sb_theme_4 a, .icons_flat.sb_theme_4 a {background-size:28px 28px;} /* Theme 1 */ .social_bytes.sb_theme_1 ul li span.sb_count { background: url(../images/cloud@2x.png) no-repeat; background-size:53px 44px;} /* Theme 6 */ .social_bytes.sb_theme_6 ul li span.sb_count { background: url(../images/label@2x.png) no-repeat; background-size:61px 27px;} /* Default */ .icons_default .sb_facebook_network a { background: url(../icons/default/facebook@2x.png) no-repeat;} .icons_default .sb_twitter_network a { background: url(../icons/default/twitter@2x.png) no-repeat;} .icons_default .sb_google_network a { background: url(../icons/default/google@2x.png) no-repeat;} .icons_default .sb_youtube_network a { background: url(../icons/default/youtube@2x.png) no-repeat;} .icons_default .sb_instagram_network a { background: url(../icons/default/instagram@2x.png) no-repeat;} .icons_default .sb_vimeo_network a { background: url(../icons/default/vimeo@2x.png) no-repeat;} .icons_default .sb_envato_network a { background: url(../icons/default/envato@2x.png) no-repeat;} .icons_default .sb_linkedin_network a { background: url(../icons/default/linkedin@2x.png) no-repeat;} .icons_default .sb_dribbble_network a { background: url(../icons/default/dribbble@2x.png) no-repeat;} .icons_default .sb_digg_network a { background: url(../icons/default/digg@2x.png) no-repeat;} .icons_default .sb_pinterest_network a { background: url(../icons/default/pinterest@2x.png) no-repeat;} .icons_default .sb_klout_network a { background: url(../icons/default/klout@2x.png) no-repeat;} /* Flat */ .icons_flat .sb_facebook_network a { background: url(../icons/flat/facebook@2x.png) no-repeat;} .icons_flat .sb_twitter_network a { background: url(../icons/flat/twitter@2x.png) no-repeat;} .icons_flat .sb_google_network a { background: url(../icons/flat/google@2x.png) no-repeat;} .icons_flat .sb_youtube_network a { background: url(../icons/flat/youtube@2x.png) no-repeat;} .icons_flat .sb_instagram_network a { background: url(../icons/flat/instagram@2x.png) no-repeat;} .icons_flat .sb_vimeo_network a { background: url(../icons/flat/vimeo@2x.png) no-repeat;} .icons_flat .sb_envato_network a { background: url(../icons/flat/envato@2x.png) no-repeat;} .icons_flat .sb_linkedin_network a { background: url(../icons/flat/linkedin@2x.png) no-repeat;} .icons_flat .sb_dribbble_network a { background: url(../icons/flat/dribbble@2x.png) no-repeat;} .icons_flat .sb_digg_network a { background: url(../icons/flat/digg@2x.png) no-repeat;} .icons_flat .sb_pinterest_network a { background: url(../icons/flat/pinterest@2x.png) no-repeat;} .icons_flat .sb_klout_network a { background: url(../icons/flat/klout@2x.png) no-repeat;} }