Skip to:
Content

BuddyPress.org

Ticket #8581: 8581.patch

File 8581.patch, 71.5 KB (added by vapvarun, 3 years ago)

Initial draft

  • src/bp-core/bp-core-attachments.php 

    diff --git src/bp-core/bp-core-attachments.php src/bp-core/bp-core-attachments.php
index e99ed0c14..1a3d7f33c 100644
    function bp_attachments_cover_image_ajax_upload() { 
    15021502                        'members_cover_image_deleted'
    15031503                );
    15041504        }
     1505       
     1506        /*
     1507         * Create member cover photo activity
     1508         */
     1509        if ( 'members' === $component ) {
     1510                if ( empty( $user_id ) ) {
     1511                        $user_id = bp_displayed_user_id();
     1512                }
    15051513
     1514                // Add the activity.
     1515                $activity_id = bp_activity_add(
     1516                        array(
     1517                                'user_id'           => $user_id,
     1518                                'component'         => buddypress()->members->id,
     1519                                'type'              => 'new_cover_photo',
     1520                                'item_id'           => $item_id,
     1521                                'secondary_item_id' => $item_id,
     1522                        )
     1523                );
     1524               
     1525                $type = pathinfo($cover_url, PATHINFO_EXTENSION);
     1526                $data = wp_remote_get( $cover_url);
     1527                $data = wp_remote_retrieve_body( $data );
     1528                $avatar_image_base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
     1529                bp_activity_update_meta( $activity_id, 'member_cover_image', $avatar_image_base64 );
     1530                bp_activity_update_meta( $activity_id, 'member_cover_image_name', $name );
     1531        }
     1532       
     1533       
    15061534        // Finally return the cover image url to the UI.
    15071535        bp_attachments_json_response( true, $is_html4, array(
    15081536                'name'          => $name,

  • src/bp-groups/bp-groups-activity.php 

    diff --git src/bp-groups/bp-groups-activity.php src/bp-groups/bp-groups-activity.php
index 473dbf1a6..a774b79ae 100644
    function groups_register_activity_actions() { 
    6262                __( 'Group Activity Updates', 'buddypress' ),
    6363                array( 'activity', 'group', 'member', 'member_groups' )
    6464        );
     65       
     66        bp_activity_set_action(
     67                $bp->groups->id,
     68                'new_group_avatar',
     69                __( 'Member changed group picture', 'buddypress' ),
     70                'bp_groups_format_activity_action_new_group_avatar',
     71                __( 'Updated Group Photos', 'buddypress' )
     72        );
     73       
     74        bp_activity_set_action(
     75                $bp->groups->id,
     76                'new_group_cover_photo',
     77                __( 'Member changed group cover photo', 'buddypress' ),
     78                'bp_groups_format_activity_action_new_group_cover_photo',
     79                __( 'Updated Group Cover Photos', 'buddypress' )
     80        );
    6581
    6682        /**
    6783         * Fires at end of registration of the default activity actions for the Groups component.
    … … function bp_groups_leave_group_delete_recent_activity( $group_id, $user_id ) { 
    901917add_action( 'groups_leave_group',   'bp_groups_leave_group_delete_recent_activity', 10, 2 );
    902918add_action( 'groups_remove_member', 'bp_groups_leave_group_delete_recent_activity', 10, 2 );
    903919add_action( 'groups_ban_member',    'bp_groups_leave_group_delete_recent_activity', 10, 2 );
     920
     921
     922
     923/**
     924 * Format 'new_group_avatar' activity actions.
     925 *
     926 * @since 10.0.0
     927 *
     928 * @param string $action   Static activity action.
     929 * @param object $activity Activity object.
     930 * @return string
     931 */
     932function bp_groups_format_activity_action_new_group_avatar( $action, $activity ) {
     933        $userlink = bp_core_get_userlink( $activity->user_id );
     934
     935        $group      = groups_get_group( array( 'group_id' => $activity->item_id ) );
     936        $group_link = bp_get_group_permalink( $group );
     937        $grouplink  = '<a href="' . esc_url( $group_link ) . '">' . esc_html( $group->name ) . '</a>';
     938
     939        /* translators: %s: user link */
     940        $action = sprintf( esc_html__( '%1$s changed %2$s group photo', 'buddypress' ), $userlink, $grouplink );
     941
     942        return apply_filters( 'bp_groups_format_activity_action_new_group_avatar', $action, $activity );
     943}
     944
     945
     946/**
     947 * Format 'new_group_cover_photo' activity actions.
     948 *
     949 * @since 10.0.0
     950 *
     951 * @param string $action   Static activity action.
     952 * @param object $activity Activity object.
     953 * @return string
     954 */
     955
     956
     957function bp_groups_format_activity_action_new_group_cover_photo( $action, $activity ) {
     958        $userlink = bp_core_get_userlink( $activity->user_id );
     959
     960        $group      = groups_get_group( array( 'group_id' => $activity->item_id ) );
     961        $group_link = bp_get_group_permalink( $group );
     962        $grouplink  = '<a href="' . esc_url( $group_link ) . '">' . esc_html( $group->name ) . '</a>';
     963
     964        /* translators: %s: user link */
     965        $action = sprintf( esc_html__( '%1$s changed %2$s group cover photo', 'buddypress' ), $userlink, $grouplink );
     966
     967        return apply_filters( 'bp_groups_format_activity_action_new_group_cover_photo', $action, $activity );
     968}
     969
     970/**
     971 * Adds an activity stream item when a user has uploaded a new group avatar.
     972 *
     973 * @since 10.0.0
     974 */
     975function bp_groups_avatar_uploaded( $item_id = 0, $type ) {
     976       
     977        // Bail if activity component is not active.
     978        if ( ! bp_is_active( 'activity' ) ) {
     979                return false;
     980        }
     981
     982        $user_id = get_current_user_id();
     983
     984        // Add the activity.
     985        $activity_id = bp_activity_add(
     986                array(
     987                        'user_id'   => $user_id,
     988                        'component' => buddypress()->groups->id,
     989                        'type'      => 'new_group_avatar',
     990                        'item_id'   => $item_id,
     991                )
     992        );
     993
     994        $avatar_url = bp_core_fetch_avatar(
     995                array(
     996                        'item_id'    => $item_id,
     997                        'type'       => 'full',
     998                        'avatar_dir' => 'group-avatars',
     999                        'object'     => 'group',
     1000                        'width'      => 400,
     1001                        'height'     => 400,
     1002                        'html'       => false,
     1003                )
     1004        );
     1005        $title = basename( $avatar_url );
     1006        $type = pathinfo($avatar_url, PATHINFO_EXTENSION);
     1007        $data = wp_remote_get( $avatar_url);
     1008        $data = wp_remote_retrieve_body( $data );
     1009        $avatar_image_base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
     1010        bp_activity_update_meta( $activity_id, 'group_avatar_image', $avatar_image_base64 );
     1011        bp_activity_update_meta( $activity_id, 'group_avatar_image_name', $title );
     1012}
     1013add_action( 'groups_avatar_uploaded', 'bp_groups_avatar_uploaded', 20, 2 );
     1014
     1015
     1016/**
     1017 * Adds an activity stream item when a user has uploaded a new group cover image.
     1018 *
     1019 * @since 10.0.0
     1020 */
     1021function bp_groups_cover_image_uploaded( $item_id, $name, $cover_url, $feedback_code ) {
     1022       
     1023        // Bail if activity component is not active.
     1024        if ( ! bp_is_active( 'activity' ) ) {
     1025                return false;
     1026        }
     1027
     1028        if ( empty( $user_id ) ) {
     1029                $user_id = bp_displayed_user_id();
     1030        }
     1031
     1032        $user_id = get_current_user_id();
     1033
     1034        // Add the activity.
     1035        $activity_id = bp_activity_add(
     1036                array(
     1037                        'user_id'   => $user_id,
     1038                        'component' => buddypress()->groups->id,
     1039                        'type'      => 'new_group_cover_photo',
     1040                        'item_id'   => $item_id,
     1041                )
     1042        );
     1043
     1044       
     1045        $type = pathinfo($cover_url, PATHINFO_EXTENSION);
     1046        $data = wp_remote_get( $cover_url);
     1047        $data = wp_remote_retrieve_body( $data );
     1048        $avatar_image_base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
     1049        bp_activity_update_meta( $activity_id, 'group_cover_image', $avatar_image_base64 );
     1050        bp_activity_update_meta( $activity_id, 'group_cover_image_name', $name );
     1051}
     1052add_action( 'groups_cover_image_uploaded', 'bp_groups_cover_image_uploaded', 10, 4 );
     1053
     1054
     1055add_action( 'bp_activity_entry_content', 'bp_groups_activity_entry_content' );
     1056add_action( 'bp_activity_embed_after_media', 'bp_groups_activity_entry_content' );
     1057function bp_groups_activity_entry_content() {
     1058        if ( ! bp_activity_has_content() ) {
     1059                global $activities_template;
     1060               
     1061                $activity_id   = $activities_template->activity->id;
     1062                $activity_type = $activities_template->activity->type;
     1063                $activity          = $activities_template->activity;
     1064               
     1065                switch ( $activity_type ) {
     1066                        case 'joined_group':
     1067                        case 'new_group_avatar':
     1068                        case 'new_group_cover_photo':
     1069                                bp_groups_new_avatar_activity_content( $activity );
     1070                                break;
     1071                        default:
     1072                                break;
     1073                       
     1074                }               
     1075        }
     1076}
     1077
     1078function bp_groups_new_avatar_activity_content( $activity ) {
     1079       
     1080        $args = array(
     1081                'activity_id'       => $activity->id,
     1082                'user_id'           => $activity->user_id,
     1083                'item_id'           => $activity->item_id,
     1084                'secondary_item_id' => $activity->secondary_item_id,
     1085                'component'         => $activity->component,
     1086                'type'              => $activity->type,
     1087        );
     1088        extract( $args );
     1089       
     1090        $display_action_button = false;
     1091       
     1092        $group     = groups_get_group( array( 'group_id' => $item_id ) );
     1093        $url       = bp_get_group_permalink( $group );
     1094
     1095        if ( $type == 'new_group_cover_photo' ) {
     1096                $cover_url = bp_activity_get_meta( $activity_id, 'group_cover_image', true );
     1097        } else {
     1098                $cover_url = bp_get_group_cover_url( $group );
     1099                $display_action_button = true;
     1100                $action_button_text = esc_html__( 'Visit Group', 'buddypress');
     1101        }
     1102        $itme_name = $group->name;
     1103        $itme_slug = $group->slug;
     1104       
     1105        $avatar_url = bp_activity_get_meta( $activity_id, 'group_avatar_image', true );
     1106       
     1107        ?>     
     1108        <div class="bp-group-activity-preview">
     1109                <a href="<?php echo esc_url( $url ); ?>">
     1110                        <div class="bp-group-preview-cover">
     1111                                <?php  if ( !empty( $cover_url ) ) : ?>
     1112                                        <img src="<?php echo esc_url( $cover_url, array( 'data', 'http', 'https' ) ); ?>" alt="<?php echo esc_attr( 'cover-image' ); ?>"/>
     1113                                <?php endif; ?>
     1114                        </div>
     1115                </a>
     1116                <?php if ( $type != 'new_cover_photo' &&  $type != 'new_group_cover_photo') : ?>
     1117                        <div class="bp-group-short-description">
     1118                                <a href="<?php echo esc_url( $url ); ?>" class="item-avatar-group bp-group-avatar bp-group-short-description-avatar">
     1119                                        <div class="bp-group-avatar-content">
     1120                                                <?php if ( $type == 'new_group_avatar' && $avatar_url != ''  ) :?>
     1121                                                        <img loading="lazy" src="<?php echo esc_url( $avatar_url , array( 'data', 'http', 'https' ) ); ?>" class="avatar group-<?php echo esc_attr( $item_id );?>-avatar avatar-150 photo" width="150" height="150">
     1122                                                       
     1123                                                <?php else:
     1124                                                        $avatar_url = bp_core_fetch_avatar(
     1125                                                                                                                array(
     1126                                                                                                                        'item_id'    => $item_id,
     1127                                                                                                                        'type'       => 'full',
     1128                                                                                                                        'avatar_dir' => 'group-avatars',
     1129                                                                                                                        'object'     => 'group',
     1130                                                                                                                        'width'      => 150,
     1131                                                                                                                        'height'     => 150
     1132                                                                                                                )
     1133                                                                                                        );
     1134                                                        echo wp_kses_post ( $avatar_url );
     1135                                                endif;?>
     1136                                        </div>
     1137                                </a>
     1138                                <p class="bp-group-short-description-title">
     1139                                        <a href="<?php echo esc_url( $url ); ?>"><?php echo esc_html( $itme_name ); ?></a>
     1140                                </p>
     1141                                <?php
     1142                                       
     1143                                if ( $display_action_button ) {
     1144                                        echo $action_button = sprintf(
     1145                                                '<div class="bp-profile-button">
     1146                                                        <a href="%1$s" class="button large primary button-primary" role="button">%2$s</a>
     1147                                                </div>',
     1148                                                esc_url( $url ),
     1149                                                $action_button_text
     1150                                        );
     1151                                }
     1152                                ?>
     1153                        </div>
     1154                <?php endif; ?>
     1155        </div>
     1156        <?php
     1157}

  • src/bp-members/bp-members-activity.php 

    diff --git src/bp-members/bp-members-activity.php src/bp-members/bp-members-activity.php
index 3f0d28945..043a490dc 100644
    function bp_members_register_activity_actions() { 
    3535                'bp_members_format_activity_action_new_avatar',
    3636                __( 'Updated Profile Photos', 'buddypress' )
    3737        );
     38       
     39        // Register the member cover photo activity stream actions for this component.
     40        bp_activity_set_action(
     41                buddypress()->members->id,
     42                'new_cover_photo',
     43                __( 'Member changed cover photo', 'buddypress' ),
     44                'bp_members_format_activity_action_new_cover_photo',
     45                __( 'Updated Cover Photo', 'buddypress' )
     46        );
    3847
    3948        /**
    4049         * Fires after the default 'new member' activity types are registered.
    … … function bp_members_format_activity_action_new_avatar( $action, $activity ) { 
    131140        return apply_filters( 'bp_members_format_activity_action_new_avatar', $action, $activity );
    132141}
    133142
     143/**
     144 * Format 'new_cover_photo' activity actions.
     145 *
     146 * @since 8.0.0
     147 *
     148 * @param string $action   Static activity action.
     149 * @param object $activity Activity object.
     150 * @return string
     151 */
     152function bp_members_format_activity_action_new_cover_photo( $action, $activity ) {
     153        $userlink = bp_core_get_userlink( $activity->user_id );
     154
     155        /* translators: %s: user link */
     156        $action = sprintf( esc_html__( '%s changed their cover photo', 'buddypress' ), $userlink );
     157
     158        // Legacy filter - pass $user_id instead of $activity.
     159        if ( has_filter( 'bp_xprofile_new_avatar_action' ) ) {
     160                $action = apply_filters( 'bp_xprofile_new_avatar_action', $action, $activity->user_id );
     161        }
     162
     163        return apply_filters( 'bp_members_format_activity_action_new_cover_photo', $action, $activity );
     164}
     165
    134166/**
    135167 * Create a "became a registered user" activity item when a user activates his account.
    136168 *
    … … add_action( 'bp_core_activated_user', 'bp_core_new_user_activity' ); 
    165197/**
    166198 * Adds an activity stream item when a user has uploaded a new avatar.
    167199 *
    168  * @since 8.0.0
     200 * @since 10.0.0
    169201 *
    170202 * @param int $user_id The user id the avatar was set for.
    171203 */
    … … function bp_members_new_avatar_activity( $user_id = 0 ) { 
    186218        /**
    187219         * Filters the user ID when a user has uploaded a new avatar.
    188220         *
    189          * @since 8.0.0
     221         * @since 10.0.0
    190222         *
    191223         * @param int $user_id ID of the user the avatar was set for.
    192224         */
    193225        $user_id = apply_filters( 'bp_members_new_avatar_user_id', $user_id );
    194226
    195227        // Add the activity.
    196         bp_activity_add( array(
     228        $activity_id = bp_activity_add( array(
    197229                'user_id'   => $user_id,
    198230                'component' => buddypress()->members->id,
    199231                'type'      => 'new_avatar'
    200232        ) );
     233       
     234        $avatar_url = bp_core_fetch_avatar(
     235                        array(
     236                                'item_id' => $user_id,
     237                                'type'    => 'full',
     238                                'width'   => 400,
     239                                'height'  => 400,
     240                                'html'    => false,
     241                        )
     242                );
     243       
     244        $title = basename( $avatar_url );
     245        $type = pathinfo($avatar_url, PATHINFO_EXTENSION);
     246        $data = wp_remote_get( $avatar_url);
     247        $data = wp_remote_retrieve_body( $data );
     248        $avatar_image_base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
     249        bp_activity_update_meta( $activity_id, 'member_avatar_image', $avatar_image_base64 );
     250        bp_activity_update_meta( $activity_id, 'member_avatar_image_name', $title );
    201251}
    202252add_action( 'bp_members_avatar_uploaded', 'bp_members_new_avatar_activity' );
     253
     254
     255
     256add_action( 'bp_activity_entry_content', 'bp_members_activity_entry_content' );
     257add_action( 'bp_activity_embed_after_media', 'bp_members_activity_entry_content' );
     258function bp_members_activity_entry_content() {
     259        if ( ! bp_activity_has_content() ) {
     260                global $activities_template;           
     261               
     262                $activity_id   = $activities_template->activity->id;
     263                $activity_type = $activities_template->activity->type;
     264                $activity          = $activities_template->activity;
     265               
     266                switch ( $activity_type ) {
     267                        case 'friendship_created':
     268                        case 'new_avatar':
     269                        case 'new_cover_photo':
     270                                bp_members_new_avatar_activity_content( $activity );
     271                                break;
     272                        default:
     273                                break;
     274                       
     275                }               
     276        }
     277}
     278
     279function bp_members_new_avatar_activity_content( $activity ) {
     280       
     281        $args = array(
     282                'activity_id'       => $activity->id,
     283                'user_id'           => $activity->user_id,
     284                'item_id'           => $activity->item_id,
     285                'secondary_item_id' => $activity->secondary_item_id,
     286                'component'         => $activity->component,
     287                'type'              => $activity->type,
     288        );
     289        extract( $args );
     290       
     291        $display_action_button = false;
     292       
     293        if ( 'friends' === $component ) {
     294                $url       = bp_core_get_user_domain( $secondary_item_id );
     295                $itme_name = bp_core_get_user_displayname( $secondary_item_id );
     296                $itme_slug = bp_activity_get_user_mentionname( $secondary_item_id );
     297                $display_action_button = true;
     298                $action_button_text = esc_html__( 'View Profile', 'buddypress');
     299                $cover_url = bp_attachments_get_attachment(
     300                        'url',
     301                        array(
     302                                'object_dir' => 'members',
     303                                'item_id'    => $secondary_item_id,
     304                        )
     305                );
     306
     307                $avatar_url = bp_core_fetch_avatar(
     308                        array(
     309                                'item_id' => $secondary_item_id,
     310                                'type'    => 'full',
     311                                'width'   => 150,
     312                                'height'  => 150,
     313                                'class'   => 'avatar',
     314                                'id'      => false,
     315                                'alt'     => sprintf( __( 'Profile picture of %s', 'buddypress' ), $itme_name ),
     316                        )
     317                );
     318               
     319        } else {
     320                if ( $type == 'new_avatar') {
     321                        $secondary_item_id = $user_id;
     322                        $display_action_button = true;
     323                        $action_button_text = esc_html__( 'View Profile', 'buddypress');
     324                }
     325
     326                $url       = bp_core_get_user_domain( $secondary_item_id );
     327                $itme_name = bp_core_get_user_displayname( $secondary_item_id );
     328                $itme_slug = bp_activity_get_user_mentionname( $secondary_item_id );
     329
     330                if ( $type == 'new_cover_photo' ) {
     331                        $cover_url = bp_activity_get_meta( $activity_id, 'member_cover_image', true );
     332                } else {
     333                        $cover_url = bp_attachments_get_attachment(
     334                                'url',
     335                                array(
     336                                        'object_dir' => 'members',
     337                                        'item_id'    => $secondary_item_id,
     338                                )
     339                        );
     340                }
     341               
     342                $avatar_url = bp_activity_get_meta( $activity_id, 'member_avatar_image', true );
     343                if ( $type == 'new_avatar' &&  !$avatar_url ) {
     344                        return;
     345                }
     346               
     347        }
     348       
     349        ?>     
     350        <div class="bp-member-activity-preview">
     351                <a href="<?php echo esc_url( $url ); ?>">
     352                        <div class="bp-member-preview-cover">
     353                                <?php  if ( !empty( $cover_url ) ) : ?>
     354                                        <img src="<?php echo esc_url( $cover_url, array( 'data', 'http', 'https' ) ); ?>" alt="<?php echo esc_attr( 'cover-image' ); ?>"/>
     355                                <?php endif; ?>
     356                        </div>
     357                </a>
     358                <?php if ( $type != 'new_cover_photo' &&  $type != 'new_group_cover_photo') : ?>
     359                        <div class="bp-member-short-description">
     360                                <a href="<?php echo esc_url( $url ); ?>" class="item-avatar-group bp-member-avatar bp-member-short-description-avatar">
     361                                        <div class="bp-member-avatar-content">
     362                                                <?php if ( $type == 'new_avatar' &&  $avatar_url != '' ) : ?>
     363                                                        <img loading="lazy" src="<?php echo esc_url( $avatar_url, array( 'data', 'http', 'https' ) ); ?>" class="avatar user-<?php echo esc_attr( $item_id ) ;?>-avatar avatar-150 photo" width="150" height="150">
     364                                                <?php else:
     365                                                        $avatar_url = bp_core_fetch_avatar(
     366                                                                        array(
     367                                                                                'item_id' => $secondary_item_id,
     368                                                                                'type'    => 'full',
     369                                                                                'width'   => 150,
     370                                                                                'height'  => 150,
     371                                                                                'class'   => 'avatar',
     372                                                                                'id'      => false,
     373                                                                                'alt'     => sprintf( __( 'Profile picture of %s', 'buddypress' ), $itme_name ),
     374                                                                        )
     375                                                                );
     376                                                        echo wp_kses_post($avatar_url);
     377                                                endif;?>
     378                                        </div>
     379                                </a>
     380                                <p class="bp-member-short-description-title">
     381                                        <a href="<?php echo esc_url( $url ); ?>"><?php echo esc_html( $itme_name ); ?></a>
     382                                </p>
     383                                <?php if ( $type == 'new_avatar') : ?>
     384                                <p class="bp-member-nickname">
     385                                        <a href="<?php echo esc_url( $url ); ?>">@<?php echo esc_html( $itme_slug ); ?></a>
     386                                </p>
     387                                <?php endif; 
     388                                       
     389                                if ( $display_action_button ) {
     390                                        echo $action_button = sprintf(
     391                                                '<div class="bp-profile-button">
     392                                                        <a href="%1$s" class="button large primary button-primary" role="button">%2$s</a>
     393                                                </div>',
     394                                                esc_url( $url ),
     395                                                $action_button_text
     396                                        );
     397                                }
     398                                ?>
     399                        </div>
     400                <?php endif;?>
     401        </div>
     402        <?php
     403}

  • src/bp-templates/bp-legacy/css/buddypress-rtl.css 

    diff --git src/bp-templates/bp-legacy/css/buddypress-rtl.css src/bp-templates/bp-legacy/css/buddypress-rtl.css
index d99591d63..7811e95d7 100644
    Hello, this is the BuddyPress Legacy stylesheet. 
    3030        4.1 - Smartphones Landscape
    3131        4.2 - Smartphones Portrait
    3232        4.3 - Smartphones - smaller screen sizes
     33
     345.0 - Activity Types.
    3335--------------------------------------------------------------*/
    3436
    3537/*--------------------------------------------------------------
    … … body.register #buddypress div.page ul { 
    22812283                margin: 10px 0 20px;
    22822284        }
    22832285}
     2286
     2287/**
     2288*-------------------------------------------------------------------------------
     2289* @section 5.0 - Activity Types
     2290*-------------------------------------------------------------------------------
     2291*/
     2292.bp-member-preview-cover,
     2293.bp-group-preview-cover {
     2294        position: relative;
     2295        min-height: 150px;
     2296        background: #c5c5c5;
     2297}
     2298
     2299.new_cover_photo .bp-member-preview-cover,
     2300.new_group_cover_photo .bp-group-preview-cover {
     2301        min-height: 100%;
     2302}
     2303
     2304.bp-member-preview-cover img,
     2305.bp-group-preview-cover img {
     2306        background: #c5c5c5;
     2307        object-fit: cover;
     2308        border: 0;
     2309        display: block;
     2310        margin: 0;
     2311        padding: 0;
     2312        width: 100%;
     2313        z-index: 1;
     2314        height: 150px;
     2315}
     2316
     2317.new_cover_photo .bp-member-preview-cover img,
     2318.new_group_cover_photo .bp-group-preview-cover img {
     2319        height: 100%;
     2320}
     2321
     2322.bp-member-short-description-avatar,
     2323.bp-group-short-description-avatar {
     2324        float: right;
     2325}
     2326
     2327.bp-member-avatar-content,
     2328.bp-group-avatar-content {
     2329        width: 200px;
     2330        margin-top: -75px;
     2331        position: relative;
     2332        z-index: 2;
     2333}
     2334
     2335.bp-member-avatar-content img.avatar,
     2336.bp-group-avatar-content img.avatar,
     2337#buddypress ul.item-list li .bp-member-avatar-content img.avatar,
     2338#buddypress ul.item-list li .bp-group-avatar-content img.avatar {
     2339        border: solid 2px #fff;
     2340        background: rgba(255,255,255,.8);
     2341        margin-right: 20px;
     2342}
     2343
     2344.bp-member-short-description-title a,
     2345.bp-group-short-description-title a {
     2346        font-weight: 600;
     2347}
     2348
     2349@media screen and (max-width: 46.8em) {
     2350        .bp-member-short-description,
     2351        .bp-group-short-description {
     2352                text-align: center;
     2353        }
     2354
     2355        .bp-member-short-description-avatar,
     2356        .bp-group-short-description-avatar {
     2357                width: 100%;
     2358                margin-bottom: 15px;
     2359        }
     2360       
     2361        .bp-member-avatar-content,
     2362        .bp-group-avatar-content {
     2363                margin-right: auto;
     2364                margin-left: auto;
     2365        }
     2366       
     2367        .bp-member-avatar-content img.avatar,
     2368        .bp-group-avatar-content img.avatar,
     2369        #buddypress ul.item-list li .bp-member-avatar-content img.avatar,
     2370        #buddypress ul.item-list li .bp-group-avatar-content img.avatar {
     2371                float: none;
     2372                margin: auto;
     2373        }
     2374       
     2375        .bp-profile-button {
     2376                margin-top: 15px;
     2377        }
     2378}
     2379
     2380@media screen and (min-width: 46.8em) {
     2381        .bp-profile-button {
     2382                text-align: left;
     2383        }
     2384}

  • src/bp-templates/bp-legacy/css/buddypress.css 

    diff --git src/bp-templates/bp-legacy/css/buddypress.css src/bp-templates/bp-legacy/css/buddypress.css
index be7270d71..c8592d6b2 100644
    Hello, this is the BuddyPress Legacy stylesheet. 
    3030        4.1 - Smartphones Landscape
    3131        4.2 - Smartphones Portrait
    3232        4.3 - Smartphones - smaller screen sizes
     33
     345.0 - Activity Types.
    3335--------------------------------------------------------------*/
    3436
    3537/*--------------------------------------------------------------
    … … body.register #buddypress div.page ul { 
    22812283                margin: 10px 0 20px;
    22822284        }
    22832285}
     2286
     2287/**
     2288*-------------------------------------------------------------------------------
     2289* @section 5.0 - Activity Types
     2290*-------------------------------------------------------------------------------
     2291*/
     2292.bp-member-preview-cover,
     2293.bp-group-preview-cover {
     2294        position: relative;
     2295        min-height: 150px;
     2296        background: #c5c5c5;
     2297}
     2298
     2299.new_cover_photo .bp-member-preview-cover,
     2300.new_group_cover_photo .bp-group-preview-cover {
     2301        min-height: 100%;
     2302}
     2303
     2304.bp-member-preview-cover img,
     2305.bp-group-preview-cover img {
     2306        background: #c5c5c5;
     2307        object-fit: cover;
     2308        border: 0;
     2309        display: block;
     2310        margin: 0;
     2311        padding: 0;
     2312        width: 100%;
     2313        z-index: 1;
     2314        height: 150px;
     2315}
     2316
     2317.new_cover_photo .bp-member-preview-cover img,
     2318.new_group_cover_photo .bp-group-preview-cover img {
     2319        height: 100%;
     2320}
     2321
     2322.bp-member-short-description-avatar,
     2323.bp-group-short-description-avatar {
     2324        float: left;
     2325}
     2326
     2327.bp-member-avatar-content,
     2328.bp-group-avatar-content {
     2329        width: 200px;
     2330        margin-top: -75px;
     2331        position: relative;
     2332        z-index: 2;
     2333}
     2334
     2335.bp-member-avatar-content img.avatar,
     2336.bp-group-avatar-content img.avatar,
     2337#buddypress ul.item-list li .bp-member-avatar-content img.avatar,
     2338#buddypress ul.item-list li .bp-group-avatar-content img.avatar {
     2339        border: solid 2px #fff;
     2340        background: rgba(255,255,255,.8);
     2341        margin-left: 20px;
     2342}
     2343
     2344.bp-member-short-description-title a,
     2345.bp-group-short-description-title a {
     2346        font-weight: 600;
     2347}
     2348
     2349@media screen and (max-width: 46.8em) {
     2350        .bp-member-short-description,
     2351        .bp-group-short-description {
     2352                text-align: center;
     2353        }
     2354
     2355        .bp-member-short-description-avatar,
     2356        .bp-group-short-description-avatar {
     2357                width: 100%;
     2358                margin-bottom: 15px;
     2359        }
     2360       
     2361        .bp-member-avatar-content,
     2362        .bp-group-avatar-content {
     2363                margin-left: auto;
     2364                margin-right: auto;
     2365        }
     2366       
     2367        .bp-member-avatar-content img.avatar,
     2368        .bp-group-avatar-content img.avatar,
     2369        #buddypress ul.item-list li .bp-member-avatar-content img.avatar,
     2370        #buddypress ul.item-list li .bp-group-avatar-content img.avatar {
     2371                float: none;
     2372                margin: auto;
     2373        }
     2374       
     2375        .bp-profile-button {
     2376                margin-top: 15px;
     2377        }
     2378}
     2379
     2380@media screen and (min-width: 46.8em) {
     2381        .bp-profile-button {
     2382                text-align: right;
     2383        }
     2384}

  • src/bp-templates/bp-legacy/css/embeds-activity-rtl.css 

    diff --git src/bp-templates/bp-legacy/css/embeds-activity-rtl.css src/bp-templates/bp-legacy/css/embeds-activity-rtl.css
