/** * @version $Id: style.css 3315 2013-07-09 16:26:36Z lefteris.kavadas $ * @package SocialConnect * @author JoomlaWorks http://www.joomlaworks.net * @copyright Copyright (c) 2006 - 2013 JoomlaWorks Ltd. All rights reserved. * @license http://www.joomlaworks.net/license */ .itemIdIs515 header div.topExternalLinks { right: 535px; } .itemIdIs515 header .k2SearchBlock { right: 225px; } /* the handle */ .handle, .handleDISABLED { height: 36px; line-height: 36px; font-weight: 700; background: #2f536f url(../images/handle.png) 12px 100% no-repeat; font-size: 14px; text-align: center; color: #fff; border-radius: 0 0 5px 5px; cursor: pointer; padding-left: 43px; padding-right: 20px; margin-bottom: -36px; } .handleDISABLED span a {color: #fff;} .handleDISABLED span a:hover {color: #eee;} .handle.open { color: #333; background: #f8ab4e url(../images/handle.png) 12px 0 no-repeat; height: 46px; border-radius: 0; margin-bottom: -46px; } #modSocialConnectDefault, .socialConnectSignInBlock, #modSocialConnectDefault .socialConnectIntroductionMessage { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } /* Common extension styles */ #modSocialConnectDefault { position: absolute; right: 0; top: 46px; width: 632px; box-shadow: 0 2px 8px rgba(0,0,0,.47); z-index: 999; font-size: 14px; color: #2f2f2f; padding-top: 9px; background: #f6f0e2 url(../images/pat.png) 0 0 repeat-x; } /* sign in block */ #modSocialConnectDefault .socialConnectSignInBlock { padding: 30px 23px 20px; width: 307px; border-top: 3px solid #e1dccf; } #modSocialConnectDefault form { margin: 0; } #modSocialConnectDefault .socialConnectIntroductionMessage { width: 325px; padding: 36px 23px 63px 50px; background: #f3e8cf; border-top: 3px solid #e1dccf; } #modSocialConnectDefault .socialConnectIntroductionMessage ul { list-style: none outside none; font-style: normal; font-weight: 400; font-size: 13px; margin: 15px 0 0; } #modSocialConnectDefault .socialConnectIntroductionMessage ul li { position: relative; display: block; margin-bottom: 8px; } #modSocialConnectDefault .socialConnectIntroductionMessage ul li:before { content: ""; position: absolute; display: block; width: 14px; height: 10px; left: -22px; top: 4px; background: url(../images/arrow.png) 0 0 no-repeat; } #modSocialConnectDefault .socialConnectIntroductionMessage p { margin: 0; } #modSocialConnectDefault .socialConnectLabel { display: block; font-style: normal; font-size: 14px; font-weight: 700; color: #303030; margin: 0 0 5px; } #modSocialConnectDefault .socialConnectLabel.passLabel { margin-top: 15px; } #modSocialConnectDefault .socialConnectInput { font-size: 14px; width: 248px; height: 38px; line-height: 38px; padding: 0 5px; border: 1px solid rgba(48,48,48,.14); border-radius: 5px; background-clip: padding-box; background-color: #fff; box-shadow: inset 0 1px 0 rgba(0,0,0,.1); margin-bottom: 10px; font-family: 'Arvo', serif; } #modSocialConnectDefault .socialConnectInput:focus { color: #2f2f2f; } #modSocialConnectDefault .modSocialConnectPassword { } #modSocialConnectDefault .socialConnectLink { display: block; line-height: 1; text-align: right; font-weight: 700; background: none; color: #56799b; font-size: 12px; } /* Sign in button */ #modSocialConnectDefault .socialConnectButton { line-height: 32px; font-weight: 700; color: #fff; padding: 0 15px; height: 32px; border-radius: 20px; background-clip: padding-box; background-color: #df6d57; text-transform: uppercase; border: 0; margin-top: 17px; float: right; margin-right: 3px; } #modSocialConnectDefault .socialConnectButton:hover { cursor: pointer; } #modSocialConnectDefault .socialConnectServiceButton { font-size: 12px; } /* services */ #modSocialConnectDefault .socialConnectServicesBlock { text-align: center; } #modSocialConnectDefault .socialConnectServicesBlock h4 { text-align: left; } #modSocialConnectDefault .socialConnectSignInBlock { padding-left: 15px; padding-right: 15px; } #modSocialConnectDefault .socialConnectButton.socialConnectServiceButton { padding: 0px 10px; margin-top: 10px; float: left; } #modSocialConnectDefault .socialConnectButton span { display: inline-block; vertical-align: middle; } #modSocialConnectDefault .socialConnectButton i { display: inline-block; vertical-align: middle; font-size: 16px; padding-right: 4px; color: #fff; } #modSocialConnectDefault .socialConnectButton.socialConnectFacebookButton { border-color: #394e90; background-color:#4159a2; } #modSocialConnectDefault .socialConnectButton.socialConnectFacebookButton:hover { background-color: #394e90; } #modSocialConnectDefault .socialConnectButton.socialConnectTwitterButton { border-color: #3092bf; background-color:#39b0e9; } #modSocialConnectDefault .socialConnectButton.socialConnectTwitterButton:hover { background-color: #3092bf; } #modSocialConnectDefault .socialConnectButton.socialConnectLinkedInButton { border-color: #00698a; background-color:#00789c; } #modSocialConnectDefault .socialConnectButton.socialConnectLinkedInButton:hover { background-color: #00698a; } #modSocialConnectDefault .socialConnectButton.socialConnectGooglePlusButton { border-color:#bd402f; background-color:#ab3a2b; } #modSocialConnectDefault .socialConnectButton.socialConnectGooglePlusButton:hover { background-color: #bd402f; } #modSocialConnectDefault .socialConnectButton.socialConnectGoogleButton { border-color:#b53c28; background-color:#cc442e; } #modSocialConnectDefault .socialConnectButton.socialConnectGoogleButton:hover { background-color: #b53c28; } /* sign out button */ #modSocialConnectDefault .socialConnectButton.socialConnectSignOutButton { float: left; margin-top: 5px; } /* Remember me */ #modSocialConnectDefault .socialConnectRememberBlock { display: inline-block; margin-top: 27px; } #modSocialConnectDefault .socialConnectRememberBlock label { font-style: normal; padding-right: 9px; color: #303030; } /* footer register */ .footerRegister { margin: 20px -23px 0; border-top: 2px solid #e2dcd0; padding: 20px 23px 0; color: #75726c; font-size: 16px; text-align: right; } .footerRegister span { line-height: 1; margin-bottom: 9px; display: block; vertical-align: middle; } /* Registration button */ #modSocialConnectDefault .socialConnectRegistrationButton { font-weight: 700; color: #1167d3; text-decoration: none; width: 150px; height: 40px; line-height: 40px; border-radius: 20px; background-color: #8db556; display: inline-block; vertical-align: middle; text-align: center; color: #3d4f25; } /* Authenticated */ #modSocialConnectDefault.modSocialConnectAuth { width: 307px; } /* User profile */ .socialConnectUserSpace { background: #ddd8cb; padding: 15px; border-top: 3px solid #cac6ba; } #modSocialConnectDefault img.socialConnectAvatar { width: 49px; height: 49px; border-radius: 3px; float: left; box-shadow: 0 1px 2px rgba(0,0,0,.3); margin: 0 17px 13px 0; } #modSocialConnectDefault .socialConnectGreeting { display: block; font-size: 14px; font-weight: normal; } #modSocialConnectDefault .socialConnectUsername { display: block; font-size: 16px; font-weight: 400; } #modSocialConnectDefault .socialConnectUserInfo { float: left; margin: 0; } /* Authenticated user menu */ #modSocialConnectDefault .socialConnectUserMenu { display: block; } #modSocialConnectDefault ul.socialConnectUserMenu { margin: 13px 0 0 0; float: none; padding: 0; list-style: none; border-bottom: none; width: 100%; font-style: normal; font-size: 13px; } #modSocialConnectDefault ul.socialConnectUserMenu li { display: block; } #modSocialConnectDefault ul.socialConnectUserMenu li a { color: #303030; } #modSocialConnectDefault ul.socialConnectUserMenu li a:hover { color: #294a66; } #modSocialConnectDefault ul.socialConnectUserMenu > li { border-bottom: 1px solid #a29e95; padding-bottom: 15px; } #modSocialConnectDefault ul.socialConnectUserMenu > li > a { font-weight: 700; } #modSocialConnectDefault ul.socialConnectUserMenu > li:last-child { border: 0; } #modSocialConnectDefault ul.socialConnectUserMenu ul { float: none; margin: 0; padding: 0; list-style: none; font-weight: 400; } #modSocialConnectDefault .socialConnectAccountLink, #modSocialConnectDefault ul.socialConnectUserMenu li a { display: block; padding-top: 16px; line-height: 1.3; padding-left: 45px; font-style: normal; font-size: 13px; background-position: 0 8px; background-repeat: no-repeat; } /* backgrounds */ #modSocialConnectDefault ul.socialConnectUserMenu > li > a { background-image: url('../images/link_new.png'); } #modSocialConnectDefault .socialConnectAccountLink { display: inline-block; padding-left: 28px; background-image: url('../images/account_new.png'); } #modSocialConnectDefault ul.socialConnectUserMenu li a.socialConnectAddLink { background-image: url('../images/add_new.png'); } #modSocialConnectDefault ul.socialConnectUserMenu li a.socialConnectUserLink { background-image: url('../images/mypage_new.png'); } #modSocialConnectDefault ul.socialConnectUserMenu li a.socialConnectCommentsLink { background-image: url('../images/comments_new.png'); } /* Clear Fix */ #modSocialConnectDefault .socialConnectClearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }