/* AccessPress Social Login lite - Frontend css */ div.social-networks a{ border-bottom:none; text-decoration: none; } .theme-1 .apsl-long-login-text,.theme-1 .apsl-login-text{ display: none; } .theme-2 .apsl-login-text,.theme-2 .apsl-long-login-text { display: none; } .theme-3 .apsl-long-login-text,.theme-3 .apsl-login-text { display: none; } .theme-4 .apsl-login-text { display: none; } .theme-5 .apsl-long-login-text, .theme-5 .apsl-login-text { display: none; } .apsl-icon-block { margin-bottom:10px; } .theme-1 .fa.fa-facebook:hover,.theme-1 .fa.fa-twitter:hover,.theme-1 .fa.fa-google:hover, .theme-1 .fa.fa-linkedin:hover,.theme-1 .fa.fa-instagram:hover,.theme-1 .fa.fa-vk:hover, .theme-1 .fa.fa-foursquare:hover,.theme-1 .fa.fa-wordpress:hover, .theme-1 .fa-buffer:hover, .theme-1 .fab.fa-facebook-f:hover,.theme-1 .fab.fa-twitter:hover,.theme-1 .fab.fa-google:hover, .theme-1 .fab.fa-linkedin:hover,.theme-1 .fab.fa-instagram:hover,.theme-1 .fab.fa-vk:hover, .theme-1 .fab.fa-foursquare:hover,.theme-1 .fab.fa-wordpress:hover, .theme-1 .fab.fa-buffer:hover { opacity:0.5; -webkit-transition: all 1s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 1s ease;/* Firefox 4-15 */ -o-transition: all 1s ease;/* Opera 10.5-12.00 */ transition: all 1s ease;/* Firefox 16+, Opera 12.50+ */ } .theme-2 .fa.fa-facebook:hover,.theme-2 .fa.fa-twitter:hover,.theme-2 .fa.fa-google:hover, .theme-2 .fa.fa-linkedin:hover,.theme-2 .fa.fa-instagram:hover,.theme-2 .fa.fa-vk:hover, .theme-2 .fa.fa-foursquare:hover,.theme-2 .fa.fa-wordpress:hover, .theme-2 .fa.fa-buffer:hover, .theme-2 .fab.fa-facebook-f:hover,.theme-2 .fab.fa-twitter:hover,.theme-2 .fab.fa-google:hover, .theme-2 .fab.fa-linkedin:hover,.theme-2 .fab.fa-instagram:hover,.theme-2 .fab.fa-vk:hover, .theme-2 .fab.fa-foursquare:hover,.theme-2 .fab.fa-wordpress:hover, .theme-2 .fab.fa-buffer:hover {background:none; -webkit-transition: all 1s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 1s ease;/* Firefox 4-15 */ -o-transition: all 1s ease;/* Opera 10.5-12.00 */ transition: all 1s ease;/* Firefox 16+, Opera 12.50+ */ } .theme-3 .fa.fa-facebook:hover,.theme-3 .fa.fa-twitter:hover,.theme-3 .fa.fa-google:hover, .theme-3 .fa.fa-linkedin:hover,.theme-3 .fa.fa-instagram:hover,.theme-3 .fa.fa-vk:hover, .theme-3 .fa.fa-foursquare:hover,.theme-3 .fa.fa-wordpress:hover, .theme-3 .fa-buffer:hover, .theme-3 .fab.fa-facebook-f:hover,.theme-3 .fab.fa-twitter:hover,.theme-3 .fab.fa-google:hover, .theme-3 .fab.fa-linkedin:hover,.theme-3 .fab.fa-instagram:hover,.theme-3 .fab.fa-vk:hover, .theme-3 .fab.fa-foursquare:hover,.theme-3 .fab.fa-wordpress:hover, .theme-3 .fab-buffer:hover{ opacity:0.8; background-color: #9D1C20; -webkit-transition: all 1s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 1s ease;/* Firefox 4-15 */ -o-transition: all 1s ease;/* Opera 10.5-12.00 */ transition: all 1s ease;/* Firefox 16+, Opera 12.50+ */ } .theme-3 .fa.fa-facebook,.theme-3 .fab.fa-facebook-f { background: #3b5999 none repeat scroll 0 0; border-radius: 5px; color: #ffffff; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-3 .fa-buffer { background: url("../images/buffer.png") no-repeat scroll center center; border-radius: 5px; color: #ffffff; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 38px; background-color: #000 } .theme-3 .fa.fa-twitter,.theme-3 .fab.fa-twitter { background: #42d3ff none repeat scroll 0 0; border-radius: 5px; color: #ffffff; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-3 .fa.fa-google,.theme-3 .fab.fa-google { background: #dd4b39 none repeat scroll 0 0; border-radius: 5px; color: #ffffff; margin-left: 0; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-3 .fa.fa-linkedin { background: #42d3ff none repeat scroll 0 0; border-radius: 5px; color: #ffffff; margin-left: 1px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-3 .fa.fa-instagram { background: #3f729b none repeat scroll 0 0; border-radius: 5px; color: #ffffff; margin-left: 3px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-3 .fa.fa-vk { background: #5e5959 none repeat scroll 0 0; border-radius: 5px; color: #ffffff; margin-left: 3px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-3 .fa.fa-foursquare { background: #80b63e none repeat scroll 0 0; border-radius: 5px; color: #ffffff; margin-left: 3px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-3 .fa.fa-wordpress { background: #8f8f8f none repeat scroll 0 0; border-radius: 5px; color: #ffffff; margin-left: 3px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-1 .fa.fa-facebook,.theme-1 .fab.fa-facebook-f { background: #0073AA none repeat scroll 0 0; border-radius: 24px; color:#fff; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-1 .fa-buffer { background: rgba(0, 0, 0, 0) url("../images/buffer.png") no-repeat scroll center center; border-radius: 24px; color: #ffffff; display: table-cell; font-size: 20px; height: 39px; text-align: center; vertical-align: middle; width: 40px; background-color: #333333 } .theme-1 .fa.fa-twitter,.theme-1 .fab.fa-twitter { background: #1FCCFF none repeat scroll 0 0; border-radius: 24px; color:#fff; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-1 .fa.fa-google,.theme-1 .fab.fa-google { background: #DE4B3B none repeat scroll 0 0; border-radius: 24px; color: #ffffff; margin-left: 1px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-1 .fa.fa-linkedin { background:#3F739A none repeat scroll 0 0; border-radius: 24px; color: #ffffff; margin-left: 2px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-1 .fa.fa-instagram { background: #ff0000 none repeat scroll 0 0; border-radius: 24px; color: #ffffff; margin-left: 4px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-1 .fa.fa-vk { background:#BF0808 none repeat scroll 0 0; border-radius: 24px; color: #ffffff; margin-left: 5px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-1 .fa.fa-foursquare { background:#8F8F8F none repeat scroll 0 0; border-radius: 24px; color: #ffffff; margin-left: 5px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-1 .fa.fa-wordpress { background:#5F5959 none repeat scroll 0 0; border-radius: 24px; color: #ffffff; margin-left: 5px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-2 .fa.fa-facebook,.theme-2 .fab.fa-facebook-f { background: #1C74BC none repeat scroll 0 0; color: #ffffff; text-align: center; height: 38px; font-size: 20px; vertical-align: middle; display: table-cell; width: 38px; border: 1px solid #1C74BC; } .theme-2 .fa-buffer { background: url("../images/buffer.png") no-repeat scroll center center; color: #fff; text-align: center; height: 38px; font-size: 20px; vertical-align: middle; display: table-cell; width: 38px; border: 1px solid #333333; background-color: #333333 } .theme-2 .fa.fa-twitter,.theme-2 .fab.fa-twitter{ background: #24B4F3 none repeat scroll 0 0; color: #ffffff; text-align: center; height: 38px; font-size: 20px; vertical-align: middle; display: table-cell; width: 38px; border: 1px solid #24B4F3; } .theme-2 .fa.fa-google,.theme-2 .fab.fa-google{ background: #86C344 none repeat scroll 0 0; color: #ffffff; text-align: center; height: 38px; font-size: 20px; vertical-align: middle; display: table-cell; width: 38px; border: 1px solid #86C344; } .theme-2 .fa.fa-linkedin{ background: #0000ff none repeat scroll 0 0; color: #ffffff; text-align: center; height: 38px; font-size: 20px; vertical-align: middle; display: table-cell; width: 38px; border: 1px solid #0000ff; } .theme-2 .fa.fa-instagram{ background: #D93232 none repeat scroll 0 0; color: #ffffff; text-align: center; height: 38px; font-size: 20px; vertical-align: middle; display: table-cell; width: 38px; border: 1px solid #D93232; } .theme-2 .fa.fa-vk{ background: #B7BABB none repeat scroll 0 0; color: #ffffff; text-align: center; height: 38px; font-size: 20px; vertical-align: middle; display: table-cell; width: 38px; border: 1px solid #B7BABB; } .theme-2 .fa.fa-foursquare{ background: #211F20 none repeat scroll 0 0; color: #ffffff; text-align: center; height: 38px; font-size: 20px; vertical-align: middle; display: table-cell; width: 38px; border: 1px solid #211F20; } .theme-2 .fa.fa-wordpress{ background:#4E624F none repeat scroll 0 0; color: #ffffff; text-align: center; height: 38px; font-size: 20px; vertical-align: middle; display: table-cell; width: 38px; border: 1px solid #4E624F; } .theme-2 .fa.fa-google:hover,.theme-2 .fab.fa-google:hover{ border: 1px solid #86C344; color: #86C344 ; } .theme-2 .fa.fa-facebook:hover,.theme-2 .fab.fa-facebook-f:hover{ border: 1px solid #1C74BC; color: #1C74BC ; } .theme-2 .fa.fa-twitter:hover,.theme-2 .fab.fa-twitter:hover{ border: 1px solid #24B4F3; color: #24B4F3 ; } .theme-2 .fa.fa-instagram:hover{ border: 1px solid #D93232; color: #D93232 ; } .theme-2 .fa.fa-foursquare:hover{ border: 1px solid #211F20; color: #211F20 ; } .theme-2 .fa.fa-wordpress:hover{ border: 1px solid #4E624F; color: #4E624F ; } .theme-2 .fa.fa-linkedin:hover{ border: 1px solid #0000ff; color: #0000ff ; } .theme-2 .fa.fa-vk:hover{ border: 1px solid #B7BABB; color: #B7BABB ; } .theme-2 .fa-buffer:hover{ background: url("../images/buffer-black.png") no-repeat scroll center center; border: 1px solid #333333; background-color: #fff ; } .theme-4 .apsl-icon-block.icon-facebook { background: #48629b none repeat scroll 0 0; border-radius: 3px; color: #ffffff; font-size: 13px; line-height: 22px; padding: 7px 15px; vertical-align: middle; display: inline-block } .theme-4 .apsl-icon-block.icon-twitter { background: #23b0e6 none repeat scroll 0 0; border-radius: 3px; color: #ffffff; font-size: 13px; line-height: 22px; padding: 7px 15px; vertical-align: middle; display: inline-block } .theme-4 .fa.fa-facebook,.theme-4 .fab.fa-facebook-f { font-size: 19px; padding-right: 16px; padding-top:2px; vertical-align: top; display: inline-block } .theme-4 .fa.fa-twitter,.theme-4 .fab.fa-twitter { font-size: 19px; padding-right: 16px; padding-top:2px; vertical-align: top; display: inline-block } .theme-4 .apsl-icon-block.icon-google { background: #dc4b38 none repeat scroll 0 0; border-radius: 3px; color: #ffffff; font-size: 13px; line-height: 22px; padding: 7px 15px; vertical-align: top; display: inline-block } .theme-4 .fa.fa-google,.theme-4 .fab.fa-google { font-size: 19px; padding-right: 16px; padding-top:2px; vertical-align: middle; display: inline-block } .apsl-icon-block { display: inline-block; margin-right: 10px; } span.apsl-login-new-text{ font-size: 15px; font-weight: bold; display: block; margin-bottom: 15px } #loginform a{ display: inline-block; } .apsl-error{ font-size: 13px; color:red; margin-bottom: 10px; display: block; } .apsl-icon-block:before{ display:none !important} /**************************** Theme 5 *****************************/ .theme-5 .fa.fa-facebook,.theme-5 .fab.fa-facebook-f { background: #4E4E4E none repeat scroll 0 0; border-radius: 5px; color: #3FA1DA; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; font-size: 18px; } .theme-5 .fa.fa-buffer { background: #4E4E4E url("../images/buffer.png") no-repeat scroll center center; border-radius: 5px; color: #3FA1DA; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-5 .fa.fa-buffer:hover { background: #4E4E4E url("../images/buffer.png") no-repeat scroll center center; } .theme-5 .fa.fa-twitter,.theme-5 .fab.fa-twitter { background: #4E4E4E none repeat scroll 0 0; border-radius: 5px; color: #01A8E8; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-5 .fa.fa-google,.theme-5 .fab.fa-google { background: #4E4E4E none repeat scroll 0 0; border-radius: 5px; color: #e1584b; margin-left: 0; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-5 .fa.fa-linkedin { background: #4E4E4E none repeat scroll 0 0; border-radius: 5px; color: #0083be; margin-left: 1px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-5 .fa.fa-instagram { background: #4E4E4E none repeat scroll 0 0; border-radius: 5px; color: #4997e3; margin-left: 3px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-5 .fa.fa-vk { background: #4E4E4E none repeat scroll 0 0; border-radius: 5px; color: #4c75a3; margin-left: 3px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-5 .fa.fa-foursquare { background: #4E4E4E none repeat scroll 0 0; border-radius: 5px; color: #f94877; margin-left: 3px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-5 .fa.fa-wordpress { background: #4E4E4E none repeat scroll 0 0; border-radius: 5px; color: #8f8f8f; margin-left: 3px; text-align: center; height: 39px; font-size: 20px; vertical-align: middle; display: table-cell; width: 40px; } .theme-5 .fa.fa-facebook:hover,.theme-5 .fab.fa-facebook-f:hover { background: #496399 none repeat scroll 0 0; } .theme-5 .fa.fa-twitter:hover,.theme-5 .fab.fa-twitter:hover { background: #2fb1e4 none repeat scroll 0 0; } .theme-5 .fa.fa-google:hover,.theme-5 .fab.fa-google:hover { background: #da4c3e none repeat scroll 0 0; } .theme-5 .fa.fa-instagram:hover { background: #3f739a none repeat scroll 0 0; } .theme-5 .fa.fa-linkedin:hover { background: #0e77a7 none repeat scroll 0 0; } .theme-5 .fa.fa-vk:hover { background: #5e5959 none repeat scroll 0 0; } .theme-5 .fa.fa-wordpress:hover { background: #8f8f8f none repeat scroll 0 0; } .theme-5 .fa.fa-foursquare:hover { background: #f94777 none repeat scroll 0 0; } .theme-5 .fa.fa-buffer:hover { background: #8f8f8f url("../images/buffer.png") no-repeat scroll center center; } .theme-5 .fa.fa-facebook:hover, .theme-5 .fa.fa-twitter:hover, .theme-5 .fa.fa-google:hover, .theme-5 .fa.fa-linkedin:hover, .theme-5 .fa.fa-instagram:hover, .theme-5 .fa.fa-vk:hover, .theme-5 .fa.fa-foursquare:hover, .theme-5 .fa.fa-wordpress:hover, .theme-5 .fa.fa-buffer:hover, .theme-5 .fab.fa-facebook-f:hover, .theme-5 .fab.fa-twitter:hover, .theme-5 .fab.fa-google:hover, .theme-5 .fab.fa-linkedin:hover, .theme-5 .fab.fa-instagram:hover, .theme-5 .fab.fa-vk:hover, .theme-5 .fab.fa-foursquare:hover, .theme-5 .fab.fa-wordpress:hover, .theme-5 .fab.fa-buffer:hover{ color: #fff; -webkit-transition: all 1s ease; /* Safari 3.2+, Chrome */ -moz-transition: all 1s ease; /* Firefox 4-15 */ -o-transition: all 1s ease; /* Opera 10.5-12.00 */ transition: all 1s ease; /* Firefox 16+, Opera 12.50+ */ }