index ac6fda0ee..0ece96c83 100644
    a.play-btn:hover { 
    154154                width: 35px;
    155155        }
    156156}
     157
     158/**
     159*-------------------------------------------------------------------------------
     160* Activity Types
     161*-------------------------------------------------------------------------------
     162*/
     163.bp-member-preview-cover,
     164.bp-group-preview-cover {
     165        position: relative;
     166        min-height: 150px;
     167        background: #c5c5c5;
     168}
     169
     170.new_cover_photo .bp-member-preview-cover,
     171.new_group_cover_photo .bp-group-preview-cover {
     172        min-height: 100%;
     173}
     174
     175.bp-member-preview-cover img,
     176.bp-group-preview-cover img {
     177        background: #c5c5c5;
     178        object-fit: cover;
     179        border: 0;
     180        display: block;
     181        margin: 0;
     182        padding: 0;
     183        width: 100%;
     184        z-index: 1;
     185        height: 150px;
     186}
     187
     188.new_cover_photo .bp-member-preview-cover img,
     189.new_group_cover_photo .bp-group-preview-cover img {
     190        height: 100%;
     191}
     192
     193.bp-member-short-description-avatar,
     194.bp-group-short-description-avatar {
     195        float: right;
     196}
     197
     198.bp-member-avatar-content,
     199.bp-group-avatar-content {
     200        width: 200px;
     201        margin-top: -75px;
     202        position: relative;
     203        z-index: 2;
     204}
     205
     206.bp-member-avatar-content img.avatar,
     207.bp-group-avatar-content img.avatar,
     208#buddypress ul.item-list li .bp-member-avatar-content img.avatar,
     209#buddypress ul.item-list li .bp-group-avatar-content img.avatar {
     210        border: solid 2px #fff;
     211        background: rgba(255,255,255,.8);
     212        margin-right: 20px;
     213}
     214
     215.bp-member-short-description-title a,
     216.bp-group-short-description-title a {
     217        font-weight: 600;
     218}
     219
     220@media screen and (max-width: 46.8em) {
     221        .bp-member-short-description,
     222        .bp-group-short-description {
     223                text-align: center;
     224        }
     225
     226        .bp-member-short-description-avatar,
     227        .bp-group-short-description-avatar {
     228                width: 100%;
     229                margin-bottom: 15px;
     230        }
     231       
     232        .bp-member-avatar-content,
     233        .bp-group-avatar-content {
     234                margin-right: auto;
     235                margin-left: auto;
     236        }
     237       
     238        .bp-member-avatar-content img.avatar,
     239        .bp-group-avatar-content img.avatar,
     240        #buddypress ul.item-list li .bp-member-avatar-content img.avatar,
     241        #buddypress ul.item-list li .bp-group-avatar-content img.avatar {
     242                float: none;
     243                margin: auto;
     244        }
     245       
     246        .bp-profile-button {
     247                margin-top: 15px;
     248        }
     249}
     250
     251@media screen and (min-width: 46.8em) {
     252        .bp-profile-button {
     253                text-align: left;
     254        }
     255}
     256 No newline at end of file

  • src/bp-templates/bp-legacy/css/embeds-activity.css 

    diff --git src/bp-templates/bp-legacy/css/embeds-activity.css src/bp-templates/bp-legacy/css/embeds-activity.css
