Created

Embed URL

HTTPS clone URL

SSH clone URL

You can clone with HTTPS or SSH.

Download Gist

BuddyPress Members directory

View buddypress.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
/*----------------------------------------------------------
Buddypress Legacy StyleSheet
------------------------------------------------------------
>>> TABLE OF CONTENTS
------------------------------------------------------------
1.0 - Members Directory
2.0 - Updates
3.0 - Pagination
----------------------------------------------------------*/
 
/*------------------------------------------------------------
1.0 - Members Directory
----------------------------------------------------------*/
#buddypress ul.item-list{
display: block;
margin: 0;
padding: 0;
}
#buddypress #members-list li.item-grid{
display: inline-block;
float: left;
list-style:none;
margin: 0 2% 1% 0;
vertical-align: top;
width: 48.65%;
}
#buddypress .member-avatar{
float: left;
margin: 0 3% 0 0;
}
#buddypress #members-list .member-single{
padding: 1rem;
overflow: hidden; /* temp fix */
}
#buddypress #members-list li.item-grid:nth-child(2n+2){
margin: 0 0 1% 0;
}
#buddypress .item-action{
float: right;
}
 
/*------------------------------------------------------------
2.0 - Updates
----------------------------------------------------------*/
#buddypress span.activity,
#buddypress div#message p {
margin-top: 3px;
text-decoration: none;
}
#buddypress span.activity {
display: inline-block;
padding: 1px 8px;
}
 
/*------------------------------------------------------------
3.0 - Pagination
----------------------------------------------------------*/
#pag-bottom{
clear: both;
}

Don't know if this it the right place for such comments, but adding a display:inline-block rule when there's already float is confusing (floats always causes display:block on an element). If browser compatibility is an issue, consider moving the float there to a file only accessed by browsers not understanding inline-block (and at the same time consider removing "rem" as a unit for the same compatibility reason).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.