body, html{font-family: 'PT Sans', sans-serif !important;} .content-clear:after, .content-clear:before {content: ''; display: table; clear: both; } .main-profile .profile-header:hover .button-basket{color:#f5f5f5; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.34); background: rgba(204, 204, 204, 0.29); } .main-profile .profile-header .button-basket {font-size: 14px; color: #dddddd; position: absolute; z-index: 99999; padding: 10px; right:10px; border-radius: 2px; } .main-profile .profile-header .button-basket label{cursor: pointer; } .main-profile .profile-header .button-basket label.cropper-auth:first-child{margin-right:20px; } .main-profile .profile-header .button-basket:hover{background: rgba(204, 204, 204, 0.8); color:#333; } .main-profile .profile-header {height: 220px; background: transparent; position: relative; } .main-profile .profile-header .cover-poster{width: 100%; height: 100%; position: relative; background: #777; overflow: hidden; } .main-profile .profile-header .cover-set-position {top:10px; } .main-profile .profile-header .profile-cover {bottom: 10px; } .main-profile .profile-header img#cover-picture-img {width: 100%; position: absolute; } .main-profile .profile-header .profile-img {width: 220px; height: 220px; background: #fff; padding: 10px; position: absolute; left: 30px; top: 35px; z-index: 2; } .main-profile .profile-header .profile-img img#profile-picture-img {height: 100%; width: 100%; } .main-profile .profile-left {background: #f2f2f2; } .main-profile .profile-left aside {padding: 50px 0 50px 20px; } .main-profile .profile-left aside .profile-user-card {padding: 0 10px; word-wrap: break-word; margin-bottom: 20px; } .main-profile .profile-left aside .profile-user-card h3 {font-size: 18px; font-weight: 700; color: #1a1a1a; margin-bottom: 12px; } .main-profile .profile-left aside .profile-user-card span {font-size: 12px; color: #666666; display: block; } .main-profile .profile-left aside .profile-user-card p {color: #424242; font-size: 15px; margin-top: 15px; } .main-profile .profile-left aside h2 {font-size: 18px; color: #1a1a1a; margin: 30px 0 10px 0; } .main-profile .profile-left aside .follow-and-message {margin: 10px 0px; } .main-profile .profile-left aside h2 b {font-weight: 700; } .main-profile .profile-left aside h2:after {content: ''; width: 100%; height: 1px; background: #a3a3a3; display: block; margin: 10px 0 0; } .main-profile .profile-left aside .profile-follow .profile-avatar-list a img {width: 40px; height: 40px; margin-right: 4px; margin-bottom: 4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .main-profile .profile-left aside .profile-follow .profile-avatar-list a img:hover {opacity: .5; } .main-profile .profile-left aside .profile-avatar-list > a {display: inline-block; opacity: .5; position: relative; } .main-profile .profile-left aside .profile-avatar-list > a img {width: 50px; height: 50px; } .main-profile .profile-left aside .profile-avatar-list > a:hover {opacity: 1; } .main-profile .main-container {padding-right: 0; padding-top: 15px; } .main-profile .main-container .search-tabs {/*margin-bottom: 25px;*/ padding: 0 10px; background: #f5f6f6; border: 1px solid #d9d7d7; } .main-profile .main-container .search-tabs li {float: left; } .main-profile .main-container .search-tabs li a {padding: 20px 25px; display: inline-block; font-size: 16px; color: #1a1a1a; font-weight: 600; text-decoration: none; } .main-profile .main-container .search-tabs li.active {background: #fff; border-left: 1px solid #d9d7d7; border-top: 1px solid #d9d7d7; margin-top: -6px; cursor: default; padding-bottom: 5px; border-right: 1px solid #d9d7d7; } .main-profile .profile-left aside .profile-user-card .save-profile label {font-size: 14px; font-weight: bold; color: #8d8d8d; margin: 12px 0 7px; } .main-profile .profile-left aside .profile-user-card .save-profile textarea {resize: none; } .main-profile .main-container .profile-setting-content h2 {color: #424242; font-weight: 500; font-size: 18px; margin-bottom: 15px; } .main-profile .main-container .profile-setting-content .panel-default>.panel-heading {background: none; } .main-profile .main-container .profile-setting-content .panel-body {border: none; } .main-profile .main-container .profile-setting-content .small-text {font-size: 13px; line-height: 30px; } .main-profile .main-container .profile-setting-content #collapse1 button:not(.close) {margin-top: 30px; } .main-profile .main-container .profile-setting-content #collapse2 label, .main-profile .main-container .profile-setting-content #collapse4 label, .main-profile .main-container .profile-setting-content #collapse7 label {text-align: left; font-size: 14px; color: #676767; font-weight: 600; } .main-profile .main-container .profile-setting-content #collapse7 label {margin: 12px 0 7px; } .main-profile .main-container .profile-setting-content #collapse3 .checkbox {margin-bottom: 30px; } .main-profile .main-container .profile-setting-content #collapse3 .checkbox label {line-height: 20px; } .main-profile .main-container .profile-setting-content .panel-title a {text-decoration: none; color: #4183c4; font-weight: 600; } .main-profile .main-container .profile-setting-content #collapse5 div.socialLogin a.facebook_login {background-color: #4974b0; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#6e90c0), to(#4974b0)); background-image: -moz-linear-gradient(top, #6e90c0, #4974b0); background-image: -ms-linear-gradient(top, #6e90c0, #4974b0); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e90c0), color-stop(100%, #4974b0)); background-image: -webkit-linear-gradient(top, #6e90c0, #4974b0); background-image: -o-linear-gradient(top, #6e90c0, #4974b0); background-image: linear-gradient(top, #6e90c0, #4974b0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e90c0', endColorstr='#4974b0', GradientType=0); text-decoration: none; } .main-profile .main-container .profile-setting-content #collapse5 div.socialLogin a.facebook_login:hover {background: #466ba0; } .main-profile .main-container .profile-setting-content #collapse5 div.socialLogin a.twitter_login:hover {background: #5aa8e4; } .main-profile .main-container .profile-setting-content #collapse5 div.socialLogin a.facebook_login:hover span.fText {border-left: 1px solid #375785; } .main-profile .main-container .profile-setting-content #collapse5 div.socialLogin a.twitter_login {background-color: #4e9edc; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5daae6), to(#4e9edc)); background-image: -moz-linear-gradient(top, #5daae6, #4e9edc); background-image: -ms-linear-gradient(top, #5daae6, #4e9edc); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5daae6), color-stop(100%, #4e9edc)); background-image: -webkit-linear-gradient(top, #5daae6, #4e9edc); background-image: -o-linear-gradient(top, #5daae6, #4e9edc); background-image: linear-gradient(top, #5daae6, #4e9edc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5daae6', endColorstr='#4e9edc', GradientType=0); text-decoration: none; } .main-profile .main-container .profile-setting-content #collapse5 div.socialLogin a i {display: block; float: left; width: 24px; height: 36px; font-size: 24px; text-align: center; background-position: center 1px; line-height: 38px; } .main-profile .main-container .profile-setting-content #collapse5 div.socialLogin a span {margin-left: 8px; padding: 14px 0; padding-left: 15px; } .main-profile .main-container .profile-setting-content #collapse5 div.socialLogin a span.fText {border-left: 1px solid #466ba0; } .main-profile .main-container .profile-setting-content #collapse5 div.socialLogin a span.tText {border-left: 1px solid #428cc5; } .main-profile .main-container .profile-setting-content #collapse5 div.socialLogin a {font-weight: 400; display: block; margin: 10px auto; padding: 5px 10px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); color: #fff; font-size: 15px; line-height: 36px; text-align: left; -webkit-transition: .1s linear all; -khtml-transition: .1s linear all; -moz-transition: .1s linear all; -ms-transition: .1s linear all; -o-transition: .1s linear all; transition: .1s linear all; } .main-profile .profile-header .profile-img .profile-img-upload {opacity: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .main-profile .profile-header .profile-img:hover .profile-img-upload {opacity: 1; } .main-profile .profile-header .profile-img .profile-img-upload i {display: block; font-size: 25px; margin-bottom: 10px; } .main-profile .profile-header .setting-profile:after {background: #222; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; width: 100%; z-index: 1; } .main-profile .profile-header .setting-profile:hover:after {opacity: 0.7; } .main-profile .profile-header .profile-img .profile-img-upload {position: absolute; top: 50%; left: 50%; margin-left: -45.5px; margin-top: -35.5px; color: #fff; width: 95px; height: 71px; border-radius: 50%; text-align: center; -webkit-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; z-index: 2; cursor: pointer; } .main-profile .profile-header .profile-img .profile-img-upload input, .main-profile .profile-header .profile-cover .setcover input {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .loader-gif {background: url('../images/image/loader.gif'); width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; z-index: 3; background-position: center center; } .popover-outer {position: absolute; top: -92px; left: 0; } .popover-outer.me {position: absolute; top: -55px; left: 0; } .user-detail-popover {position: relative; bottom: 11px; width: 180px; max-height: 107px; background: #fff; border: 1px solid #909090; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: visible; z-index: 100; } .user-detail-popover:after {content: ''; position: absolute; bottom: -10px; left: 0; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #ffffff transparent transparent transparent; } .user-detail-popover:before {content: ''; position: absolute; bottom: -12px; left: -2px; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 12px; border-color: #909090 transparent transparent transparent; } .user-detail-popover header {padding: 7px; } .user-detail-popover header img {margin-right: 5px; width: 40px !important; height: 40px !important; float: left; } .user-detail-popover header .username {font-weight: bold; font-size: 14px; height: 40px; overflow: hidden; display: block; text-overflow: ellipsis; } .user-detail-popover .footer-user {padding: 7px ; border-top: 1px solid #c0c0c0; }