diff --git src/bp-core/bp-core-attachments.php src/bp-core/bp-core-attachments.php index e99ed0c14..1a3d7f33c 100644 --- src/bp-core/bp-core-attachments.php +++ src/bp-core/bp-core-attachments.php @@ -1502,7 +1502,35 @@ function bp_attachments_cover_image_ajax_upload() { 'members_cover_image_deleted' ); } + + /* + * Create member cover photo activity + */ + if ( 'members' === $component ) { + if ( empty( $user_id ) ) { + $user_id = bp_displayed_user_id(); + } + // Add the activity. + $activity_id = bp_activity_add( + array( + 'user_id' => $user_id, + 'component' => buddypress()->members->id, + 'type' => 'new_cover_photo', + 'item_id' => $item_id, + 'secondary_item_id' => $item_id, + ) + ); + + $type = pathinfo($cover_url, PATHINFO_EXTENSION); + $data = wp_remote_get( $cover_url); + $data = wp_remote_retrieve_body( $data ); + $avatar_image_base64 = 'data:image/' . $type . ';base64,' . base64_encode($data); + bp_activity_update_meta( $activity_id, 'member_cover_image', $avatar_image_base64 ); + bp_activity_update_meta( $activity_id, 'member_cover_image_name', $name ); + } + + // Finally return the cover image url to the UI. bp_attachments_json_response( true, $is_html4, array( 'name' => $name, diff --git src/bp-groups/bp-groups-activity.php src/bp-groups/bp-groups-activity.php index 473dbf1a6..a774b79ae 100644 --- src/bp-groups/bp-groups-activity.php +++ src/bp-groups/bp-groups-activity.php @@ -62,6 +62,22 @@ function groups_register_activity_actions() { __( 'Group Activity Updates', 'buddypress' ), array( 'activity', 'group', 'member', 'member_groups' ) ); + + bp_activity_set_action( + $bp->groups->id, + 'new_group_avatar', + __( 'Member changed group picture', 'buddypress' ), + 'bp_groups_format_activity_action_new_group_avatar', + __( 'Updated Group Photos', 'buddypress' ) + ); + + bp_activity_set_action( + $bp->groups->id, + 'new_group_cover_photo', + __( 'Member changed group cover photo', 'buddypress' ), + 'bp_groups_format_activity_action_new_group_cover_photo', + __( 'Updated Group Cover Photos', 'buddypress' ) + ); /** * Fires at end of registration of the default activity actions for the Groups component. @@ -901,3 +917,241 @@ function bp_groups_leave_group_delete_recent_activity( $group_id, $user_id ) { add_action( 'groups_leave_group', 'bp_groups_leave_group_delete_recent_activity', 10, 2 ); add_action( 'groups_remove_member', 'bp_groups_leave_group_delete_recent_activity', 10, 2 ); add_action( 'groups_ban_member', 'bp_groups_leave_group_delete_recent_activity', 10, 2 ); + + + +/** + * Format 'new_group_avatar' activity actions. + * + * @since 10.0.0 + * + * @param string $action Static activity action. + * @param object $activity Activity object. + * @return string + */ +function bp_groups_format_activity_action_new_group_avatar( $action, $activity ) { + $userlink = bp_core_get_userlink( $activity->user_id ); + + $group = groups_get_group( array( 'group_id' => $activity->item_id ) ); + $group_link = bp_get_group_permalink( $group ); + $grouplink = '' . esc_html( $group->name ) . ''; + + /* translators: %s: user link */ + $action = sprintf( esc_html__( '%1$s changed %2$s group photo', 'buddypress' ), $userlink, $grouplink ); + + return apply_filters( 'bp_groups_format_activity_action_new_group_avatar', $action, $activity ); +} + + +/** + * Format 'new_group_cover_photo' activity actions. + * + * @since 10.0.0 + * + * @param string $action Static activity action. + * @param object $activity Activity object. + * @return string + */ + + +function bp_groups_format_activity_action_new_group_cover_photo( $action, $activity ) { + $userlink = bp_core_get_userlink( $activity->user_id ); + + $group = groups_get_group( array( 'group_id' => $activity->item_id ) ); + $group_link = bp_get_group_permalink( $group ); + $grouplink = '' . esc_html( $group->name ) . ''; + + /* translators: %s: user link */ + $action = sprintf( esc_html__( '%1$s changed %2$s group cover photo', 'buddypress' ), $userlink, $grouplink ); + + return apply_filters( 'bp_groups_format_activity_action_new_group_cover_photo', $action, $activity ); +} + +/** + * Adds an activity stream item when a user has uploaded a new group avatar. + * + * @since 10.0.0 + */ +function bp_groups_avatar_uploaded( $item_id = 0, $type ) { + + // Bail if activity component is not active. + if ( ! bp_is_active( 'activity' ) ) { + return false; + } + + $user_id = get_current_user_id(); + + // Add the activity. + $activity_id = bp_activity_add( + array( + 'user_id' => $user_id, + 'component' => buddypress()->groups->id, + 'type' => 'new_group_avatar', + 'item_id' => $item_id, + ) + ); + + $avatar_url = bp_core_fetch_avatar( + array( + 'item_id' => $item_id, + 'type' => 'full', + 'avatar_dir' => 'group-avatars', + 'object' => 'group', + 'width' => 400, + 'height' => 400, + 'html' => false, + ) + ); + $title = basename( $avatar_url ); + $type = pathinfo($avatar_url, PATHINFO_EXTENSION); + $data = wp_remote_get( $avatar_url); + $data = wp_remote_retrieve_body( $data ); + $avatar_image_base64 = 'data:image/' . $type . ';base64,' . base64_encode($data); + bp_activity_update_meta( $activity_id, 'group_avatar_image', $avatar_image_base64 ); + bp_activity_update_meta( $activity_id, 'group_avatar_image_name', $title ); +} +add_action( 'groups_avatar_uploaded', 'bp_groups_avatar_uploaded', 20, 2 ); + + +/** + * Adds an activity stream item when a user has uploaded a new group cover image. + * + * @since 10.0.0 + */ +function bp_groups_cover_image_uploaded( $item_id, $name, $cover_url, $feedback_code ) { + + // Bail if activity component is not active. + if ( ! bp_is_active( 'activity' ) ) { + return false; + } + + if ( empty( $user_id ) ) { + $user_id = bp_displayed_user_id(); + } + + $user_id = get_current_user_id(); + + // Add the activity. + $activity_id = bp_activity_add( + array( + 'user_id' => $user_id, + 'component' => buddypress()->groups->id, + 'type' => 'new_group_cover_photo', + 'item_id' => $item_id, + ) + ); + + + $type = pathinfo($cover_url, PATHINFO_EXTENSION); + $data = wp_remote_get( $cover_url); + $data = wp_remote_retrieve_body( $data ); + $avatar_image_base64 = 'data:image/' . $type . ';base64,' . base64_encode($data); + bp_activity_update_meta( $activity_id, 'group_cover_image', $avatar_image_base64 ); + bp_activity_update_meta( $activity_id, 'group_cover_image_name', $name ); +} +add_action( 'groups_cover_image_uploaded', 'bp_groups_cover_image_uploaded', 10, 4 ); + + +add_action( 'bp_activity_entry_content', 'bp_groups_activity_entry_content' ); +add_action( 'bp_activity_embed_after_media', 'bp_groups_activity_entry_content' ); +function bp_groups_activity_entry_content() { + if ( ! bp_activity_has_content() ) { + global $activities_template; + + $activity_id = $activities_template->activity->id; + $activity_type = $activities_template->activity->type; + $activity = $activities_template->activity; + + switch ( $activity_type ) { + case 'joined_group': + case 'new_group_avatar': + case 'new_group_cover_photo': + bp_groups_new_avatar_activity_content( $activity ); + break; + default: + break; + + } + } +} + +function bp_groups_new_avatar_activity_content( $activity ) { + + $args = array( + 'activity_id' => $activity->id, + 'user_id' => $activity->user_id, + 'item_id' => $activity->item_id, + 'secondary_item_id' => $activity->secondary_item_id, + 'component' => $activity->component, + 'type' => $activity->type, + ); + extract( $args ); + + $display_action_button = false; + + $group = groups_get_group( array( 'group_id' => $item_id ) ); + $url = bp_get_group_permalink( $group ); + + if ( $type == 'new_group_cover_photo' ) { + $cover_url = bp_activity_get_meta( $activity_id, 'group_cover_image', true ); + } else { + $cover_url = bp_get_group_cover_url( $group ); + $display_action_button = true; + $action_button_text = esc_html__( 'Visit Group', 'buddypress'); + } + $itme_name = $group->name; + $itme_slug = $group->slug; + + $avatar_url = bp_activity_get_meta( $activity_id, 'group_avatar_image', true ); + + ?> +
+ +
+ + <?php echo esc_attr( 'cover-image' ); ?> + +
+ + +
+ +
+ + + + $item_id, + 'type' => 'full', + 'avatar_dir' => 'group-avatars', + 'object' => 'group', + 'width' => 150, + 'height' => 150 + ) + ); + echo wp_kses_post ( $avatar_url ); + endif;?> +
+ +

