/** * @version 1.9.x * @package SocialConnect * @author JoomlaWorks https://www.joomlaworks.net * @copyright Copyright (c) 2006 - 2019 JoomlaWorks Ltd. All rights reserved. * @license https://www.joomlaworks.net/license */ /* Common extension styles */ #comSocialConnectContainer {font-size:14px;color:#333333;background:#fff;box-shadow:0 0 7px rgba(25,25,25,0.35);} #comSocialConnectContainer div.socialConnectBlock {padding:40px 20px 20px;} #comSocialConnectContainer .socialConnectHeading {font-size:37px;line-height:37px;font-weight:normal;color:#333333;margin:0 0 16px;padding:0;} #comSocialConnectContainer .socialConnectSubHeading {font-size:25px;line-height:25px;font-weight:normal;color:#333333;margin:0;padding:0;} #comSocialConnectContainer .socialConnectServicesMessage {font-weight:normal;font-size:23px;line-height:23px;margin:0 0 28px;padding:0;color:#333333;} #comSocialConnectContainer .socialConnectLabel {font-size:14px;font-weight:bold;color:#333333;} #comSocialConnectContainer .socialConnectInput {display:block;border:1px solid #d4d4d4;border-radius:4px;background:#f8f6f6;padding:8px 14px;height:18px;box-shadow:0 1px 1px 0 #d4d4d4 inset;font-size:14px;font-weight:normal;color:#333333;} #comSocialConnectContainer .socialConnectInput:focus {background-color:#FFFFFF;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(82,168,236,0.6);} #comSocialConnectContainer .socialConnectLink {background:none;color:#333333;font-size:12px;text-decoration:none;} #comSocialConnectContainer .socialConnectLink:hover, #comSocialConnectContainer .socialConnectLink:focus {background:none;color:#333333;font-size:12px;text-decoration:underline;} #comSocialConnectContainer .socialConnectButton {margin:10px 0 0 0;padding:8px;border-radius:4px;display:inline-block;color:#fff;text-align:center;background:#DF6E58;cursor:pointer;border:0;} #comSocialConnectContainer .socialConnectButton:hover {/*background:#fff;color:#DF6E58;*/background:#bd402f;} #comSocialConnectContainer .socialConnectButton.socialConnectServiceButton {height:24px;line-height:24px;padding:8px;margin:20px 20px 0 0;float:left;border-radius:4px;} #comSocialConnectContainer .socialConnectButton i {display:inline-block;vertical-align:middle;font-size:24px;line-height:24px;padding:0 4px 0 0;color:#fff;} #comSocialConnectContainer .socialConnectButton span {display:inline-block;vertical-align:middle;font-family:Helvetica, Arial, sans-serif;font-style:normal;font-weight:400;font-size:16px;letter-spacing:.25px;text-align:center;color:#fff;padding:0;margin:0 16px;} /* Facebook */ #comSocialConnectContainer .socialConnectButton.socialConnectFacebookButton {background:#4267b2 url(../images/facebook.svg) no-repeat 8px 50%;} #comSocialConnectContainer .socialConnectButton.socialConnectFacebookButton:hover {background-color:#4267b2;} #comSocialConnectContainer .socialConnectButton.socialConnectFacebookButton span {margin:0 16px 0 44px;} /* Twitter */ #comSocialConnectContainer .socialConnectButton.socialConnectTwitterButton {border-color:#3092bf;background-color:#39b0e9;} #comSocialConnectContainer .socialConnectButton.socialConnectTwitterButton:hover {background-color:#3092bf;color:#fff;} /* LinkedIn */ #comSocialConnectContainer .socialConnectButton.socialConnectLinkedInButton {border-color:#00698a;background-color:#00789c;} #comSocialConnectContainer .socialConnectButton.socialConnectLinkedInButton:hover {background-color:#00698a;color:#fff;} /* Google+ */ #comSocialConnectContainer .socialConnectButton.socialConnectGooglePlusButton {border-color:#bd402f;background-color:#ab3a2b;} #comSocialConnectContainer .socialConnectButton.socialConnectGooglePlusButton:hover {background-color:#bd402f;color:#fff;} /* Google */ #comSocialConnectContainer .socialConnectButton.socialConnectGoogleButton {border-color:#b53c28;background-color:#cc442e;} #comSocialConnectContainer .socialConnectButton.socialConnectGoogleButton:hover {background-color:#b53c28;color:#fff;} /* GitHub Button */ #comSocialConnectContainer .socialConnectGitHubButton {border-color:#3877b5;background-color:#336ba3;background-image:0 to(#336ba3));box-shadow:0 1px 0 0 rgba(255,255,255,0.3) inset;} #comSocialConnectContainer .socialConnectGitHubButton:hover, #comSocialConnectContainer .socialConnectGitHubButton:focus {background-image:0 to(#3e83c8));color:#fff;} #comSocialConnectContainer .socialConnectGitHubButton:active {background-image:0 to(#4da4fa));} #comSocialConnectContainer .socialConnectGitHubButton i {background-image:url(../images/github.png);border-right:1px solid #3877b5;} /* WordPress Button */ #comSocialConnectContainer .socialConnectWordPressButton {border-color:#16658a;background-color:#16678c;background-image:0 to(#16678c));box-shadow:0 1px 0 0 rgba(255,255,255,0.3) inset;} #comSocialConnectContainer .socialConnectWordPressButton:hover, #comSocialConnectContainer .socialConnectWordPressButton:focus {background-image:0 to(#19749e));color:#fff;} #comSocialConnectContainer .socialConnectWordPressButton:active {background-image:0 to(#1f8ec2));} #comSocialConnectContainer .socialConnectWordPressButton i {background-image:url(../images/wordpress.png);border-right:1px solid #16658a;} /* Windows Button */ #comSocialConnectContainer .socialConnectWindowsLiveButton {border-color:#008bc2;background-color:#0090c9;background-image:0 to(#0090c9));box-shadow:0 1px 0 0 rgba(255,255,255,0.3) inset;} #comSocialConnectContainer .socialConnectWindowsLiveButton:hover, #comSocialConnectContainer .socialConnectWindowsLiveButton:focus {background-image:0 to(#01adef));} #comSocialConnectContainer .socialConnectWindowsLiveButton:active {background-image:0 to(#28c2ff));} #comSocialConnectContainer .socialConnectWindowsLiveButton i {background-image:url(../images/windows.png);border-right:1px solid #008bc2;} /* Ning Button */ #comSocialConnectContainer .socialConnectNingButton {border-color:#4c7c04;background-color:#558c00;background-image:0 to(#558c00));box-shadow:0 1px 0 0 #8ab04f inset;} #comSocialConnectContainer .socialConnectNingButton:hover, #comSocialConnectContainer .socialConnectNingButton:focus {background-image:0 to(#63a600));} #comSocialConnectContainer .socialConnectNingButton:active {background-image:0 to(#77b81d)) } #comSocialConnectContainer .socialConnectNingButton i {background-image:url(../images/ning.png);border-right:1px solid #4c7c04;} #comSocialConnectContainer #socialConnectEmailFormSubmitButton span {padding-right:0;} /* Authenticated user */ #comSocialConnectContainer .socialConnectUserInfo {float:left;width:50%;margin:0 3% 0 0;float:left;background:#D7D6C3;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 3% 0 0;padding:20px;border:5px solid #E0DFCD;} #comSocialConnectContainer .socialConnectUserMenu {display:block;float:right;width:45%;} #comSocialConnectContainer img.socialConnectAvatar {width:80px;height:80px;float:left;border-radius:8px;margin:0 15px 13px 0;} #comSocialConnectContainer .socialConnectGreeting {display:block;font-size:14px;font-weight:normal;} #comSocialConnectContainer .socialConnectUsername {display:block;font-size:22px;font-weight:400;padding:7px 0 3px;} #comSocialConnectContainer ul.socialConnectUserMenu {margin:0;padding:12px;list-style:none;background:#D7D6C3;border:5px solid #E0DFCD;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #comSocialConnectContainer ul.socialConnectUserMenu li {border-bottom:1px solid #afae9e;} #comSocialConnectContainer ul.socialConnectUserMenu ul {margin:0;padding:0;list-style:none;} #comSocialConnectContainer ul.socialConnectUserMenu li ul li {border:none;} #comSocialConnectContainer ul.socialConnectUserMenu li ul li a {font-weight:normal;background:none;padding-left:50px;} #comSocialConnectContainer .socialConnectAccountLink, #comSocialConnectContainer ul.socialConnectUserMenu li a {display:block;width:auto;height:34px;line-height:34px;padding-left:40px;font-size:14px;font-weight:bold;color:#333333;background-position:left center;background-repeat:no-repeat;} #comSocialConnectContainer ul.socialConnectUserMenu li a {background-image:url(../images/link_new.png);} #comSocialConnectContainer ul.socialConnectUserMenu li a:hover {color:#294a66;} #comSocialConnectContainer .socialConnectAccountLink {display:inline-block;padding-left:36px;background-image:url(../images/account_new.png);} #comSocialConnectContainer ul.socialConnectUserMenu li a.socialConnectAddLink {background-image:url(../images/add_new.png);} #comSocialConnectContainer ul.socialConnectUserMenu li a.socialConnectUserLink {background-image:url(../images/mypage_new.png);} #comSocialConnectContainer ul.socialConnectUserMenu li a.socialConnectCommentsLink {background-image:url(../images/comments_new.png);} /* Clear Fix */ #comSocialConnectContainer .socialConnectClearFix:after {content:".";display:block;height:0;line-height:0;margin:0;padding:0;clear:both;visibility:hidden;} body.scIsIE6 #comSocialConnectContainer .socialConnectClearFix {height:1%;} body.scIsIE7 #comSocialConnectContainer .socialConnectClearFix {display:inline-block;} /* Template specific styles */ #comSocialConnectContainer .socialConnectIntroMessage {margin-bottom:36px;} #comSocialConnectContainer .socialConnectRegistrationBlock {} #comSocialConnectContainer .socialConnectSignInBlock {border-bottom:4px double #ccc;padding-bottom:20px;} #comSocialConnectContainer .socialConnectSignInMessage {margin-bottom:6px;} #comSocialConnectContainer .socialConnectRow {margin:12px 0;} #comSocialConnectContainer .socialConnectSignInBlock .socialConnectInput {width:63%;float:left;margin-right:6px;} #comSocialConnectContainer .socialConnectSignInBlock .socialConnectLabel {display:inline-block;margin-top:22px;} #comSocialConnectContainer .socialConnectSignInBlock .socialConnectRememberBlock {margin-top:20px } #comSocialConnectContainer .socialConnectSignInBlock .socialConnectRememberBlock .socialConnectLabel {margin:0;} #comSocialConnectContainer .socialConnectSignInBlock .socialConnectLink {float:left;line-height:34px;font-weight:bold;} #comSocialConnectContainer .socialConnectServicesBlock {margin-top:42px;} #comSocialConnectContainer .socialConnectServiceButton {float:left;margin:0 5px 10px 0;font-size:12px;} #comSocialConnectContainer .socialConnectNingSignInBlock {width:80%;margin:20px auto;} #comSocialConnectContainer .socialConnectNingSignInBlock .socialConnectInput {width:80%;margin-top:12px;} #comSocialConnectContainer .socialConnectNingSignInBlock .socialConnectRememberBlock {margin-top:14px;} /* Custom */ .socialConnectLeftPane {float:left;width:52%;padding:0 0 0 20px;} .socialConnectRightPane {float:right;width:42%;padding:40px 20px 0 10px;} #comSocialConnectContainer .revnuDashboardTextArea {float:none;width:auto;}