index 9e0b465d9..bd74ee5e4 100644
    a.play-btn:hover { 
    154154                width: 35px;
    155155        }
    156156}
     157
     158/**
     159*-------------------------------------------------------------------------------
     160* Activity Types
     161*-------------------------------------------------------------------------------
     162*/
     163.bp-member-preview-cover,
     164.bp-group-preview-cover {
     165        position: relative;
     166        min-height: 150px;
     167        background: #c5c5c5;
     168}
     169
     170.new_cover_photo .bp-member-preview-cover,
     171.new_group_cover_photo .bp-group-preview-cover {
     172        min-height: 100%;
     173}
     174
     175.bp-member-preview-cover img,
     176.bp-group-preview-cover img {
     177        background: #c5c5c5;
     178        object-fit: cover;
     179        border: 0;
     180        display: block;
     181        margin: 0;
     182        padding: 0;
     183        width: 100%;
     184        z-index: 1;
     185        height: 150px;
     186}
     187
     188.new_cover_photo .bp-member-preview-cover img,
     189.new_group_cover_photo .bp-group-preview-cover img {
     190        height: 100%;
     191}
     192
     193.bp-member-short-description-avatar,
     194.bp-group-short-description-avatar {
     195        float: left;
     196}
     197
     198.bp-member-avatar-content,
     199.bp-group-avatar-content {
     200        width: 200px;
     201        margin-top: -75px;
     202        position: relative;
     203        z-index: 2;
     204}
     205
     206.bp-member-avatar-content img.avatar,
     207.bp-group-avatar-content img.avatar,
     208#buddypress ul.item-list li .bp-member-avatar-content img.avatar,
     209#buddypress ul.item-list li .bp-group-avatar-content img.avatar {
     210        border: solid 2px #fff;
     211        background: rgba(255,255,255,.8);
     212        margin-left: 20px;
     213}
     214
     215.bp-member-short-description-title a,
     216.bp-group-short-description-title a {
     217        font-weight: 600;
     218}
     219
     220@media screen and (max-width: 46.8em) {
     221        .bp-member-short-description,
     222        .bp-group-short-description {
     223                text-align: center;
     224        }
     225
     226        .bp-member-short-description-avatar,
     227        .bp-group-short-description-avatar {
     228                width: 100%;
     229                margin-bottom: 15px;
     230        }
     231       
     232        .bp-member-avatar-content,
     233        .bp-group-avatar-content {
     234                margin-left: auto;
     235                margin-right: auto;
     236        }
     237       
     238        .bp-member-avatar-content img.avatar,
     239        .bp-group-avatar-content img.avatar,
     240        #buddypress ul.item-list li .bp-member-avatar-content img.avatar,
     241        #buddypress ul.item-list li .bp-group-avatar-content img.avatar {
     242                float: none;
     243                margin: auto;
     244        }
     245       
     246        .bp-profile-button {
     247                margin-top: 15px;
     248        }
     249}
     250
     251@media screen and (min-width: 46.8em) {
     252        .bp-profile-button {
     253                text-align: right;
     254        }
     255}
     256 No newline at end of file

  • src/bp-templates/bp-nouveau/common-styles/_bp_activity_entries.scss 

    diff --git src/bp-templates/bp-nouveau/common-styles/_bp_activity_entries.scss src/bp-templates/bp-nouveau/common-styles/_bp_activity_entries.scss
