Current File : /home/aventura/www/site/wp-content/themes/kleo/assets/css/plugins/bp-cover-photo.css |
/* --------------------------------------------------
BuddyPress Cover photo - KLEO Compatibility
----------------------------------------------------- */
.profile-cover-action {
position: absolute;
left: 10px;
top: 10px;
z-index: 4;
/* v.4.1.9 */
transition: top 0.5s, margin-top 0.5s;
}
.buddypress.bp-header-small .profile-cover-action {
top: 67px;
}
.buddypress .profile-cover-action a.button {
white-space: nowrap;
line-height: 30px !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 40px;
overflow: hidden;
display: inline-block;
text-transform: uppercase;
font-size: 12px;
padding: 0 !important;
border: none !important;
text-align: left !important;
}
.buddypress.is-user-profile .profile-cover-action a.button {
color: rgba(255, 255, 255, 0.7) !important;
}
.buddypress .profile-cover-action a.button:before {
display: inline-block;
font: 16px 'fontello';
/*content: "\e81c";*/
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 30px;
height: 30px !important;
line-height: 30px;
margin-right: 10px;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
/* v.4.1.9 */
content: "\e9c3";
}
.buddypress.is-user-profile .profile-cover-action a.button:before {
background: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.6);
}
.buddypress.is-user-profile .profile-cover-action a.button:hover:before {
color: rgba(255, 255, 255, 0.9);
}
.buddypress .profile-cover-action a.button:hover {
width: 140px;
}
.buddypress.is-user-profile .profile-cover-action a.button:hover {
background-color: transparent !important;
}
body.is-user-profile div#item-header div#item-header-content {
z-index: 2;
position: relative;
}
body.is-user-profile div#item-header div#item-meta {
margin-top: 5px;
}
body.is-user-profile #item-header-avatar {
box-shadow: none;
/* v.4.1.9 */
border-color: rgba(255, 255, 255, 0.2) !important;
}
body.bp-header-small .bp-full-width-profile div#item-header {
padding-bottom: 40px;
}
body.is-user-profile .bp-full-width-profile div#item-header {
padding: 80px 10px;
margin-top: 0;
}
body.is-user-profile.bp-header-small .bp-full-width-profile div#item-header {
padding-bottom: 40px;
padding-top: 40px;
}
.buddypress div.generic-button a {
/* v.4.1.9 */
display: inline-block;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.05em;
height: 35px;
line-height: 35px;
}
.bp-full-width-profile div.generic-button a {
/* v.4.1.9 */
border: 0 !important;
background: rgba(255, 255, 255, 0.2);
}
body.is-user-profile #item-header div#message {
position: absolute;
}
.bp-full-width-profile #item-header-avatar {
box-shadow: none;
}
body.is-user-profile.bp-header-small #item-header-avatar {
box-shadow: none;
}
.is-user-profile div#item-header div#item-header-content h4,
.is-user-profile div#item-header div#item-header-content a,
.is-user-profile div#item-header div#item-header-content .label,
.is-user-profile div#item-header div#item-header-content span.activity,
.buddypress.is-user-profile div#item-header div#item-actions h3,
.is-user-profile div#item-header div#item-meta {
color: #fff !important;
}
.is-user-profile div#item-header div#item-header-content .generic-button a:hover {
color: #444 !important;
}
body.is-user-profile #item-header-avatar {
border-width: 6px;
}
body.is-user-profile .profile-cover-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.45)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
/* IE6-9 */
}
body.is-user-profile.bp-header-small:not(.bp-overlay-menu) .profile-cover-inner {
background: none;
}