+ +

+ + %2$s +
', + esc_url( $url ), + $action_button_text + ); + } + ?> +
+ + + members->id, + 'new_cover_photo', + __( 'Member changed cover photo', 'buddypress' ), + 'bp_members_format_activity_action_new_cover_photo', + __( 'Updated Cover Photo', 'buddypress' ) + ); /** * Fires after the default 'new member' activity types are registered. @@ -131,6 +140,29 @@ function bp_members_format_activity_action_new_avatar( $action, $activity ) { return apply_filters( 'bp_members_format_activity_action_new_avatar', $action, $activity ); } +/** + * Format 'new_cover_photo' activity actions. + * + * @since 8.0.0 + * + * @param string $action Static activity action. + * @param object $activity Activity object. + * @return string + */ +function bp_members_format_activity_action_new_cover_photo( $action, $activity ) { + $userlink = bp_core_get_userlink( $activity->user_id ); + + /* translators: %s: user link */ + $action = sprintf( esc_html__( '%s changed their cover photo', 'buddypress' ), $userlink ); + + // Legacy filter - pass $user_id instead of $activity. + if ( has_filter( 'bp_xprofile_new_avatar_action' ) ) { + $action = apply_filters( 'bp_xprofile_new_avatar_action', $action, $activity->user_id ); + } + + return apply_filters( 'bp_members_format_activity_action_new_cover_photo', $action, $activity ); +} + /** * Create a "became a registered user" activity item when a user activates his account. * @@ -165,7 +197,7 @@ add_action( 'bp_core_activated_user', 'bp_core_new_user_activity' ); /** * Adds an activity stream item when a user has uploaded a new avatar. * - * @since 8.0.0 + * @since 10.0.0 * * @param int $user_id The user id the avatar was set for. */ @@ -186,17 +218,186 @@ function bp_members_new_avatar_activity( $user_id = 0 ) { /** * Filters the user ID when a user has uploaded a new avatar. * - * @since 8.0.0 + * @since 10.0.0 * * @param int $user_id ID of the user the avatar was set for. */ $user_id = apply_filters( 'bp_members_new_avatar_user_id', $user_id ); // Add the activity. - bp_activity_add( array( + $activity_id = bp_activity_add( array( 'user_id' => $user_id, 'component' => buddypress()->members->id, 'type' => 'new_avatar' ) ); + + $avatar_url = bp_core_fetch_avatar( + array( + 'item_id' => $user_id, + 'type' => 'full', + 'width' => 400, + 'height' => 400, + 'html' => false, + ) + ); + + $title = basename( $avatar_url ); + $type = pathinfo($avatar_url, PATHINFO_EXTENSION); + $data = wp_remote_get( $avatar_url); + $data = wp_remote_retrieve_body( $data ); + $avatar_image_base64 = 'data:image/' . $type . ';base64,' . base64_encode($data); + bp_activity_update_meta( $activity_id, 'member_avatar_image', $avatar_image_base64 ); + bp_activity_update_meta( $activity_id, 'member_avatar_image_name', $title ); } add_action( 'bp_members_avatar_uploaded', 'bp_members_new_avatar_activity' ); + + + +add_action( 'bp_activity_entry_content', 'bp_members_activity_entry_content' ); +add_action( 'bp_activity_embed_after_media', 'bp_members_activity_entry_content' ); +function bp_members_activity_entry_content() { + if ( ! bp_activity_has_content() ) { + global $activities_template; + + $activity_id = $activities_template->activity->id; + $activity_type = $activities_template->activity->type; + $activity = $activities_template->activity; + + switch ( $activity_type ) { + case 'friendship_created': + case 'new_avatar': + case 'new_cover_photo': + bp_members_new_avatar_activity_content( $activity ); + break; + default: + break; + + } + } +} + +function bp_members_new_avatar_activity_content( $activity ) { + + $args = array( + 'activity_id' => $activity->id, + 'user_id' => $activity->user_id, + 'item_id' => $activity->item_id, + 'secondary_item_id' => $activity->secondary_item_id, + 'component' => $activity->component, + 'type' => $activity->type, + ); + extract( $args ); + + $display_action_button = false; + + if ( 'friends' === $component ) { + $url = bp_core_get_user_domain( $secondary_item_id ); + $itme_name = bp_core_get_user_displayname( $secondary_item_id ); + $itme_slug = bp_activity_get_user_mentionname( $secondary_item_id ); + $display_action_button = true; + $action_button_text = esc_html__( 'View Profile', 'buddypress'); + $cover_url = bp_attachments_get_attachment( + 'url', + array( + 'object_dir' => 'members', + 'item_id' => $secondary_item_id, + ) + ); + + $avatar_url = bp_core_fetch_avatar( + array( + 'item_id' => $secondary_item_id, + 'type' => 'full', + 'width' => 150, + 'height' => 150, + 'class' => 'avatar', + 'id' => false, + 'alt' => sprintf( __( 'Profile picture of %s', 'buddypress' ), $itme_name ), + ) + ); + + } else { + if ( $type == 'new_avatar') { + $secondary_item_id = $user_id; + $display_action_button = true; + $action_button_text = esc_html__( 'View Profile', 'buddypress'); + } + + $url = bp_core_get_user_domain( $secondary_item_id ); + $itme_name = bp_core_get_user_displayname( $secondary_item_id ); + $itme_slug = bp_activity_get_user_mentionname( $secondary_item_id ); + + if ( $type == 'new_cover_photo' ) { + $cover_url = bp_activity_get_meta( $activity_id, 'member_cover_image', true ); + } else { + $cover_url = bp_attachments_get_attachment( + 'url', + array( + 'object_dir' => 'members', + 'item_id' => $secondary_item_id, + ) + ); + } + + $avatar_url = bp_activity_get_meta( $activity_id, 'member_avatar_image', true ); + if ( $type == 'new_avatar' && !$avatar_url ) { + return; + } + + } + + ?> +
+ +
+ + <?php echo esc_attr( 'cover-image' ); ?> + +
+ + +
+ +
+ + + $secondary_item_id, + 'type' => 'full', + 'width' => 150, + 'height' => 150, + 'class' => 'avatar', + 'id' => false, + 'alt' => sprintf( __( 'Profile picture of %s', 'buddypress' ), $itme_name ), + ) + ); + echo wp_kses_post($avatar_url); + endif;?> +
+ +