index edd598f92..1fff16e0d 100644
    body.activity-permalink { 
    436436
    437437        }
    438438}
     439
     440// Activity Types Entry View
     441.bp-member-preview-cover,
     442.bp-group-preview-cover {
     443        position: relative;
     444        min-height: 150px;
     445        background: #c5c5c5;
     446       
     447        img {
     448                background: #c5c5c5;
     449                object-fit: cover;
     450                border: 0;
     451                display: block;
     452                margin: 0;
     453                padding: 0;
     454                width: 100%;
     455                z-index: 1;
     456                height: 150px;
     457        }
     458}
     459
     460.new_cover_photo .bp-member-preview-cover,
     461.new_group_cover_photo .bp-group-preview-cover {
     462        min-height: 100%;
     463       
     464        img {
     465                height: 100%;
     466        }
     467}
     468
     469.bp-member-short-description-avatar,
     470.bp-group-short-description-avatar {
     471        float: left;
     472}
     473
     474.bp-member-avatar-content,
     475.bp-group-avatar-content {
     476        width: 200px;
     477        margin-top: -75px;
     478        position: relative;
     479        z-index: 2;
     480       
     481        img.avatar {
     482                border: solid 2px #fff;
     483                background: rgba(255,255,255,.8);
     484                margin-left: 20px;
     485        }
     486}
     487
     488.bp-member-short-description-title a,
     489.bp-group-short-description-title a {
     490        font-weight: 600;
     491}
     492
     493@include medium-max() {
     494
     495        .bp-member-short-description,
     496        .bp-group-short-description {
     497                text-align: center;
     498        }
     499
     500        .bp-member-short-description-avatar,
     501        .bp-group-short-description-avatar {
     502                width: 100%;
     503                margin-bottom: 15px;
     504        }
     505       
     506        .bp-member-avatar-content,
     507        .bp-group-avatar-content {
     508                margin-left: auto;
     509                margin-right: auto;
     510        }
     511       
     512        .bp-member-avatar-content img.avatar,
     513        .bp-group-avatar-content img.avatar {
     514                margin: auto;
     515        }
     516       
     517        .bp-profile-button {
     518                margin-top: 15px;
     519        }
     520       
     521} // close @media
     522
     523@include medium-up {
     524
     525        .bp-profile-button {
     526                text-align: right;
     527        }
     528       
     529} // close @media

  • src/bp-templates/bp-nouveau/css/buddypress-rtl.css 

    diff --git src/bp-templates/bp-nouveau/css/buddypress-rtl.css src/bp-templates/bp-nouveau/css/buddypress-rtl.css
