.buddypress.widget .item-options {
font-size: 12px;
margin: 0 0 1em;
padding: 1em 0;
}
.buddypress.widget .bp-login-widget-user-avatar {
float: left;
}
.buddypress.widget .bp-login-widget-user-links {
margin-left: 70px;
}
.buddypress.widget #bp-login-widget-form label {
display: block;
}
.buddypress.widget ul.item-list {
list-style: none;
margin: 10px 0;
}
.buddypress.widget ul.activity-list {
padding: 0;
}
.buddypress.widget ul.activity-list blockquote {
margin: 0 0 1.5em;
overflow: visible;
padding: 0 0 0.75em 0.75em;
}
.buddypress.widget ul.activity-list img {
margin-bottom: 0.5em;
}
.buddypress.widget ul.activity-list li {
border-bottom: 1px solid #ccc;
margin-bottom: 1em;
}
.buddypress.widget ul.activity-list li .activity-header p {
margin-bottom: 0.5em;
}
.buddypress.widget ul.activity-list li:last-child {
border-bottom: 0;
}
.buddypress.widget div.activity-list blockquote {
padding: 0;
border: none;
}
.buddypress.widget div.activity-list blockquote .activity-item:not(.mini) {
position: relative;
box-shadow: 1px 0 4px rgba(0, 0, 0, 0.15);
padding: 0 1em;
}
.buddypress.widget div.activity-list blockquote .activity-item:not(.mini):after, .buddypress.widget div.activity-list blockquote .activity-item:not(.mini):before {
position: absolute;
left: 15px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
content: "";
}
.buddypress.widget div.activity-list blockquote .activity-item:not(.mini):before {
bottom: -18px;
border-top-color: rgba(0, 0, 0, 0.15);
border-width: 9px;
left: 14px;
}
.buddypress.widget div.activity-list blockquote .activity-item:not(.mini):after {
bottom: -16px;
border-top-color: #fff;
border-width: 8px;
}
.buddypress.widget div.activity-list blockquote .activity-item.mini .avatar {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 2px;
}
.buddypress.widget div.activity-list footer {
display: flex;
align-items: center;
}
.buddypress.widget div.activity-list footer img.avatar {
display: inline-block;
border: none;
margin-right: 0.5em;
}
.buddypress.widget div.activity-list footer .activity-time-since {
font-size: 90%;
}
.buddypress.widget .avatar-block {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-o-flex-flow: row wrap;
flex-flow: row wrap;
}
.buddypress.widget .avatar-block img {
margin: 0.5em;
}
.buddypress.widget ul#friends-list li:before,
.buddypress.widget ul#friends-list li:after,
.buddypress.widget ul#groups-list li:before,
.buddypress.widget ul#groups-list li:after,
.buddypress.widget ul#members-list li:before,
.buddypress.widget ul#members-list li:after {
content: " ";
display: table;
}
.buddypress.widget ul#friends-list li:after,
.buddypress.widget ul#groups-list li:after,
.buddypress.widget ul#members-list li:after {
clear: both;
}
.buddypress.widget ul#friends-list li,
.buddypress.widget ul#groups-list li,
.buddypress.widget ul#members-list li {
margin-bottom: 1em;
}
.buddypress.widget ul#friends-list li .item-avatar,
.buddypress.widget ul#groups-list li .item-avatar,
.buddypress.widget ul#members-list li .item-avatar {
float: left;
width: 60px;
}
.buddypress.widget ul#friends-list li .item,
.buddypress.widget ul#groups-list li .item,
.buddypress.widget ul#members-list li .item {
margin-left: 70px;
}
.buddypress-wrap .buddypress.widget ul#friends-list,
.buddypress-wrap .buddypress.widget ul#groups-list,
.buddypress-wrap .buddypress.widget ul#members-list {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-o-flex-flow: column nowrap;
flex-flow: column nowrap;
}
@media screen and (min-width: 32em) {
.buddypress-wrap .buddypress.widget ul#friends-list,
.buddypress-wrap .buddypress.widget ul#groups-list,
.buddypress-wrap .buddypress.widget ul#members-list {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-o-flex-flow: row wrap;
flex-flow: row wrap;
}
}
.buddypress-wrap .buddypress.widget ul#friends-list li,
.buddypress-wrap .buddypress.widget ul#groups-list li,
.buddypress-wrap .buddypress.widget ul#members-list li {
border: 1px solid #eee;
align-items: stretch;
-moz-flex: 1 1 46%;
-o-flex: 1 1 46%;
flex: 1 1 46%;
margin: 2%;
}
@media screen and (min-width: 75em) {
.buddypress-wrap .buddypress.widget ul#friends-list li,
.buddypress-wrap .buddypress.widget ul#groups-list li,
.buddypress-wrap .buddypress.widget ul#members-list li {
-moz-flex: 0 1 20%;
-o-flex: 0 1 20%;
flex: 0 1 20%;
}
}
.buddypress-wrap .buddypress.widget ul#friends-list li .item-avatar,
.buddypress-wrap .buddypress.widget ul#groups-list li .item-avatar,
.buddypress-wrap .buddypress.widget ul#members-list li .item-avatar {
padding: 0.5em;
text-align: center;
}
.buddypress-wrap .buddypress.widget ul#friends-list li .item,
.buddypress-wrap .buddypress.widget ul#groups-list li .item,
.buddypress-wrap .buddypress.widget ul#members-list li .item {
padding: 0.5em;
}
.buddypress-wrap .buddypress.widget ul#friends-list li .item .item-meta,
.buddypress-wrap .buddypress.widget ul#groups-list li .item .item-meta,
.buddypress-wrap .buddypress.widget ul#members-list li .item .item-meta {
font-size: 12px;
overflow-wrap: break-word;
}
@media screen and (min-width: 75em) {
.buddypress-wrap .buddypress.widget ul#friends-list,
.buddypress-wrap .buddypress.widget ul#groups-list,
.buddypress-wrap .buddypress.widget ul#members-list {
margin: 10px -2%;
width: 100%;
}
.buddypress-wrap .buddypress.widget ul#friends-list li,
.buddypress-wrap .buddypress.widget ul#groups-list li,
.buddypress-wrap .buddypress.widget ul#members-list li {
-moz-flex: 0 1 auto;
-o-flex: 0 1 auto;
flex: 0 1 auto;
margin: 10px 2% 1%;
width: 46%;
}
}
.buddypress-wrap .buddypress.widget blockquote {
margin: 0 0 1.5em;
overflow: visible;
padding: 0 0 0.75em 0.75em;
}