.apsc-theme-1 .apsc-each-profile { float: left; min-height: 80px; text-align: center; width: 80px; margin: 5px; } .apsc-each-profile a{ font-weight:normal; color:white; text-decoration:none; } .apsc-each-profile a:hover{ color:white; text-decoration:none; } .apsc-theme-1 .apsc-each-profile a{ padding: 9px; display: block; color: #fff; position:relative; border-radius: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)";/*IE 8*/ -moz-box-shadow: 1px 1px 2px #b3b3b3;/*FF 3.5+*/ -webkit-box-shadow: 1px 1px 2px #b3b3b3;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 1px 1px 2px #b3b3b3;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3); /*IE 5.5-7*/ transition: all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .entry-content .apsc-each-profile a{ border:none; } .site-footer .widget .apsc-each-profile a{ color: #fff; text-decoration:none; } .social-icon { display: block; } .apsc-theme-1 .media-name { display: none; } .apsc-theme-1 .apsc-count { font-size: 16px; display: block; line-height: 15px; padding: 2px 0 0; } .entry-content .apsc-each-profile a,.entry-content .apsc-each-profile a:hover,.entry-content .apsc-each-profile a:focus { color: #fff; text-decoration:none; } .apsc-theme-1 .apsc-each-profile a:before { background: radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0); content: ""; height: 10px; left: 5%; opacity: 0; pointer-events: none; position: absolute; top: 100%; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-property: transform, opacity; -webkit-transition-property: transform, opacity; width: 90%; z-index: -1; } .apsc-theme-1 .apsc-each-profile a:hover:before { opacity: 1; transform: translateY(6px); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); } .apsc-theme-1 .apsc-each-profile a:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); } .apsc-theme-1 .social-icon .fa { font-size: 45px; } .apsc-facebook-icon { background-color:#3b5998; } .apsc-twitter-icon{ background-color:#1dcaff; } .apsc-youtube-icon{ background-color:#e52d27; } .apsc-soundcloud-icon{ background-color:#ff8800; } .apsc-dribble-icon{ background-color:#ea4c89; } .apsc-comment-icon{ background-color:#464646; } .apsc-edit-icon{ background-color:#837d7d; } .apsc-google-plus-icon{ background-color:#dd4b39; } .apsc-instagram-icon{ background-color:#3f729b; } .apsc-theme-1 .apsc-media-type { display: none; } /********************************************Theme 2 css*******************************************************/ .apsc-theme-2 .apsc-each-profile { display: inline-block; min-width: 103px; text-align: center; margin: 0; } .apsc-theme-2 .apsc-each-profile a{ display: block; color: #fff; position:relative; transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; } .apsc-theme-2 .apsc-inner-block{ padding: 11px 12px 18px; } .apsc-theme-2 .apsc-each-profile a:hover{ opacity: 0.8; } .apsc-theme-2 .apsc-count { opacity: 0.7; display: block; text-transform: uppercase; font-size: 24px; margin-top: 2px; font-weight: bold; } .apsc-theme-2 .social-icon .fa { font-size: 32px; } .apsc-theme-2 .media-name { display: none; } .apsc-theme-2 .apsc-media-type { display: block; opacity: 0.7; font-size: 14px; text-transform: uppercase; line-height: 1; } /********************************************Theme 3 css*******************************************************/ .apsc-theme-3 .apsc-each-profile { float: left; margin: 5px; } .apsc-theme-3 .social-icon { display: table-cell; min-width: 97px; padding: 0 0 0 4px; vertical-align: middle; position:relative; transition: all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .apsc-theme-3 .apsc-each-profile a{ border-radius: 4px; color: #fff; display: block; font-weight: normal; padding: 1px; position: relative; text-shadow: none; } .apsc-theme-3 .apsc-count { background-color: #fff; } .apsc-theme-3 .social-icon .fa { display: table-cell; font-size: 18px; vertical-align: middle; } .apsc-theme-3 .media-name { display: table-cell; font-size: 14px; padding: 0 13px 0 5px; text-transform: capitalize; vertical-align: middle; min-width: 77px; } .apsc-theme-3 .apsc-count { border-bottom-right-radius: 4px; border-top-right-radius: 4px; color: #666666; display: table-cell; font-size: 16px; min-width: 52px; padding: 3px 10px; text-align: center; position:relative; opacity:1; transition: all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .apsc-theme-3 .apsc-count:before { border-bottom: 4px solid transparent; border-right: 4px solid #fff; border-top: 4px solid transparent; content: ""; left: -4px; margin-top: -3px; position: absolute; top: 50%; } /*.apsc-theme-3 .apsc-each-profile a:hover .apsc-count{ height: 32px; min-width: 0; opacity: 0; padding: 0; width: 0; }*/ .apsc-theme-3 .apsc-each-profile a:hover .social-icon{ background-color:#fff; border-top-left-radius:4px; border-bottom-left-radius:4px; } .apsc-theme-3 .apsc-each-profile a:hover .apsc-count{ color:#fff; } .apsc-theme-3 .apsc-each-profile a:hover .social-icon:after { border-bottom: 4px solid transparent; border-left: 4px solid #fff; border-top: 4px solid transparent; content: ""; margin-top: -3px; position: absolute; right: -4px; top: 50%; z-index: 2; } .apsc-theme-3 .apsc-media-type { display: none; } .apsc-theme-3 .apsc-each-profile a.apsc-youtube-icon:hover .social-icon{ color:#e52d27; } .apsc-theme-3 .apsc-each-profile a.apsc-youtube-icon:hover .apsc-count{ background-color:#e52d27; } .apsc-theme-3 .apsc-each-profile a.apsc-soundcloud-icon:hover .social-icon{ color:#ff8800; } .apsc-theme-3 .apsc-each-profile a.apsc-soundcloud-icon:hover .apsc-count{ background-color:#ff8800; } .apsc-theme-3 .apsc-each-profile a.apsc-dribble-icon:hover .social-icon{ color:#ea4c89; } .apsc-theme-3 .apsc-each-profile a.apsc-dribble-icon:hover .apsc-count{ background-color:#ea4c89; } .apsc-theme-3 .apsc-each-profile a.apsc-comment-icon:hover .social-icon{ color:#464646; } .apsc-theme-3 .apsc-each-profile a.apsc-comment-icon:hover .apsc-count{ background-color:#464646; } .apsc-theme-3 .apsc-each-profile a.apsc-twitter-icon:hover .social-icon{ color:#1dcaff; } .apsc-theme-3 .apsc-each-profile a.apsc-twitter-icon:hover .apsc-count{ background-color:#1dcaff; } .apsc-theme-3 .apsc-each-profile a.apsc-instagram-icon:hover .social-icon{ color:#3f729b; } .apsc-theme-3 .apsc-each-profile a.apsc-instagram-icon:hover .apsc-count{ background-color:#3f729b; } .apsc-theme-3 .apsc-each-profile a.apsc-facebook-icon:hover .social-icon{ color:#3b5998; } .apsc-theme-3 .apsc-each-profile a.apsc-facebook-icon:hover .apsc-count{ background-color:#3b5998; } .apsc-theme-3 .apsc-each-profile a.apsc-google-plus-icon:hover .social-icon{ color:#dd4b39; } .apsc-theme-3 .apsc-each-profile a.apsc-google-plus-icon:hover .apsc-count{ background-color:#dd4b39; } .apsc-theme-3 .apsc-each-profile a.apsc-edit-icon:hover .social-icon{ color:#837d7d; } .apsc-theme-3 .apsc-each-profile a.apsc-edit-icon:hover .apsc-count{ background-color:#837d7d; } /********************************************Theme 4 css*******************************************************/ .apsc-theme-4 .apsc-each-profile { float: left; margin: 5px; } .apsc-theme-4 .social-icon { display: inline-block; position:relative; transition: all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .apsc-theme-4 .apsc-each-profile a{ padding: 2px 9px 2px 6px; display: block; color: #fff; position:relative; border-radius: 4px; } .apsc-theme-4 .apsc-each-profile a .fa{ transform: translateZ(0px); -webkit-transform: translateZ(0px); -ms-transform: translateZ(0px); transition: all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .apsc-theme-4 .apsc-each-profile a:hover .fa{ transform: scale(1.3) translateZ(0px); -webkit-transform:scale(1.3) translateZ(0px); -ms-transform: scale(1.3) translateZ(0px); } .apsc-theme-4 .social-icon .fa { display: inline-block; font-size: 18px; vertical-align: middle; } .apsc-theme-4 .media-name { display: inline-block; font-size: 14px; padding: 0 6px 0 5px; text-transform: capitalize; } .apsc-theme-4 .apsc-count { border-bottom-right-radius: 4px; border-top-right-radius: 4px; color: #fff; display: inline-block; font-size: 14px; text-align: center; position:relative; font-family: 'MyriadPro-Bold'; transition: all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .apsc-theme-4 .apsc-media-type { display: none; } /********************************************Theme 5 css*******************************************************/ .apsc-theme-5 .apsc-each-profile { min-height: 60px; text-align: center; width: 60px; margin: 5px; } .apsc-theme-5 .apsc-each-profile a{ padding: 6px; display: block; color: #fff; position:relative; border-radius: 5px; transform: translateZ(0px); -webkit-transform: translateZ(0px); -ms-transform: translateZ(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)";/*IE 8*/ -moz-box-shadow: 1px 1px 2px #b3b3b3;/*FF 3.5+*/ -webkit-box-shadow: 1px 1px 2px #b3b3b3;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 1px 1px 2px #b3b3b3;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3); /*IE 5.5-7*/ transition: all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .entry-content .apsc-each-profile a{ border:none; } .social-icon { display: block; } .apsc-theme-5 .apsc-count { font-size: 12px; display: block; line-height: 12px; padding: 3px 0 0; } .apsc-theme-5 .social-icon .fa { font-size: 34px; } .apsc-theme-5 .social-icon { height: 34px; } .apsc-theme-5 .media-name { display: none; } .apsc-theme-5 .apsc-media-type { display: none; } .apsc-theme-5 .apsc-each-profile a:hover { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } /************************************************responsive*************************************************************/ @media screen and (max-width:479px){ .apsc-theme-4 .apsc-each-profile a,.apsc-theme-3 .apsc-each-profile a { display: inline-block; } .apsc-theme-4 .apsc-each-profile ,.apsc-theme-3 .apsc-each-profile{ float: none; } }