index e67c2b8f0..e5f42eab6 100644
    body #buddypress select, 
    6969body #buddypress input[type="search"],
    7070body #buddypress input[type="submit"],
    7171body #buddypress input[type="reset"] {
     72        -webkit-border-radius: 2px;
     73        -moz-border-radius: 2px;
     74        -ms-border-radius: 2px;
    7275        border-radius: 2px;
    7376        background-clip: padding-box;
    7477}
    … … body #buddypress .bp-lists blockquote { 
    7982}
    8083
    8184body #buddypress .bp-list .action {
     85        -webkit-box-sizing: border-box;
     86        -moz-box-sizing: border-box;
    8287        box-sizing: border-box;
    8388}
    8489
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    375380        .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
    376381                border-bottom: 1px solid #eee;
    377382                border-top: 1px solid #eee;
     383                -webkit-box-shadow: 0 2px 12px 0 #fafafa;
     384                -moz-box-shadow: 0 2px 12px 0 #fafafa;
    378385                box-shadow: 0 2px 12px 0 #fafafa;
    379386        }
    380387}
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    868875}
    869876
    870877.bp-list {
     878        -webkit-box-sizing: border-box;
     879        -moz-box-sizing: border-box;
    871880        box-sizing: border-box;
    872881        border-top: 1px solid #eaeaea;
    873882        clear: both;
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    10181027.activity-list.bp-list .activity-item {
    10191028        background: #fff;
    10201029        border: 1px solid #b7b7b7;
     1030        -webkit-box-shadow: 0 0 6px #d2d2d2;
     1031        -moz-box-shadow: 0 0 6px #d2d2d2;
    10211032        box-shadow: 0 0 6px #d2d2d2;
    10221033        margin: 20px 0;
    10231034}
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    10381049@media screen and (min-width: 46.8em) {
    10391050        .friends-request-list li,
    10401051        .membership-requests-list li {
     1052                display: -webkit-flex;
    10411053                display: -moz-flex;
    10421054                display: -ms-flex;
    10431055                display: -o-flex;
    10441056                display: flex;
     1057                -webkit-flex-flow: row nowrap;
     1058                -moz-flex-flow: row nowrap;
     1059                -ms-flex-flow: row nowrap;
    10451060                -o-flex-flow: row nowrap;
    10461061                flex-flow: row nowrap;
    10471062        }
    10481063        .friends-request-list li .item,
    10491064        .membership-requests-list li .item {
     1065                -webkit-flex: 1 1 auto;
    10501066                -moz-flex: 1 1 auto;
     1067                -ms-flex: 1 1 auto;
    10511068                -o-flex: 1 1 auto;
    10521069                flex: 1 1 auto;
    10531070        }
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    11031120
    11041121.activity-update-form {
    11051122        border: 1px solid #ccc;
     1123        -webkit-box-shadow: inset 0 0 6px #eee;
     1124        -moz-box-shadow: inset 0 0 6px #eee;
    11061125        box-shadow: inset 0 0 6px #eee;
    11071126        margin: 15px 0;
    11081127}
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    11251144
    11261145.activity-update-form #whats-new-textarea textarea {
    11271146        background: #fff;
     1147        -webkit-box-sizing: border-box;
     1148        -moz-box-sizing: border-box;
    11281149        box-sizing: border-box;
    11291150        color: #333;
    11301151        font-family: inherit;
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    11361157}
    11371158
    11381159.activity-update-form #whats-new-textarea textarea:focus {
     1160        -webkit-box-shadow: 0 0 6px 0 #d6d6d6;
     1161        -moz-box-shadow: 0 0 6px 0 #d6d6d6;
    11391162        box-shadow: 0 0 6px 0 #d6d6d6;
    11401163}
    11411164
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    11641187}
    11651188
    11661189.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items .bp-activity-object {
     1190        display: -webkit-box;
     1191        display: -ms-flexbox;
     1192        display: -webkit-flex;
    11671193        display: flex;
     1194        -ms-flex-align: center;
     1195        -webkit-align-items: center;
     1196        -webkit-box-align: center;
    11681197        align-items: center;
    11691198        padding: 0.2em;
    11701199}
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    15121541.buddypress-wrap .activity-list .load-newest:focus,
    15131542.buddypress-wrap .activity-list .load-newest:hover {
    15141543        border-color: #e1e1e1;
     1544        -webkit-box-shadow: 0 0 6px 0 #eaeaea;
     1545        -moz-box-shadow: 0 0 6px 0 #eaeaea;
    15151546        box-shadow: 0 0 6px 0 #eaeaea;
    15161547}
    15171548
    … … body.activity-permalink .activity-list .activity-comments { 
    15771608                top: -20px;
    15781609        }
    15791610        body.activity-permalink .activity-list .activity-avatar img {
     1611                -webkit-box-shadow: 0 0 0 8px #fff;
    15801612                box-shadow: 0 0 0 8px #fff;
    15811613        }
    15821614        body.activity-permalink .activity-list .activity-content {
    … … body.activity-permalink .activity-list .activity-comments { 
    15871619        }
    15881620}
    15891621
     1622.bp-member-preview-cover,
     1623.bp-group-preview-cover {
     1624        position: relative;
     1625        min-height: 150px;
     1626        background: #c5c5c5;
     1627}
     1628
     1629.bp-member-preview-cover img,
     1630.bp-group-preview-cover img {
     1631        background: #c5c5c5;
     1632        object-fit: cover;
     1633        border: 0;
     1634        display: block;
     1635        margin: 0;
     1636        padding: 0;
     1637        width: 100%;
     1638        z-index: 1;
     1639        height: 150px;
     1640}
     1641
     1642.new_cover_photo .bp-member-preview-cover,
     1643.new_group_cover_photo .bp-group-preview-cover {
     1644        min-height: 100%;
     1645}
     1646
     1647.new_cover_photo .bp-member-preview-cover img,
     1648.new_group_cover_photo .bp-group-preview-cover img {
     1649        height: 100%;
     1650}
     1651
     1652.bp-member-short-description-avatar,
     1653.bp-group-short-description-avatar {
     1654        float: right;
     1655}
     1656
     1657.bp-member-avatar-content,
     1658.bp-group-avatar-content {
     1659        width: 200px;
     1660        margin-top: -75px;
     1661        position: relative;
     1662        z-index: 2;
     1663}
     1664
     1665.bp-member-avatar-content img.avatar,
     1666.bp-group-avatar-content img.avatar {
     1667        border: solid 2px #fff;
     1668        background: rgba(255, 255, 255, 0.8);
     1669        margin-right: 20px;
     1670}
     1671
     1672.bp-member-short-description-title a,
     1673.bp-group-short-description-title a {
     1674        font-weight: 600;
     1675}
     1676
     1677@media screen and (max-width: 46.8em) {
     1678        .bp-member-short-description,
     1679        .bp-group-short-description {
     1680                text-align: center;
     1681        }
     1682        .bp-member-short-description-avatar,
     1683        .bp-group-short-description-avatar {
     1684                width: 100%;
     1685                margin-bottom: 15px;
     1686        }
     1687        .bp-member-avatar-content,
     1688        .bp-group-avatar-content {
     1689                margin-right: auto;
     1690                margin-left: auto;
     1691        }
     1692        .bp-member-avatar-content img.avatar,
     1693        .bp-group-avatar-content img.avatar {
     1694                margin: auto;
     1695        }
     1696        .bp-profile-button {
     1697                margin-top: 15px;
     1698        }
     1699}
     1700
     1701@media screen and (min-width: 46.8em) {
     1702        .bp-profile-button {
     1703                text-align: left;
     1704        }
     1705}
     1706
    15901707/**
    15911708*-----------------------------------------------------
    15921709* @section 3.1.3 - Activity Comments
    … … form.ac-form .ac-reply-content .ac-textarea textarea { 
    17571874}
    17581875
    17591876form.ac-form .ac-reply-content .ac-textarea textarea:focus {
     1877        -webkit-box-shadow: 0 0 6px #d6d6d6;
     1878        -moz-box-shadow: 0 0 6px #d6d6d6;
    17601879        box-shadow: 0 0 6px #d6d6d6;
    17611880}
    17621881
    … … form.ac-form .ac-reply-content input { 
    18201939
    18211940.buddypress-wrap .groups-list li .group-desc {
    18221941        border: 1px solid #eaeaea;
     1942        -webkit-border-radius: 10px;
     1943        -moz-border-radius: 10px;
     1944        -ms-border-radius: 10px;
    18231945        border-radius: 10px;
    18241946        background-clip: padding-box;
    18251947        font-size: 13px;
    … … form.ac-form .ac-reply-content input { 
    18952017
    18962018.buddypress-wrap .members-list li .user-update {
    18972019        border: 1px solid #eaeaea;
     2020        -webkit-border-radius: 10px;
     2021        -moz-border-radius: 10px;
     2022        -ms-border-radius: 10px;
    18982023        border-radius: 10px;
    18992024        background-clip: padding-box;
    19002025        color: #737373;
    … … form.ac-form .ac-reply-content input { 
    19442069*-------------------------------------------------------------------------------
    19452070*/
    19462071.register-page .register-section {
     2072        -webkit-box-sizing: border-box;
     2073        -moz-box-sizing: border-box;
    19472074        box-sizing: border-box;
    19482075}
    19492076
    … … body.no-js .single-item-header .js-self-profile-button { 
    23532480}
    23542481
    23552482.groups-header .moderators-lists img.avatar {
     2483        -moz-box-shadow: none;
     2484        -webkit-box-shadow: none;
    23562485        box-shadow: none;
    23572486        float: none;
    23582487        height: 30px;
    … … body.no-js .single-item-header .js-self-profile-button { 
    23902519
    23912520.groups-header .desc-wrap .group-description {
    23922521        background: #fafafa;
     2522        -webkit-box-shadow: inset 0 0 9px #ccc;
     2523        -moz-box-shadow: inset 0 0 9px #ccc;
    23932524        box-shadow: inset 0 0 9px #ccc;
    23942525        padding: 1em;
    23952526        text-align: right;
    … … body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { 
    26682799}
    26692800
    26702801.buddypress .bp-invites-content ul.item-list li.selected {
     2802        -webkit-box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2);
     2803        -moz-box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2);
    26712804        box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2);
    26722805}
    26732806
    … … body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { 
    27392872
    27402873@media screen and (min-width: 46.8em) {
    27412874        .buddypress .bp-invites-content ul.item-list > li {
     2875                -webkit-box-sizing: border-box;
     2876                -moz-box-sizing: border-box;
    27422877                box-sizing: border-box;
    27432878                border: 1px solid #eaeaea;
    27442879                float: right;
    … … body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { 
    27602895
    27612896@media screen and (min-width: 46.8em) {
    27622897        :not(.vertical) + .item-body #group-invites-container {
     2898                display: -ms-grid;
    27632899                display: grid;
     2900                -ms-grid-columns: 25% auto;
    27642901                grid-template-columns: 25% auto;
    27652902                grid-template-areas: "group-invites-nav group-invites-column";
    27662903        }
    … … body.register .buddypress-wrap .page ul { 
    30193156}
    30203157
    30213158.bp-messages-content .avatar {
     3159        -moz-box-shadow: none;
     3160        -webkit-box-shadow: none;
    30223161        box-shadow: none;
    30233162}
    30243163
    … … body.register .buddypress-wrap .page ul { 
    30493188
    30503189#message-threads li {
    30513190        border-bottom: 1px solid #eaeaea;
     3191        display: -webkit-flex;
    30523192        display: -moz-flex;
    30533193        display: -ms-flex;
    30543194        display: -o-flex;
    30553195        display: flex;
     3196        -webkit-flex-flow: row nowrap;
     3197        -moz-flex-flow: row nowrap;
     3198        -ms-flex-flow: row nowrap;
    30563199        -o-flex-flow: row nowrap;
    30573200        flex-flow: row nowrap;
    30583201        margin: 0;
    … … body.register .buddypress-wrap .page ul { 
    30613204}
    30623205
    30633206#message-threads li .thread-cb {
     3207        display: -webkit-box;
     3208        display: -ms-flexbox;
     3209        display: -webkit-flex;
    30643210        display: flex;
     3211        -ms-flex-align: center;
     3212        -webkit-align-items: center;
     3213        -webkit-box-align: center;
    30653214        align-items: center;
     3215        -webkit-flex: 1 2 5%;
    30663216        -moz-flex: 1 2 5%;
     3217        -ms-flex: 1 2 5%;
    30673218        -o-flex: 1 2 5%;
    30683219        flex: 1 2 5%;
    30693220}
    30703221
    30713222#message-threads li .thread-from,
    30723223#message-threads li .thread-to {
     3224        -webkit-flex: 1 2 20%;
    30733225        -moz-flex: 1 2 20%;
     3226        -ms-flex: 1 2 20%;
    30743227        -o-flex: 1 2 20%;
    30753228        flex: 1 2 20%;
    30763229}
    … … body.register .buddypress-wrap .page ul { 
    30963249}
    30973250
    30983251#message-threads li .thread-content {
     3252        -webkit-flex: 1 2 60%;
    30993253        -moz-flex: 1 2 60%;
     3254        -ms-flex: 1 2 60%;
    31003255        -o-flex: 1 2 60%;
    31013256        flex: 1 2 60%;
    31023257}
    31033258
    31043259#message-threads li .thread-date {
     3260        -webkit-flex: 1 2 15%;
    31053261        -moz-flex: 1 2 15%;
     3262        -ms-flex: 1 2 15%;
    31063263        -o-flex: 1 2 15%;
    31073264        flex: 1 2 15%;
    31083265}
    … … body.register .buddypress-wrap .page ul { 
    32043361
    32053362.bp-messages-content #bp-message-thread-list .message-metadata {
    32063363        border-bottom: 1px solid #ccc;
     3364        -webkit-box-shadow: 2px 1px 9px 0 #eee;
     3365        -moz-box-shadow: 2px 1px 9px 0 #eee;
    32073366        box-shadow: 2px 1px 9px 0 #eee;
    32083367        display: table;
    32093368        padding: 0.2em;
    … … body.buddypress.settings.data #buddypress.buddypress-wrap .item-body p a { 
    34473606.buddypress-wrap input[type="url"]:focus,
    34483607.buddypress-wrap input[type="tel"]:focus,
    34493608.buddypress-wrap input[type="password"]:focus {
     3609        -webkit-box-shadow: 0 0 8px #eaeaea;
     3610        -moz-box-shadow: 0 0 8px #eaeaea;
    34503611        box-shadow: 0 0 8px #eaeaea;
    34513612}
    34523613
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    36863847}
    36873848
    36883849.buddypress-wrap .select-wrap select {
     3850        -moz-appearance: none;
    36893851        -webkit-appearance: none;
    36903852        -o-appearance: none;
    36913853        appearance: none;
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    37803942.buddypress-wrap form#group-members-search button[type="submit"] {
    37813943        background: none;
    37823944        border: 0;
     3945        -webkit-border-radius: 0;
     3946        -moz-border-radius: 0;
     3947        -ms-border-radius: 0;
    37833948        border-radius: 0;
    37843949        background-clip: padding-box;
    37853950}
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    40564221}
    40574222
    40584223.center-vert {
     4224        display: -ms-flexbox;
     4225        display: -webkit-flex;
    40594226        display: flex;
     4227        -ms-flex-align: center;
     4228        -webkit-align-items: center;
     4229        -webkit-box-align: center;
    40604230        align-items: center;
    40614231}
    40624232
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    41704340.buddypress .buddypress-wrap input.text-button {
    41714341        background: none;
    41724342        border: 0;
     4343        -moz-box-shadow: none;
     4344        -webkit-box-shadow: none;
    41734345        box-shadow: none;
    41744346        color: #767676;
    41754347}
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    42654437
    42664438.buddypress #buddypress .create-button a {
    42674439        border: 1px solid #ccc;
     4440        -webkit-border-radius: 5px;
     4441        -moz-border-radius: 5px;
     4442        -ms-border-radius: 5px;
    42684443        border-radius: 5px;
    42694444        background-clip: padding-box;
     4445        -webkit-box-shadow: inset 0 0 6px 0 #eaeaea;
     4446        -moz-box-shadow: inset 0 0 6px 0 #eaeaea;
    42704447        box-shadow: inset 0 0 6px 0 #eaeaea;
    42714448        margin: 0.2em 0;
    42724449        width: auto;
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    42754452.buddypress #buddypress .create-button a:focus, .buddypress #buddypress .create-button a:hover {
    42764453        background: none;
    42774454        border-color: #ccc;
     4455        -webkit-box-shadow: inset 0 0 12px 0 #eaeaea;
     4456        -moz-box-shadow: inset 0 0 12px 0 #eaeaea;
    42784457        box-shadow: inset 0 0 12px 0 #eaeaea;
    42794458}
    42804459
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    42964475.buddypress #buddypress.bp-dir-hori-nav .create-button a:hover {
    42974476        background: none;
    42984477        border: 0;
     4478        -moz-box-shadow: none;
     4479        -webkit-box-shadow: none;
    42994480        box-shadow: none;
    43004481        margin: 0;
    43014482}
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    43964577.buddypress-wrap #group-create-body .bp-cover-image-status p.warning {
    43974578        background: #0b80a4;
    43984579        border: 0;
     4580        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
     4581        -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    43994582        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    44004583        color: #fff;
    44014584}
    44024585
    44034586.buddypress-wrap .bp-feedback:not(.custom-homepage-info) {
     4587        display: -webkit-flex;
    44044588        display: -moz-flex;
    44054589        display: -ms-flex;
    44064590        display: -o-flex;
    44074591        display: flex;
     4592        -webkit-flex-flow: row nowrap;
     4593        -moz-flex-flow: row nowrap;
     4594        -ms-flex-flow: row nowrap;
    44084595        -o-flex-flow: row nowrap;
    44094596        flex-flow: row nowrap;
     4597        -ms-flex-align: stretch;
     4598        -webkit-align-items: stretch;
     4599        -webkit-box-align: stretch;
    44104600        align-items: stretch;
    44114601        align-items: center;
    44124602}
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    44144604.buddypress-wrap .bp-feedback {
    44154605        background: #fff;
    44164606        color: #807f7f;
     4607        -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
     4608        -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    44174609        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    44184610        color: #737373;
    44194611        margin: 10px 0;
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    44924684.buddypress-wrap .bp-feedback.loading .bp-icon,
    44934685.buddypress-wrap .bp-feedback.success .bp-icon,
    44944686.buddypress-wrap .bp-feedback.updated .bp-icon {
     4687        display: -webkit-box;
     4688        display: -ms-flexbox;
     4689        display: -webkit-flex;
    44954690        display: flex;
     4691        -ms-flex-align: center;
     4692        -webkit-align-items: center;
     4693        -webkit-box-align: center;
    44964694        align-items: center;
    44974695        align-self: stretch;
    44984696}
    … … body.create-blog #buddypress .error, 
    46154813body.create-blog #buddypress .success {
    46164814        background: #fff;
    46174815        color: #807f7f;
     4816        -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
     4817        -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    46184818        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    46194819        color: #737373;
    46204820        padding: 10px 15px;
    … … body.create-blog #buddypress .success { 
    47344934}
    47354935
    47364936.buddypress.widget .avatar-block {
     4937        display: -webkit-flex;
    47374938        display: -moz-flex;
    47384939        display: -ms-flex;
    47394940        display: -o-flex;
    47404941        display: flex;
     4942        -webkit-flex-flow: row wrap;
     4943        -moz-flex-flow: row wrap;
     4944        -ms-flex-flow: row wrap;
    47414945        -o-flex-flow: row wrap;
    47424946        flex-flow: row wrap;
    47434947}
    … … body.create-blog #buddypress .success { 
    47844988.buddypress-wrap .buddypress.widget ul#friends-list,
    47854989.buddypress-wrap .buddypress.widget ul#groups-list,
    47864990.buddypress-wrap .buddypress.widget ul#members-list {
     4991        display: -webkit-flex;
    47874992        display: -moz-flex;
    47884993        display: -ms-flex;
    47894994        display: -o-flex;
    47904995        display: flex;
     4996        -webkit-flex-flow: column nowrap;
     4997        -moz-flex-flow: column nowrap;
     4998        -ms-flex-flow: column nowrap;
    47914999        -o-flex-flow: column nowrap;
    47925000        flex-flow: column nowrap;
    47935001}
    … … body.create-blog #buddypress .success { 
    47965004        .buddypress-wrap .buddypress.widget ul#friends-list,
    47975005        .buddypress-wrap .buddypress.widget ul#groups-list,
    47985006        .buddypress-wrap .buddypress.widget ul#members-list {
     5007                display: -webkit-flex;
    47995008                display: -moz-flex;
    48005009                display: -ms-flex;
    48015010                display: -o-flex;
    48025011                display: flex;
     5012                -webkit-flex-flow: row wrap;
     5013                -moz-flex-flow: row wrap;
     5014                -ms-flex-flow: row wrap;
    48035015                -o-flex-flow: row wrap;
    48045016                flex-flow: row wrap;
    48055017        }
    … … body.create-blog #buddypress .success { 
    48095021.buddypress-wrap .buddypress.widget ul#groups-list li,
    48105022.buddypress-wrap .buddypress.widget ul#members-list li {
    48115023        border: 1px solid #eee;
     5024        -ms-flex-align: stretch;
     5025        -webkit-align-items: stretch;
     5026        -webkit-box-align: stretch;
    48125027        align-items: stretch;
     5028        -webkit-flex: 1 1 46%;
    48135029        -moz-flex: 1 1 46%;
     5030        -ms-flex: 1 1 46%;
    48145031        -o-flex: 1 1 46%;
    48155032        flex: 1 1 46%;
    48165033        margin: 2%;
    … … body.create-blog #buddypress .success { 
    48205037        .buddypress-wrap .buddypress.widget ul#friends-list li,
    48215038        .buddypress-wrap .buddypress.widget ul#groups-list li,
    48225039        .buddypress-wrap .buddypress.widget ul#members-list li {
     5040                -webkit-flex: 0 1 20%;
    48235041                -moz-flex: 0 1 20%;
     5042                -ms-flex: 0 1 20%;
    48245043                -o-flex: 0 1 20%;
    48255044                flex: 0 1 20%;
    48265045        }
    … … body.create-blog #buddypress .success { 
    48565075        .buddypress-wrap .buddypress.widget ul#friends-list li,
    48575076        .buddypress-wrap .buddypress.widget ul#groups-list li,
    48585077        .buddypress-wrap .buddypress.widget ul#members-list li {
     5078                -webkit-flex: 0 1 auto;
    48595079                -moz-flex: 0 1 auto;
     5080                -ms-flex: 0 1 auto;
    48605081                -o-flex: 0 1 auto;
    48615082                flex: 0 1 auto;
    48625083                margin: 10px 2% 1%;
    … … body.create-blog #buddypress .success { 
    48845105
    48855106.buddypress-wrap a.loading,
    48865107.buddypress-wrap input.loading {
     5108        -moz-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
     5109        -webkit-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
    48875110        animation: loader-pulsate 0.5s infinite ease-in-out alternate;
    48885111        border-color: #aaa;
    48895112}
    48905113
     5114@-webkit-keyframes loader-pulsate {
     5115        from {
     5116                border-color: #aaa;
     5117                -webkit-box-shadow: 0 0 6px #ccc;
     5118                box-shadow: 0 0 6px #ccc;
     5119        }
     5120        to {
     5121                border-color: #ccc;
     5122                -webkit-box-shadow: 0 0 6px #f8f8f8;
     5123                box-shadow: 0 0 6px #f8f8f8;
     5124        }
     5125}
     5126
     5127@-moz-keyframes loader-pulsate {
     5128        from {
     5129                border-color: #aaa;
     5130                -moz-box-shadow: 0 0 6px #ccc;
     5131                box-shadow: 0 0 6px #ccc;
     5132        }
     5133        to {
     5134                border-color: #ccc;
     5135                -moz-box-shadow: 0 0 6px #f8f8f8;
     5136                box-shadow: 0 0 6px #f8f8f8;
     5137        }
     5138}
     5139
    48915140@keyframes loader-pulsate {
    48925141        from {
    48935142                border-color: #aaa;
     5143                -moz-box-shadow: 0 0 6px #ccc;
    48945144                box-shadow: 0 0 6px #ccc;
    48955145        }
    48965146        to {
    48975147                border-color: #ccc;
     5148                -moz-box-shadow: 0 0 6px #f8f8f8;
    48985149                box-shadow: 0 0 6px #f8f8f8;
    48995150        }
    49005151}
    … … body.create-blog #buddypress .success { 
    49135164        display: none;
    49145165        opacity: 0;
    49155166        position: absolute;
     5167        -webkit-transform: translate3d(0, 0, 0);
     5168        -ms-transform: translate3d(0, 0, 0);
    49165169        transform: translate3d(0, 0, 0);
    49175170        visibility: hidden;
    49185171}
    … … body.create-blog #buddypress .success { 
    49335186        pointer-events: none;
    49345187        text-shadow: none;
    49355188        text-transform: none;
     5189        -webkit-transition: all 1.5s ease;
     5190        -ms-transition: all 1.5s ease;
    49365191        transition: all 1.5s ease;
    49375192        white-space: nowrap;
    49385193        word-wrap: break-word;
    … … body.create-blog #buddypress .success { 
    49565211        right: 50%;
    49575212        margin-top: 7px;
    49585213        top: 110%;
     5214        -webkit-transform: translate(50%, 0);
     5215        -ms-transform: translate(50%, 0);
    49595216        transform: translate(50%, 0);
    49605217}
    49615218
    49625219.user-list .bp-tooltip:after {
    49635220        right: 0;
     5221        -webkit-transform: translate(0, 0);
     5222        -ms-transform: translate(0, 0);
    49645223        transform: translate(0, 0);
    49655224}
    49665225
    … … body.create-blog #buddypress .success { 
    49685227        .user-list .bp-tooltip:after {
    49695228                right: auto;
    49705229                left: 0;
     5230                -webkit-transform: translate(0, 0);
     5231                -ms-transform: translate(0, 0);
    49715232                transform: translate(0, 0);
    49725233        }
    49735234}
    … … body.create-blog #buddypress .success { 
    49785239.notification-actions .bp-tooltip:after,
    49795240.participants-list .bp-tooltip:after {
    49805241        right: 0;
     5242        -webkit-transform: translate(0, 0);
     5243        -ms-transform: translate(0, 0);
    49815244        transform: translate(0, 0);
    49825245}
    49835246
    … … body.create-blog #buddypress .success { 
    49865249.single-message-thread-header .actions .bp-tooltip:after {
    49875250        right: auto;
    49885251        left: 0;
     5252        -webkit-transform: translate(0, 0);
     5253        -ms-transform: translate(0, 0);
    49895254        transform: translate(0, 0);
    49905255}
    49915256
    … … body.create-blog #buddypress .success { 
    50015266*/
    50025267#item-body,
    50035268.single-screen-navs {
     5269        -webkit-box-sizing: border-box;
     5270        -moz-box-sizing: border-box;
    50045271        box-sizing: border-box;
    50055272}
    50065273
    50075274.grid > li,
    50085275.grid > li .generic-button a {
     5276        -webkit-box-sizing: border-box;
     5277        -moz-box-sizing: border-box;
    50095278        box-sizing: border-box;
    50105279}
    50115280

  • src/bp-templates/bp-nouveau/css/buddypress.css 

    diff --git src/bp-templates/bp-nouveau/css/buddypress.css src/bp-templates/bp-nouveau/css/buddypress.css