+ +

+ +

+ @ +

+ + %2$s +
', + esc_url( $url ), + $action_button_text + ); + } + ?> +
+ + + .entry-header:not(.alignwide):not(.alignfull) .en .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) { border-bottom: 1px solid #eee; border-top: 1px solid #eee; + -webkit-box-shadow: 0 2px 12px 0 #fafafa; + -moz-box-shadow: 0 2px 12px 0 #fafafa; box-shadow: 0 2px 12px 0 #fafafa; } } @@ -868,6 +875,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en } .bp-list { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; clear: both; @@ -1018,6 +1027,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en .activity-list.bp-list .activity-item { background: #fff; border: 1px solid #b7b7b7; + -webkit-box-shadow: 0 0 6px #d2d2d2; + -moz-box-shadow: 0 0 6px #d2d2d2; box-shadow: 0 0 6px #d2d2d2; margin: 20px 0; } @@ -1038,16 +1049,22 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en @media screen and (min-width: 46.8em) { .friends-request-list li, .membership-requests-list li { + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: row nowrap; + -moz-flex-flow: row nowrap; + -ms-flex-flow: row nowrap; -o-flex-flow: row nowrap; flex-flow: row nowrap; } .friends-request-list li .item, .membership-requests-list li .item { + -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; + -ms-flex: 1 1 auto; -o-flex: 1 1 auto; flex: 1 1 auto; } @@ -1103,6 +1120,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en .activity-update-form { border: 1px solid #ccc; + -webkit-box-shadow: inset 0 0 6px #eee; + -moz-box-shadow: inset 0 0 6px #eee; box-shadow: inset 0 0 6px #eee; margin: 15px 0; } @@ -1125,6 +1144,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en .activity-update-form #whats-new-textarea textarea { background: #fff; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; color: #333; font-family: inherit; @@ -1136,6 +1157,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en } .activity-update-form #whats-new-textarea textarea:focus { + -webkit-box-shadow: 0 0 6px 0 #d6d6d6; + -moz-box-shadow: 0 0 6px 0 #d6d6d6; box-shadow: 0 0 6px 0 #d6d6d6; } @@ -1164,7 +1187,13 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en } .activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items .bp-activity-object { + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; align-items: center; padding: 0.2em; } @@ -1512,6 +1541,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en .buddypress-wrap .activity-list .load-newest:focus, .buddypress-wrap .activity-list .load-newest:hover { border-color: #e1e1e1; + -webkit-box-shadow: 0 0 6px 0 #eaeaea; + -moz-box-shadow: 0 0 6px 0 #eaeaea; box-shadow: 0 0 6px 0 #eaeaea; } @@ -1577,6 +1608,7 @@ body.activity-permalink .activity-list .activity-comments { top: -20px; } body.activity-permalink .activity-list .activity-avatar img { + -webkit-box-shadow: 0 0 0 8px #fff; box-shadow: 0 0 0 8px #fff; } body.activity-permalink .activity-list .activity-content { @@ -1587,6 +1619,91 @@ body.activity-permalink .activity-list .activity-comments { } } +.bp-member-preview-cover, +.bp-group-preview-cover { + position: relative; + min-height: 150px; + background: #c5c5c5; +} + +.bp-member-preview-cover img, +.bp-group-preview-cover img { + background: #c5c5c5; + object-fit: cover; + border: 0; + display: block; + margin: 0; + padding: 0; + width: 100%; + z-index: 1; + height: 150px; +} + +.new_cover_photo .bp-member-preview-cover, +.new_group_cover_photo .bp-group-preview-cover { + min-height: 100%; +} + +.new_cover_photo .bp-member-preview-cover img, +.new_group_cover_photo .bp-group-preview-cover img { + height: 100%; +} + +.bp-member-short-description-avatar, +.bp-group-short-description-avatar { + float: right; +} + +.bp-member-avatar-content, +.bp-group-avatar-content { + width: 200px; + margin-top: -75px; + position: relative; + z-index: 2; +} + +.bp-member-avatar-content img.avatar, +.bp-group-avatar-content img.avatar { + border: solid 2px #fff; + background: rgba(255, 255, 255, 0.8); + margin-right: 20px; +} + +.bp-member-short-description-title a, +.bp-group-short-description-title a { + font-weight: 600; +} + +@media screen and (max-width: 46.8em) { + .bp-member-short-description, + .bp-group-short-description { + text-align: center; + } + .bp-member-short-description-avatar, + .bp-group-short-description-avatar { + width: 100%; + margin-bottom: 15px; + } + .bp-member-avatar-content, + .bp-group-avatar-content { + margin-right: auto; + margin-left: auto; + } + .bp-member-avatar-content img.avatar, + .bp-group-avatar-content img.avatar { + margin: auto; + } + .bp-profile-button { + margin-top: 15px; + } +} + +@media screen and (min-width: 46.8em) { + .bp-profile-button { + text-align: left; + } +} + /** *----------------------------------------------------- * @section 3.1.3 - Activity Comments @@ -1757,6 +1874,8 @@ form.ac-form .ac-reply-content .ac-textarea textarea { } form.ac-form .ac-reply-content .ac-textarea textarea:focus { + -webkit-box-shadow: 0 0 6px #d6d6d6; + -moz-box-shadow: 0 0 6px #d6d6d6; box-shadow: 0 0 6px #d6d6d6; } @@ -1820,6 +1939,9 @@ form.ac-form .ac-reply-content input { .buddypress-wrap .groups-list li .group-desc { border: 1px solid #eaeaea; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; border-radius: 10px; background-clip: padding-box; font-size: 13px; @@ -1895,6 +2017,9 @@ form.ac-form .ac-reply-content input { .buddypress-wrap .members-list li .user-update { border: 1px solid #eaeaea; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; border-radius: 10px; background-clip: padding-box; color: #737373; @@ -1944,6 +2069,8 @@ form.ac-form .ac-reply-content input { *------------------------------------------------------------------------------- */ .register-page .register-section { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -2353,6 +2480,8 @@ body.no-js .single-item-header .js-self-profile-button { } .groups-header .moderators-lists img.avatar { + -moz-box-shadow: none; + -webkit-box-shadow: none; box-shadow: none; float: none; height: 30px; @@ -2390,6 +2519,8 @@ body.no-js .single-item-header .js-self-profile-button { .groups-header .desc-wrap .group-description { background: #fafafa; + -webkit-box-shadow: inset 0 0 9px #ccc; + -moz-box-shadow: inset 0 0 9px #ccc; box-shadow: inset 0 0 9px #ccc; padding: 1em; text-align: right; @@ -2668,6 +2799,8 @@ body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { } .buddypress .bp-invites-content ul.item-list li.selected { + -webkit-box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2); + -moz-box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2); box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2); } @@ -2739,6 +2872,8 @@ body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { @media screen and (min-width: 46.8em) { .buddypress .bp-invites-content ul.item-list > li { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eaeaea; float: right; @@ -2760,7 +2895,9 @@ body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { @media screen and (min-width: 46.8em) { :not(.vertical) + .item-body #group-invites-container { + display: -ms-grid; display: grid; + -ms-grid-columns: 25% auto; grid-template-columns: 25% auto; grid-template-areas: "group-invites-nav group-invites-column"; } @@ -3019,6 +3156,8 @@ body.register .buddypress-wrap .page ul { } .bp-messages-content .avatar { + -moz-box-shadow: none; + -webkit-box-shadow: none; box-shadow: none; } @@ -3049,10 +3188,14 @@ body.register .buddypress-wrap .page ul { #message-threads li { border-bottom: 1px solid #eaeaea; + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: row nowrap; + -moz-flex-flow: row nowrap; + -ms-flex-flow: row nowrap; -o-flex-flow: row nowrap; flex-flow: row nowrap; margin: 0; @@ -3061,16 +3204,26 @@ body.register .buddypress-wrap .page ul { } #message-threads li .thread-cb { + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; align-items: center; + -webkit-flex: 1 2 5%; -moz-flex: 1 2 5%; + -ms-flex: 1 2 5%; -o-flex: 1 2 5%; flex: 1 2 5%; } #message-threads li .thread-from, #message-threads li .thread-to { + -webkit-flex: 1 2 20%; -moz-flex: 1 2 20%; + -ms-flex: 1 2 20%; -o-flex: 1 2 20%; flex: 1 2 20%; } @@ -3096,13 +3249,17 @@ body.register .buddypress-wrap .page ul { } #message-threads li .thread-content { + -webkit-flex: 1 2 60%; -moz-flex: 1 2 60%; + -ms-flex: 1 2 60%; -o-flex: 1 2 60%; flex: 1 2 60%; } #message-threads li .thread-date { + -webkit-flex: 1 2 15%; -moz-flex: 1 2 15%; + -ms-flex: 1 2 15%; -o-flex: 1 2 15%; flex: 1 2 15%; } @@ -3204,6 +3361,8 @@ body.register .buddypress-wrap .page ul { .bp-messages-content #bp-message-thread-list .message-metadata { border-bottom: 1px solid #ccc; + -webkit-box-shadow: 2px 1px 9px 0 #eee; + -moz-box-shadow: 2px 1px 9px 0 #eee; box-shadow: 2px 1px 9px 0 #eee; display: table; padding: 0.2em; @@ -3447,6 +3606,8 @@ body.buddypress.settings.data #buddypress.buddypress-wrap .item-body p a { .buddypress-wrap input[type="url"]:focus, .buddypress-wrap input[type="tel"]:focus, .buddypress-wrap input[type="password"]:focus { + -webkit-box-shadow: 0 0 8px #eaeaea; + -moz-box-shadow: 0 0 8px #eaeaea; box-shadow: 0 0 8px #eaeaea; } @@ -3686,6 +3847,7 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { } .buddypress-wrap .select-wrap select { + -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; @@ -3780,6 +3942,9 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress-wrap form#group-members-search button[type="submit"] { background: none; border: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; border-radius: 0; background-clip: padding-box; } @@ -4056,7 +4221,12 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { } .center-vert { + display: -ms-flexbox; + display: -webkit-flex; display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; align-items: center; } @@ -4170,6 +4340,8 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress .buddypress-wrap input.text-button { background: none; border: 0; + -moz-box-shadow: none; + -webkit-box-shadow: none; box-shadow: none; color: #767676; } @@ -4265,8 +4437,13 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress #buddypress .create-button a { border: 1px solid #ccc; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; border-radius: 5px; background-clip: padding-box; + -webkit-box-shadow: inset 0 0 6px 0 #eaeaea; + -moz-box-shadow: inset 0 0 6px 0 #eaeaea; box-shadow: inset 0 0 6px 0 #eaeaea; margin: 0.2em 0; width: auto; @@ -4275,6 +4452,8 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress #buddypress .create-button a:focus, .buddypress #buddypress .create-button a:hover { background: none; border-color: #ccc; + -webkit-box-shadow: inset 0 0 12px 0 #eaeaea; + -moz-box-shadow: inset 0 0 12px 0 #eaeaea; box-shadow: inset 0 0 12px 0 #eaeaea; } @@ -4296,6 +4475,8 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress #buddypress.bp-dir-hori-nav .create-button a:hover { background: none; border: 0; + -moz-box-shadow: none; + -webkit-box-shadow: none; box-shadow: none; margin: 0; } @@ -4396,17 +4577,26 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress-wrap #group-create-body .bp-cover-image-status p.warning { background: #0b80a4; border: 0; + -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); color: #fff; } .buddypress-wrap .bp-feedback:not(.custom-homepage-info) { + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: row nowrap; + -moz-flex-flow: row nowrap; + -ms-flex-flow: row nowrap; -o-flex-flow: row nowrap; flex-flow: row nowrap; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + -webkit-box-align: stretch; align-items: stretch; align-items: center; } @@ -4414,6 +4604,8 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress-wrap .bp-feedback { background: #fff; color: #807f7f; + -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); color: #737373; margin: 10px 0; @@ -4492,7 +4684,13 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress-wrap .bp-feedback.loading .bp-icon, .buddypress-wrap .bp-feedback.success .bp-icon, .buddypress-wrap .bp-feedback.updated .bp-icon { + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; align-items: center; align-self: stretch; } @@ -4615,6 +4813,8 @@ body.create-blog #buddypress .error, body.create-blog #buddypress .success { background: #fff; color: #807f7f; + -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); color: #737373; padding: 10px 15px; @@ -4734,10 +4934,14 @@ body.create-blog #buddypress .success { } .buddypress.widget .avatar-block { + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: row wrap; + -moz-flex-flow: row wrap; + -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; } @@ -4784,10 +4988,14 @@ body.create-blog #buddypress .success { .buddypress-wrap .buddypress.widget ul#friends-list, .buddypress-wrap .buddypress.widget ul#groups-list, .buddypress-wrap .buddypress.widget ul#members-list { + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: column nowrap; + -moz-flex-flow: column nowrap; + -ms-flex-flow: column nowrap; -o-flex-flow: column nowrap; flex-flow: column nowrap; } @@ -4796,10 +5004,14 @@ body.create-blog #buddypress .success { .buddypress-wrap .buddypress.widget ul#friends-list, .buddypress-wrap .buddypress.widget ul#groups-list, .buddypress-wrap .buddypress.widget ul#members-list { + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: row wrap; + -moz-flex-flow: row wrap; + -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; } @@ -4809,8 +5021,13 @@ body.create-blog #buddypress .success { .buddypress-wrap .buddypress.widget ul#groups-list li, .buddypress-wrap .buddypress.widget ul#members-list li { border: 1px solid #eee; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + -webkit-box-align: stretch; align-items: stretch; + -webkit-flex: 1 1 46%; -moz-flex: 1 1 46%; + -ms-flex: 1 1 46%; -o-flex: 1 1 46%; flex: 1 1 46%; margin: 2%; @@ -4820,7 +5037,9 @@ body.create-blog #buddypress .success { .buddypress-wrap .buddypress.widget ul#friends-list li, .buddypress-wrap .buddypress.widget ul#groups-list li, .buddypress-wrap .buddypress.widget ul#members-list li { + -webkit-flex: 0 1 20%; -moz-flex: 0 1 20%; + -ms-flex: 0 1 20%; -o-flex: 0 1 20%; flex: 0 1 20%; } @@ -4856,7 +5075,9 @@ body.create-blog #buddypress .success { .buddypress-wrap .buddypress.widget ul#friends-list li, .buddypress-wrap .buddypress.widget ul#groups-list li, .buddypress-wrap .buddypress.widget ul#members-list li { + -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; + -ms-flex: 0 1 auto; -o-flex: 0 1 auto; flex: 0 1 auto; margin: 10px 2% 1%; @@ -4884,17 +5105,47 @@ body.create-blog #buddypress .success { .buddypress-wrap a.loading, .buddypress-wrap input.loading { + -moz-animation: loader-pulsate 0.5s infinite ease-in-out alternate; + -webkit-animation: loader-pulsate 0.5s infinite ease-in-out alternate; animation: loader-pulsate 0.5s infinite ease-in-out alternate; border-color: #aaa; } +@-webkit-keyframes loader-pulsate { + from { + border-color: #aaa; + -webkit-box-shadow: 0 0 6px #ccc; + box-shadow: 0 0 6px #ccc; + } + to { + border-color: #ccc; + -webkit-box-shadow: 0 0 6px #f8f8f8; + box-shadow: 0 0 6px #f8f8f8; + } +} + +@-moz-keyframes loader-pulsate { + from { + border-color: #aaa; + -moz-box-shadow: 0 0 6px #ccc; + box-shadow: 0 0 6px #ccc; + } + to { + border-color: #ccc; + -moz-box-shadow: 0 0 6px #f8f8f8; + box-shadow: 0 0 6px #f8f8f8; + } +} + @keyframes loader-pulsate { from { border-color: #aaa; + -moz-box-shadow: 0 0 6px #ccc; box-shadow: 0 0 6px #ccc; } to { border-color: #ccc; + -moz-box-shadow: 0 0 6px #f8f8f8; box-shadow: 0 0 6px #f8f8f8; } } @@ -4913,6 +5164,8 @@ body.create-blog #buddypress .success { display: none; opacity: 0; position: absolute; + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; } @@ -4933,6 +5186,8 @@ body.create-blog #buddypress .success { pointer-events: none; text-shadow: none; text-transform: none; + -webkit-transition: all 1.5s ease; + -ms-transition: all 1.5s ease; transition: all 1.5s ease; white-space: nowrap; word-wrap: break-word; @@ -4956,11 +5211,15 @@ body.create-blog #buddypress .success { right: 50%; margin-top: 7px; top: 110%; + -webkit-transform: translate(50%, 0); + -ms-transform: translate(50%, 0); transform: translate(50%, 0); } .user-list .bp-tooltip:after { right: 0; + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); transform: translate(0, 0); } @@ -4968,6 +5227,8 @@ body.create-blog #buddypress .success { .user-list .bp-tooltip:after { right: auto; left: 0; + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); transform: translate(0, 0); } } @@ -4978,6 +5239,8 @@ body.create-blog #buddypress .success { .notification-actions .bp-tooltip:after, .participants-list .bp-tooltip:after { right: 0; + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); transform: translate(0, 0); } @@ -4986,6 +5249,8 @@ body.create-blog #buddypress .success { .single-message-thread-header .actions .bp-tooltip:after { right: auto; left: 0; + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); transform: translate(0, 0); } @@ -5001,11 +5266,15 @@ body.create-blog #buddypress .success { */ #item-body, .single-screen-navs { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } .grid > li, .grid > li .generic-button a { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } diff --git src/bp-templates/bp-nouveau/css/buddypress.css src/bp-templates/bp-nouveau/css/buddypress.css index 526ff907e..98b1a4d2f 100644 --- src/bp-templates/bp-nouveau/css/buddypress.css +++ src/bp-templates/bp-nouveau/css/buddypress.css @@ -69,6 +69,9 @@ body #buddypress select, body #buddypress input[type="search"], body #buddypress input[type="submit"], body #buddypress input[type="reset"] { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; border-radius: 2px; background-clip: padding-box; } @@ -79,6 +82,8 @@ body #buddypress .bp-lists blockquote { } body #buddypress .bp-list .action { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -375,6 +380,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) { border-bottom: 1px solid #eee; border-top: 1px solid #eee; + -webkit-box-shadow: 0 2px 12px 0 #fafafa; + -moz-box-shadow: 0 2px 12px 0 #fafafa; box-shadow: 0 2px 12px 0 #fafafa; } } @@ -868,6 +875,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en } .bp-list { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; clear: both; @@ -1018,6 +1027,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en .activity-list.bp-list .activity-item { background: #fff; border: 1px solid #b7b7b7; + -webkit-box-shadow: 0 0 6px #d2d2d2; + -moz-box-shadow: 0 0 6px #d2d2d2; box-shadow: 0 0 6px #d2d2d2; margin: 20px 0; } @@ -1038,16 +1049,22 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en @media screen and (min-width: 46.8em) { .friends-request-list li, .membership-requests-list li { + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: row nowrap; + -moz-flex-flow: row nowrap; + -ms-flex-flow: row nowrap; -o-flex-flow: row nowrap; flex-flow: row nowrap; } .friends-request-list li .item, .membership-requests-list li .item { + -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; + -ms-flex: 1 1 auto; -o-flex: 1 1 auto; flex: 1 1 auto; } @@ -1103,6 +1120,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en .activity-update-form { border: 1px solid #ccc; + -webkit-box-shadow: inset 0 0 6px #eee; + -moz-box-shadow: inset 0 0 6px #eee; box-shadow: inset 0 0 6px #eee; margin: 15px 0; } @@ -1125,6 +1144,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en .activity-update-form #whats-new-textarea textarea { background: #fff; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; color: #333; font-family: inherit; @@ -1136,6 +1157,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en } .activity-update-form #whats-new-textarea textarea:focus { + -webkit-box-shadow: 0 0 6px 0 #d6d6d6; + -moz-box-shadow: 0 0 6px 0 #d6d6d6; box-shadow: 0 0 6px 0 #d6d6d6; } @@ -1164,7 +1187,13 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en } .activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items .bp-activity-object { + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; align-items: center; padding: 0.2em; } @@ -1512,6 +1541,8 @@ body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en .buddypress-wrap .activity-list .load-newest:focus, .buddypress-wrap .activity-list .load-newest:hover { border-color: #e1e1e1; + -webkit-box-shadow: 0 0 6px 0 #eaeaea; + -moz-box-shadow: 0 0 6px 0 #eaeaea; box-shadow: 0 0 6px 0 #eaeaea; } @@ -1577,6 +1608,7 @@ body.activity-permalink .activity-list .activity-comments { top: -20px; } body.activity-permalink .activity-list .activity-avatar img { + -webkit-box-shadow: 0 0 0 8px #fff; box-shadow: 0 0 0 8px #fff; } body.activity-permalink .activity-list .activity-content { @@ -1587,6 +1619,91 @@ body.activity-permalink .activity-list .activity-comments { } } +.bp-member-preview-cover, +.bp-group-preview-cover { + position: relative; + min-height: 150px; + background: #c5c5c5; +} + +.bp-member-preview-cover img, +.bp-group-preview-cover img { + background: #c5c5c5; + object-fit: cover; + border: 0; + display: block; + margin: 0; + padding: 0; + width: 100%; + z-index: 1; + height: 150px; +} + +.new_cover_photo .bp-member-preview-cover, +.new_group_cover_photo .bp-group-preview-cover { + min-height: 100%; +} + +.new_cover_photo .bp-member-preview-cover img, +.new_group_cover_photo .bp-group-preview-cover img { + height: 100%; +} + +.bp-member-short-description-avatar, +.bp-group-short-description-avatar { + float: left; +} + +.bp-member-avatar-content, +.bp-group-avatar-content { + width: 200px; + margin-top: -75px; + position: relative; + z-index: 2; +} + +.bp-member-avatar-content img.avatar, +.bp-group-avatar-content img.avatar { + border: solid 2px #fff; + background: rgba(255, 255, 255, 0.8); + margin-left: 20px; +} + +.bp-member-short-description-title a, +.bp-group-short-description-title a { + font-weight: 600; +} + +@media screen and (max-width: 46.8em) { + .bp-member-short-description, + .bp-group-short-description { + text-align: center; + } + .bp-member-short-description-avatar, + .bp-group-short-description-avatar { + width: 100%; + margin-bottom: 15px; + } + .bp-member-avatar-content, + .bp-group-avatar-content { + margin-left: auto; + margin-right: auto; + } + .bp-member-avatar-content img.avatar, + .bp-group-avatar-content img.avatar { + margin: auto; + } + .bp-profile-button { + margin-top: 15px; + } +} + +@media screen and (min-width: 46.8em) { + .bp-profile-button { + text-align: right; + } +} + /** *----------------------------------------------------- * @section 3.1.3 - Activity Comments @@ -1757,6 +1874,8 @@ form.ac-form .ac-reply-content .ac-textarea textarea { } form.ac-form .ac-reply-content .ac-textarea textarea:focus { + -webkit-box-shadow: 0 0 6px #d6d6d6; + -moz-box-shadow: 0 0 6px #d6d6d6; box-shadow: 0 0 6px #d6d6d6; } @@ -1820,6 +1939,9 @@ form.ac-form .ac-reply-content input { .buddypress-wrap .groups-list li .group-desc { border: 1px solid #eaeaea; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; border-radius: 10px; background-clip: padding-box; font-size: 13px; @@ -1895,6 +2017,9 @@ form.ac-form .ac-reply-content input { .buddypress-wrap .members-list li .user-update { border: 1px solid #eaeaea; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; border-radius: 10px; background-clip: padding-box; color: #737373; @@ -1944,6 +2069,8 @@ form.ac-form .ac-reply-content input { *------------------------------------------------------------------------------- */ .register-page .register-section { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -2353,6 +2480,8 @@ body.no-js .single-item-header .js-self-profile-button { } .groups-header .moderators-lists img.avatar { + -moz-box-shadow: none; + -webkit-box-shadow: none; box-shadow: none; float: none; height: 30px; @@ -2390,6 +2519,8 @@ body.no-js .single-item-header .js-self-profile-button { .groups-header .desc-wrap .group-description { background: #fafafa; + -webkit-box-shadow: inset 0 0 9px #ccc; + -moz-box-shadow: inset 0 0 9px #ccc; box-shadow: inset 0 0 9px #ccc; padding: 1em; text-align: left; @@ -2668,6 +2799,8 @@ body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { } .buddypress .bp-invites-content ul.item-list li.selected { + -webkit-box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2); + -moz-box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2); box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2); } @@ -2739,6 +2872,8 @@ body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { @media screen and (min-width: 46.8em) { .buddypress .bp-invites-content ul.item-list > li { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eaeaea; float: left; @@ -2760,7 +2895,9 @@ body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { @media screen and (min-width: 46.8em) { :not(.vertical) + .item-body #group-invites-container { + display: -ms-grid; display: grid; + -ms-grid-columns: 25% auto; grid-template-columns: 25% auto; grid-template-areas: "group-invites-nav group-invites-column"; } @@ -3019,6 +3156,8 @@ body.register .buddypress-wrap .page ul { } .bp-messages-content .avatar { + -moz-box-shadow: none; + -webkit-box-shadow: none; box-shadow: none; } @@ -3049,10 +3188,14 @@ body.register .buddypress-wrap .page ul { #message-threads li { border-bottom: 1px solid #eaeaea; + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: row nowrap; + -moz-flex-flow: row nowrap; + -ms-flex-flow: row nowrap; -o-flex-flow: row nowrap; flex-flow: row nowrap; margin: 0; @@ -3061,16 +3204,26 @@ body.register .buddypress-wrap .page ul { } #message-threads li .thread-cb { + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; align-items: center; + -webkit-flex: 1 2 5%; -moz-flex: 1 2 5%; + -ms-flex: 1 2 5%; -o-flex: 1 2 5%; flex: 1 2 5%; } #message-threads li .thread-from, #message-threads li .thread-to { + -webkit-flex: 1 2 20%; -moz-flex: 1 2 20%; + -ms-flex: 1 2 20%; -o-flex: 1 2 20%; flex: 1 2 20%; } @@ -3096,13 +3249,17 @@ body.register .buddypress-wrap .page ul { } #message-threads li .thread-content { + -webkit-flex: 1 2 60%; -moz-flex: 1 2 60%; + -ms-flex: 1 2 60%; -o-flex: 1 2 60%; flex: 1 2 60%; } #message-threads li .thread-date { + -webkit-flex: 1 2 15%; -moz-flex: 1 2 15%; + -ms-flex: 1 2 15%; -o-flex: 1 2 15%; flex: 1 2 15%; } @@ -3204,6 +3361,8 @@ body.register .buddypress-wrap .page ul { .bp-messages-content #bp-message-thread-list .message-metadata { border-bottom: 1px solid #ccc; + -webkit-box-shadow: -2px 1px 9px 0 #eee; + -moz-box-shadow: -2px 1px 9px 0 #eee; box-shadow: -2px 1px 9px 0 #eee; display: table; padding: 0.2em; @@ -3447,6 +3606,8 @@ body.buddypress.settings.data #buddypress.buddypress-wrap .item-body p a { .buddypress-wrap input[type="url"]:focus, .buddypress-wrap input[type="tel"]:focus, .buddypress-wrap input[type="password"]:focus { + -webkit-box-shadow: 0 0 8px #eaeaea; + -moz-box-shadow: 0 0 8px #eaeaea; box-shadow: 0 0 8px #eaeaea; } @@ -3686,6 +3847,7 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { } .buddypress-wrap .select-wrap select { + -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; @@ -3780,6 +3942,9 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress-wrap form#group-members-search button[type="submit"] { background: none; border: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; border-radius: 0; background-clip: padding-box; } @@ -4056,7 +4221,12 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { } .center-vert { + display: -ms-flexbox; + display: -webkit-flex; display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; align-items: center; } @@ -4170,6 +4340,8 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress .buddypress-wrap input.text-button { background: none; border: 0; + -moz-box-shadow: none; + -webkit-box-shadow: none; box-shadow: none; color: #767676; } @@ -4265,8 +4437,13 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress #buddypress .create-button a { border: 1px solid #ccc; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; border-radius: 5px; background-clip: padding-box; + -webkit-box-shadow: inset 0 0 6px 0 #eaeaea; + -moz-box-shadow: inset 0 0 6px 0 #eaeaea; box-shadow: inset 0 0 6px 0 #eaeaea; margin: 0.2em 0; width: auto; @@ -4275,6 +4452,8 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress #buddypress .create-button a:focus, .buddypress #buddypress .create-button a:hover { background: none; border-color: #ccc; + -webkit-box-shadow: inset 0 0 12px 0 #eaeaea; + -moz-box-shadow: inset 0 0 12px 0 #eaeaea; box-shadow: inset 0 0 12px 0 #eaeaea; } @@ -4296,6 +4475,8 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress #buddypress.bp-dir-hori-nav .create-button a:hover { background: none; border: 0; + -moz-box-shadow: none; + -webkit-box-shadow: none; box-shadow: none; margin: 0; } @@ -4396,17 +4577,26 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress-wrap #group-create-body .bp-cover-image-status p.warning { background: #0b80a4; border: 0; + -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); color: #fff; } .buddypress-wrap .bp-feedback:not(.custom-homepage-info) { + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: row nowrap; + -moz-flex-flow: row nowrap; + -ms-flex-flow: row nowrap; -o-flex-flow: row nowrap; flex-flow: row nowrap; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + -webkit-box-align: stretch; align-items: stretch; align-items: center; } @@ -4414,6 +4604,8 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress-wrap .bp-feedback { background: #fff; color: #807f7f; + -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); color: #737373; margin: 10px 0; @@ -4492,7 +4684,13 @@ body.no-js .buddypress #messages-bulk-management #select-all-messages { .buddypress-wrap .bp-feedback.loading .bp-icon, .buddypress-wrap .bp-feedback.success .bp-icon, .buddypress-wrap .bp-feedback.updated .bp-icon { + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; align-items: center; align-self: stretch; } @@ -4615,6 +4813,8 @@ body.create-blog #buddypress .error, body.create-blog #buddypress .success { background: #fff; color: #807f7f; + -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); color: #737373; padding: 10px 15px; @@ -4734,10 +4934,14 @@ body.create-blog #buddypress .success { } .buddypress.widget .avatar-block { + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: row wrap; + -moz-flex-flow: row wrap; + -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; } @@ -4784,10 +4988,14 @@ body.create-blog #buddypress .success { .buddypress-wrap .buddypress.widget ul#friends-list, .buddypress-wrap .buddypress.widget ul#groups-list, .buddypress-wrap .buddypress.widget ul#members-list { + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: column nowrap; + -moz-flex-flow: column nowrap; + -ms-flex-flow: column nowrap; -o-flex-flow: column nowrap; flex-flow: column nowrap; } @@ -4796,10 +5004,14 @@ body.create-blog #buddypress .success { .buddypress-wrap .buddypress.widget ul#friends-list, .buddypress-wrap .buddypress.widget ul#groups-list, .buddypress-wrap .buddypress.widget ul#members-list { + display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; + -webkit-flex-flow: row wrap; + -moz-flex-flow: row wrap; + -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; } @@ -4809,8 +5021,13 @@ body.create-blog #buddypress .success { .buddypress-wrap .buddypress.widget ul#groups-list li, .buddypress-wrap .buddypress.widget ul#members-list li { border: 1px solid #eee; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + -webkit-box-align: stretch; align-items: stretch; + -webkit-flex: 1 1 46%; -moz-flex: 1 1 46%; + -ms-flex: 1 1 46%; -o-flex: 1 1 46%; flex: 1 1 46%; margin: 2%; @@ -4820,7 +5037,9 @@ body.create-blog #buddypress .success { .buddypress-wrap .buddypress.widget ul#friends-list li, .buddypress-wrap .buddypress.widget ul#groups-list li, .buddypress-wrap .buddypress.widget ul#members-list li { + -webkit-flex: 0 1 20%; -moz-flex: 0 1 20%; + -ms-flex: 0 1 20%; -o-flex: 0 1 20%; flex: 0 1 20%; } @@ -4856,7 +5075,9 @@ body.create-blog #buddypress .success { .buddypress-wrap .buddypress.widget ul#friends-list li, .buddypress-wrap .buddypress.widget ul#groups-list li, .buddypress-wrap .buddypress.widget ul#members-list li { + -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; + -ms-flex: 0 1 auto; -o-flex: 0 1 auto; flex: 0 1 auto; margin: 10px 2% 1%; @@ -4884,17 +5105,47 @@ body.create-blog #buddypress .success { .buddypress-wrap a.loading, .buddypress-wrap input.loading { + -moz-animation: loader-pulsate 0.5s infinite ease-in-out alternate; + -webkit-animation: loader-pulsate 0.5s infinite ease-in-out alternate; animation: loader-pulsate 0.5s infinite ease-in-out alternate; border-color: #aaa; } +@-webkit-keyframes loader-pulsate { + from { + border-color: #aaa; + -webkit-box-shadow: 0 0 6px #ccc; + box-shadow: 0 0 6px #ccc; + } + to { + border-color: #ccc; + -webkit-box-shadow: 0 0 6px #f8f8f8; + box-shadow: 0 0 6px #f8f8f8; + } +} + +@-moz-keyframes loader-pulsate { + from { + border-color: #aaa; + -moz-box-shadow: 0 0 6px #ccc; + box-shadow: 0 0 6px #ccc; + } + to { + border-color: #ccc; + -moz-box-shadow: 0 0 6px #f8f8f8; + box-shadow: 0 0 6px #f8f8f8; + } +} + @keyframes loader-pulsate { from { border-color: #aaa; + -moz-box-shadow: 0 0 6px #ccc; box-shadow: 0 0 6px #ccc; } to { border-color: #ccc; + -moz-box-shadow: 0 0 6px #f8f8f8; box-shadow: 0 0 6px #f8f8f8; } } @@ -4913,6 +5164,8 @@ body.create-blog #buddypress .success { display: none; opacity: 0; position: absolute; + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; } @@ -4933,6 +5186,8 @@ body.create-blog #buddypress .success { pointer-events: none; text-shadow: none; text-transform: none; + -webkit-transition: all 1.5s ease; + -ms-transition: all 1.5s ease; transition: all 1.5s ease; white-space: nowrap; word-wrap: break-word; @@ -4956,11 +5211,15 @@ body.create-blog #buddypress .success { left: 50%; margin-top: 7px; top: 110%; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .user-list .bp-tooltip:after { left: 0; + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); transform: translate(0, 0); } @@ -4968,6 +5227,8 @@ body.create-blog #buddypress .success { .user-list .bp-tooltip:after { left: auto; right: 0; + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); transform: translate(0, 0); } } @@ -4978,6 +5239,8 @@ body.create-blog #buddypress .success { .notification-actions .bp-tooltip:after, .participants-list .bp-tooltip:after { left: 0; + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); transform: translate(0, 0); } @@ -4986,6 +5249,8 @@ body.create-blog #buddypress .success { .single-message-thread-header .actions .bp-tooltip:after { left: auto; right: 0; + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); transform: translate(0, 0); } @@ -5001,11 +5266,15 @@ body.create-blog #buddypress .success { */ #item-body, .single-screen-navs { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } .grid > li, .grid > li .generic-button a { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; }