#buddypress div.item-list-tabs#subnav { display:none; }
#buddypress #item-body { padding-right:20px; }
.extra-custom-bp-page {
background:#ffffff;
padding:30px;
}
.extra-custom-bp-page-title {
font-size:30px;
line-height:30px;
font-weight:900;
margin:9px 0 26px;
}
#buddypress .extra-form .extra-link-field-wrapper { width:100%; }
#buddypress .extra-form .extra-simple-field-odd { margin-right:20px; }
#buddypress .extra-form .extra-simple-field textarea {
padding:10px 15px;
line-height:25px;
}
#buddypress .extra-form .extra-simple-field.extra-link-field {
width:100%;
max-width:none;
position:relative;
display:none;
padding:0 0 40px 0;
margin:18px 0;
border-bottom:1px solid #dcdcde;
}
#buddypress .extra-form .extra-simple-field.extra-link-field .input-wrapper {
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#buddypress .extra-form .extra-simple-field.extra-link-field .label-wrapper { width:100%; }
#buddypress .extra-form .extra-simple-field.extra-link-field input[type="text"] {
width:100%;
max-width:290px;
flex:1 1 auto;
margin:0 0 10px;
}
#buddypress .extra-form .extra-simple-field.extra-link-field input[type="text"]:first-child { margin-right:10px; }
#buddypress .extra-form .extra-simple-field.extra-link-field button.extra-link-field-remove { display:none; }
#buddypress .extra-form .extra-simple-field.extra-link-field.added { display:block; }
#buddypress .extra-form .extra-simple-field.extra-link-field.deletable button.extra-link-field-remove {
position:absolute;
top:31px;
right:0;
display:block;
width:40px;
height:40px;
border:1px solid rgba(4,4,24,0.3);
}
#buddypress .extra-form .extra-simple-field.extra-link-field.deletable button.extra-link-field-remove .icon {
display:inline-block;
width:9px;
height:9px;
}
#buddypress .extra-form .extra-simple-field.extra-link-field.deletable button.extra-link-field-remove .icon * { fill:#040418; }
#buddypress .extra-form .extra-simple-field.extra-link-field.deletable .extra-user-link-input { padding-right:50px; }
#buddypress .extra-form button.extra-link-field-add {
background:transparent;
border:none;
padding:0;
font-size:14px;
line-height:30px;
font-weight:900;
color:#f50057;
text-transform:uppercase;
}
#buddypress .extra-form button.submit-button { margin-top:20px; }
.js #avatar-upload-form { display:none; }
.extra-user-image-cover, .extra-user-image-avatar {
display:block;
width:100%;
}
.extra-user-image-cover div.bp-cover-image-status, .extra-user-image-cover div.bp-avatar-status, .extra-user-image-avatar div.bp-cover-image-status, .extra-user-image-avatar div.bp-avatar-status {
clear:both;
margin:0 auto;
display:block;
width:100%;
position:relative;
}
.extra-user-image-cover div.bp-cover-image-status .bp-progress, .extra-user-image-cover div.bp-avatar-status .bp-progress, .extra-user-image-avatar div.bp-cover-image-status .bp-progress, .extra-user-image-avatar div.bp-avatar-status .bp-progress {
position:absolute;
top:0;
left:0;
background:none;
border:none;
float:none;
height:30px;
width:100%;
min-width:200px;
line-height:30px;
margin:0;
padding:0;
overflow:hidden;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.extra-user-image-cover div.bp-cover-image-status .bp-progress .bp-bar, .extra-user-image-cover div.bp-avatar-status .bp-progress .bp-bar, .extra-user-image-avatar div.bp-cover-image-status .bp-progress .bp-bar, .extra-user-image-avatar div.bp-avatar-status .bp-progress .bp-bar {
position:absolute;
top:0;
left:0;
height:100%;
background-color:#dcdcde;
}
.extra-user-image-cover div.bp-cover-image-status .filename, .extra-user-image-cover div.bp-avatar-status .filename, .extra-user-image-avatar div.bp-cover-image-status .filename, .extra-user-image-avatar div.bp-avatar-status .filename {
position:relative;
font-size:16px;
line-height:30px;
white-space:nowrap;
text-overflow:ellipsis;
color:#040418;
font-weight:500;
text-align:center;
z-index:10;
padding-right:10px;
padding-left:10px;
width:100%;
overflow:hidden;
}
.extra-user-image-cover div.bp-cover-image-status p.updated, .extra-user-image-cover div.bp-avatar-status p.updated, .extra-user-image-avatar div.bp-cover-image-status p.updated, .extra-user-image-avatar div.bp-avatar-status p.updated {
display:block;
padding:10px 15px;
}
.extra-user-image-cover div.bp-cover-image-status p.success, .extra-user-image-cover div.bp-avatar-status p.success, .extra-user-image-avatar div.bp-cover-image-status p.success, .extra-user-image-avatar div.bp-avatar-status p.success {
background-color:rgba(104,144,116,0.3);
border:1px solid rgba(104,144,116,0.8);
color:#040418;
}
.extra-user-image-cover div.bp-cover-image-status p.error, .extra-user-image-cover div.bp-avatar-status p.error, .extra-user-image-avatar div.bp-cover-image-status p.error, .extra-user-image-avatar div.bp-avatar-status p.error {
background-color:rgba(245,0,87,0.3);
border:1px solid rgba(245,0,87,0.8);
color:#040418;
}
.extra-user-image-cover .bp-uploader-progress div.error, .extra-user-image-avatar .bp-uploader-progress div.error {
background-color:rgba(245,0,87,0.3);
border:1px solid rgba(245,0,87,0.8);
color:#040418;
display:block;
font-size:90%;
padding:10px 15px;
}
.extra-user-image-cover #bp-upload-ui, .extra-user-image-avatar #bp-upload-ui {
display:block;
height:200px;
min-height:200px;
min-width:200px;
padding:0;
margin:0 auto;
-webkit-transition:padding 0.3s ease-out;
transition:padding 0.3s ease-out;
}
.extra-user-image-cover #bp-upload-ui #drag-drop-area, .extra-user-image-avatar #bp-upload-ui #drag-drop-area {
border:1px dashed #808080;
background-color:#f5f5f5;
height:100%;
-webkit-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
.extra-user-image-cover #bp-upload-ui.drag-over #drag-drop-area, .extra-user-image-avatar #bp-upload-ui.drag-over #drag-drop-area {
border:1px solid #f50057;
background-color:rgba(245,0,87,0.1);
}
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button, .extra-user-image-avatar #bp-upload-ui .drag-drop-inside .button {
border:none;
background-color:transparent;
font-size:16px;
line-height:25px;
font-weight:300;
letter-spacing:0;
}
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .icon, .extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .text, .extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .text span, .extra-user-image-avatar #bp-upload-ui .drag-drop-inside .button .icon, .extra-user-image-avatar #bp-upload-ui .drag-drop-inside .button .text, .extra-user-image-avatar #bp-upload-ui .drag-drop-inside .button .text span {
margin:0 auto;
display:block;
color:#040418;
}
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .text, .extra-user-image-avatar #bp-upload-ui .drag-drop-inside .button .text { display:none; }
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .text-avatar, .extra-user-image-avatar #bp-upload-ui .drag-drop-inside .button .text-avatar { display:block; }
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .icon *, .extra-user-image-avatar #bp-upload-ui .drag-drop-inside .button .icon * { fill:#dcdcde; }
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .icon-picture, .extra-user-image-avatar #bp-upload-ui .drag-drop-inside .button .icon-picture { display:none; }
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .icon-avatar, .extra-user-image-avatar #bp-upload-ui .drag-drop-inside .button .icon-avatar {
width:43px;
height:43px;
}
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .text span, .extra-user-image-avatar #bp-upload-ui .drag-drop-inside .button .text span {
font-weight:900;
text-transform:uppercase;
color:#f50057;
}
.extra-user-image-avatar .bp-avatar .avatar-crop-management.adjust, .extra-user-image-avatar .bp-avatar #avatar-to-crop.adjust {
float:none;
margin:auto;
}
.extra-user-image-avatar .bp-avatar .avatar-crop-management.adjust {
padding:0;
margin-top:20px;
}
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .text { display:none; }
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .text-cover-image { display:block; }
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .icon-picture {
display:block;
width:44px;
height:33px;
}
.extra-user-image-cover #bp-upload-ui .drag-drop-inside .button .icon-avatar { display:none; }
#buddypress #bp-delete-avatar.light-link {
margin:10px 0 0;
display:inline-block;
}
#buddypress a.link-button.small-button.avatar-crop-submit { background:#ffffff; }
@media screen and (max-width: 1200px) {
#buddypress .extra-form .extra-simple-field.extra-link-field input[type="text"]:first-child, #buddypress .extra-form .extra-simple-field.extra-link-field input[type="text"], #buddypress .extra-form .extra-simple-field, .extra-form .extra-simple-field {
max-width:100%;
margin-right:0;
margin-left:0;
}
}
@media screen and (max-width: 925px) {
#buddypress #item-body {
padding-right:0;
margin:0 auto;
}
.bp-user #buddypress div.item-main-wrapper { margin:0; }
#buddypress .extra-custom-bp-page .extra-custom-bp-page-title, .extra-custom-bp-page > * {
max-width:440px;
margin-left:auto;
margin-right:auto;
}
.bp-user #buddypress div#item-header #cover-image-container .edit-button, .bp-user #buddypress div.item-main-wrapper #item-main-header { display:none; }
}
@media screen and (max-width: 440px) {
.extra-custom-bp-page { padding:30px 10px; }
#buddypress #item-body {
padding-right:0;
margin:0 auto;
}
}