index 526ff907e..98b1a4d2f 100644
    body #buddypress select, 
    6969body #buddypress input[type="search"],
    7070body #buddypress input[type="submit"],
    7171body #buddypress input[type="reset"] {
     72        -webkit-border-radius: 2px;
     73        -moz-border-radius: 2px;
     74        -ms-border-radius: 2px;
    7275        border-radius: 2px;
    7376        background-clip: padding-box;
    7477}
    … … body #buddypress .bp-lists blockquote { 
    7982}
    8083
    8184body #buddypress .bp-list .action {
     85        -webkit-box-sizing: border-box;
     86        -moz-box-sizing: border-box;
    8287        box-sizing: border-box;
    8388}
    8489
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    375380        .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
    376381                border-bottom: 1px solid #eee;
    377382                border-top: 1px solid #eee;
     383                -webkit-box-shadow: 0 2px 12px 0 #fafafa;
     384                -moz-box-shadow: 0 2px 12px 0 #fafafa;
    378385                box-shadow: 0 2px 12px 0 #fafafa;
    379386        }
    380387}
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    868875}
    869876
    870877.bp-list {
     878        -webkit-box-sizing: border-box;
     879        -moz-box-sizing: border-box;
    871880        box-sizing: border-box;
    872881        border-top: 1px solid #eaeaea;
    873882        clear: both;
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    10181027.activity-list.bp-list .activity-item {
    10191028        background: #fff;
    10201029        border: 1px solid #b7b7b7;
     1030        -webkit-box-shadow: 0 0 6px #d2d2d2;
     1031        -moz-box-shadow: 0 0 6px #d2d2d2;
    10211032        box-shadow: 0 0 6px #d2d2d2;
    10221033        margin: 20px 0;
    10231034}
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    10381049@media screen and (min-width: 46.8em) {
    10391050        .friends-request-list li,
    10401051        .membership-requests-list li {
     1052                display: -webkit-flex;
    10411053                display: -moz-flex;
    10421054                display: -ms-flex;
    10431055                display: -o-flex;
    10441056                display: flex;
     1057                -webkit-flex-flow: row nowrap;
     1058                -moz-flex-flow: row nowrap;
     1059                -ms-flex-flow: row nowrap;
    10451060                -o-flex-flow: row nowrap;
    10461061                flex-flow: row nowrap;
    10471062        }
    10481063        .friends-request-list li .item,
    10491064        .membership-requests-list li .item {
     1065                -webkit-flex: 1 1 auto;
    10501066                -moz-flex: 1 1 auto;
     1067                -ms-flex: 1 1 auto;
    10511068                -o-flex: 1 1 auto;
    10521069                flex: 1 1 auto;
    10531070        }
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    11031120
    11041121.activity-update-form {
    11051122        border: 1px solid #ccc;
     1123        -webkit-box-shadow: inset 0 0 6px #eee;
     1124        -moz-box-shadow: inset 0 0 6px #eee;
    11061125        box-shadow: inset 0 0 6px #eee;
    11071126        margin: 15px 0;
    11081127}
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    11251144
    11261145.activity-update-form #whats-new-textarea textarea {
    11271146        background: #fff;
     1147        -webkit-box-sizing: border-box;
     1148        -moz-box-sizing: border-box;
    11281149        box-sizing: border-box;
    11291150        color: #333;
    11301151        font-family: inherit;
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    11361157}
    11371158
    11381159.activity-update-form #whats-new-textarea textarea:focus {
     1160        -webkit-box-shadow: 0 0 6px 0 #d6d6d6;
     1161        -moz-box-shadow: 0 0 6px 0 #d6d6d6;
    11391162        box-shadow: 0 0 6px 0 #d6d6d6;
    11401163}
    11411164
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    11641187}
    11651188
    11661189.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items .bp-activity-object {
     1190        display: -webkit-box;
     1191        display: -ms-flexbox;
     1192        display: -webkit-flex;
    11671193        display: flex;
     1194        -ms-flex-align: center;
     1195        -webkit-align-items: center;
     1196        -webkit-box-align: center;
    11681197        align-items: center;
    11691198        padding: 0.2em;
    11701199}
    … … body.buddypress article.page > .entry-header:not(.alignwide):not(.alignfull) .en 
    15121541.buddypress-wrap .activity-list .load-newest:focus,
    15131542.buddypress-wrap .activity-list .load-newest:hover {
    15141543        border-color: #e1e1e1;
     1544        -webkit-box-shadow: 0 0 6px 0 #eaeaea;
     1545        -moz-box-shadow: 0 0 6px 0 #eaeaea;
    15151546        box-shadow: 0 0 6px 0 #eaeaea;
    15161547}
    15171548
    … … body.activity-permalink .activity-list .activity-comments { 
    15771608                top: -20px;
    15781609        }
    15791610        body.activity-permalink .activity-list .activity-avatar img {
     1611                -webkit-box-shadow: 0 0 0 8px #fff;
    15801612                box-shadow: 0 0 0 8px #fff;
    15811613        }
    15821614        body.activity-permalink .activity-list .activity-content {
    … … body.activity-permalink .activity-list .activity-comments { 
    15871619        }
    15881620}
    15891621
     1622.bp-member-preview-cover,
     1623.bp-group-preview-cover {
     1624        position: relative;
     1625        min-height: 150px;
     1626        background: #c5c5c5;
     1627}
     1628
     1629.bp-member-preview-cover img,
     1630.bp-group-preview-cover img {
     1631        background: #c5c5c5;
     1632        object-fit: cover;
     1633        border: 0;
     1634        display: block;
     1635        margin: 0;
     1636        padding: 0;
     1637        width: 100%;
     1638        z-index: 1;
     1639        height: 150px;
     1640}
     1641
     1642.new_cover_photo .bp-member-preview-cover,
     1643.new_group_cover_photo .bp-group-preview-cover {
     1644        min-height: 100%;
     1645}
     1646
     1647.new_cover_photo .bp-member-preview-cover img,
     1648.new_group_cover_photo .bp-group-preview-cover img {
     1649        height: 100%;
     1650}
     1651
     1652.bp-member-short-description-avatar,
     1653.bp-group-short-description-avatar {
     1654        float: left;
     1655}
     1656
     1657.bp-member-avatar-content,
     1658.bp-group-avatar-content {
     1659        width: 200px;
     1660        margin-top: -75px;
     1661        position: relative;
     1662        z-index: 2;
     1663}
     1664
     1665.bp-member-avatar-content img.avatar,
     1666.bp-group-avatar-content img.avatar {
     1667        border: solid 2px #fff;
     1668        background: rgba(255, 255, 255, 0.8);
     1669        margin-left: 20px;
     1670}
     1671
     1672.bp-member-short-description-title a,
     1673.bp-group-short-description-title a {
     1674        font-weight: 600;
     1675}
     1676
     1677@media screen and (max-width: 46.8em) {
     1678        .bp-member-short-description,
     1679        .bp-group-short-description {
     1680                text-align: center;
     1681        }
     1682        .bp-member-short-description-avatar,
     1683        .bp-group-short-description-avatar {
     1684                width: 100%;
     1685                margin-bottom: 15px;
     1686        }
     1687        .bp-member-avatar-content,
     1688        .bp-group-avatar-content {
     1689                margin-left: auto;
     1690                margin-right: auto;
     1691        }
     1692        .bp-member-avatar-content img.avatar,
     1693        .bp-group-avatar-content img.avatar {
     1694                margin: auto;
     1695        }
     1696        .bp-profile-button {
     1697                margin-top: 15px;
     1698        }
     1699}
     1700
     1701@media screen and (min-width: 46.8em) {
     1702        .bp-profile-button {
     1703                text-align: right;
     1704        }
     1705}
     1706
    15901707/**
    15911708*-----------------------------------------------------
    15921709* @section 3.1.3 - Activity Comments
    … … form.ac-form .ac-reply-content .ac-textarea textarea { 
    17571874}
    17581875
    17591876form.ac-form .ac-reply-content .ac-textarea textarea:focus {
     1877        -webkit-box-shadow: 0 0 6px #d6d6d6;
     1878        -moz-box-shadow: 0 0 6px #d6d6d6;
    17601879        box-shadow: 0 0 6px #d6d6d6;
    17611880}
    17621881
    … … form.ac-form .ac-reply-content input { 
    18201939
    18211940.buddypress-wrap .groups-list li .group-desc {
    18221941        border: 1px solid #eaeaea;
     1942        -webkit-border-radius: 10px;
     1943        -moz-border-radius: 10px;
     1944        -ms-border-radius: 10px;
    18231945        border-radius: 10px;
    18241946        background-clip: padding-box;
    18251947        font-size: 13px;
    … … form.ac-form .ac-reply-content input { 
    18952017
    18962018.buddypress-wrap .members-list li .user-update {
    18972019        border: 1px solid #eaeaea;
     2020        -webkit-border-radius: 10px;
     2021        -moz-border-radius: 10px;
     2022        -ms-border-radius: 10px;
    18982023        border-radius: 10px;
    18992024        background-clip: padding-box;
    19002025        color: #737373;
    … … form.ac-form .ac-reply-content input { 
    19442069*-------------------------------------------------------------------------------
    19452070*/
    19462071.register-page .register-section {
     2072        -webkit-box-sizing: border-box;
     2073        -moz-box-sizing: border-box;
    19472074        box-sizing: border-box;
    19482075}
    19492076
    … … body.no-js .single-item-header .js-self-profile-button { 
    23532480}
    23542481
    23552482.groups-header .moderators-lists img.avatar {
     2483        -moz-box-shadow: none;
     2484        -webkit-box-shadow: none;
    23562485        box-shadow: none;
    23572486        float: none;
    23582487        height: 30px;
    … … body.no-js .single-item-header .js-self-profile-button { 
    23902519
    23912520.groups-header .desc-wrap .group-description {
    23922521        background: #fafafa;
     2522        -webkit-box-shadow: inset 0 0 9px #ccc;
     2523        -moz-box-shadow: inset 0 0 9px #ccc;
    23932524        box-shadow: inset 0 0 9px #ccc;
    23942525        padding: 1em;
    23952526        text-align: left;
    … … body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { 
    26682799}
    26692800
    26702801.buddypress .bp-invites-content ul.item-list li.selected {
     2802        -webkit-box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2);
     2803        -moz-box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2);
    26712804        box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2);
    26722805}
    26732806
    … … body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { 
    27392872
    27402873@media screen and (min-width: 46.8em) {
    27412874        .buddypress .bp-invites-content ul.item-list > li {
     2875                -webkit-box-sizing: border-box;
     2876                -moz-box-sizing: border-box;
    27422877                box-sizing: border-box;
    27432878                border: 1px solid #eaeaea;
    27442879                float: left;
    … … body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * { 
    27602895
    27612896@media screen and (min-width: 46.8em) {
    27622897        :not(.vertical) + .item-body #group-invites-container {
     2898                display: -ms-grid;
    27632899                display: grid;
     2900                -ms-grid-columns: 25% auto;
    27642901                grid-template-columns: 25% auto;
    27652902                grid-template-areas: "group-invites-nav group-invites-column";
    27662903        }
    … … body.register .buddypress-wrap .page ul { 
    30193156}
    30203157
    30213158.bp-messages-content .avatar {
     3159        -moz-box-shadow: none;
     3160        -webkit-box-shadow: none;
    30223161        box-shadow: none;
    30233162}
    30243163
    … … body.register .buddypress-wrap .page ul { 
    30493188
    30503189#message-threads li {
    30513190        border-bottom: 1px solid #eaeaea;
     3191        display: -webkit-flex;
    30523192        display: -moz-flex;
    30533193        display: -ms-flex;
    30543194        display: -o-flex;
    30553195        display: flex;
     3196        -webkit-flex-flow: row nowrap;
     3197        -moz-flex-flow: row nowrap;
     3198        -ms-flex-flow: row nowrap;
    30563199        -o-flex-flow: row nowrap;
    30573200        flex-flow: row nowrap;
    30583201        margin: 0;
    … … body.register .buddypress-wrap .page ul { 
    30613204}
    30623205
    30633206#message-threads li .thread-cb {
     3207        display: -webkit-box;
     3208        display: -ms-flexbox;
     3209        display: -webkit-flex;
    30643210        display: flex;
     3211        -ms-flex-align: center;
     3212        -webkit-align-items: center;
     3213        -webkit-box-align: center;
    30653214        align-items: center;
     3215        -webkit-flex: 1 2 5%;
    30663216        -moz-flex: 1 2 5%;
     3217        -ms-flex: 1 2 5%;
    30673218        -o-flex: 1 2 5%;
    30683219        flex: 1 2 5%;
    30693220}
    30703221
    30713222#message-threads li .thread-from,
    30723223#message-threads li .thread-to {
     3224        -webkit-flex: 1 2 20%;
    30733225        -moz-flex: 1 2 20%;
     3226        -ms-flex: 1 2 20%;
    30743227        -o-flex: 1 2 20%;
    30753228        flex: 1 2 20%;
    30763229}
    … … body.register .buddypress-wrap .page ul { 
    30963249}
    30973250
    30983251#message-threads li .thread-content {
     3252        -webkit-flex: 1 2 60%;
    30993253        -moz-flex: 1 2 60%;
     3254        -ms-flex: 1 2 60%;
    31003255        -o-flex: 1 2 60%;
    31013256        flex: 1 2 60%;
    31023257}
    31033258
    31043259#message-threads li .thread-date {
     3260        -webkit-flex: 1 2 15%;
    31053261        -moz-flex: 1 2 15%;
     3262        -ms-flex: 1 2 15%;
    31063263        -o-flex: 1 2 15%;
    31073264        flex: 1 2 15%;
    31083265}
    … … body.register .buddypress-wrap .page ul { 
    32043361
    32053362.bp-messages-content #bp-message-thread-list .message-metadata {
    32063363        border-bottom: 1px solid #ccc;
     3364        -webkit-box-shadow: -2px 1px 9px 0 #eee;
     3365        -moz-box-shadow: -2px 1px 9px 0 #eee;
    32073366        box-shadow: -2px 1px 9px 0 #eee;
    32083367        display: table;
    32093368        padding: 0.2em;
    … … body.buddypress.settings.data #buddypress.buddypress-wrap .item-body p a { 
    34473606.buddypress-wrap input[type="url"]:focus,
    34483607.buddypress-wrap input[type="tel"]:focus,
    34493608.buddypress-wrap input[type="password"]:focus {
     3609        -webkit-box-shadow: 0 0 8px #eaeaea;
     3610        -moz-box-shadow: 0 0 8px #eaeaea;
    34503611        box-shadow: 0 0 8px #eaeaea;
    34513612}
    34523613
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    36863847}
    36873848
    36883849.buddypress-wrap .select-wrap select {
     3850        -moz-appearance: none;
    36893851        -webkit-appearance: none;
    36903852        -o-appearance: none;
    36913853        appearance: none;
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    37803942.buddypress-wrap form#group-members-search button[type="submit"] {
    37813943        background: none;
    37823944        border: 0;
     3945        -webkit-border-radius: 0;
     3946        -moz-border-radius: 0;
     3947        -ms-border-radius: 0;
    37833948        border-radius: 0;
    37843949        background-clip: padding-box;
    37853950}
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    40564221}
    40574222
    40584223.center-vert {
     4224        display: -ms-flexbox;
     4225        display: -webkit-flex;
    40594226        display: flex;
     4227        -ms-flex-align: center;
     4228        -webkit-align-items: center;
     4229        -webkit-box-align: center;
    40604230        align-items: center;
    40614231}
    40624232
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    41704340.buddypress .buddypress-wrap input.text-button {
    41714341        background: none;
    41724342        border: 0;
     4343        -moz-box-shadow: none;
     4344        -webkit-box-shadow: none;
    41734345        box-shadow: none;
    41744346        color: #767676;
    41754347}
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    42654437
    42664438.buddypress #buddypress .create-button a {
    42674439        border: 1px solid #ccc;
     4440        -webkit-border-radius: 5px;
     4441        -moz-border-radius: 5px;
     4442        -ms-border-radius: 5px;
    42684443        border-radius: 5px;
    42694444        background-clip: padding-box;
     4445        -webkit-box-shadow: inset 0 0 6px 0 #eaeaea;
     4446        -moz-box-shadow: inset 0 0 6px 0 #eaeaea;
    42704447        box-shadow: inset 0 0 6px 0 #eaeaea;
    42714448        margin: 0.2em 0;
    42724449        width: auto;
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    42754452.buddypress #buddypress .create-button a:focus, .buddypress #buddypress .create-button a:hover {
    42764453        background: none;
    42774454        border-color: #ccc;
     4455        -webkit-box-shadow: inset 0 0 12px 0 #eaeaea;
     4456        -moz-box-shadow: inset 0 0 12px 0 #eaeaea;
    42784457        box-shadow: inset 0 0 12px 0 #eaeaea;
    42794458}
    42804459
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    42964475.buddypress #buddypress.bp-dir-hori-nav .create-button a:hover {
    42974476        background: none;
    42984477        border: 0;
     4478        -moz-box-shadow: none;
     4479        -webkit-box-shadow: none;
    42994480        box-shadow: none;
    43004481        margin: 0;
    43014482}
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    43964577.buddypress-wrap #group-create-body .bp-cover-image-status p.warning {
    43974578        background: #0b80a4;
    43984579        border: 0;
     4580        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
     4581        -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    43994582        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    44004583        color: #fff;
    44014584}
    44024585
    44034586.buddypress-wrap .bp-feedback:not(.custom-homepage-info) {
     4587        display: -webkit-flex;
    44044588        display: -moz-flex;
    44054589        display: -ms-flex;
    44064590        display: -o-flex;
    44074591        display: flex;
     4592        -webkit-flex-flow: row nowrap;
     4593        -moz-flex-flow: row nowrap;
     4594        -ms-flex-flow: row nowrap;
    44084595        -o-flex-flow: row nowrap;
    44094596        flex-flow: row nowrap;
     4597        -ms-flex-align: stretch;
     4598        -webkit-align-items: stretch;
     4599        -webkit-box-align: stretch;
    44104600        align-items: stretch;
    44114601        align-items: center;
    44124602}
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    44144604.buddypress-wrap .bp-feedback {
    44154605        background: #fff;
    44164606        color: #807f7f;
     4607        -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
     4608        -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    44174609        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    44184610        color: #737373;
    44194611        margin: 10px 0;
    … … body.no-js .buddypress #messages-bulk-management #select-all-messages { 
    44924684.buddypress-wrap .bp-feedback.loading .bp-icon,
    44934685.buddypress-wrap .bp-feedback.success .bp-icon,
    44944686.buddypress-wrap .bp-feedback.updated .bp-icon {
     4687        display: -webkit-box;
     4688        display: -ms-flexbox;
     4689        display: -webkit-flex;
    44954690        display: flex;
     4691        -ms-flex-align: center;
     4692        -webkit-align-items: center;
     4693        -webkit-box-align: center;
    44964694        align-items: center;
    44974695        align-self: stretch;
    44984696}
    … … body.create-blog #buddypress .error, 
    46154813body.create-blog #buddypress .success {
    46164814        background: #fff;
    46174815        color: #807f7f;
     4816        -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
     4817        -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    46184818        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    46194819        color: #737373;
    46204820        padding: 10px 15px;
    … … body.create-blog #buddypress .success { 
    47344934}
    47354935
    47364936.buddypress.widget .avatar-block {
     4937        display: -webkit-flex;
    47374938        display: -moz-flex;
    47384939        display: -ms-flex;
    47394940        display: -o-flex;
    47404941        display: flex;
     4942        -webkit-flex-flow: row wrap;
     4943        -moz-flex-flow: row wrap;
     4944        -ms-flex-flow: row wrap;
    47414945        -o-flex-flow: row wrap;
    47424946        flex-flow: row wrap;
    47434947}
    … … body.create-blog #buddypress .success { 
    47844988.buddypress-wrap .buddypress.widget ul#friends-list,
    47854989.buddypress-wrap .buddypress.widget ul#groups-list,
    47864990.buddypress-wrap .buddypress.widget ul#members-list {
     4991        display: -webkit-flex;
    47874992        display: -moz-flex;
    47884993        display: -ms-flex;
    47894994        display: -o-flex;
    47904995        display: flex;
     4996        -webkit-flex-flow: column nowrap;
     4997        -moz-flex-flow: column nowrap;
     4998        -ms-flex-flow: column nowrap;
    47914999        -o-flex-flow: column nowrap;
    47925000        flex-flow: column nowrap;
    47935001}
    … … body.create-blog #buddypress .success { 
    47965004        .buddypress-wrap .buddypress.widget ul#friends-list,
    47975005        .buddypress-wrap .buddypress.widget ul#groups-list,
    47985006        .buddypress-wrap .buddypress.widget ul#members-list {
     5007                display: -webkit-flex;
    47995008                display: -moz-flex;
    48005009                display: -ms-flex;
    48015010                display: -o-flex;
    48025011                display: flex;
     5012                -webkit-flex-flow: row wrap;
     5013                -moz-flex-flow: row wrap;
     5014                -ms-flex-flow: row wrap;
    48035015                -o-flex-flow: row wrap;
    48045016                flex-flow: row wrap;
    48055017        }
    … … body.create-blog #buddypress .success { 
    48095021.buddypress-wrap .buddypress.widget ul#groups-list li,
    48105022.buddypress-wrap .buddypress.widget ul#members-list li {
    48115023        border: 1px solid #eee;
     5024        -ms-flex-align: stretch;
     5025        -webkit-align-items: stretch;
     5026        -webkit-box-align: stretch;
    48125027        align-items: stretch;
     5028        -webkit-flex: 1 1 46%;
    48135029        -moz-flex: 1 1 46%;
     5030        -ms-flex: 1 1 46%;
    48145031        -o-flex: 1 1 46%;
    48155032        flex: 1 1 46%;
    48165033        margin: 2%;
    … … body.create-blog #buddypress .success { 
    48205037        .buddypress-wrap .buddypress.widget ul#friends-list li,
    48215038        .buddypress-wrap .buddypress.widget ul#groups-list li,
    48225039        .buddypress-wrap .buddypress.widget ul#members-list li {
     5040                -webkit-flex: 0 1 20%;
    48235041                -moz-flex: 0 1 20%;
     5042                -ms-flex: 0 1 20%;
    48245043                -o-flex: 0 1 20%;
    48255044                flex: 0 1 20%;
    48265045        }
    … … body.create-blog #buddypress .success { 
    48565075        .buddypress-wrap .buddypress.widget ul#friends-list li,
    48575076        .buddypress-wrap .buddypress.widget ul#groups-list li,
    48585077        .buddypress-wrap .buddypress.widget ul#members-list li {
     5078                -webkit-flex: 0 1 auto;
    48595079                -moz-flex: 0 1 auto;
     5080                -ms-flex: 0 1 auto;
    48605081                -o-flex: 0 1 auto;
    48615082                flex: 0 1 auto;
    48625083                margin: 10px 2% 1%;
    … … body.create-blog #buddypress .success { 
    48845105
    48855106.buddypress-wrap a.loading,
    48865107.buddypress-wrap input.loading {
     5108        -moz-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
     5109        -webkit-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
    48875110        animation: loader-pulsate 0.5s infinite ease-in-out alternate;
    48885111        border-color: #aaa;
    48895112}
    48905113
     5114@-webkit-keyframes loader-pulsate {
     5115        from {
     5116                border-color: #aaa;
     5117                -webkit-box-shadow: 0 0 6px #ccc;
     5118                box-shadow: 0 0 6px #ccc;
     5119        }
     5120        to {
     5121                border-color: #ccc;
     5122                -webkit-box-shadow: 0 0 6px #f8f8f8;
     5123                box-shadow: 0 0 6px #f8f8f8;
     5124        }
     5125}
     5126
     5127@-moz-keyframes loader-pulsate {
     5128        from {
     5129                border-color: #aaa;
     5130                -moz-box-shadow: 0 0 6px #ccc;
     5131                box-shadow: 0 0 6px #ccc;
     5132        }
     5133        to {
     5134                border-color: #ccc;
     5135                -moz-box-shadow: 0 0 6px #f8f8f8;
     5136                box-shadow: 0 0 6px #f8f8f8;
     5137        }
     5138}
     5139
    48915140@keyframes loader-pulsate {
    48925141        from {
    48935142                border-color: #aaa;
     5143                -moz-box-shadow: 0 0 6px #ccc;
    48945144                box-shadow: 0 0 6px #ccc;
    48955145        }
    48965146        to {
    48975147                border-color: #ccc;
     5148                -moz-box-shadow: 0 0 6px #f8f8f8;
    48985149                box-shadow: 0 0 6px #f8f8f8;
    48995150        }
    49005151}
    … … body.create-blog #buddypress .success { 
    49135164        display: none;
    49145165        opacity: 0;
    49155166        position: absolute;
     5167        -webkit-transform: translate3d(0, 0, 0);
     5168        -ms-transform: translate3d(0, 0, 0);
    49165169        transform: translate3d(0, 0, 0);
    49175170        visibility: hidden;
    49185171}
    … … body.create-blog #buddypress .success { 
    49335186        pointer-events: none;
    49345187        text-shadow: none;
    49355188        text-transform: none;
     5189        -webkit-transition: all 1.5s ease;
     5190        -ms-transition: all 1.5s ease;
    49365191        transition: all 1.5s ease;
    49375192        white-space: nowrap;
    49385193        word-wrap: break-word;
    … … body.create-blog #buddypress .success { 
    49565211        left: 50%;
    49575212        margin-top: 7px;
    49585213        top: 110%;
     5214        -webkit-transform: translate(-50%, 0);
     5215        -ms-transform: translate(-50%, 0);
    49595216        transform: translate(-50%, 0);
    49605217}
    49615218
    49625219.user-list .bp-tooltip:after {
    49635220        left: 0;
     5221        -webkit-transform: translate(0, 0);
     5222        -ms-transform: translate(0, 0);
    49645223        transform: translate(0, 0);
    49655224}
    49665225
    … … body.create-blog #buddypress .success { 
    49685227        .user-list .bp-tooltip:after {
    49695228                left: auto;
    49705229                right: 0;
     5230                -webkit-transform: translate(0, 0);
     5231                -ms-transform: translate(0, 0);
    49715232                transform: translate(0, 0);
    49725233        }
    49735234}
    … … body.create-blog #buddypress .success { 
    49785239.notification-actions .bp-tooltip:after,
    49795240.participants-list .bp-tooltip:after {
    49805241        left: 0;
     5242        -webkit-transform: translate(0, 0);
     5243        -ms-transform: translate(0, 0);
    49815244        transform: translate(0, 0);
    49825245}
    49835246
    … … body.create-blog #buddypress .success { 
    49865249.single-message-thread-header .actions .bp-tooltip:after {
    49875250        left: auto;
    49885251        right: 0;
     5252        -webkit-transform: translate(0, 0);
     5253        -ms-transform: translate(0, 0);
    49895254        transform: translate(0, 0);
    49905255}
    49915256
    … … body.create-blog #buddypress .success { 
    50015266*/
    50025267#item-body,
    50035268.single-screen-navs {
     5269        -webkit-box-sizing: border-box;
     5270        -moz-box-sizing: border-box;
    50045271        box-sizing: border-box;
    50055272}
    50065273
    50075274.grid > li,
    50085275.grid > li .generic-button a {
     5276        -webkit-box-sizing: border-box;
     5277        -moz-box-sizing: border-box;
    50095278        box-sizing: border-box;
    50105279}
    50115280