Your IP : 216.73.216.95
/*--------------------------------------------------------------
Hello, this is the BuddyPress Nouveau stylesheet.
@version 3.0.0
----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - BP Generic, Typography & Imagery
2.0 - Navigation - General
2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
2.2 - Pagination
2.3 - Pages Header
3.0 - BP Lists / Loops Generic & filters
3.1 - Activity Loop
3.1.1 Whats New Activity
3.1.2 - Activity Entries
3.1.3 - Activity Comments
3.2 - Blogs Loop
3.3 - Groups Loop
3.4 - Members Loop
4.0 - Directories - Members, Groups, Blogs, Register, Activation
4.1 - Groups Creation Steps Screens
5.0 - Single Item screens: User Account & Single Group Screens
5.1 - Item Headers: Global
5.1.1 - item-header: Groups
5.1.2 - item-header: User Accounts
5.2 - Item Body: Global
5.2.1 - item-body: Groups
5.2.1.1 - Management settings screens
5.2.1.2 - Group Members list
5.2.1.3 - Group Invite list
5.2.1.4 - Group Activity
5.2.2 - item-body: User Accounts
5.2.2.1 - classes, pag, filters
5.2.2.2 - Extended Profiles
5.2.2.3 - Groups
5.2.2.4 - friends
5.2.2.5 - Private Messaging Threads
5.2.2.6 - Settings
6.0 - Forms - General
6.1 - Dir Search
7.0 - Tables - General
8.0 - Classes - Messages, Ajax, Widgets, Buttons, Tooltips
9.0 - Layout Classes.
10.0 - Buddypress RTL
11.0 - Youzer Plugin
--------------------------------------------------------------*/
/**
*-------------------------------------------------------------------------------
* @section 1.0 - BP Generic, Typography & Imagery
*-------------------------------------------------------------------------------
*/
body #buddypress .bp-list .action {
box-sizing: border-box;
}
@media screen and (min-width: 46.8em) {
body.buddypress .entry-header,
body.buddypress .site-content .entry-header,
body.buddypress .entry-content {
max-width: none;
}
body.buddypress .entry-header {
float: none;
max-width: none;
}
body.buddypress .entry-content {
float: none;
max-width: none;
}
body.buddypress .site-content {
padding-top: 2.5em;
}
body.buddypress #content {
margin-top: 0;
}
body.buddypress #page #primary {
max-width: none;
}
body.buddypress #page #primary .entry-header,
body.buddypress #page #primary .entry-content {
float: none;
width: auto;
}
}
body.buddypress .main-content h1,
body.buddypress .main-content h2,
body.buddypress .main-content h3,
body.buddypress .main-content h4,
body.buddypress .main-content h5,
body.buddypress .main-content h6 {
clear: none;
margin: 1em 0;
padding: 0;
}
/* Ensure .bp-wrap encloses it's children */
.bp-wrap:before,
.bp-wrap:after {
content: " ";
display: table;
}
.bp-wrap:after {
clear: both;
}
.buddypress-wrap.round-avatars .avatar {
border-radius: 50%;
}
body.buddypress article.page > .entry-header {
margin-bottom: 2em;
padding: 0;
}
body.buddypress article.page > .entry-header .entry-title {
font-size: 28px;
font-weight: inherit;
color: #767676;
}
@media screen and (min-width: 46.8em) {
body.buddypress article.page > .entry-header .entry-title {
font-size: 34px;
}
}
.buddypress-wrap dt.section-title {
font-size: 18px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap dt.section-title {
font-size: 22px;
}
}
.buddypress-wrap .bp-label-text,
.buddypress-wrap .message-threads {
font-size: 12px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .bp-label-text,
.buddypress-wrap .message-threads {
font-size: 14px;
}
}
.buddypress-wrap .activity-header {
font-size: 12px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .activity-header {
font-size: 14px;
}
}
.buddypress-wrap .activity-inner {
font-size: 12px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .activity-inner {
font-size: 14px;
}
}
.buddypress-wrap #whats-new-post-in {
font-size: 14px;
}
.buddypress-wrap .mini .activity-header,
.buddypress-wrap .acomment-meta {
font-size: 13px;
}
.buddypress-wrap .dir-component-filters #activity-filter-by {
font-size: 12px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .dir-component-filters #activity-filter-by {
font-size: 14px;
}
}
.buddypress-wrap .bp-tables-user th {
font-size: 12px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .bp-tables-user th {
font-size: 14px;
}
}
.buddypress-wrap .bp-tables-user td {
font-size: 12px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .bp-tables-user td {
font-size: 14px;
}
}
.buddypress-wrap .profile-fields th {
font-size: 13px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .profile-fields th {
font-size: 16px;
}
}
.buddypress-wrap .profile-fields td {
font-size: 12px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .profile-fields td {
font-size: 14px;
}
}
.buddypress-wrap #notification-select {
font-size: 12px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap #notification-select {
font-size: 14px;
}
}
/**
*-------------------------------------------------------------------------------
* @section 2.0 - Navigation - General
*-------------------------------------------------------------------------------
*/
/**
*----------------------------------------------------------
* @section 2.1 - Navs Object Nav / Sub Nav (bp-list)
*
* The main navigational elements for all BP screens
*----------------------------------------------------------
*/
.bp-navs {
background: transparent;
clear: both;
overflow: hidden;
}
.bp-navs ul {
margin: 0;
padding: 0;
}
.bp-navs ul li {
list-style: none;
margin: 0;
}
.bp-navs ul li a,
.bp-navs ul li span {
display: block;
padding: 0 10px;
text-decoration: none;
line-height: 35px;
position: relative;
}
.bp-navs ul li .count {
background: #0088ff;
color: #ffffff;
border-radius: 10px;
display: inline-block;
line-height: 17px;
margin-left: 4px;
padding: 0 6px;
text-align: center;
font-size: 11px;
position: absolute;
left: 50%;
top: 20px;
box-shadow: 0 0 0 0 #fff;
transition: 0.3s;
}
@media screen and (max-width: 46.8em) {
.bp-navs ul li .count {
position: static;
}
}
.bp-navs ul li.selected a,
.bp-navs ul li.current a {
color: #0088ff;
opacity: 1;
}
.bp-navs.bp-invites-filters ul li a, .bp-navs.bp-messages-filters ul li a {
border: 1px solid #ccc;
display: inline-block;
}
.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links).user-subnav {
border-top: 0;
}
.user-subnav ul li a {
line-height: 35px;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .bp-navs.main-navs {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .bp-navs.main-navs ul {
margin: 0;
padding: 0;
text-align: center;
border: 0;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .bp-navs.main-navs ul li {
margin: 2px;
list-style: none;
float: none;
border: 0;
display: inline-block;
min-width: 80px;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .bp-navs.main-navs ul li .count {
position: absolute;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .bp-navs.main-navs ul li a {
opacity: 0.9;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .bp-navs.main-navs ul li a:hover,
.bp-dir-hori-nav:not(.bp-vertical-navs) .bp-navs.main-navs ul li.selected a,
.bp-dir-hori-nav:not(.bp-vertical-navs) .bp-navs.main-navs ul li.current a {
background: transparent;
color: #0088ff;
opacity: 1;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .bp-navs.single-screen-navs ul {
margin: 15px 0 0;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs.dir-navs:not(.tabbed-links) {
border-top: 0;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs.dir-navs:not(.tabbed-links) ul li {
float: left;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) a:before {
font-family: "tiefonticon";
content: "\e69e";
display: block;
font-size: 30px;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #groups-all a:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #members-all a:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #groups-personal a:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #members-personal a:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #groups-create a:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) .activity-type-tabs a:before {
font-family: "tiefonticon";
content: "\e69b";
display: block;
font-size: 30px;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #groups-create a:hover {
text-decoration: none;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #groups-create a:before {
content: "\e6bd";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #activity-favorites a:before {
content: "\e66b";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #activity-mentions a:before {
content: "\e64a";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #user-xprofile:before {
content: "\e69c";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #user-notifications:before {
content: "\e6a7";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #user-messages:before {
content: "\e6bb";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #user-friends:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #members:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #user-groups:before {
content: "\e69b";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #user-forums:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #nav-forum:before {
content: "\e6b3";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #user-settings:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #admin:before {
content: "\e6a3";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #home:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #user-front:before {
content: "\e67d";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #invite:before {
content: "\e671";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #object-nav {
margin-top: 0;
}
body.groups .bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #object-nav li {
display: inline-block;
float: none;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #object-nav .loading a {
background-position: 88% 50%;
}
@media screen and (min-width: 46.8em) {
#group-create-tabs ol {
margin-top: 15px;
}
#group-create-tabs:not(.tabbed-links) ol {
text-align: center;
}
#group-create-tabs:not(.tabbed-links) li {
display: inline-block;
float: none;
font-size: 15px;
}
#group-create-tabs:not(.tabbed-links) li:not(:last-child):after {
font-family: tiefonticon;
content: '\f178';
margin: 0 10px;
color: #d6d6d6;
}
#group-create-tabs:not(.tabbed-links) a,
#group-create-tabs:not(.tabbed-links) span {
display: inline-block;
color: #767676;
}
#group-create-tabs:not(.tabbed-links) a:first-letter,
#group-create-tabs:not(.tabbed-links) span:first-letter {
display: inline-block;
font-size: 20px;
}
#group-create-tabs:not(.tabbed-links) li.current a {
color: #0088ff;
}
#group-create-tabs:not(.tabbed-links) li.current a:hover {
color: #006dcc;
}
}
.main-navs.dir-navs {
margin-bottom: 20px;
}
.main-navs.dir-navs .count {
position: static !important;
margin-left: 1px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .main-navs.vertical li.selected a,
.buddypress-wrap .main-navs.vertical li.current a {
background: #555;
color: #fafafa;
text-decoration: none;
}
.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
box-shadow: 0 2px 12px 0 #fafafa;
}
}
.buddypress-wrap .bp-subnavs li.selected a,
.buddypress-wrap .bp-subnavs li.current a {
color: #0088ff;
font-weight: 600;
}
@media screen and (max-width: 46.8em) {
.buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
.buddypress-wrap:not(.bp-single-vert-nav) .main-navs > ul > li > a {
padding: 0.5em calc(0.5em + 2px);
}
.buddypress-wrap:not(.bp-single-vert-nav) .user-subnav#subsubnav,
.buddypress-wrap:not(.bp-single-vert-nav) .group-subnav#subsubnav {
background: none;
}
.buddypress-wrap .bp-subnavs,
.buddypress-wrap ul.subnav {
width: 100%;
}
.buddypress-wrap .bp-subnavs {
margin: 10px 0;
overflow: hidden;
}
.buddypress-wrap .bp-subnavs ul li {
margin-top: 0;
}
.buddypress-wrap ul.subnav {
width: auto;
}
.buddypress.messages .buddypress-wrap .bp-subnavs ul.subnav {
width: 100%;
}
.buddypress-wrap #compose-personal-li a {
background: #0088ff;
color: #ffffff;
border-radius: 2px;
text-decoration: none !important;
}
.buddypress-wrap #compose-personal-li a:hover {
background: #006dcc;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap #compose-personal-li {
float: right;
}
.buddypress-wrap #compose-personal-li a {
margin-bottom: 5px;
}
}
.buddypress-wrap .bp-navs.bp-invites-nav#subnav ul li.last,
.buddypress-wrap .bp-navs.bp-invites-filters#subsubnav ul li.last,
.buddypress-wrap .bp-navs.bp-messages-filters#subsubnav ul li.last {
margin-top: 0;
}
@media screen and (max-width: 46.8em) {
.buddypress-wrap .single-screen-navs {
border: 1px solid #eee;
}
.buddypress-wrap .single-screen-navs li {
border-bottom: 1px solid #eee;
}
.buddypress-wrap .single-screen-navs li:last-child {
border-bottom: none;
}
.buddypress-wrap .bp-subnavs li a {
font-size: 14px;
}
}
.buddypress_object_nav .bp-navs li a .count:empty,
.buddypress-wrap .bp-navs li a .count:empty {
display: none;
}
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current),
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) {
color: #767676;
}
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a,
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a {
color: #767676;
}
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a:focus, .buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a:hover,
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a:focus,
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a:hover {
background: none;
color: #333;
}
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a[disabled]:focus, .buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a[disabled]:hover,
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a[disabled]:focus,
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a[disabled]:hover {
color: #767676;
}
.buddypress_object_nav .bp-navs.group-create-links ul li.current a,
.buddypress-wrap .bp-navs.group-create-links ul li.current a {
text-align: center;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .bp-navs li {
float: left;
}
.buddypress-wrap .subnav {
float: left;
}
.buddypress-wrap ul.subnav {
width: auto;
}
.buddypress-wrap #subsubnav .activity-search {
float: left;
}
.buddypress-wrap #subsubnav .filter {
float: right;
}
}
@media screen and (min-width: 46.8em) {
.bp-dir-vert-nav .bp-navs.dir-navs {
background: none;
}
.bp-dir-vert-nav .bp-navs.dir-navs a .count {
float: right;
}
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .tabbed-links ul,
.buddypress-wrap .tabbed-links ol {
border-bottom: 1px solid #ccc;
float: none;
margin: 20px 0 10px;
}
.buddypress-wrap .tabbed-links ul:before, .buddypress-wrap .tabbed-links ul:after,
.buddypress-wrap .tabbed-links ol:before,
.buddypress-wrap .tabbed-links ol:after {
content: " ";
display: block;
}
.buddypress-wrap .tabbed-links ul:after,
.buddypress-wrap .tabbed-links ol:after {
clear: both;
}
.buddypress-wrap .tabbed-links ul li,
.buddypress-wrap .tabbed-links ol li {
float: left;
list-style: none;
margin: 0 10px 0 0;
}
.buddypress-wrap .tabbed-links ul li a,
.buddypress-wrap .tabbed-links ul li span:not(.count),
.buddypress-wrap .tabbed-links ol li a,
.buddypress-wrap .tabbed-links ol li span:not(.count) {
background: none;
border: none;
display: block;
padding: 4px 10px;
}
.buddypress-wrap .tabbed-links ul li a:focus,
.buddypress-wrap .tabbed-links ul li a:hover,
.buddypress-wrap .tabbed-links ol li a:focus,
.buddypress-wrap .tabbed-links ol li a:hover {
background: none;
}
.buddypress-wrap .tabbed-links ul li.current,
.buddypress-wrap .tabbed-links ol li.current {
border-color: #ccc #ccc #fff;
border-style: solid;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-width: 1px;
margin-bottom: -1px;
padding: 0 0.5em 1px;
}
.buddypress-wrap .tabbed-links ul li.current a,
.buddypress-wrap .tabbed-links ol li.current a {
background: none;
color: #333;
}
.buddypress-wrap .tabbed-links ul li.current.bp-personal-tab,
.buddypress-wrap .tabbed-links ol li.current.bp-personal-tab {
margin-bottom: 0;
}
.buddypress-wrap .bp-subnavs.tabbed-links > ul {
margin-top: 0;
}
.buddypress-wrap .bp-navs.tabbed-links {
background: none;
margin-top: 2px;
}
.buddypress-wrap .bp-navs.tabbed-links ul li a {
border-right: 0;
font-size: inherit;
}
.buddypress-wrap .bp-navs.tabbed-links ul li.last {
float: right;
margin: 0;
}
.buddypress-wrap .bp-navs.tabbed-links ul li.last a {
margin-top: -0.5em;
}
.buddypress-wrap .bp-navs.tabbed-links ul li a,
.buddypress-wrap .bp-navs.tabbed-links ul li a:focus,
.buddypress-wrap .bp-navs.tabbed-links ul li a:hover,
.buddypress-wrap .bp-navs.tabbed-links ul li.current a,
.buddypress-wrap .bp-navs.tabbed-links ul li.current a:focus,
.buddypress-wrap .bp-navs.tabbed-links ul li.current a:hover {
background: none;
border: 0;
}
.buddypress-wrap .bp-navs.tabbed-links ul li a:active,
.buddypress-wrap .bp-navs.tabbed-links ul li.current a:active {
outline: none;
}
}
.buddypress-wrap .dir-component-filters .filter label {
display: inline;
}
.buddypress-wrap .subnav-filters:before,
.buddypress-wrap .subnav-filters:after {
content: " ";
display: table;
}
.buddypress-wrap .subnav-filters:after {
clear: both;
}
.buddypress-wrap .subnav-filters {
background: none;
list-style: none;
margin: 15px 0 0;
padding: 0;
}
.buddypress-wrap .subnav-filters div {
margin: 0;
}
.buddypress-wrap .subnav-filters > ul {
float: left;
list-style: none;
}
.buddypress-wrap .subnav-filters.bp-messages-filters ul {
width: 100%;
}
.buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
margin-bottom: 1em;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
margin-bottom: 0;
}
}
.buddypress-wrap .subnav-filters div {
float: none;
}
.buddypress-wrap .subnav-filters div select,
.buddypress-wrap .subnav-filters div input[type="search"] {
font-size: 13px;
}
.buddypress-wrap .subnav-filters div button.nouveau-search-submit {
padding: 5px 0.8em 6px;
}
.buddypress-wrap .subnav-filters div button#user_messages_search_submit {
padding: 7px 0.8em;
}
.buddypress-wrap .subnav-filters .component-filters {
margin-top: 10px;
}
.buddypress-wrap .subnav-filters .feed {
margin-right: 15px;
}
.buddypress-wrap .subnav-filters .last.filter label {
display: inline;
}
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:before,
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:after {
content: " ";
display: table;
}
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:after {
clear: both;
}
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-show {
display: inline-block;
}
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-hide {
display: none;
}
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions {
float: left;
}
.buddypress-wrap .subnav-filters .user-messages-bulk-actions label {
display: inline-block;
font-weight: 300;
margin-right: 25px;
padding: 5px 0;
}
.buddypress-wrap .subnav-filters .user-messages-bulk-actions div select {
-webkit-appearance: textfield;
}
@media screen and (min-width: 32em) {
.buddypress-wrap .subnav-filters li {
margin-bottom: 0;
}
.buddypress-wrap .subnav-filters .subnav-search,
.buddypress-wrap .subnav-filters .subnav-search form,
.buddypress-wrap .subnav-filters .feed,
.buddypress-wrap .subnav-filters .bp-search,
.buddypress-wrap .subnav-filters .dir-search,
.buddypress-wrap .subnav-filters .user-messages-bulk-actions,
.buddypress-wrap .subnav-filters .user-messages-search,
.buddypress-wrap .subnav-filters .group-invites-search,
.buddypress-wrap .subnav-filters .group-act-search {
float: left;
}
.buddypress-wrap .subnav-filters .last,
.buddypress-wrap .subnav-filters .component-filters {
float: right;
margin-top: 0;
width: auto;
}
.buddypress-wrap .subnav-filters .last select,
.buddypress-wrap .subnav-filters .component-filters select {
max-width: 250px;
}
.buddypress-wrap .subnav-filters .user-messages-search {
float: right;
}
}
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply,
.buddypress-wrap .notifications-options-nav input#notification-bulk-manage {
border: 0;
border-radius: none;
font-weight: 400;
line-height: 31px;
margin: 0 10px;
padding: 3px 10px;
text-align: center;
text-transform: none;
width: auto;
background: #91cc2c;
color: #fff;
}
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply:hover,
.buddypress-wrap .notifications-options-nav input#notification-bulk-manage:hover {
background: #82b727;
}
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply span,
.buddypress-wrap .notifications-options-nav input#notification-bulk-manage span {
vertical-align: middle;
}
.buddypress-wrap .notifications-options-nav input#notification-bulk-manage {
line-height: 29px;
}
.buddypress-wrap .group-subnav-filters .group-invites-search {
margin-bottom: 1em;
}
.buddypress-wrap .group-subnav-filters .last {
text-align: center;
}
/**
*----------------------------------------------------------
* @section 2.2 - Pagination
*----------------------------------------------------------
*/
.buddypress-wrap .bp-pagination {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border: 0;
color: #767676;
float: left;
font-size: small;
margin: 0;
padding: 0.5em 0;
position: relative;
width: 100%;
}
.buddypress-wrap .bp-pagination .pag-count {
float: left;
}
.buddypress-wrap .bp-pagination .bp-pagination-links {
float: right;
}
.buddypress-wrap .bp-pagination .bp-pagination-links span,
.buddypress-wrap .bp-pagination .bp-pagination-links a {
line-height: 32px;
padding: 0 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
display: inline-block;
overflow: hidden;
}
.buddypress-wrap .bp-pagination .bp-pagination-links .current {
background-color: #0088ff;
color: #ffffff;
border-color: transparent;
}
.buddypress-wrap .bp-pagination .bp-pagination-links a:focus,
.buddypress-wrap .bp-pagination .bp-pagination-links a:hover {
opacity: 1;
}
.buddypress-wrap .bp-pagination p {
margin: 0;
}
.buddypress-wrap .bp-pagination.top {
margin-top: 15px;
border-bottom: 1px solid #eaeaea;
}
/**
*----------------------------------------------------------
* @section 2.3 - Pages Header
*----------------------------------------------------------
*/
header.buddypress-header-outer {
background: #F7F7F7;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 25px 0;
overflow: hidden;
}
header.buddypress-header-outer #breadcrumb {
margin-top: 25px;
}
header.buddypress-header-outer .entry-header {
padding: 10px 0;
margin-bottom: 0;
border-width: 0;
}
header.buddypress-header-outer .entry-header h1 {
margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
header.buddypress-header-outer {
padding-top: 0;
}
}
.dark-skin header.buddypress-header-outer {
background-color: #1f2024;
}
/**
*-------------------------------------------------------------------------------
* @section 3.0 - BP Lists / Loops Generic
*-------------------------------------------------------------------------------
*/
.bp-list:before,
.bp-list:after {
content: " ";
display: table;
}
.bp-list:after {
clear: both;
}
.bp-list {
box-sizing: border-box;
clear: both;
list-style: none;
margin: 20px 0 0;
padding: 0.5em 0;
width: 100%;
}
.bp-list .activity:not(.ajax-loaded) .activity-list li,
.bp-list #groups-dir-list:not(.ajax-loaded) #groups-list li,
.bp-list #members-dir-list:not(.ajax-loaded) #members-list li {
opacity: 0;
}
.bp-list .activity-list .load-more + li,
.bp-list .activity-list .load-more + li ~ li,
.bp-list .activity-list li.just-posted {
opacity: 1 !important;
}
.bp-list li:after {
content: " ";
display: table;
clear: both;
}
.bp-list li {
list-style: none;
margin: 10px 0;
padding: 0.5em 0;
position: relative;
}
.bp-list li .item-avatar {
text-align: center;
}
.bp-list li .item-avatar img.avatar {
display: inline;
width: 50px;
}
.bp-list li .activity-content {
border-bottom: 1px solid #eaeaea;
}
.bp-list li .item .item-avatar,
.bp-list li .item .list-title,
.bp-list li .item .item-meta,
.bp-list li .item .group-details {
text-align: center;
}
.bp-list li .item .list-title {
clear: none;
font-size: 13px;
font-weight: 400;
line-height: 1.1;
margin: 0 auto;
}
@media screen and (min-width: 46.8em) {
.bp-list li .item .list-title {
font-size: 16px;
}
}
.bp-list li .item li.generic-button {
padding: 0;
}
.bp-list li .meta,
.bp-list li .item-meta {
color: #737373;
font-size: 12px;
margin-bottom: 10px;
margin-top: 10px;
}
.bp-list li .last-post {
text-align: center;
}
.bp-list li .action {
margin: 0;
text-align: center;
}
.bp-list li .action .generic-button {
display: inline-block;
font-size: 12px;
margin: 0 10px 0 0;
}
.bp-list li .action div.generic-button {
margin: 10px 0;
}
@media screen and (min-width: 46.8em) {
.bp-list li .item .item-avatar,
.bp-list li .item .list-title,
.bp-list li .item .item-meta,
.bp-list li .item .group-details {
text-align: start;
}
.bp-list li .item-avatar {
float: left;
margin-right: 15px;
}
.bp-list li .item {
margin: 0;
overflow: hidden;
}
.bp-list li .group-desc,
.bp-list li .user-update,
.bp-list li .last-post {
clear: none;
overflow: hidden;
width: auto;
}
.bp-list li .action {
clear: left;
padding: 0;
text-align: left;
}
.bp-list li .action li.generic-button {
margin-right: 0;
}
.bp-list li .action div.generic-button {
margin: 0 0 10px;
}
.bp-list li .generic-button {
display: block;
margin: 0 0 5px 0;
}
}
.buddypress-wrap .groups-list:not(.grid) li:not(:last-child) .item,
.buddypress-wrap .members-list:not(.grid) li:not(:last-child) .item,
.buddypress-wrap .members-group-list:not(.grid) li:not(:last-child) .item {
margin-right: 0;
padding-bottom: 1em;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 32em) {
#activity-stream {
clear: both;
padding-top: 1em;
}
}
.activity-list.bp-list .activity-item {
margin: 0;
}
.activity-list.bp-list li:first-child {
margin-top: 0;
}
.friends-list {
list-style-type: none;
}
.friends-request-list .item-title,
.membership-requests-list .item-title {
text-align: center;
}
.friends-request-list li .list-wrap,
.membership-requests-list li .list-wrap {
width: 100%;
}
@media screen and (min-width: 46.8em) {
.friends-request-list li,
.membership-requests-list li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
-o-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.friends-request-list li .item,
.membership-requests-list li .item {
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-o-flex: 1 1 auto;
flex: 1 1 auto;
}
.friends-request-list li .action,
.membership-requests-list li .action {
text-align: right;
}
.friends-request-list li .item-title,
.membership-requests-list li .item-title {
font-size: 22px;
text-align: left;
}
.friends-request-list li .item-title h3,
.membership-requests-list li .item-title h3 {
margin: 0;
}
}
#notifications-user-list {
clear: both;
padding-top: 1em;
}
@media screen and (min-width: 46.8em) {
body:not(.logged-in) .bp-list .item {
margin-right: 0;
}
}
.activity-permalink .item-list,
.activity-permalink .item-list li.activity-item {
border: 0;
}
/**
*----------------------------------------------------------
* @section 3.1 - Activity Loop
*----------------------------------------------------------
*/
/**
*-----------------------------------------------------
* @section 3.1.1 - Activity Whats New
*-----------------------------------------------------
*/
.item-body .activity-update-form .activity-form {
margin: 0;
padding: 0;
}
.activity-update-form {
overflow: hidden;
margin: 15px 0;
}
.activity-update-form #whats-new-avatar {
margin: 10px 0;
text-align: center;
}
.activity-update-form #whats-new-avatar img {
box-shadow: none;
display: inline-block;
}
.activity-update-form #whats-new-content {
padding: 0 0 10px 0;
}
.activity-update-form #whats-new-textarea textarea {
box-sizing: border-box;
color: #333;
font-family: inherit;
font-size: medium;
height: 2.2em;
line-height: 1.4;
padding: 6px;
width: 100%;
}
.activity-update-form #whats-new-textarea textarea:focus {
box-shadow: 0 0 6px 0 #d6d6d6;
}
.activity-update-form #whats-new-post-in-box {
overflow: hidden;
}
.activity-update-form #whats-new-post-in-box select {
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-appearance: none;
padding: 0 10px;
margin-bottom: 10px;
height: 30px;
line-height: 30px;
width: 100%;
}
.activity-update-form #whats-new-post-in-box-items {
list-style: none;
margin: 0 0 10px 0;
overflow: hidden;
width: 100%;
}
.activity-update-form #whats-new-post-in-box-items #activity-autocomplete {
padding: 0.3em 1em;
width: 100%;
height: 30px;
line-height: 30px;
}
.activity-update-form #whats-new-post-in-box-items li {
height: 30px;
line-height: 30px;
}
.activity-update-form #whats-new-post-in-box-items .bp-activity-object {
border: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 5px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0.3em;
}
.activity-update-form #whats-new-post-in-box-items .bp-activity-object .avatar {
width: 20px;
}
.activity-update-form #whats-new-post-in-box-items .bp-activity-object span {
padding-left: 10px;
vertical-align: middle;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
white-space: nowrap;
}
.activity-update-form #whats-new-post-in-box-items .bp-activity-object:focus, .activity-update-form #whats-new-post-in-box-items .bp-activity-object:hover {
background: #eaeaea;
cursor: pointer;
}
.activity-update-form #whats-new-post-in-box-items .bp-activity-object.selected {
border: 1px solid #d6d6d6;
margin-top: 0;
}
.activity-update-form #whats-new-post-in-box-items .bp-activity-object .bp-remove-item {
padding: 0;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
margin-left: 10px;
}
.activity-update-form #whats-new-submit {
margin: 0 0 10px;
}
.activity-update-form #whats-new-submit input {
font-size: 14px;
line-height: inherit;
margin-bottom: 10px;
padding: 0.3em 10px;
text-align: center;
width: 100%;
}
@media screen and (min-width: 46.8em) {
.activity-update-form #whats-new-post-in-box {
float: left;
width: 55%;
}
.activity-update-form #whats-new-post-in-box select {
width: auto;
float: left;
margin-right: 4%;
}
.activity-update-form #whats-new-post-in-box-items {
float: left;
width: 54%;
}
.activity-update-form #whats-new-submit {
float: right;
}
.activity-update-form #whats-new-avatar {
display: block;
float: left;
margin: 0;
}
.activity-update-form #whats-new-content,
.activity-update-form #whats-new-post-in-box {
margin-left: 70px;
}
.activity-update-form #whats-new-submit input {
margin-bottom: 0;
margin-left: 10px;
width: auto;
float: right;
}
}
.activity-update-form #message {
float: left;
width: 100%;
}
/**
*-----------------------------------------------------
* @section 3.1.2 - Activity Entries
*-----------------------------------------------------
*/
.activity-list .activity-item {
list-style: none;
padding: 1em 0;
}
.activity-list .activity-item:first-child {
padding-top: 0;
}
.activity-list .activity-item:not(.load-more):before {
content: "";
width: 1px;
height: 100%;
position: absolute;
z-index: 1;
left: 15px;
top: 0;
background-color: rgba(0, 0, 0, 0.1);
}
.activity-list .activity-item.has-comments {
padding-bottom: 1em;
}
.activity-list .activity-item div.item-avatar {
float: left;
position: relative;
margin-right: 10px;
z-index: 2;
width: 30px;
height: 30px;
color: #ffff;
box-shadow: 0 0 0 3px;
}
@media screen and (min-width: 46.8em) {
.activity-list .activity-item:not(.load-more):before {
left: 25px;
}
.activity-list .activity-item div.item-avatar {
margin: 0 15px 0 0;
box-shadow: 0 0 0 13px;
width: 50px;
height: 50px;
}
}
.activity-list .activity-item.mini {
font-size: 85%;
position: relative;
}
.activity-list .activity-item.mini .activity-avatar {
width: 25px;
height: 25px;
margin-left: 40px;
box-shadow: none;
}
.activity-list .activity-item.mini .activity-avatar img.avatar,
.activity-list .activity-item.mini .activity-avatar img.FB_profile_pic {
/* stylelint-disable-line selector-class-pattern */
height: 25px;
width: 25px;
}
.activity-list .activity-item.new_forum_post .activity-inner, .activity-list .activity-item.new_forum_topic .activity-inner {
border-left: 2px solid #eaeaea;
margin-left: 10px;
padding-left: 1em;
}
.activity-list .activity-item.newest_mentions_activity, .activity-list .activity-item.newest_friends_activity, .activity-list .activity-item.newest_groups_activity, .activity-list .activity-item.newest_blogs_activity {
background: rgba(31, 179, 221, 0.1);
}
.activity-list .activity-item .activity-inreplyto {
color: #767676;
font-size: 13px;
}
.activity-list .activity-item .activity-inreplyto > p {
display: inline;
margin: 0;
}
.activity-list .activity-item .activity-inreplyto blockquote,
.activity-list .activity-item .activity-inreplyto .activity-inner {
background: none;
border: 0;
display: inline;
margin: 0;
overflow: hidden;
padding: 0;
}
.activity-list .activity-item .activity-header {
margin: 0 auto;
}
.activity-list .activity-item .activity-header a,
.activity-list .activity-item .activity-header img {
display: inline;
}
.activity-list .activity-item .activity-header .avatar {
display: inline-block;
margin: 0 5px;
vertical-align: bottom;
}
.activity-list .activity-item .activity-header .time-since {
font-size: 12px;
color: #9c9c9c;
text-decoration: none;
display: block;
}
.activity-list .activity-item .activity-header .time-since:hover {
color: #767676;
cursor: pointer;
text-decoration: underline;
}
.activity-list .activity-item .activity-content {
margin-left: 40px;
padding-bottom: 0.5em;
}
.activity-list .activity-item .activity-content .activity-header,
.activity-list .activity-item .activity-content .comment-header {
color: #767676;
}
.activity-list .activity-item .activity-content .activity-inner,
.activity-list .activity-item .activity-content blockquote {
margin: 15px 0 10px;
overflow: hidden;
}
.activity-list .activity-item .activity-content p {
margin: 0;
}
.activity-list .activity-item .activity-content .activity-inner img {
margin-top: 10px;
}
.activity-list .activity-item .activity-inner p {
word-wrap: break-word;
}
.activity-list .activity-item .activity-read-more {
margin-left: 1em;
white-space: nowrap;
display: block;
margin: 10px 0 1px;
}
.activity-list .activity-item .activity-read-more a {
border-radius: 2px;
}
.activity-list .activity-item ul.activity-meta {
margin: 0;
padding-left: 0;
}
.activity-list .activity-item ul.activity-meta li {
border: 0;
display: inline-block;
}
.activity-list .activity-item .activity-meta.action {
border: 1px solid transparent;
padding: 2px;
position: relative;
text-align: left;
}
.activity-list .activity-item .activity-meta.action div.generic-button {
margin: 0;
}
.activity-list .activity-item .activity-meta.action .button {
background: transparent;
}
.activity-list .activity-item .activity-meta.action a {
padding: 1px 8px;
}
.activity-list .activity-item .activity-meta.action .button:focus,
.activity-list .activity-item .activity-meta.action .button:hover {
background: none;
}
.activity-list .activity-item .activity-meta.action .button:before,
.activity-list .activity-item .activity-meta.action .icons:before {
font-family: dashicons;
font-size: 14px;
vertical-align: middle;
}
.activity-list .activity-item .activity-meta.action .acomment-reply.button:before {
content: "\f101";
}
.activity-list .activity-item .activity-meta.action .view:before {
content: "\f125";
}
.activity-list .activity-item .activity-meta.action .fav:before {
content: "\f154";
}
.activity-list .activity-item .activity-meta.action .unfav:before {
content: "\f155";
color: #0088ff;
}
.activity-list .activity-item .activity-meta.action .delete-activity:before {
content: "\f153";
}
.activity-list .activity-item .activity-meta.action .delete-activity:hover {
color: #800;
}
.activity-list .activity-item .activity-meta.action .button {
border: 0;
box-shadow: none;
}
.activity-list .activity-item .activity-meta.action .button span {
background: none;
color: #555;
font-weight: 700;
}
@media screen and (min-width: 46.8em) {
.activity-list .activity-item > .activity-content > .activity-meta.action {
position: absolute;
top: -5px;
right: 0;
}
}
@media screen and (min-width: 46.8em) {
.activity-list .activity-item .activity-content {
margin: 0 0 0 70px;
position: relative;
}
.activity-list .activity-item .activity-content:after {
clear: both;
content: "";
display: table;
}
.activity-list .activity-item .activity-header {
margin: 0 110px 0 0;
width: auto;
}
}
.buddypress-wrap .activity-list .load-more,
.buddypress-wrap .activity-list .load-newest {
margin: 15px 0 0;
padding: 0;
}
.buddypress-wrap .activity-list .load-more a,
.buddypress-wrap .activity-list .load-newest a {
text-align: center;
background: #0088ff;
color: #ffffff;
font-size: 110%;
display: block;
height: 40px;
line-height: 40px;
transition: background-color 0.3s;
}
.buddypress-wrap .activity-list .load-more a:hover,
.buddypress-wrap .activity-list .load-newest a:hover {
background: #006dcc;
color: #ffffff;
}
.buddypress-wrap .activity-list .load-more .spinner-circle,
.buddypress-wrap .activity-list .load-newest .spinner-circle {
top: -10px;
left: -10px;
height: 20px;
width: 20px;
clip: rect(0, 20px, 20px, 10px);
}
.buddypress-wrap .activity-list .load-more .spinner-circle:after,
.buddypress-wrap .activity-list .load-newest .spinner-circle:after {
left: 0;
top: 0;
height: 20px;
width: 20px;
clip: rect(0, 20px, 20px, 10px);
}
.buddypress-wrap .activity-list .load-more .spinner,
.buddypress-wrap .activity-list .load-newest .spinner {
width: 3.101em;
}
.buddypress-wrap .activity-list .load-more .spinner > div,
.buddypress-wrap .activity-list .load-newest .spinner > div {
width: 0.7em;
height: 0.7em;
}
.buddypress-wrap .activity-list .load-newest {
margin-bottom: 15px;
}
body.activity-permalink .activity-list li {
border-width: 1px;
padding: 1em 0 0 0;
}
body.activity-permalink .activity-list li:first-child {
padding-top: 0;
}
body.activity-permalink .activity-list li.has-comments {
padding-bottom: 0;
}
body.activity-permalink .activity-list .activity-avatar {
width: auto;
}
body.activity-permalink .activity-list .activity-avatar a {
display: block;
}
body.activity-permalink .activity-list .activity-avatar img {
max-width: 100%;
}
body.activity-permalink .activity-list .activity-content {
border: 0;
font-size: 100%;
line-height: 1.5;
padding-bottom: 0;
}
body.activity-permalink .activity-list .activity-content .activity-header {
margin: 0;
padding: 0.5em 0 0 0;
text-align: center;
width: 100%;
}
body.activity-permalink .activity-list .activity-content .activity-inner,
body.activity-permalink .activity-list .activity-content blockquote {
margin-left: 0;
margin-top: 10px;
}
body.activity-permalink .activity-list .activity-meta {
margin: 10px 0 10px;
}
body.activity-permalink .activity-list .activity-comments {
margin-bottom: 10px;
}
@media screen and (min-width: 46.8em) {
body.activity-permalink .activity-list .activity-avatar {
left: -20px;
margin-right: 0;
position: relative;
top: -20px;
}
body.activity-permalink .activity-list .activity-content {
margin-right: 10px;
}
body.activity-permalink .activity-list .activity-content .activity-header p {
text-align: left;
}
}
/**
*-----------------------------------------------------
* @section 3.1.3 - Activity Comments
*-----------------------------------------------------
*/
.buddypress-wrap .activity-comments {
clear: both;
margin: 0 0 0 70px;
overflow: hidden;
position: relative;
width: auto;
}
@media screen and (max-width: 46.8em) {
.buddypress-wrap .activity-comments {
margin-left: 40px;
}
}
.buddypress-wrap .activity-comments ul {
clear: both;
list-style: none;
margin: 10px 0 0;
padding: 0;
}
.buddypress-wrap .activity-comments ul li {
border-top: 1px solid #eee;
border-bottom: 0;
padding: 1em 0 0;
margin: 20px 0;
}
.buddypress-wrap .activity-comments ul li ul {
margin-left: 5%;
}
.buddypress-wrap .activity-comments ul li:first-child {
border-top: 0;
}
.buddypress-wrap .activity-comments ul li:last-child {
margin-bottom: 0;
}
.buddypress-wrap .activity-comments div.acomment-avatar {
width: auto;
box-shadow: none;
}
.buddypress-wrap .activity-comments div.acomment-avatar img {
border-width: 1px;
float: left;
height: 25px;
max-width: none;
width: 25px;
}
.buddypress-wrap .activity-comments .acomment-meta,
.buddypress-wrap .activity-comments .acomment-content p {
font-size: 13px;
}
.buddypress-wrap .activity-comments .acomment-meta {
color: #555;
overflow: hidden;
}
.buddypress-wrap .activity-comments .acomment-content {
border: solid #eaeaea;
border-width: 0 0 0 3px;
margin: 15px 0 0 40px;
padding-left: 15px;
border-radius: 0;
}
.buddypress-wrap .activity-comments .acomment-content p {
margin-bottom: 0.5em;
}
.buddypress-wrap .activity-comments .acomment-options {
float: left;
margin: 10px 0 10px 20px;
}
.buddypress-wrap .activity-comments .acomment-options a {
color: #767676;
font-size: 14px;
}
.buddypress-wrap .activity-comments .acomment-options a:focus, .buddypress-wrap .activity-comments .acomment-options a:hover {
color: inherit;
}
.buddypress-wrap .activity-comments .activity-meta.action {
background: none;
margin-top: 15px;
margin-left: 35px;
}
.buddypress-wrap .activity-comments .activity-meta.action button {
font-size: 14px;
font-weight: 400;
text-transform: none;
}
.buddypress-wrap .activity-comments .activity-meta.action .acomment-delete:not(:hover) {
background-color: #a3a3a3;
}
.buddypress-wrap .activity-comments .show-all button {
font-size: 14px;
text-decoration: underline;
padding-left: 0.5em;
}
.buddypress-wrap .activity-comments .show-all button span {
text-decoration: none;
}
.buddypress-wrap .activity-comments .show-all button:hover span, .buddypress-wrap .activity-comments .show-all button:focus span {
color: #5087e5;
}
.buddypress-wrap .mini .activity-comments {
clear: both;
margin-top: 0;
}
body.activity-permalink .activity-comments {
background: none;
width: auto;
}
body.activity-permalink .activity-comments > ul {
padding: 0 0.5em 0 1em;
}
body.activity-permalink .activity-comments ul li > ul {
margin-top: 10px;
}
form.ac-form {
display: none;
padding: 2em 1em 1em;
}
form.ac-form .ac-reply-avatar {
float: left;
margin-right: 10px;
width: 35px;
}
form.ac-form .ac-reply-avatar img {
border: 1px solid #eee;
}
form.ac-form .ac-reply-content {
color: #767676;
padding-left: 4em;
}
form.ac-form .ac-reply-content a {
text-decoration: none;
}
form.ac-form .ac-reply-content .ac-textarea {
margin-bottom: 10px;
overflow: hidden;
}
form.ac-form .ac-reply-content .ac-textarea textarea {
background: transparent;
box-shadow: none;
color: #555;
font-family: inherit;
font-size: 100%;
height: 60px;
margin: 0;
outline: none;
padding: 0.5em;
width: 100%;
display: block;
}
form.ac-form .ac-reply-content .ac-textarea textarea:focus {
box-shadow: 0 0 6px #d6d6d6;
}
form.ac-form .ac-reply-content input[type="submit"] {
padding: 4px 15px;
}
.activity-comments li form.ac-form {
clear: both;
margin-right: 15px;
}
.activity-comments form.root {
margin-left: 0;
}
/**
*----------------------------------------------------------
* @section 3.2 - Blogs Loop
*----------------------------------------------------------
*/
@media screen and (min-width: 46.8em) {
.buddypress-wrap .blogs-list li .item-block {
float: none;
width: auto;
}
.buddypress-wrap .blogs-list li .item-meta {
clear: left;
float: none;
}
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .bp-dir-vert-nav .blogs-list .list-title {
width: auto;
}
}
/**
*----------------------------------------------------------
* @section 3.2 - Groups Loop
*----------------------------------------------------------
*/
.buddypress-wrap .groups-list li .list-title {
text-align: center;
}
.buddypress-wrap .groups-list li .group-details {
clear: left;
}
.buddypress-wrap .groups-list li .group-desc {
font-size: 11px;
color: #737373;
font-style: italic;
margin: 0 0 10px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .groups-list li .group-desc {
font-size: 13px;
}
}
.buddypress-wrap .groups-list li p {
margin: 0 0 0.5em;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .groups-list li .list-title,
.buddypress-wrap .groups-list li .item-meta {
text-align: left;
width: auto;
}
.buddypress-wrap .groups-list li .item-meta,
.buddypress-wrap .groups-list li .last-activity {
display: inline-block;
}
.buddypress-wrap .groups-list li .last-activity:before {
content: '/';
padding: 0 3px;
}
}
.buddypress-wrap .groups-list li.group-no-avatar div.group-desc {
margin-left: 0;
}
.buddypress-wrap .mygroups .groups-list.grid .wrap {
min-height: 450px;
padding-bottom: 0;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .groups-list.grid.three .group-desc, .buddypress-wrap .groups-list.grid.four .group-desc {
font-size: 14px;
}
}
@media screen and (min-width: 46.8em) {
.buddypress .bp-vertical-navs .groups-list .item-avatar {
margin-right: 3%;
width: 15%;
}
}
/**
*----------------------------------------------------------
* @section 3.2 - Members Loop
*----------------------------------------------------------
*/
.buddypress-wrap .members-list li .members-meta.action .generic-button {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.buddypress-wrap .members-list li .member-name {
margin-bottom: 10px;
}
.buddypress-wrap .members-list li .user-update {
background: rgba(0, 0, 0, 0.05);
border-radius: 2px;
background-clip: padding-box;
color: #737373;
font-style: italic;
font-size: 11px;
margin: 15px 0 0;
padding: 1em;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .members-list li .user-update {
font-size: 13px;
}
}
.buddypress-wrap .members-list li .user-update .activity-read-more {
display: block;
font-size: 12px;
font-style: normal;
margin-top: 10px;
padding-left: 2px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .members-list li .last-activity {
clear: left;
margin-top: -10px;
}
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .members-group-list li .joined {
clear: left;
float: none;
}
}
@media screen and (min-width: 32em) {
body:not(.logged-in) .members-list .user-update {
width: 96%;
}
}
/**
*-------------------------------------------------------------------------------
* @section 4.0 - Directories
*-------------------------------------------------------------------------------
*/
.register-page .register-section {
box-sizing: border-box;
}
.register-page .signup-form {
margin-top: 20px;
}
.register-page .signup-form .default-profile input {
margin-bottom: 20px;
width: 100%;
}
.register-page .signup-form label,
.register-page .signup-form legend {
margin: 10px 0 0;
}
.register-page .signup-form .editfield {
margin: 15px 0;
}
.register-page .signup-form .editfield fieldset {
border: 0;
padding: 0;
}
.register-page .signup-form .editfield fieldset legend {
margin: 0 0 5px;
text-indent: 0;
}
.register-page .signup-form .editfield .field-visibility-settings {
padding: 0.5em;
}
.register-page .signup-form .editfield .field-visibility-settings fieldset {
margin: 0 0 10px;
}
.register-page .signup-form #signup-avatar img {
margin: 0 15px 10px 0;
}
.register-page .signup-form .wp-pwd button {
line-height: 21px;
position: absolute;
top: 0;
right: 0;
}
.register-page .signup-form .password-input-wrapper {
position: relative;
}
.register-page .signup-form #pass1 {
display: inline-block;
margin-bottom: inherit;
}
.register-page .signup-form #pass1-text,
.register-page .signup-form .pw-weak {
display: none;
}
.register-page .signup-form .show-password #pass1-text {
display: inline-block;
margin-bottom: inherit;
}
.register-page .signup-form .show-password #pass1 {
display: none;
}
.register-page .signup-form .description.indicator-hint {
line-height: 1.5;
font-size: 14px;
}
.register-page .signup-form #submit:disabled {
color: #767676;
opacity: 0.4;
}
.register-page .signup-form .password-entry,
.register-page .signup-form .password-entry-confirm {
border: 1px solid #eee;
}
body.buddypress.register.js .user-pass2-wrap {
display: none;
}
body.buddypress.register.no-js .wp-hide-pw {
display: none;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .register-page .layout-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.buddypress-wrap .register-page .layout-wrap .default-profile {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 2em;
}
.buddypress-wrap .register-page .layout-wrap .blog-details {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 2em;
}
.buddypress-wrap .register-page .submit {
clear: both;
}
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap.extended-default-reg .register-page .default-profile {
min-width: 14em;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 1em;
}
.buddypress-wrap.extended-default-reg .register-page .extended-profile {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 1em;
}
.buddypress-wrap.extended-default-reg .register-page .blog-details {
-webkit-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
}
}
/**
*----------------------------------------------------------
* @section 4.1 - Groups Creation Steps
*----------------------------------------------------------
*/
.bp-subhead {
display: none;
}
#group-create-body {
padding: 0 0.5em 0.5em;
margin-top: 0;
}
#group-create-body .avatar-nav-items {
margin-top: 15px;
}
#group-create-body fieldset {
margin-top: 20px;
}
#group-create-body #header-cover-image {
position: static;
height: 200px;
margin-bottom: 15px;
}
/**
*-------------------------------------------------------------------------------
* @section 5.0 - Single Item screens: Groups, Users
*-------------------------------------------------------------------------------
*/
/**
*-----------------------------------------------------------
* @subsection 5.1 - Item Header Global
*-----------------------------------------------------------
*/
#buddypress #item-header-avatar {
width: 100%;
}
#buddypress #item-header-avatar img {
float: none;
display: inline-block;
margin: 0 0 20px;
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.05);
}
#buddypress #item-header-content {
width: 100%;
}
#buddypress #item-header-content p {
display: inline-block;
}
#buddypress #item-header-content p.activity {
text-decoration: underline;
color: rgba(255, 255, 255, 0.7);
}
#buddypress #item-header-content,
#buddypress #item-actions,
#buddypress .desc-wrap > .group-description {
color: #ffffff;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}
#buddypress #item-meta {
overflow: hidden;
margin: 15px 0 0 0;
padding: 0 30px;
}
#buddypress #item-meta p {
margin: 10px 0 0;
}
#buddypress #latest-update a {
color: #0088ff;
font-size: 80%;
}
#buddypress #latest-update a:before {
content: " - ";
}
#buddypress #item-actions {
margin-bottom: 30px;
}
#buddypress #item-actions h3,
#buddypress #item-actions h2 {
font-size: 14px;
font-weight: normal;
display: inline-block;
margin: 10px;
line-height: 30px;
}
#buddypress #item-actions ul {
display: inline-block;
margin: 0;
vertical-align: middle;
}
#buddypress #item-actions ul li {
margin: 0;
}
#buddypress #item-actions ul img {
border-radius: 50%;
}
#buddypress #item-header h2 {
line-height: 120%;
margin: 0 0 5px 0;
direction: ltr;
}
#buddypress #item-header h2 a {
color: #767676;
text-decoration: none;
}
#buddypress #item-header ul {
margin-bottom: 15px;
overflow: hidden;
text-align: center;
}
#buddypress #item-header ul h5,
#buddypress #item-header ul span,
#buddypress #item-header ul hr {
display: none;
}
#buddypress #item-header ul li {
float: none;
display: inline-block;
list-style: none;
}
#buddypress #item-header ul img.avatar,
#buddypress #item-header ul.avatars img.avatar {
height: 30px;
margin: 2px;
width: 30px;
}
#buddypress #item-header .generic-button,
#buddypress #item-header a.button {
margin: 10px 5px;
display: inline-block;
}
#buddypress #item-header .generic-button a,
#buddypress #item-header .generic-button button {
padding: 2px 10px;
background-color: transparent;
color: #fff;
}
body.no-js #buddypress .js-self-profile-button {
display: none;
}
#buddypress #item-header {
text-align: center;
position: relative;
}
#buddypress #item-header:after {
clear: both;
content: "";
display: table;
}
#buddypress #item-header .bp-feedback {
background: #fff;
color: #000;
}
#buddypress #item-header .bp-feedback.info {
line-height: 80%;
}
#buddypress #item-header .bp-feedback:not(.bp-sitewide-notice) {
position: absolute;
bottom: 10px;
left: 50%;
width: 95%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
#buddypress #item-header .bp-feedback:not(.bp-sitewide-notice) p {
padding-right: 20px;
}
#buddypress #item-header .bp-sitewide-notice {
border-color: #ffd087;
background: #fff8ed;
margin: 20px auto;
text-align: start;
max-width: 1170px;
}
#buddypress #item-header .bp-sitewide-notice button[data-bp-close] {
background: transparent;
}
#buddypress #item-header .bp-sitewide-notice button[data-bp-close] span:before {
font-size: 25px;
}
/*
* Default required cover image rules
*/
#cover-image-container {
position: relative;
padding: 80px 0;
}
#header-cover-image {
background-color: #c5c5c5;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
border: 0;
display: block;
left: 0;
top: 0;
margin: 0;
padding: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
#item-header-cover-image {
position: relative;
z-index: 2;
}
#item-header-cover-image #item-header-avatar {
padding: 0 1em;
}
/*
* end cover image block
*/
/**
*-----------------------------------------------------
* @subsection 5.1.1 - item-header Groups
*
* Group Specific Item Header
*-----------------------------------------------------
*/
.groups-header .bp-group-type-list {
margin: 0;
}
.groups-header .bp-feedback {
clear: both;
}
.groups-header .group-item-actions {
margin-bottom: 15px;
padding-top: 0;
width: 100%;
}
.groups-header .desc-wrap {
position: absolute;
z-index: 1;
bottom: 50px;
padding: 1em;
text-align: center;
width: 100%;
}
/**
*-----------------------------------------------------
* @subsection 5.1.2 - Item Header User Accounts
*
* User Accounts Specific Item Header
*-----------------------------------------------------
*/
.bp-user .users-header .user-nicename {
margin-bottom: 5px;
}
.bp-user .member-header-actions {
overflow: hidden;
}
.bp-user .member-header-actions * > * {
display: block;
}
/**
*-----------------------------------------------------------
* @subsection 5.2 - Item Body: Global
*-----------------------------------------------------------
*/
.buddypress-wrap .item-body {
margin: 0;
}
.buddypress-wrap .item-body .screen-heading {
font-size: 20px;
font-weight: 400;
}
.buddypress-wrap .item-body .button-tabs {
margin: 30px 0 15px;
}
.buddypress-wrap.bp-single-vert-nav .bp-list:not(.grid) .item-entry {
padding-left: 0.5em;
}
/**
*----------------------------------------------------
* @subsection 5.2.1 - Item Body Groups
*
* Groups specific item body rules - screens
*----------------------------------------------------
*/
.single-item.group-members .item-body .filters:not(.no-subnav) {
border-top: 5px solid #eaeaea;
padding-top: 1em;
}
.single-item.group-members .item-body .filters {
margin-top: 0;
}
/**
*-----------------------------------------
* @subsection 5.2.1.1 - Management Settings Screens
*-----------------------------------------
*/
.buddypress-wrap .group-status-type ul {
margin: 0 0 20px 20px;
}
.buddypress-wrap .group-settings-selections fieldset {
margin-bottom: 20px;
border: 0;
padding: 0;
}
.buddypress-wrap .group-settings-selections fieldset legend {
font-size: 20px;
}
.buddypress-wrap .group-settings-selections fieldset legend + p {
margin-top: 10px;
}
.groups-manage-members-list {
padding: 0.5em 0;
}
.groups-manage-members-list dd {
margin: 0;
padding: 1em 0;
}
.groups-manage-members-list .section-title {
background: #eaeaea;
padding: 0.3em;
}
.groups-manage-members-list ul {
list-style: none;
margin-bottom: 0;
}
.groups-manage-members-list ul li {
border-bottom: 1px solid #eee;
margin-bottom: 10px;
width: 100%;
padding-bottom: 1em;
}
.groups-manage-members-list ul li:only-child,
.groups-manage-members-list ul li:last-child {
border-bottom: 0;
}
.groups-manage-members-list ul li.banned-user {
background: #fad3d3;
}
.groups-manage-members-list ul .member-name {
margin-bottom: 0;
text-align: center;
}
.groups-manage-members-list ul img {
display: block;
margin: 0 auto;
width: 20%;
}
@media screen and (min-width: 32em) {
.groups-manage-members-list ul .member-name {
text-align: left;
font-size: 14px;
}
.groups-manage-members-list ul img {
display: inline;
width: 50px;
}
}
.groups-manage-members-list ul .members-manage-buttons:before,
.groups-manage-members-list ul .members-manage-buttons:after {
content: " ";
display: table;
}
.groups-manage-members-list ul .members-manage-buttons:after {
clear: both;
}
.groups-manage-members-list ul .members-manage-buttons {
margin: 15px 0 5px;
}
.groups-manage-members-list ul .members-manage-buttons a.button {
color: #767676;
display: block;
padding-top: 0 !important;
padding-bottom: 0 !important;
font-size: 13px;
border-width: 0 !important;
}
@media screen and (min-width: 32em) {
.groups-manage-members-list ul .members-manage-buttons a.button {
display: inline-block;
}
}
.groups-manage-members-list ul .members-manage-buttons.text-links-list {
margin-bottom: 0;
}
@media screen and (max-width: 32em) {
.groups-manage-members-list ul .members-manage-buttons.text-links-list a.button {
background: #fafafa;
border: 1px solid #eee;
display: block;
margin-bottom: 10px;
}
}
.groups-manage-members-list ul .action:not(.text-links-list) a.button {
font-size: 12px;
}
@media screen and (min-width: 46.8em) {
.groups-manage-members-list ul li .avatar,
.groups-manage-members-list ul li .member-name {
float: left;
}
.groups-manage-members-list ul li .action.text-links-list {
margin: 0 0 0 45px;
}
.groups-manage-members-list ul li .avatar {
margin-right: 15px;
width: 30px;
}
.groups-manage-members-list ul li .action {
clear: both;
float: left;
}
}
/**
*-----------------------------------------
* @subsection 5.2.1.2 - Group Members List
*-----------------------------------------
*/
/*
*-----------------------------------------
* @subsection 5.2.1.3 - Group Invites List
*-----------------------------------------
*/
/*
* bp-nouveau styling: invite members, sent invites
* @version 3.0.0
*/
.buddypress .bp-invites-content ul.item-list {
border-top: 0;
}
.buddypress .bp-invites-content ul.item-list > li {
border: 1px solid #eaeaea;
margin: 0 0 1%;
padding: 10px;
position: relative;
width: auto;
transition: 0.3s;
min-height: 70px;
}
.buddypress .bp-invites-content ul.item-list > li .item {
float: left;
}
.buddypress .bp-invites-content ul.item-list > li .item .list-title {
text-align: start;
}
.buddypress .bp-invites-content ul.item-list > li .item-avatar {
float: left;
margin-right: 15px;
}
.buddypress .bp-invites-content ul.item-list > li .avatar {
display: block;
}
.buddypress .bp-invites-content ul.item-list > li .action {
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.buddypress .bp-invites-content ul.item-list > li button.invite-button span.icons {
width: 30px;
height: 30px;
line-height: 30px;
display: block;
}
.buddypress .bp-invites-content ul.item-list > li button.invite-button span.icons:before {
font-style: 20px;
}
.buddypress .bp-invites-content ul.item-list > li a.button.invite-button {
border: 0;
}
.buddypress .bp-invites-content ul.item-list > li a.button.invite-button:focus, .buddypress .bp-invites-content ul.item-list > li a.button.invite-button:hover {
color: #1fb3dd;
}
.buddypress .bp-invites-content ul.item-list > li.selected {
background: #ebffd4;
border-color: #8BC34A;
box-shadow: inset 0 0 12px 0 #ccf59d;
}
.buddypress .bp-invites-content .item-list .item-meta span,
.buddypress .bp-invites-content .group-inviters li {
color: #767676;
}
.buddypress .bp-invites-content li .item .item-meta {
margin-bottom: 0;
text-align: start;
}
.buddypress .bp-invites-content li ul.group-inviters {
clear: both;
margin: 0;
overflow: hidden;
}
.buddypress .bp-invites-content li ul.group-inviters li {
border: 0;
float: left;
margin: 0;
padding: 0;
line-height: 30px;
font-size: 13px;
width: inherit;
}
.buddypress .bp-invites-content li ul.group-inviters li .avatar {
margin-left: 5px;
}
.buddypress .bp-invites-content li .status {
font-size: 13px;
font-style: italic;
clear: both;
color: #555;
margin: 10px 0 0;
}
.buddypress .bp-invites-content #send-invites-editor ul:before,
.buddypress .bp-invites-content #send-invites-editor ul:after {
content: " ";
display: table;
}
.buddypress .bp-invites-content #send-invites-editor ul:after {
clear: both;
}
.buddypress .bp-invites-content #send-invites-editor textarea {
width: 100%;
}
.buddypress .bp-invites-content #send-invites-editor ul {
clear: both;
list-style: none;
margin: 10px 0;
}
.buddypress .bp-invites-content #send-invites-editor ul li {
float: left;
margin: 0.5%;
max-height: 50px;
max-width: 50px;
}
.buddypress .bp-invites-content #send-invites-editor #bp-send-invites-form {
clear: both;
margin-top: 10px;
}
.buddypress .bp-invites-content #send-invites-editor .action {
margin-top: 10px;
padding-top: 10px;
}
.buddypress .bp-invites-content #send-invites-editor.bp-hide {
display: none;
}
@media screen and (min-width: 46.8em) {
.buddypress .bp-invites-content ul.item-list > li {
box-sizing: border-box;
border: 1px solid #eaeaea;
float: left;
width: 49.5%;
}
.buddypress .bp-invites-content ul.item-list > li:nth-child(odd) {
margin-right: 0.5%;
}
.buddypress .bp-invites-content ul.item-list > li:nth-child(even) {
margin-left: 0.5%;
}
}
@media screen and (min-width: 46.8em) {
.item-body #group-invites-container .bp-invites-nav {
border-width: 0;
box-shadow: none;
}
.item-body #group-invites-container .bp-invites-nav .count {
position: static;
}
:not(.vertical) + .item-body #group-invites-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 25% auto;
grid-template-columns: 25% auto;
grid-template-areas: "group-invites-nav group-invites-column";
}
:not(.vertical) + .item-body #group-invites-container .bp-invites-nav {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: group-invites-nav;
}
:not(.vertical) + .item-body #group-invites-container .bp-invites-nav li {
display: block;
float: none;
}
:not(.vertical) + .item-body #group-invites-container .group-invites-column {
-ms-grid-row: 1;
-ms-grid-column: 2;
grid-area: group-invites-column;
}
}
/*
*-----------------------------------------
* @subsection 5.2.1.4 - Group Activity
*-----------------------------------------
*/
.buddypress.groups .activity-update-form {
margin-top: 0;
}
/**
*-----------------------------------------------------
* @subsection 5.2.2 - Item Body User Accounts
*
* User Account specific item body rules
*-----------------------------------------------------
*/
/**
*--------------------------------------------
* @subsection 5.2.2.1 - classes, pag, filters
*--------------------------------------------
*/
/**
*-------------------------------------------
* @subsection 5.2.2.2 - Extended Profiles
*-------------------------------------------
*/
.buddypress-wrap .profile .bp-widget {
margin-bottom: 30px;
position: relative;
padding-bottom: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.buddypress-wrap .profile .bp-widget:last-of-type {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 20px;
}
.buddypress-wrap .profile h4 {
padding: 10px 0;
margin-bottom: 0;
}
.buddypress-wrap .profile .profile-fields {
border: 0;
padding-top: 10px;
position: relative;
}
.buddypress-wrap .profile .profile-fields:before {
content: "";
background-color: rgba(0, 0, 0, 0.1);
position: absolute;
left: 14px;
height: 100%;
width: 2px;
}
.buddypress-wrap .profile .profile-fields tr {
padding: 10px;
}
.buddypress-wrap .profile .profile-fields tr td {
display: block;
}
.buddypress-wrap .profile .profile-fields tr td.data {
padding: 0 0 20px 40px;
}
.buddypress-wrap .profile .profile-fields tr td.data p {
padding-left: 0;
}
.buddypress-wrap .profile .profile-fields tr,
.buddypress-wrap .profile .profile-fields tr:nth-child(even),
.buddypress-wrap .profile .profile-fields tr td,
.buddypress-wrap .profile .profile-fields tr:nth-child(even) td {
background: transparent;
border: 0;
}
.buddypress-wrap .profile .profile-fields .label {
border-right: 0;
vertical-align: top;
padding-left: 40px;
position: relative;
color: #0088ff;
width: 100%;
}
.buddypress-wrap .profile .profile-fields .label:before {
content: "";
background-color: #0088ff;
box-shadow: 0 0 0 5px #ffffff;
box-sizing: content-box;
position: absolute;
left: 11px;
top: 16px;
height: 8px;
width: 8px;
border-radius: 50%;
}
.buddypress-wrap .profile .profile-fields p {
padding-left: 15px;
}
.buddypress-wrap .profile.edit .button-nav {
list-style: none;
margin: 30px 0;
border-bottom: 1px solid #eee;
box-shadow: 0 2px 12px 0 #fafafa;
}
.buddypress-wrap .profile.edit .button-nav li {
display: inline-block;
margin-right: 20px;
overflow: hidden;
}
.buddypress-wrap .profile.edit .button-nav li a {
padding: 0.5em 0;
font-size: 16px;
background: transparent !important;
}
.buddypress-wrap .profile.edit .button-nav li a:hover,
.buddypress-wrap .profile.edit .button-nav li.current a {
color: #0088ff;
}
.buddypress-wrap .profile.edit .edit-profile-screen {
font-size: 30px;
}
.buddypress-wrap .profile.edit .profile-group-title {
font-size: 16px;
}
.buddypress-wrap .profile.edit .editfield {
border: 1px solid #eee;
margin: 15px 0;
padding: 1em;
}
.buddypress-wrap .profile.edit .editfield fieldset {
border: 0;
}
.buddypress-wrap .profile.edit .editfield fieldset label {
font-weight: 400;
}
.buddypress-wrap .profile.edit .editfield fieldset label.xprofile-field-label {
display: inline;
}
.buddypress-wrap .profile.edit .editfield {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.buddypress-wrap .profile.edit .editfield .description {
margin-top: 10px;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.buddypress-wrap .profile.edit .editfield > fieldset {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.buddypress-wrap .profile.edit .editfield .field-visibility-settings-toggle,
.buddypress-wrap .profile.edit .editfield .field-visibility-settings {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.buddypress-wrap .profile.edit .editfield .field-visibility-settings-header {
color: #8a8a8a;
font-size: 13px;
margin-top: 15px;
padding: 3px 0;
border-radius: 3px;
}
.buddypress-wrap .profile.edit .editfield .field-visibility-settings-header .visibility-toggle-link {
color: #fff;
border: none;
font-size: 11px;
padding: 2px 8px;
margin-left: 8px;
letter-spacing: .03em;
background-color: #cccccc;
border-radius: 2px;
text-decoration: none !important;
transition: background 0.3s;
}
.buddypress-wrap .profile.edit .editfield .field-visibility-settings-header .visibility-toggle-link:hover {
background-color: #b3b3b3;
}
.buddypress-wrap .bp-help-text {
margin-bottom: 10px;
}
body.no-js .buddypress-wrap .field-visibility-settings-toggle,
body.no-js .buddypress-wrap .field-visibility-settings-close {
display: none;
}
body.no-js .buddypress-wrap .field-visibility-settings {
display: block;
}
.buddypress-wrap .field-visibility-settings {
margin: 10px 0;
}
.buddypress-wrap .profile.edit .editfield .field-visibility-settings fieldset {
border: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}
.buddypress-wrap .field-visibility-settings .radio {
padding: 10px;
}
.buddypress-wrap .field-visibility-settings .radio label {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.buddypress-wrap .field-visibility-settings .radio label:not(:last-of-type) {
margin-bottom: 15px;
}
.buddypress-wrap .field-visibility-settings .radio .field-visibility-text:before {
content: '\f0ac';
display: inline-block;
font: normal normal normal 14px/1 tiefonticon;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 50%;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
margin: 0 5px;
color: #fff;
background-image: linear-gradient(109.6deg, #d19ef6 11.2%, #5ddbf1 91.1%);
}
.buddypress-wrap .field-visibility-settings .radio label:nth-of-type(2) .field-visibility-text:before {
content: '\f023';
background-color: #FFE53B;
background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%);
}
.buddypress-wrap .field-visibility-settings .radio label:nth-of-type(3) .field-visibility-text:before {
content: '\f0c0';
background-image: linear-gradient(135deg, #70F570 10%, #49C628 100%);
}
.buddypress-wrap .field-visibility-settings .radio label:nth-of-type(4) .field-visibility-text:before {
content: '\f2b5';
background-image: linear-gradient(109.6deg, #ff4e50 11.2%, #f9d423 100.2%);
}
.buddypress-wrap .current-visibility-level {
font-style: normal;
font-weight: 700;
}
.buddypress-wrap .field-visibility-settings,
.buddypress-wrap .field-visibility-settings-header {
color: #737373;
}
.buddypress-wrap .field-visibility-settings fieldset {
margin: 5px 0;
}
.buddypress-wrap .standard-form .editfield fieldset {
margin: 0;
}
.buddypress-wrap .standard-form .field-visibility-settings label {
font-weight: 400;
margin: 0;
}
.buddypress-wrap .standard-form .field-visibility-settings .radio {
list-style: none;
margin-bottom: 0;
}
.buddypress-wrap .standard-form .field-visibility-settings .field-visibility-settings-close {
font-size: 12px;
}
.buddypress-wrap .standard-form .wp-editor-container {
border: 1px solid #dedede;
}
.buddypress-wrap .standard-form .wp-editor-container textarea {
background: #fff;
width: 100%;
}
.buddypress-wrap .standard-form .description {
background: #fafafa;
font-size: inherit;
}
.buddypress-wrap .standard-form .field-visibility-settings legend,
.buddypress-wrap .standard-form .field-visibility-settings-header {
font-style: italic;
}
.buddypress-wrap .standard-form .field-visibility-settings-header {
margin-top: 5px;
font-size: 14px;
}
.buddypress-wrap .standard-form .field-visibility-settings legend,
.buddypress-wrap .standard-form .field-visibility-settings label {
font-size: 14px;
}
.buddypress-wrap .standard-form .field-visibility select {
margin: 0;
}
.buddypress-wrap .html-active button.switch-html {
background: #f5f5f5;
border-bottom-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.buddypress-wrap .tmce-active button.switch-tmce {
background: #f5f5f5;
border-bottom-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.buddypress-wrap .profile.public .profile-group-title {
font-weight: bold;
margin-bottom: 0;
}
.buddypress-wrap .profile.public .view-profile-screen {
display: none;
}
body.register .buddypress-wrap .page ul {
list-style: none;
}
.buddypress-wrap .profile .bp-avatar-nav {
margin-top: 20px;
}
/**
*-------------------------------------------
* @subsection 5.2.2.3 - Groups
*-------------------------------------------
*/
/**
*-------------------------------------------
* @subsection 5.2.2.5 - Private Messaging
*-------------------------------------------
*/
.message-action-star:before,
.message-action-unstar:before,
.message-action-view:before,
.message-action-delete:before {
font-family: dashicons;
font-size: 18px;
}
.message-action-star:before {
color: #aaa;
content: "\f154";
}
.message-action-unstar:before {
color: #fcdd77;
content: "\f155";
}
.message-action-view:before {
content: "\f473";
}
.message-action-delete:before {
content: "\f153";
}
.message-action-delete:hover:before {
color: #a00;
}
.preview-content .actions a {
text-decoration: none;
}
.bp-messages-content {
margin: 15px 0;
}
.bp-messages-content .avatar {
box-shadow: none;
}
.bp-messages-content .thread-participants {
list-style: none;
}
.bp-messages-content .thread-participants dd {
margin-left: 0;
}
.bp-messages-content time {
color: #737373;
font-size: 12px;
}
#message-threads {
border-top: 1px solid #eaeaea;
clear: both;
list-style: none;
margin: 0;
max-height: 220px;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
width: 100%;
}
#message-threads li {
border-bottom: 1px solid #eaeaea;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
-o-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
overflow: hidden;
padding: 0.5em;
}
#message-threads li .thread-cb {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex: 1 2 30px;
-moz-flex: 1 2 30px;
-ms-flex: 1 2 30px;
-o-flex: 1 2 30px;
flex: 1 2 30px;
padding: 0.5em;
}
#message-threads li .thread-from,
#message-threads li .thread-to {
-webkit-flex: 1 2 20%;
-moz-flex: 1 2 20%;
-ms-flex: 1 2 20%;
-o-flex: 1 2 20%;
flex: 1 2 20%;
}
#message-threads li .thread-from img.avatar,
#message-threads li .thread-to img.avatar {
float: left;
width: 30px;
margin: 0 10px 0 0;
}
#message-threads li .thread-from .user-name,
#message-threads li .thread-to .user-name {
display: inline-block;
line-height: 30px;
}
#message-threads li .thread-from .num-recipients,
#message-threads li .thread-to .num-recipients {
color: #737373;
font-weight: 400;
font-size: 12px;
margin: 0;
}
#message-threads li .thread-content {
-webkit-flex: 1 2 60%;
-moz-flex: 1 2 60%;
-ms-flex: 1 2 60%;
-o-flex: 1 2 60%;
flex: 1 2 60%;
}
#message-threads li .thread-date {
-webkit-flex: 1 2 15%;
-moz-flex: 1 2 15%;
-ms-flex: 1 2 15%;
-o-flex: 1 2 15%;
flex: 1 2 15%;
}
#message-threads li.selected {
background-color: #fafafa;
}
#message-threads li.selected .thread-subject .subject {
color: #5087e5;
}
#message-threads li.unread {
font-weight: 700;
}
#message-threads li .thread-content .excerpt {
color: #737373;
font-size: 12px;
margin: 0;
}
#message-threads li .thread-content .thread-from,
#message-threads li .thread-content .thread-to,
#message-threads li .thread-content .thread-subject {
font-size: 12px;
}
@media screen and (min-width: 46.8em) {
#message-threads li .thread-content .thread-from,
#message-threads li .thread-content .thread-to,
#message-threads li .thread-content .thread-subject {
font-size: 14px;
}
}
#message-threads li .thread-content .thread-subject {
vertical-align: top;
}
#message-threads li .thread-content .thread-subject .excerpt {
font-weight: 400;
}
#message-threads li .thread-date {
padding-right: 5px;
text-align: right;
}
.bp-messages-content .actions {
float: right;
max-width: 30%;
}
.bp-messages-content .actions .bp-icons:not(.bp-hide) {
display: inline-block;
margin: 0;
padding: 0.3em 0.5em;
}
.bp-messages-content .actions .bp-icons:not(.bp-hide):before {
font-size: 20px;
}
.bp-messages-content .actions .bp-icons:not(.bp-hide).message-action-delete {
margin-top: 15px;
}
.bp-messages-content #thread-preview {
border: 1px solid #eaeaea;
margin-top: 20px;
}
.bp-messages-content #thread-preview .preview-message {
overflow: hidden;
}
.bp-messages-content #thread-preview .preview-content {
margin: 0.5em;
}
.bp-messages-content #thread-preview .preview-content .preview-message {
background: #fafafa;
margin: 10px 0;
padding: 0.5em;
}
.bp-messages-content #bp-message-thread-list {
border-top: 1px solid #eaeaea;
clear: both;
list-style: none;
padding: 1em 0 0.3em;
}
.bp-messages-content #bp-message-thread-list li {
padding: 0.5em;
}
.bp-messages-content #bp-message-thread-list li:nth-child(2n) .message-content {
background: #fafafa;
}
.bp-messages-content #bp-message-thread-list .message-metadata {
box-shadow: -2px 1px 9px 0 #eee;
display: table;
padding: 0.5em;
width: 100%;
line-height: 30px;
}
.bp-messages-content #bp-message-thread-list .message-metadata .avatar {
width: 30px;
}
.bp-messages-content #bp-message-thread-list .message-metadata .user-link {
display: block;
font-size: 13px;
float: left;
}
@media screen and (min-width: 46.8em) {
.bp-messages-content #bp-message-thread-list .message-metadata .user-link {
font-size: 16px;
}
}
.bp-messages-content #bp-message-thread-list .message-metadata time {
color: #737373;
font-size: 12px;
padding: 0 0.5em;
}
.bp-messages-content #bp-message-thread-list .message-metadata button {
padding: 0 0.3em;
}
.bp-messages-content #bp-message-thread-list .message-metadata button:before {
font-size: 20px;
}
.bp-messages-content #bp-message-thread-list .message-content {
overflow: hidden;
margin: 1em 0 0 40px;
padding: 0.5em;
}
.bp-messages-content #bp-message-thread-list img.avatar {
float: left;
margin: 0 10px 0 0;
}
.bp-messages-content #bp-message-thread-list .actions a:before {
font-size: 18px;
}
.bp-messages-content form.send-reply .avatar-box {
padding: 0.5em 0;
line-height: 30px;
}
.bp-messages-content form.send-reply .avatar-box .avatar {
float: left;
margin-right: 10px;
}
.bp-messages-content .preview-pane-header,
.bp-messages-content .single-message-thread-header {
border-bottom: 1px solid #eaeaea;
}
.bp-messages-content .preview-pane-header:after,
.bp-messages-content .single-message-thread-header:after {
clear: both;
content: "";
display: table;
}
.bp-messages-content .preview-thread-title,
.bp-messages-content .single-thread-title {
font-size: 16px;
}
.bp-messages-content .preview-thread-title .messages-title,
.bp-messages-content .single-thread-title .messages-title {
padding-left: 2em;
}
.bp-messages-content .thread-participants {
float: left;
margin: 5px 0;
width: 70%;
}
.bp-messages-content .thread-participants dt {
margin-bottom: 10px;
}
.bp-messages-content .thread-participants dd,
.bp-messages-content .thread-participants ul {
margin-bottom: 10px;
}
.bp-messages-content .thread-participants ul {
list-style: none;
}
.bp-messages-content .thread-participants ul:after {
clear: both;
content: "";
display: table;
}
.bp-messages-content .thread-participants li {
float: left;
margin-left: 5px;
}
.bp-messages-content .thread-participants img {
width: 30px;
}
.bp-messages-content #thread-preview .preview-message ul,
.bp-messages-content #thread-preview .preview-message ol,
.bp-messages-content #thread-preview .preview-message blockquote,
.bp-messages-content #bp-message-thread-list li .message-content ul,
.bp-messages-content #bp-message-thread-list li .message-content ol,
.bp-messages-content #bp-message-thread-list li .message-content blockquote {
list-style-position: inside;
margin-left: 0;
}
.bp-messages-content ul#message-threads:empty,
.bp-messages-content #thread-preview:empty {
display: none;
}
.bp-messages-content #thread-preview h2:first-child,
.bp-messages-content #bp-message-thread-header h2:first-child {
background-color: #eaeaea;
color: #555;
margin: 0;
padding: 0.5em;
}
.bp-messages-content #message-threads .thread-content a,
.bp-messages-content #bp-message-thread-list li a.user-link {
border: 0;
text-decoration: none;
}
.bp-messages-content .standard-form #subject {
margin-bottom: 20px;
}
div.bp-navs#subsubnav.bp-messages-filters .user-messages-bulk-actions {
margin-right: 15px;
max-width: 42.5%;
}
/**
*------------------------------------------
* @subsection 5.2.2.6 - Settings
*------------------------------------------
*/
/*__ Settings Global __*/
.buddypress.settings .profile-settings.bp-tables-user select {
width: 100%;
}
/*__ General __*/
body.buddypress.settings .wp-pwd button {
line-height: 21px;
vertical-align: middle;
}
body.buddypress.settings #pass1,
body.buddypress.settings #pass1-text,
body.buddypress.settings #pass-strength-result {
width: 16em;
}
body.buddypress.settings #pass1 {
display: inline-block;
margin-bottom: inherit;
}
body.buddypress.settings #pass1-text,
body.buddypress.settings .pw-weak,
body.buddypress.settings #pass-strength-result {
display: none;
}
body.buddypress.settings .show-password #pass1-text {
display: inline-block;
margin-bottom: inherit;
}
body.buddypress.settings .show-password #pass1 {
display: none;
}
body.buddypress.settings #your-profile #submit:disabled {
color: #767676;
opacity: 0.4;
}
body.buddypress.settings.js .wp-pwd,
body.buddypress.settings.js .user-pass2-wrap {
display: none;
}
body.buddypress.settings.no-js .wp-generate-pw,
body.buddypress.settings.no-js .wp-cancel-pw,
body.buddypress.settings.no-js .wp-hide-pw {
display: none;
}
/*__ Email notifications __*/
/*__ Profile visibility __*/
/*__ Group Invites __*/
/*__ Data Export __*/
body.buddypress.settings.data #buddypress.buddypress-wrap .item-body p a {
text-decoration: underline;
}
/**
*-------------------------------------------------------------------------------
* @section 6.0 - Forms - General
*-------------------------------------------------------------------------------
*/
.buddypress-wrap .filter select {
border: 1px solid #d6d6d6;
}
.buddypress-wrap input.action[disabled] {
cursor: pointer;
opacity: 0.4;
}
.buddypress-wrap #notification-bulk-manage[disabled] {
display: none;
}
.buddypress-wrap fieldset legend {
font-size: inherit;
font-weight: 600;
}
.buddypress-wrap textarea:focus,
.buddypress-wrap input[type="text"]:focus,
.buddypress-wrap input[type="email"]:focus,
.buddypress-wrap input[type="url"]:focus,
.buddypress-wrap input[type="tel"]:focus,
.buddypress-wrap input[type="password"]:focus {
box-shadow: 0 0 8px #eaeaea;
}
.buddypress-wrap input[type="button"] {
padding: 5px 15px;
}
.buddypress-wrap select {
height: auto;
}
.buddypress-wrap textarea {
resize: vertical;
}
.buddypress-wrap .standard-form .bp-controls-wrap {
margin: 1em 0;
}
.buddypress-wrap .standard-form input[required],
.buddypress-wrap .standard-form textarea[required],
.buddypress-wrap .standard-form select[required] {
box-shadow: none;
border-width: 1px;
outline: 0;
}
.buddypress-wrap .standard-form input[required]:invalid,
.buddypress-wrap .standard-form textarea[required]:invalid,
.buddypress-wrap .standard-form select[required]:invalid {
border-color: #b71717;
}
.buddypress-wrap .standard-form input[required]:valid,
.buddypress-wrap .standard-form textarea[required]:valid,
.buddypress-wrap .standard-form select[required]:valid {
border-color: #91cc2c;
}
.buddypress-wrap .standard-form input[required]:focus,
.buddypress-wrap .standard-form textarea[required]:focus,
.buddypress-wrap .standard-form select[required]:focus {
border-color: #d6d6d6;
border-width: 1px;
}
.buddypress-wrap .standard-form input.invalid[required],
.buddypress-wrap .standard-form textarea.invalid[required],
.buddypress-wrap .standard-form select.invalid[required] {
border-color: #b71717;
}
.buddypress-wrap .standard-form input[type="text"],
.buddypress-wrap .standard-form textarea {
width: 100%;
}
.buddypress-wrap .standard-form input[type="radio"],
.buddypress-wrap .standard-form input[type="checkbox"] {
margin-right: 5px;
width: auto;
}
.buddypress-wrap .standard-form select {
padding: 3px;
}
.buddypress-wrap .standard-form textarea {
height: 120px;
}
.buddypress-wrap .standard-form textarea#message_content {
height: 200px;
}
.buddypress-wrap .standard-form input[type="password"] {
margin-bottom: 5px;
}
.buddypress-wrap .standard-form label,
.buddypress-wrap .standard-form span.label {
display: block;
font-weight: 600;
margin: 15px 0 5px;
width: auto;
}
.buddypress-wrap .standard-form a.clear-value {
display: block;
margin-top: 5px;
outline: none;
}
.buddypress-wrap .standard-form .submit {
clear: both;
padding: 15px 0 0;
}
.buddypress-wrap .standard-form p.submit {
margin-bottom: 0;
}
.buddypress-wrap .standard-form div.submit input {
margin-right: 15px;
}
.buddypress-wrap .standard-form p label,
.buddypress-wrap .standard-form #invite-list label {
font-weight: 400;
margin: auto;
}
.buddypress-wrap .standard-form p.description {
color: #737373;
margin: 5px 0;
}
.buddypress-wrap .standard-form div.checkbox label:nth-child(n+2),
.buddypress-wrap .standard-form div.radio div label {
color: #737373;
font-size: 100%;
font-weight: 400;
margin: 5px 0 0;
}
.buddypress-wrap .standard-form#send-reply textarea {
width: 97.5%;
}
.buddypress-wrap .standard-form#sidebar-login-form label {
margin-top: 5px;
}
.buddypress-wrap .standard-form#sidebar-login-form input[type="text"],
.buddypress-wrap .standard-form#sidebar-login-form input[type="password"] {
padding: 4px;
width: 95%;
}
.buddypress-wrap .standard-form.profile-edit input:focus {
background: #fff;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .standard-form .left-menu {
float: left;
}
.buddypress-wrap .standard-form #invite-list ul {
list-style: none;
margin: 1%;
}
.buddypress-wrap .standard-form #invite-list ul li {
margin: 0 0 0 1%;
}
.buddypress-wrap .standard-form .main-column {
margin-left: 190px;
}
.buddypress-wrap .standard-form .main-column ul#friend-list {
clear: none;
float: left;
}
.buddypress-wrap .standard-form .main-column ul#friend-list h4 {
clear: none;
}
}
.buddypress-wrap .standard-form .bp-tables-user label {
margin: 0;
}
.buddypress-wrap .signup-form label,
.buddypress-wrap .signup-form legend {
font-weight: 400;
}
body.no-js .buddypress #notifications-bulk-management #select-all-notifications,
body.no-js .buddypress label[for="message-type-select"],
body.no-js .buddypress #message-type-select,
body.no-js .buddypress #delete_inbox_messages,
body.no-js .buddypress #delete_sentbox_messages,
body.no-js .buddypress #messages-bulk-management #select-all-messages {
display: none;
}
/* Overrides for embedded WP editors */
.buddypress-wrap .wp-editor-wrap a.button,
.buddypress-wrap .wp-editor-wrap .wp-editor-wrap button,
.buddypress-wrap .wp-editor-wrap .wp-editor-wrap input[type="submit"],
.buddypress-wrap .wp-editor-wrap .wp-editor-wrap input[type="button"],
.buddypress-wrap .wp-editor-wrap input[type="reset"] {
padding: 0 8px 1px;
}
.buddypress-wrap .select-wrap {
border: 1px solid #eee;
}
.buddypress-wrap .select-wrap label {
display: inline;
}
.buddypress-wrap .select-wrap select::-ms-expand {
display: none;
}
.buddypress-wrap .select-wrap select {
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
border: 0;
cursor: pointer;
margin-right: -25px;
padding: 6px 25px 6px 10px;
position: relative;
z-index: 1;
width: 100%;
}
.buddypress-wrap .select-wrap select,
.buddypress-wrap .select-wrap select:focus,
.buddypress-wrap .select-wrap select:active {
background: transparent;
}
.buddypress-wrap .select-wrap span.select-arrow {
display: inline-block;
position: relative;
z-index: 0;
}
.buddypress-wrap .select-wrap span.select-arrow:before {
color: #ccc;
content: "\25BC";
}
.buddypress-wrap .select-wrap:focus .select-arrow:before, .buddypress-wrap .select-wrap:hover .select-arrow:before {
color: #a6a6a6;
}
.buddypress-wrap .select-wrap:focus, .buddypress-wrap .select-wrap:hover,
.buddypress-wrap .bp-search form:focus,
.buddypress-wrap .bp-search form:hover {
border: 1px solid #d5d5d5;
box-shadow: inset 0 0 3px #eee;
}
@media screen and (min-width: 32em) {
.buddypress-wrap .notifications-options-nav .select-wrap {
float: left;
}
}
/**
*----------------------------------------------------------
* @section 6.1 - Directory Search
*
* The Search form & controls in directory pages
*----------------------------------------------------------
*/
.buddypress-wrap .bp-dir-search-form, .buddypress-wrap .bp-messages-search-form:before,
.buddypress-wrap .bp-dir-search-form, .buddypress-wrap .bp-messages-search-form:after {
content: " ";
display: table;
}
.buddypress-wrap .bp-dir-search-form, .buddypress-wrap .bp-messages-search-form:after {
clear: both;
}
.buddypress-wrap form.bp-dir-search-form,
.buddypress-wrap form.bp-messages-search-form,
.buddypress-wrap form.bp-invites-search-form {
border: 1px solid #eee;
width: 100%;
}
@media screen and (min-width: 55em) {
.buddypress-wrap form.bp-dir-search-form,
.buddypress-wrap form.bp-messages-search-form,
.buddypress-wrap form.bp-invites-search-form {
width: 15em;
}
}
.buddypress-wrap form.bp-dir-search-form label,
.buddypress-wrap form.bp-messages-search-form label,
.buddypress-wrap form.bp-invites-search-form label {
margin: 0;
}
.buddypress-wrap form.bp-dir-search-form input[type="search"],
.buddypress-wrap form.bp-dir-search-form input[type="text"],
.buddypress-wrap form.bp-dir-search-form button[type="submit"],
.buddypress-wrap form.bp-messages-search-form input[type="search"],
.buddypress-wrap form.bp-messages-search-form input[type="text"],
.buddypress-wrap form.bp-messages-search-form button[type="submit"],
.buddypress-wrap form.bp-invites-search-form input[type="search"],
.buddypress-wrap form.bp-invites-search-form input[type="text"],
.buddypress-wrap form.bp-invites-search-form button[type="submit"] {
background: none;
border: 0 !important;
background: transparent !important;
border-radius: 0;
background-clip: padding-box;
}
.buddypress-wrap form.bp-dir-search-form input[type="search"],
.buddypress-wrap form.bp-dir-search-form input[type="text"],
.buddypress-wrap form.bp-messages-search-form input[type="search"],
.buddypress-wrap form.bp-messages-search-form input[type="text"],
.buddypress-wrap form.bp-invites-search-form input[type="search"],
.buddypress-wrap form.bp-invites-search-form input[type="text"] {
float: left;
width: 80%;
}
.buddypress-wrap form.bp-dir-search-form button[type="submit"],
.buddypress-wrap form.bp-messages-search-form button[type="submit"],
.buddypress-wrap form.bp-invites-search-form button[type="submit"] {
float: right;
font-size: inherit;
font-weight: 400;
line-height: 1.5;
text-align: center;
text-transform: none;
width: 20%;
}
.buddypress-wrap form.bp-dir-search-form button[type="submit"] span,
.buddypress-wrap form.bp-messages-search-form button[type="submit"] span,
.buddypress-wrap form.bp-invites-search-form button[type="submit"] span {
font-family: dashicons;
font-size: 18px;
line-height: 24px;
}
.buddypress-wrap form.bp-dir-search-form button[type="submit"].bp-show,
.buddypress-wrap form.bp-messages-search-form button[type="submit"].bp-show,
.buddypress-wrap form.bp-invites-search-form button[type="submit"].bp-show {
height: auto;
left: 0;
overflow: visible;
position: static;
top: 0;
}
.buddypress-wrap form.bp-dir-search-form input[type="search"]::-webkit-search-cancel-button,
.buddypress-wrap form.bp-messages-search-form input[type="search"]::-webkit-search-cancel-button,
.buddypress-wrap form.bp-invites-search-form input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}
.buddypress-wrap form.bp-dir-search-form input[type="search"]::-webkit-search-results-button,
.buddypress-wrap form.bp-dir-search-form input[type="search"]::-webkit-search-results-decoration,
.buddypress-wrap form.bp-messages-search-form input[type="search"]::-webkit-search-results-button,
.buddypress-wrap form.bp-messages-search-form input[type="search"]::-webkit-search-results-decoration,
.buddypress-wrap form.bp-invites-search-form input[type="search"]::-webkit-search-results-button,
.buddypress-wrap form.bp-invites-search-form input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.buddypress-wrap ul.filters li form label input {
line-height: 1.4;
padding: 0.1em 0.7em;
}
.buddypress-wrap .current-member-type {
font-style: italic;
}
.buddypress-wrap .dir-form {
clear: both;
}
.budypress.no-js form.bp-dir-search-form button[type="submit"] {
height: auto;
left: 0;
overflow: visible;
position: static;
top: 0;
}
.bp-user [data-bp-search] form input[type="search"],
.bp-user [data-bp-search] form input[type="text"] {
padding: 6px 10px 7px;
}
/**
*-------------------------------------------------------------------------------
* @section 7.0 - Tables - General
*-------------------------------------------------------------------------------
*/
.buddypress-wrap .bp-tables-user,
.buddypress-wrap table.wp-profile-fields,
.buddypress-wrap table.forum {
width: 100%;
}
.buddypress-wrap .bp-tables-user thead tr,
.buddypress-wrap table.wp-profile-fields thead tr,
.buddypress-wrap table.forum thead tr {
background: none;
border-bottom: 2px solid #ccc;
}
.buddypress-wrap .bp-tables-user tbody tr:nth-child(even),
.buddypress-wrap table.wp-profile-fields tbody tr:nth-child(even),
.buddypress-wrap table.forum tbody tr:nth-child(even) {
background: rgba(0, 0, 0, 0.03);
}
.buddypress-wrap .bp-tables-user tr th,
.buddypress-wrap .bp-tables-user tr td,
.buddypress-wrap table.wp-profile-fields tr th,
.buddypress-wrap table.wp-profile-fields tr td,
.buddypress-wrap table.forum tr th,
.buddypress-wrap table.forum tr td {
padding: 0.5em;
vertical-align: middle;
}
.buddypress-wrap .bp-tables-user tr td.label,
.buddypress-wrap table.wp-profile-fields tr td.label,
.buddypress-wrap table.forum tr td.label {
border-right: 1px solid #eaeaea;
font-weight: 600;
width: 25%;
}
.buddypress-wrap .bp-tables-user tr.alt td,
.buddypress-wrap table.wp-profile-fields tr.alt td {
background: #fafafa;
}
.buddypress-wrap table.profile-fields .data {
padding: 0.5em 1em;
}
.buddypress-wrap table.profile-fields tr:last-child {
border-bottom: none;
}
.buddypress-wrap table.notifications td {
padding: 1em 0.5em;
}
.buddypress-wrap table.notifications .bulk-select-all,
.buddypress-wrap table.notifications .bulk-select-check {
width: 3%;
text-align: center;
}
.buddypress-wrap table.notifications .bulk-select-check {
vertical-align: middle;
}
.buddypress-wrap table.notifications .title,
.buddypress-wrap table.notifications .notification-description,
.buddypress-wrap table.notifications .date,
.buddypress-wrap table.notifications .notification-since {
width: 39%;
}
.buddypress-wrap table.notifications .actions,
.buddypress-wrap table.notifications .notification-actions {
width: 15%;
}
.buddypress-wrap table.notification-settings th.title,
.buddypress-wrap table.profile-settings th.title {
width: 80%;
}
.buddypress-wrap table.notifications .notification-actions a.delete,
.buddypress-wrap table.notifications .notification-actions a.mark-read {
display: inline-block;
}
.buddypress-wrap table.notification-settings {
margin-bottom: 15px;
text-align: left;
}
.buddypress-wrap #groups-notification-settings {
margin-bottom: 0;
}
.buddypress-wrap table.notifications th.icon,
.buddypress-wrap table.notifications td:first-child,
.buddypress-wrap table.notification-settings th.icon,
.buddypress-wrap table.notification-settings td:first-child {
display: none;
}
.buddypress-wrap table.notification-settings .no,
.buddypress-wrap table.notification-settings .yes {
text-align: center;
width: 40px;
vertical-align: middle;
}
.buddypress-wrap table#message-threads {
clear: both;
}
.buddypress-wrap table#message-threads .thread-info {
min-width: 40%;
}
.buddypress-wrap table#message-threads .thread-info p {
margin: 0;
}
.buddypress-wrap table#message-threads .thread-info p.thread-excerpt {
color: #737373;
font-size: 12px;
margin-top: 3px;
}
.buddypress-wrap table.profile-fields {
margin-bottom: 20px;
}
.buddypress-wrap table.profile-fields:last-child {
margin-bottom: 0;
}
.buddypress-wrap table.profile-fields p {
margin: 0;
}
.buddypress-wrap table.profile-fields p:last-child {
margin-top: 0;
}
/**
*-------------------------------------------------------------------------------
* @section 8.0 - Classes - Messages, Ajax, Widgets, Buttons
*-------------------------------------------------------------------------------
*/
.bp-screen-reader-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
/*
.clearfix {
&:before,
&:after {
content: " ";
display: table;
}
}
.clearfix:after {
clear: both;
}
*/
.center-vert {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.bp-hide {
display: none;
}
.bp-show {
height: auto;
left: 0;
overflow: visible;
position: static;
top: 0;
}
.buddypress .buddypress-wrap .activity-content .activity-meta .generic-button a {
color: #555;
}
.buddypress .buddypress-wrap .activity-content .activity-meta .generic-button a:hover {
opacity: 0.8;
}
.buddypress .buddypress-wrap .button-small[type="button"] {
padding: 0 8px 1px;
}
.buddypress .buddypress-wrap button.text-button,
.buddypress .buddypress-wrap input.text-button {
background: none;
border: 0;
box-shadow: none;
color: #767676;
}
.buddypress .buddypress-wrap button.text-button.small,
.buddypress .buddypress-wrap input.text-button.small {
font-size: 13px;
}
.buddypress .buddypress-wrap button.text-button:focus, .buddypress .buddypress-wrap button.text-button:hover,
.buddypress .buddypress-wrap input.text-button:focus,
.buddypress .buddypress-wrap input.text-button:hover {
background: none;
text-decoration: underline;
}
.buddypress .buddypress-wrap .activity-list a.button {
border: none;
}
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li .invite-button {
color: #2c2f34;
}
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li .invite-button:hover {
color: #89ba16;
}
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li.selected .invite-button:hover,
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li.selected .group-remove-invite-button:hover {
color: #a00;
}
.buddypress .buddypress-wrap #item-buttons:empty {
display: none;
}
.buddypress .buddypress-wrap input:disabled:hover, .buddypress .buddypress-wrap input:disabled:focus {
opacity: 0.5;
}
.buddypress .buddypress-wrap .text-links-list a.button {
background: none;
border: none;
border-right: 1px solid #eee;
color: #737373;
display: inline-block;
padding: 0.3em 1em;
}
.buddypress .buddypress-wrap .text-links-list a.button:visited {
color: #d6d6d6;
}
.buddypress .buddypress-wrap .text-links-list a.button:focus, .buddypress .buddypress-wrap .text-links-list a.button:hover {
color: #5087e5;
}
.buddypress .buddypress-wrap .text-links-list a:first-child {
padding-left: 0;
}
.buddypress .buddypress-wrap .text-links-list a:last-child {
border-right: none;
}
.buddypress .buddypress-wrap .bp-list.grid .action a,
.buddypress .buddypress-wrap .bp-list.grid .action button {
display: block;
margin: 0;
}
.buddypress #buddypress .create-button {
background: none;
text-align: center;
}
.buddypress #buddypress .create-button a:focus,
.buddypress #buddypress .create-button a:hover {
text-decoration: underline;
}
@media screen and (min-width: 46.8em) {
.buddypress #buddypress .create-button {
float: right;
}
}
.buddypress #buddypress .create-button a {
border: 1px solid #ccc;
border-radius: 5px;
background-clip: padding-box;
box-shadow: inset 0 0 6px 0 #eaeaea;
margin: 0.2em 0;
width: auto;
}
.buddypress #buddypress .create-button a:focus, .buddypress #buddypress .create-button a:hover {
background: none;
border-color: #ccc;
box-shadow: inset 0 0 12px 0 #eaeaea;
}
@media screen and (min-width: 46.8em) {
.buddypress #buddypress.bp-dir-vert-nav .create-button {
float: none;
padding-top: 2em;
}
.buddypress #buddypress.bp-dir-vert-nav .create-button a {
margin-right: 0.5em;
}
}
.buddypress #buddypress.bp-dir-hori-nav .create-button {
margin: 0;
}
.buddypress #buddypress.bp-dir-hori-nav .create-button a:before {
display: inline-block;
font-size: 13px;
}
.buddypress #buddypress.bp-dir-hori-nav .create-button a {
background: #0088ff;
color: #ffffff;
box-shadow: none;
margin: 0;
line-height: 1.5;
border-radius: 2px;
border: 0;
}
.buddypress-wrap button.bp-icons, .buddypress-wrap button.ac-reply-cancel {
background: none;
border: 0;
}
.buddypress-wrap button.bp-icons:focus, .buddypress-wrap button.bp-icons:hover {
background: none;
}
.buddypress-wrap button.ac-reply-cancel:focus, .buddypress-wrap button.ac-reply-cancel:hover {
background: none;
text-decoration: underline;
}
.buddypress-wrap .filter label:before,
.buddypress-wrap .feed a:before,
.buddypress-wrap .bp-invites-filters .invite-button span.icons:before,
.buddypress-wrap .bp-messages-filters li a.messages-button:before,
.buddypress-wrap .bp-invites-content li .invite-button span.icons:before {
font-family: dashicons;
font-size: 18px;
}
.buddypress-wrap .bp-invites-content .item-list li .invite-button span.icons:before {
font-size: 27px;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .bp-invites-content .item-list li .invite-button span.icons:before {
font-size: 32px;
}
}
.buddypress-wrap .bp-list a.button.invite-button:focus, .buddypress-wrap .bp-list a.button.invite-button:hover {
background: none;
}
.buddypress-wrap .filter label:before {
content: "\f536";
}
.buddypress-wrap div.feed a:before,
.buddypress-wrap li.feed a:before {
content: "\f303";
line-height: 38px;
}
.buddypress-wrap ul.item-list li .invite-button:not(.group-remove-invite-button) span.icons:before {
content: "\f502";
}
.buddypress-wrap ul.item-list li.selected .invite-button span.icons:before,
.buddypress-wrap ul.item-list li .group-remove-invite-button span.icons:before {
content: "\f153";
}
.buddypress-wrap .bp-invites-filters ul li #bp-invites-next-page:before,
.buddypress-wrap .bp-messages-filters ul li #bp-messages-next-page:before {
content: "\f345";
}
.buddypress-wrap .bp-invites-filters ul li #bp-invites-prev-page:before,
.buddypress-wrap .bp-messages-filters ul li #bp-messages-prev-page:before {
content: "\f341";
}
.buddypress-wrap .warn {
color: #b71717;
}
.buddypress-wrap .bp-messages {
margin: 0 0 15px;
}
.buddypress-wrap .bp-messages .sitewide-notices {
display: block;
margin: 5px;
padding: 0.5em;
}
.buddypress-wrap .bp-messages.info {
margin-bottom: 0;
}
.buddypress-wrap .bp-messages.updated {
clear: both;
display: block;
}
.buddypress-wrap .bp-messages.error {
background: #d33;
border-color: #d33;
color: #fff;
}
.buddypress-wrap .bp-messages.bp-user-messages-feedback {
border: 0;
}
.buddypress-wrap #group-create-body .bp-cover-image-status p.warning {
background: #0b80a4;
border: 0;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
color: #fff;
}
.buddypress-wrap .bp-feedback:not(.custom-homepage-info) {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
-o-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
}
.buddypress-wrap .bp-feedback.custom-homepage-info.info {
padding: 10px;
}
.buddypress-wrap .bp-feedback {
background: transparent;
color: transparent;
box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.05);
color: #737373;
margin: 10px 0;
position: relative;
}
.buddypress-wrap .bp-feedback .bp-feedback {
border-width: 0;
}
.buddypress-wrap .bp-feedback p {
margin: 10px 5px;
}
.buddypress-wrap .bp-feedback span.bp-icon {
color: #fff;
display: block;
font-family: dashicons;
left: 0;
margin-right: 10px;
position: relative;
padding: 0 0.5em;
}
.buddypress-wrap .bp-feedback .bp-help-text {
font-style: italic;
display: inline-block;
margin: 5px;
}
.buddypress-wrap .bp-feedback .text {
font-size: 14px;
margin: 0;
padding: 0.5em 0;
}
.buddypress-wrap .bp-feedback.no-icon {
padding: 0.5em;
}
.buddypress-wrap .bp-feedback.small:before {
line-height: inherit;
}
.buddypress-wrap a[data-bp-close] span:before,
.buddypress-wrap button[data-bp-close] span:before {
font-size: 32px;
}
.buddypress-wrap a[data-bp-close],
.buddypress-wrap button[data-bp-close] {
border: 0;
position: absolute;
top: 10px;
right: 10px;
width: 32px;
}
.buddypress-wrap .bp-feedback.no-icon a[data-bp-close],
.buddypress-wrap .bp-feedback.no-icon button[data-bp-close] {
top: -6px;
right: 6px;
}
.buddypress-wrap button[data-bp-close]:hover {
background-color: transparent;
}
.buddypress-wrap .bp-feedback .bp-icon {
font-size: 20px;
padding: 0 2px;
}
.buddypress-wrap .bp-feedback.info .bp-icon,
.buddypress-wrap .bp-feedback.help .bp-icon,
.buddypress-wrap .bp-feedback.error .bp-icon,
.buddypress-wrap .bp-feedback.warning .bp-icon,
.buddypress-wrap .bp-feedback.loading .bp-icon,
.buddypress-wrap .bp-feedback.success .bp-icon,
.buddypress-wrap .bp-feedback.updated .bp-icon {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.buddypress-wrap .bp-feedback.info .bp-icon,
.buddypress-wrap .bp-feedback.bp-sitewide-notice .bp-icon,
.buddypress-wrap .bp-feedback.help .bp-icon {
background-color: #0b80a4;
}
.buddypress-wrap .bp-feedback.info .bp-icon:before,
.buddypress-wrap .bp-feedback.bp-sitewide-notice .bp-icon:before,
.buddypress-wrap .bp-feedback.help .bp-icon:before {
content: "\f348";
}
.buddypress-wrap .bp-feedback.error {
background-color: #d33;
color: #fff;
padding: 0.5em;
}
.buddypress-wrap .bp-feedback.error .bp-icon,
.buddypress-wrap .bp-feedback.warning .bp-icon {
background-color: #d33;
}
.buddypress-wrap .bp-feedback.error .bp-icon:before,
.buddypress-wrap .bp-feedback.warning .bp-icon:before {
content: "\f534";
}
.buddypress-wrap .bp-feedback.loading {
border-color: #ffd087;
}
.buddypress-wrap .bp-feedback.loading .bp-icon {
background-color: #ffd087;
}
.buddypress-wrap .bp-feedback.loading .bp-icon:before {
content: "\f469";
}
.buddypress-wrap .bp-feedback.success .bp-icon,
.buddypress-wrap .bp-feedback.updated .bp-icon {
background-color: #91cc2c;
}
.buddypress-wrap .bp-feedback.success .bp-icon:before,
.buddypress-wrap .bp-feedback.updated .bp-icon:before {
content: "\f147";
}
.buddypress-wrap .bp-feedback.help .bp-icon:before {
content: "\f468";
}
.buddypress-wrap .bp-feedback.bp-sitewide-notice .bp-icon {
background-color: #ffd087;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.buddypress-wrap .bp-feedback.bp-sitewide-notice .bp-icon:before {
content: "\f339";
}
.buddypress-wrap #pass-strength-result {
background-color: #eee;
border-color: #ddd;
border-style: solid;
border-width: 1px;
display: none;
font-weight: 700;
margin: 10px 0 10px 0;
padding: 0.5em;
text-align: center;
width: auto;
}
.buddypress-wrap #pass-strength-result.show {
display: block;
}
.buddypress-wrap #pass-strength-result.mismatch {
background-color: #333;
border-color: transparent;
color: #fff;
}
.buddypress-wrap #pass-strength-result.error, .buddypress-wrap #pass-strength-result.bad {
background-color: #ffb78c;
border-color: #ff853c;
color: #fff;
}
.buddypress-wrap #pass-strength-result.short {
background-color: #ffa0a0;
border-color: #f04040;
color: #fff;
}
.buddypress-wrap #pass-strength-result.strong {
background-color: #66d66e;
border-color: #438c48;
color: #fff;
}
.buddypress-wrap .standard-form#signup_form div div.error {
background: #faa;
color: #a00;
margin: 0 0 10px 0;
padding: 0.5em;
width: 90%;
}
.buddypress-wrap .accept,
.buddypress-wrap .reject {
float: left;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .accept,
.buddypress-wrap .reject {
margin-left: 10px;
}
}
.buddypress-wrap .members-list.grid .bp-ajax-message {
background: rgba(255, 255, 255, 0.9);
border: 1px solid #eee;
font-size: 14px;
left: 2%;
position: absolute;
padding: 0.5em 1em;
right: 2%;
top: 30px;
}
.widget_bp_core_recently_active_widget .widget-title-icon:before,
.widget_bp_groups_widget .widget-title-icon:before,
.widget_bp_core_members_widget .widget-title-icon:before,
.widget_bp_core_friends_widget .widget-title-icon:before {
content: "\f0c0";
}
.widget_bp_core_whos_online_widget .widget-title-icon:before {
content: "\f1eb";
}
.widget.buddypress #groups-list,
.widget.buddypress #members-list,
.widget.buddypress #friends-list {
border-top: 0;
margin-left: 0;
padding-left: 0;
}
.widget.buddypress #groups-list li,
.widget.buddypress #members-list li,
.widget.buddypress #friends-list li {
width: 100%;
padding: 0;
clear: both;
list-style-type: none;
}
.widget.buddypress #groups-list li:last-child,
.widget.buddypress #members-list li:last-child,
.widget.buddypress #friends-list li:last-child {
padding: 0;
}
.widget.buddypress #groups-list li .item,
.widget.buddypress #members-list li .item,
.widget.buddypress #friends-list li .item {
margin-left: 60px;
}
.widget.buddypress .item-avatar img.avatar {
float: left;
margin: 0 10px 15px 0;
}
.widget.buddypress span.activity {
display: inline-block;
font-size: small;
opacity: 0.8;
padding: 0;
}
.widget.buddypress .item-options {
font-size: 90%;
padding: 5px 0;
position: relative;
z-index: 1;
float: none;
margin-top: -10px;
margin-bottom: 5px;
color: transparent;
}
.widget.buddypress .item-options a {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
padding: 0 6px;
margin-right: 5px;
margin-bottom: 10px;
display: inline-block;
}
.widget.buddypress .item-options a.selected:not(.loading) {
background: #0088ff;
border-color: #0088ff;
color: #ffffff !important;
}
.widget.buddypress .item-options span {
display: none;
}
#buddypress .widget ul.item-list {
margin-bottom: 0;
}
.widget.widget_bp_core_friends_widget .item-options a {
margin-left: 0;
margin-right: 5px;
}
.widget.buddypress .item {
margin-left: 60px;
}
.widget.buddypress li:not(:last-child) .item {
padding-bottom: 15px;
}
.widget.buddypress .item-meta,
.widget.buddypress .item-content {
font-size: 11px;
line-height: 12px;
}
.widget.buddypress ul.item-list img.avatar {
height: 40px;
margin-right: 10px;
width: 40px;
}
.widget.buddypress .item-avatar img {
height: 40px;
margin: 1px;
width: 40px;
}
.widget.buddypress .avatar-block {
overflow: hidden;
}
.widget.buddypress #bp-login-widget-form {
overflow: hidden;
}
.widget.buddypress #bp-login-widget-form label {
display: block;
margin: 0 0 10px;
}
.widget.buddypress #bp-login-widget-form input[type="text"],
.widget.buddypress #bp-login-widget-form input[type="password"] {
width: 100%;
margin-bottom: 10px;
}
.widget.buddypress #bp-login-widget-form #bp-login-widget-submit {
float: right;
margin-top: 10px;
width: 100%;
padding: 10px;
}
.widget.buddypress #bp-login-widget-form .forgetmenot {
float: left;
}
.widget.buddypress #bp-login-widget-form .bp-login-widget-register-link {
width: 100%;
float: left;
text-align: center;
margin-top: 10px;
}
.bp-login-widget-user-avatar + .bp-login-widget-user-links {
margin-top: -50px;
}
.bp-login-widget-user-avatar {
width: 40px;
}
.bp-login-widget-user-avatar img.avatar {
height: 40px;
width: 40px;
}
.widget.buddypress .bp-login-widget-user-links > div {
padding-left: 60px;
}
.widget.buddypress .bp-login-widget-user-links > div {
margin-bottom: .5rem;
}
.widget.buddypress .bp-login-widget-user-links > .bp-login-widget-user-link a {
font-weight: bold;
}
.widget_bp_core_sitewide_messages .bp-site-wide-message #message {
margin-bottom: 0;
}
#buddypress .widget_bp_core_sitewide_messages .bp-site-wide-message #message {
margin-bottom: 0;
}
.bp-widget-area .widget .widget-title {
color: #2c2f34;
}
#buddypress-wrap * {
transition: opacity 0.1s ease-in-out 0.1s;
}
#buddypress-wrap button,
#buddypress-wrap a.generic-button,
#buddypress-wrap a.button,
#buddypress-wrap input[type="submit"],
#buddypress-wrap input[type="reset"] {
transition: background 0.1s ease-in-out 0.1s, color 0.1s ease-in-out 0.1s, border-color 0.1s ease-in-out 0.1s;
}
.buddypress-wrap a.loading,
.buddypress-wrap button.loading,
.buddypress-wrap input.loading {
-webkit-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
animation: loader-pulsate 0.5s infinite ease-in-out alternate;
border-color: #aaa;
}
@-webkit-keyframes loader-pulsate {
from {
border-color: #aaa;
box-shadow: 0 0 16px #bbb;
}
to {
border-color: #ccc;
box-shadow: 0 0 16px #f8f8f8;
}
}
@keyframes loader-pulsate {
from {
border-color: #aaa;
box-shadow: 0 0 16px #bbb;
}
to {
border-color: #ccc;
box-shadow: 0 0 16px #f8f8f8;
}
}
.dark-skin .buddypress-wrap a.loading,
.dark-skin .buddypress-wrap button.loading,
.dark-skin .buddypress-wrap input.loading {
-webkit-animation: dark-loader-pulsate 0.5s infinite ease-in-out alternate;
animation: dark-loader-pulsate 0.5s infinite ease-in-out alternate;
}
@-webkit-keyframes dark-loader-pulsate {
from {
border-color: #333;
box-shadow: 0 0 6px #000;
}
to {
border-color: #333;
box-shadow: 0 0 6px #333;
}
}
@keyframes dark-loader-pulsate {
from {
border-color: #333;
box-shadow: 0 0 6px #000;
}
to {
border-color: #333;
box-shadow: 0 0 6px #333;
}
}
[data-bp-tooltip] {
position: relative;
}
[data-bp-tooltip]:after {
background-color: #fff;
display: none;
opacity: 0;
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
}
[data-bp-tooltip]:after {
border: 1px solid #737373;
border-radius: 1px;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
color: #333;
content: attr(data-bp-tooltip);
font-family: "Helvetica Neue", helvetica, arial, san-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: normal;
line-height: 1.25;
max-width: 200px;
padding: 5px 8px;
pointer-events: none;
text-shadow: none;
text-transform: none;
transition: all 1.5s ease;
white-space: nowrap;
word-wrap: break-word;
z-index: 100000;
}
[data-bp-tooltip]:hover:after, [data-bp-tooltip]:active:after, [data-bp-tooltip]:focus:after {
display: block;
opacity: 1;
overflow: visible;
visibility: visible;
}
[data-bp-tooltip=""] {
display: none;
opacity: 0;
visibility: hidden;
}
.bp-tooltip:after {
left: 50%;
margin-top: 7px;
top: 110%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.user-list .bp-tooltip:after {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
@media screen and (min-width: 46.8em) {
.user-list .bp-tooltip:after {
left: auto;
right: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.activity-list .bp-tooltip:after,
.activity-meta-action .bp-tooltip:after,
.notification-actions .bp-tooltip:after,
.participants-list .bp-tooltip:after {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.bp-invites-content .bp-tooltip:after,
.message-metadata .actions .bp-tooltip:after,
.single-message-thread-header .actions .bp-tooltip:after {
left: auto;
right: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.bp-invites-content #send-invites-editor .bp-tooltip:after {
left: 0;
right: auto;
}
/**
*-------------------------------------------------------------------------------
* @section 9.0 - Layout classes
*-------------------------------------------------------------------------------
*/
#item-body,
.single-screen-navs {
box-sizing: border-box;
}
.grid > li,
.grid > li .generic-button a {
box-sizing: border-box;
}
.grid > li {
float: left;
border-bottom: 0;
margin: 10px 0;
padding: 0;
}
.grid > li .list-wrap {
border: 1px solid #eee;
position: relative;
overflow: hidden;
padding-top: 14px;
border-radius: 5px;
}
.grid > li .list-wrap .list-title {
padding: 0.5em;
}
.grid > li .list-wrap .update {
color: #737373;
padding: 0.5em 2em;
}
@media screen and (min-width: 24em) {
.grid.members-list .list-wrap .item-block, .grid.members-group-list .list-wrap .item-block, .grid.blogs-list .list-wrap .item-block {
margin: 0 auto;
}
.grid.groups-list .list-wrap .group-desc {
margin: 15px auto 0;
overflow: hidden;
}
.grid.groups-list .list-wrap .last-activity,
.grid.groups-list .list-wrap .group-details,
.grid.groups-list .list-wrap .item-desc {
margin-bottom: 0;
}
.grid.groups-list .list-wrap .last-activity p,
.grid.groups-list .list-wrap .group-details p,
.grid.groups-list .list-wrap .item-desc p {
margin-bottom: 0;
}
}
/* Build the two column class small up */
@media screen and (min-width: 24em) {
.grid {
width: 100%;
}
.buddypress-wrap .grid.two.bp-list > li .item-avatar img.avatar {
width: 120px;
}
.grid.two > li, .grid.three > li {
width: 50%;
}
.grid.two > li .item, .grid.three > li .item {
margin: 1rem auto 0;
width: 80%;
}
.grid.two > li .item .item-title, .grid.three > li .item .item-title {
width: auto;
}
}
/* Build the three column class medium up */
@media screen and (min-width: 46.8em) {
.grid.three > li {
padding-top: 0;
width: 33.333333%;
width: calc(100% / 3);
}
}
/* Build the four column class medium up */
.grid.four > li {
width: 100%;
}
@media screen and (min-width: 24em) {
.grid.four > li {
width: 50%;
}
}
@media screen and (min-width: 32em) {
.grid.four > li {
width: calc(100% / 3);
}
}
@media screen and (min-width: 46.8em) {
.grid.four > li {
width: 25%;
}
}
.buddypress-wrap .grid.bp-list {
padding-top: 20px;
}
.buddypress-wrap .grid.bp-list > li {
border-bottom: none;
}
.buddypress-wrap .grid.bp-list > li .list-wrap {
padding: 1em;
padding-bottom: 3rem;
margin: 0 10px;
}
.buddypress-wrap .grid.bp-list > li .item-avatar {
margin: 0;
text-align: center;
width: auto;
}
.buddypress-wrap .grid.bp-list > li .item-avatar img.avatar {
display: inline-block;
height: auto;
width: 70px;
}
.buddypress-wrap .grid.bp-list > li .item-meta,
.buddypress-wrap .grid.bp-list > li .list-title {
float: none;
text-align: center;
}
.buddypress-wrap .grid.bp-list > li .list-title {
line-height: 1.1;
}
.buddypress-wrap .grid.bp-list > li .item-meta {
margin: 0;
}
.buddypress-wrap .grid.bp-list > li .item {
font-size: 18px;
left: 0;
margin: 0 auto;
text-align: center;
width: 96%;
}
@media screen and (min-width: 46.8em) {
.buddypress-wrap .grid.bp-list > li .item {
font-size: 22px;
}
}
.buddypress-wrap .grid.bp-list > li .item .item-block,
.buddypress-wrap .grid.bp-list > li .item .group-desc {
float: none;
width: 96%;
}
.buddypress-wrap .grid.bp-list > li .item .last-activity {
margin-top: 5px;
}
.buddypress-wrap .grid.bp-list > li .item .group-desc {
clear: none;
}
.buddypress-wrap .grid.bp-list > li .item .user-update {
clear: both;
text-align: left;
}
.buddypress-wrap .grid.bp-list > li .item .activity-read-more a {
display: inline;
}
.buddypress-wrap .grid.bp-list > li .action {
bottom: 5px;
float: none;
position: absolute;
bottom: 5px;
height: auto;
left: 0;
margin: 0;
padding: 5px;
text-align: center;
top: auto;
width: 100%;
}
.buddypress-wrap .grid.bp-list > li .action .generic-button {
float: none;
margin: 5px 0 0;
text-align: center;
}
.buddypress-wrap .grid.bp-list > li .action .generic-button a,
.buddypress-wrap .grid.bp-list > li .action .generic-button button {
padding: 0.5em 1em;
}
.buddypress-wrap .grid.bp-list > li .item-avatar,
.buddypress-wrap .grid.bp-list > li .avatar,
.buddypress-wrap .grid.bp-list > li .item {
float: none;
}
.buddypress-wrap .blogs-list.grid.three > li .last-activity,
.buddypress-wrap .blogs-list.grid.four > li .last-activity {
margin-bottom: 0;
}
.buddypress-wrap .blogs-list.grid.three > li .last-post,
.buddypress-wrap .blogs-list.grid.four > li .last-post {
margin-top: 0;
}
.buddypress:not(.logged-in) .grid.bp-list .list-wrap {
padding-bottom: 5px;
}
@media screen and (min-width: 46.8em) {
.bp-single-vert-nav .bp-navs.vertical {
overflow: visible;
}
.bp-single-vert-nav .bp-navs.vertical ul {
border-right: 1px solid #d6d6d6;
border-bottom: 0;
float: left;
margin-right: -1px;
width: 25%;
}
.bp-single-vert-nav .bp-navs.vertical li {
float: none;
margin-right: 0;
}
.bp-single-vert-nav .bp-navs.vertical li.selected a {
background: #f8f8f8;
color: #0088ff;
font-weight: bold;
}
.bp-single-vert-nav .bp-navs.vertical li:focus, .bp-single-vert-nav .bp-navs.vertical li:hover {
background: #f8f8f8;
}
.bp-single-vert-nav .bp-navs.vertical li a {
line-height: 40px;
}
.bp-single-vert-nav .bp-navs.vertical li span {
float: right;
margin-right: 2px;
margin-top: 12px;
position: static;
}
.bp-single-vert-nav .bp-navs.vertical.tabbed-links li.selected a {
padding-left: 0;
}
.bp-single-vert-nav .bp-wrap {
margin-bottom: 15px;
}
.bp-single-vert-nav .bp-wrap .user-nav-tabs.users-nav ul li,
.bp-single-vert-nav .bp-wrap .group-nav-tabs.groups-nav ul li {
position: relative;
}
.bp-single-vert-nav .bp-wrap .user-nav-tabs.users-nav ul li.current,
.bp-single-vert-nav .bp-wrap .group-nav-tabs.groups-nav ul li.current {
left: 1px;
}
.bp-single-vert-nav .item-body:not(#group-create-body) {
background: #fff;
border-left: 1px solid #d6d6d6;
float: right;
margin: 0;
min-height: 400px;
padding: 0 0 0 1em;
width: calc(75% + 1px);
}
.bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) {
margin: 0 0 0 -5px;
width: auto;
border-bottom: 1px solid #eee;
box-shadow: 0 2px 12px 0 #fafafa;
}
.bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li {
font-size: 14px;
margin: 10px 0;
}
.bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li a {
padding: 0 0.5em;
}
.bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li a:focus,
.bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li a:hover {
background: none;
}
.bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li.current a {
background: none;
color: #0088ff;
}
.bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li:last-child a {
border: none;
}
.bp-dir-vert-nav .dir-navs {
float: left;
left: 1px;
position: relative;
width: 20%;
}
.bp-dir-vert-nav .dir-navs ul li {
float: none;
overflow: hidden;
width: auto;
}
.bp-dir-vert-nav .dir-navs ul li .count {
margin-top: 9px;
}
.bp-dir-vert-nav .dir-navs ul li.selected {
border: 1px solid #d6d6d6;
}
.bp-dir-vert-nav .dir-navs ul li.selected a {
color: #0088ff;
}
.bp-dir-vert-nav .screen-content {
border-left: 1px solid #d6d6d6;
margin-left: 20%;
overflow: hidden;
padding: 0 0 2em 1em;
min-height: 250px;
}
.bp-dir-vert-nav .screen-content .subnav-filters {
margin-top: 0;
}
.buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li:not(.selected) a:hover,
.buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li:not(.selected) a:focus,
.buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li:not(.selected) a:hover,
.buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li:not(.selected) a:focus,
.buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li:not(.selected) a:hover,
.buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li:not(.selected) a:focus,
.buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li:not(.selected) a:hover,
.buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li:not(.selected) a:focus,
.buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li:not(.selected) a:hover,
.buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li:not(.selected) a:focus,
.buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li:not(.selected) a:hover,
.buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li:not(.selected) a:focus {
background: none;
}
.buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li.selected,
.buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li.selected,
.buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li.selected,
.buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li.selected,
.buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li.selected,
.buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li.selected {
background: none;
border: 1px solid #d6d6d6;
border-right-color: #fff;
}
.buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li.selected a,
.buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li.selected a,
.buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li.selected a,
.buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li.selected a,
.buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li.selected a,
.buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li.selected a {
background: none;
color: #0088ff;
font-weight: 600;
}
}
/**
*-------------------------------------------------------------------------------
* @section 10.0 - Buddypress in Dark Skin
*-------------------------------------------------------------------------------
*/
.dark-skin .bp-list li .activity-content,
.dark-skin .buddypress-wrap form.bp-dir-search-form,
.dark-skin .buddypress-wrap form.bp-messages-search-form,
.dark-skin .buddypress-wrap form.bp-invites-search-form,
.dark-skin .buddypress-wrap .select-wrap,
.dark-skin .buddypress-wrap .profile .bp-widget,
.dark-skin .buddypress-wrap .profile.edit .editfield,
.dark-skin .buddypress-wrap .standard-form .wp-editor-container,
.dark-skin #drag-drop-area,
.dark-skin .bp-avatar-nav ul,
.dark-skin .bp-avatar-nav ul.avatar-nav-items li.current,
.dark-skin .buddypress-wrap .bp-pagination.top,
.dark-skin table,
.dark-skin table thead th,
.dark-skin table tbody td,
.dark-skin #message-threads,
.dark-skin #message-threads li,
.dark-skin .bp-messages-content #thread-preview,
.dark-skin .bp-messages-content .preview-pane-header,
.dark-skin .bp-messages-content .single-message-thread-header,
.dark-skin .grid > li .list-wrap,
.dark-skin .buddypress .buddypress-wrap .bp-list.grid .action a,
.dark-skin .buddypress .buddypress-wrap .bp-list.grid .action button,
.dark-skin .buddypress-wrap .activity-comments .acomment-content,
.dark-skin .buddypress-wrap .activity-comments ul li,
.dark-skin .buddypress-wrap .bp-messages,
.dark-skin .bp-messages-content #bp-message-thread-list,
.dark-skin .buddypress-wrap .bp-messages,
.dark-skin .buddypress-wrap .bp-feedback,
.dark-skin .activity-update-form #whats-new-post-in-box select,
.dark-skin .rtl .activity-update-form #whats-new-post-in-box-items .bp-activity-object,
.dark-skin .activity-update-form #whats-new-post-in-box-items .bp-activity-object.selected,
.dark-skin .buddypress .bp-invites-content ul.item-list > li {
border-color: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 46.8em) {
.dark-skin .buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
border-color: rgba(255, 255, 255, 0.1);
}
}
.dark-skin #message-threads li.selected,
.dark-skin #header-cover-image,
.dark-skin .buddypress .buddypress-wrap .bp-list.grid .action a:focus,
.dark-skin .buddypress .buddypress-wrap .bp-list.grid .action a:hover,
.dark-skin .buddypress .buddypress-wrap .bp-list.grid .action button:focus,
.dark-skin .buddypress .buddypress-wrap .bp-list.grid .action button:hover {
background-color: #18191c;
}
.dark-skin .bp-messages-content #thread-preview .preview-content .preview-message,
.dark-skin .buddypress-wrap .bp-tables-user:not(.profile-fields) tr.alt td,
.dark-skin .buddypress-wrap table.wp-profile-fields tr.alt td,
.dark-skin .bp-messages-content #bp-message-thread-list li:nth-child(2n) .message-content,
.dark-skin #buddypress #item-header .bp-feedback,
.dark-skin .activity-update-form #whats-new-post-in-box-items .bp-activity-object:focus,
.dark-skin .activity-update-form #whats-new-post-in-box-items .bp-activity-object:hover {
background: #1b1c20;
}
.dark-skin .activity-list .activity-item:not(.load-more):before,
.dark-skin .buddypress-wrap .profile .profile-fields:before {
background-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .buddypress-wrap .activity-list .load-more a,
.dark-skin .buddypress-wrap .activity-list .load-newest a {
background-color: #1b1d1f;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .buddypress-wrap .activity-list .load-more a:focus, .dark-skin .buddypress-wrap .activity-list .load-more a:hover,
.dark-skin .buddypress-wrap .activity-list .load-newest a:focus,
.dark-skin .buddypress-wrap .activity-list .load-newest a:hover {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
background-color: #1f2024;
color: #fff;
}
.dark-skin .activity-list .activity-item div.item-avatar {
color: #1f2024;
}
.dark-skin .magazine2 .activity-list .activity-item div.item-avatar {
color: #27292d;
}
.dark-skin .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
border-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
}
@media screen and (max-width: 46.8em) {
.dark-skin .buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
background: #1f2024;
}
}
.dark-skin .buddypress-wrap .select-wrap:focus,
.dark-skin .buddypress-wrap .select-wrap:hover,
.dark-skin .buddypress-wrap .bp-search form:focus,
.dark-skin .buddypress-wrap .bp-search form:hover {
box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.1);
}
.dark-skin .activity-update-form #whats-new-textarea textarea:focus {
box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.3);
}
.dark-skin .buddypress-wrap .profile .profile-fields .label:before {
box-shadow: 0 0 0 5px #1f2024;
}
.dark-skin .bp-messages-content #bp-message-thread-list .message-metadata {
box-shadow: none;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-skin .feed a:not(:hover),
.dark-skin .buddypress .buddypress-wrap .bp-invites-content ul.bp-list li .invite-button:not(:hover) {
color: #767676;
}
.dark-skin .buddypress-wrap .profile.edit .editfield {
background: transparent;
}
.dark-skin .buddypress-wrap .profile.edit .button-nav {
box-shadow: none;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .buddypress-wrap .standard-form textarea,
.dark-skin .buddypress-wrap .standard-form input[type="text"],
.dark-skin .buddypress-wrap .standard-form input[type="color"],
.dark-skin .buddypress-wrap .standard-form input[type="date"],
.dark-skin .buddypress-wrap .standard-form input[type="datetime"],
.dark-skin .buddypress-wrap .standard-form input[type="datetime-local"],
.dark-skin .buddypress-wrap .standard-form input[type="email"],
.dark-skin .buddypress-wrap .standard-form input[type="month"],
.dark-skin .buddypress-wrap .standard-form input[type="number"],
.dark-skin .buddypress-wrap .standard-form input[type="range"],
.dark-skin .buddypress-wrap .standard-form input[type="search"],
.dark-skin .buddypress-wrap .standard-form input[type="tel"],
.dark-skin .buddypress-wrap .standard-form input[type="time"],
.dark-skin .buddypress-wrap .standard-form input[type="url"],
.dark-skin .buddypress-wrap .standard-form input[type="week"],
.dark-skin .buddypress-wrap .standard-form select,
.dark-skin .buddypress-wrap .standard-form input[type="password"],
.dark-skin .buddypress-wrap .standard-form [data-bp-search] input[type="search"],
.dark-skin .buddypress-wrap .standard-form [data-bp-search] input[type="text"],
.dark-skin .buddypress-wrap .standard-form .groups-members-search input[type="search"],
.dark-skin .buddypress-wrap .standard-form .groups-members-search input[type="text"] {
background-color: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.1);
color: #767676;
}
.dark-skin .buddypress-wrap textarea:focus,
.dark-skin .buddypress-wrap input[type="text"]:focus,
.dark-skin .buddypress-wrap input[type="email"]:focus,
.dark-skin .buddypress-wrap input[type="url"]:focus,
.dark-skin .buddypress-wrap input[type="tel"]:focus,
.dark-skin .buddypress-wrap input[type="password"]:focus {
box-shadow: none;
color: #eaeaea;
border-color: rgba(255, 255, 255, 0.2);
}
.dark-skin div.mce-toolbar-grp,
.dark-skin .buddypress-wrap .tmce-active button.switch-tmce,
.dark-skin .quicktags-toolbar {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .buddypress-wrap .html-active button.switch-html {
background: rgba(255, 255, 255, 0.1);
}
.dark-skin div.mce-panel {
background: #111;
}
.dark-skin .wp-core-ui .quicktags-toolbar input.button.button-small {
box-shadow: none;
}
.dark-skin .bp-messages-content #thread-preview h2:first-child,
.dark-skin .bp-messages-content #bp-message-thread-header h2:first-child {
background: rgba(255, 255, 255, 0.03);
color: #767676;
}
/**
*-------------------------------------------------------------------------------
* @section 10.0 - Buddypress RTL
*-------------------------------------------------------------------------------
*/
.rtl {
/*
* bp-nouveau styling: invite members, sent invites
* @version 3.0.0
*/
}
.rtl .bp-navs ul li .count {
margin-right: 4px;
margin-left: 0;
right: 50%;
left: auto;
}
@media screen and (min-width: 46.8em) {
.rtl .bp-dir-hori-nav:not(.bp-vertical-navs) .bp-navs.main-navs ul li {
margin: 0 0 0 10px;
}
.rtl .bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs.dir-navs:not(.tabbed-links) ul li {
float: right;
}
body.groups .rtl .bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs:not(.dir-navs) #object-nav li {
float: none;
}
}
@media screen and (min-width: 46.8em) {
.rtl #group-create-tabs:not(.tabbed-links) li {
float: none;
}
.rtl #group-create-tabs:not(.tabbed-links) li:not(:last-child):after {
content: '\f177';
}
}
.rtl .main-navs.dir-navs .count {
margin-right: 1px;
margin-left: 0;
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress-wrap #compose-personal-li {
float: left;
}
}
.rtl .buddypress_object_nav .bp-navs.group-create-links ul li.current a,
.rtl .buddypress-wrap .bp-navs.group-create-links ul li.current a {
text-align: center;
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress-wrap .bp-navs li,
.rtl .buddypress-wrap .subnav {
float: right;
}
.rtl .buddypress-wrap ul.subnav {
width: auto;
}
.rtl .buddypress-wrap #subsubnav .activity-search {
float: right;
}
.rtl .buddypress-wrap #subsubnav .filter {
float: left;
}
}
@media screen and (min-width: 46.8em) {
.rtl .bp-dir-vert-nav .bp-navs.dir-navs a .count {
float: left;
}
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress-wrap .tabbed-links ul,
.rtl .buddypress-wrap .tabbed-links ol {
border-bottom: 1px solid #ccc;
float: none;
margin: 20px 0 10px;
}
.rtl .buddypress-wrap .tabbed-links ul:before, .rtl .buddypress-wrap .tabbed-links ul:after,
.rtl .buddypress-wrap .tabbed-links ol:before,
.rtl .buddypress-wrap .tabbed-links ol:after {
content: " ";
display: block;
}
.rtl .buddypress-wrap .tabbed-links ul:after,
.rtl .buddypress-wrap .tabbed-links ol:after {
clear: both;
}
.rtl .buddypress-wrap .tabbed-links ul li,
.rtl .buddypress-wrap .tabbed-links ol li {
float: left;
list-style: none;
margin: 0 10px 0 0;
}
.rtl .buddypress-wrap .tabbed-links ul li a,
.rtl .buddypress-wrap .tabbed-links ul li span:not(.count),
.rtl .buddypress-wrap .tabbed-links ol li a,
.rtl .buddypress-wrap .tabbed-links ol li span:not(.count) {
background: none;
border: none;
display: block;
padding: 4px 10px;
}
.rtl .buddypress-wrap .tabbed-links ul li a:focus,
.rtl .buddypress-wrap .tabbed-links ul li a:hover,
.rtl .buddypress-wrap .tabbed-links ol li a:focus,
.rtl .buddypress-wrap .tabbed-links ol li a:hover {
background: none;
}
.rtl .buddypress-wrap .tabbed-links ul li.current,
.rtl .buddypress-wrap .tabbed-links ol li.current {
border-color: #ccc #ccc #fff;
border-style: solid;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-width: 1px;
margin-bottom: -1px;
padding: 0 0.5em 1px;
}
.rtl .buddypress-wrap .tabbed-links ul li.current a,
.rtl .buddypress-wrap .tabbed-links ol li.current a {
background: none;
color: #333;
}
.rtl .buddypress-wrap .tabbed-links ul li.current.bp-personal-tab,
.rtl .buddypress-wrap .tabbed-links ol li.current.bp-personal-tab {
margin-bottom: 0;
}
.rtl .buddypress-wrap .bp-subnavs.tabbed-links > ul {
margin-top: 0;
}
.rtl .buddypress-wrap .bp-navs.tabbed-links ul li a {
border-right-width: 1px;
border-left: 0;
}
.rtl .buddypress-wrap .bp-navs.tabbed-links ul li.last {
float: left;
}
}
.rtl .buddypress-wrap .subnav-filters:before,
.rtl .buddypress-wrap .subnav-filters:after {
content: " ";
display: table;
}
.rtl .buddypress-wrap .subnav-filters:after {
clear: both;
}
.rtl .buddypress-wrap .subnav-filters > ul {
float: right;
}
.rtl .buddypress-wrap .subnav-filters div {
float: none;
}
.rtl .buddypress-wrap .subnav-filters .feed {
margin-left: 15px;
margin-right: 0;
}
.rtl .buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions {
float: right;
}
.rtl .buddypress-wrap .subnav-filters .user-messages-bulk-actions label {
margin-left: 25px;
margin-right: 0;
}
.rtl .buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply {
text-align: center;
}
@media screen and (min-width: 32em) {
.rtl .buddypress-wrap .subnav-filters .subnav-search,
.rtl .buddypress-wrap .subnav-filters .subnav-search form,
.rtl .buddypress-wrap .subnav-filters .feed,
.rtl .buddypress-wrap .subnav-filters .bp-search,
.rtl .buddypress-wrap .subnav-filters .dir-search,
.rtl .buddypress-wrap .subnav-filters .user-messages-bulk-actions,
.rtl .buddypress-wrap .subnav-filters .user-messages-search,
.rtl .buddypress-wrap .subnav-filters .group-invites-search,
.rtl .buddypress-wrap .subnav-filters .group-act-search {
float: right;
}
.rtl .buddypress-wrap .subnav-filters .last,
.rtl .buddypress-wrap .subnav-filters .component-filters,
.rtl .buddypress-wrap .subnav-filters .user-messages-search {
float: left;
}
}
.rtl .buddypress-wrap .bp-pagination .pag-count {
float: right;
}
.rtl .buddypress-wrap .bp-pagination .bp-pagination-links {
float: left;
margin-left: 10px;
margin-right: 0;
}
.rtl .buddypress-wrap .bp-pagination .next,
.rtl .buddypress-wrap .bp-pagination .prev {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
display: inline-block;
}
.rtl .bp-list li .activity-meta.action .generic-button {
margin: 0 0 0 10px;
}
@media screen and (min-width: 46.8em) {
.rtl .bp-list li .item-avatar {
float: right;
margin-left: 15px;
margin-right: 0;
}
.rtl .bp-list li .action {
clear: right;
text-align: right;
}
.rtl .bp-list li .action li.generic-button {
margin-left: 0;
}
}
.rtl .buddypress-wrap .groups-list:not(.grid) li:not(:last-child) .item,
.rtl .buddypress-wrap .members-list:not(.grid) li:not(:last-child) .item,
.rtl .buddypress-wrap .members-group-list:not(.grid) li:not(:last-child) .item {
margin-left: 0;
}
@media screen and (min-width: 46.8em) {
.rtl .friends-request-list li .action,
.rtl .membership-requests-list li .action {
text-align: left;
}
.rtl .friends-request-list li .item-title,
.rtl .membership-requests-list li .item-title {
text-align: right;
}
}
@media screen and (min-width: 46.8em) {
.rtl body:not(.logged-in) .bp-list .item {
margin-left: 0;
}
}
.rtl .activity-update-form #whats-new-post-in-box-items .bp-activity-object {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.rtl .activity-update-form #whats-new-post-in-box-items .bp-activity-object span {
padding-right: 10px;
padding-left: 0;
}
.rtl .activity-update-form #whats-new-post-in-box-items .bp-activity-object .bp-remove-item {
margin-right: 10px;
margin-left: 0;
}
.rtl .activity-update-form #whats-new-submit {
margin: 0 0 10px;
}
@media screen and (min-width: 46.8em) {
.rtl .activity-update-form #whats-new-post-in-box {
float: right;
}
.rtl .activity-update-form #whats-new-post-in-box select {
float: right;
margin-left: 4%;
margin-right: 0;
}
.rtl .activity-update-form #whats-new-post-in-box-items {
float: right;
}
.rtl .activity-update-form #whats-new-submit {
float: left;
}
.rtl .activity-update-form #whats-new-avatar {
float: right;
}
.rtl .activity-update-form #whats-new-content,
.rtl .activity-update-form #whats-new-post-in-box {
margin-right: 70px;
margin-left: 0;
}
.rtl .activity-update-form #whats-new-submit input {
margin-right: 10px;
margin-left: 0;
float: left;
}
}
.rtl .activity-update-form #message {
float: right;
}
.rtl .activity-list .activity-item:not(.load-more):before {
right: 15px;
left: auto;
}
.rtl .activity-list .activity-item div.item-avatar {
float: right;
margin-left: 10px;
margin-right: 0;
}
@media screen and (min-width: 46.8em) {
.rtl .activity-list .activity-item:not(.load-more):before {
right: 25px;
left: auto;
}
}
.rtl .activity-list .activity-item.mini .activity-avatar {
margin-right: 40px;
}
.rtl .activity-list .activity-item.new_forum_post .activity-inner, .rtl .activity-list .activity-item.new_forum_topic .activity-inner {
border-right: 2px solid #eaeaea;
border-left: 0;
margin-right: 10px;
margin-left: 0;
padding-right: 1em;
padding-left: 0;
}
.rtl .activity-list .activity-item .activity-content {
margin-right: 40px;
margin-left: 0;
}
.rtl .activity-list .activity-item .activity-read-more {
margin-right: 1em;
margin-left: 0;
}
.rtl .activity-list .activity-item ul.activity-meta {
padding-right: 0;
}
.rtl .activity-list .activity-item .activity-meta.action {
text-align: right;
}
@media screen and (min-width: 46.8em) {
.rtl .activity-list .activity-item > .activity-content > .activity-meta.action {
left: 0;
right: auto;
}
}
@media screen and (min-width: 46.8em) {
.rtl .activity-list .activity-item .activity-content {
margin: 0 70px 0 0;
}
.rtl .activity-list .activity-item .activity-header {
margin: 0 0 0 110px;
}
}
.rtl body.activity-permalink .activity-list .activity-content .activity-inner,
.rtl body.activity-permalink .activity-list .activity-content blockquote {
margin-right: 0;
}
@media screen and (min-width: 46.8em) {
.rtl body.activity-permalink .activity-list .activity-avatar {
right: -20px;
left: auto;
margin-left: 0;
}
.rtl body.activity-permalink .activity-list .activity-content {
margin-left: 10px;
}
.rtl body.activity-permalink .activity-list .activity-content .activity-header p {
text-align: right;
}
}
.rtl .buddypress-wrap .activity-comments {
margin: 0 70px 0 0;
}
@media screen and (max-width: 46.8em) {
.rtl .buddypress-wrap .activity-comments {
margin-right: 40px;
margin-left: 0;
}
}
.rtl .buddypress-wrap .activity-comments ul li ul {
margin-right: 5%;
margin-left: 0;
}
.rtl .buddypress-wrap .activity-comments div.acomment-avatar img {
float: right;
}
.rtl .buddypress-wrap .activity-comments .acomment-content {
border-width: 0 3px 0 0;
margin: 15px 40px 0 0;
padding-right: 15px;
padding-left: 0;
}
.rtl .buddypress-wrap .activity-comments .acomment-options {
float: right;
margin: 10px 20px 10px 0;
}
.rtl .buddypress-wrap .activity-comments .activity-meta.action {
margin-right: 35px;
margin-left: 0;
}
.rtl .buddypress-wrap .activity-comments .show-all button {
padding-right: 0.5em;
padding-left: 0;
}
.rtl body.activity-permalink .activity-comments > ul {
padding: 0 1em 0 0.5em;
}
.rtl form.ac-form .ac-reply-avatar {
float: right;
margin-left: 10px;
margin-right: 0;
}
.rtl form.ac-form .ac-reply-content {
padding-right: 4em;
padding-left: 0;
}
.rtl .activity-comments li form.ac-form {
margin-left: 15px;
margin-right: 0;
}
.rtl .activity-comments form.root {
margin-right: 0;
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress-wrap .blogs-list li .item-meta {
clear: right;
}
}
.rtl .buddypress-wrap .groups-list li .group-details {
clear: right;
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress-wrap .groups-list li .list-title,
.rtl .buddypress-wrap .groups-list li .item-meta {
text-align: right;
}
}
.rtl .buddypress-wrap .groups-list li.group-no-avatar div.group-desc {
margin-right: 0;
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress .bp-vertical-navs .groups-list .item-avatar {
margin-left: 3%;
margin-right: 03%;
}
}
.rtl .buddypress-wrap .members-list li .user-update .activity-read-more {
padding-right: 2px;
padding-left: 0;
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress-wrap .members-list li .last-activity {
clear: right;
}
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress-wrap .members-group-list li .joined {
clear: right;
}
}
.rtl .register-page .signup-form #signup-avatar img {
margin: 0 0 10px 15px;
}
.rtl .register-page .signup-form .wp-pwd button {
left: 0;
right: auto;
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress-wrap .register-page .layout-wrap .default-profile {
padding-left: 2em;
padding-right: 0;
}
.rtl .buddypress-wrap .register-page .layout-wrap .blog-details {
padding-right: 2em;
padding-left: 0;
}
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress-wrap.extended-default-reg .register-page .default-profile {
padding-left: 1em;
padding-right: 0;
}
.rtl .buddypress-wrap.extended-default-reg .register-page .extended-profile {
padding-right: 1em;
padding-left: 0;
}
}
.rtl #buddypress #item-header .bp-feedback p {
padding-left: 20px;
padding-right: 0;
}
.rtl .buddypress-wrap.bp-single-vert-nav .bp-list:not(.grid) .item-entry {
padding-right: 0.5em;
padding-left: 0;
}
.rtl .buddypress-wrap .group-status-type ul {
margin: 0 20px 20px 0;
}
@media screen and (min-width: 32em) {
.rtl .groups-manage-members-list .member-name {
text-align: right;
}
}
@media screen and (min-width: 46.8em) {
.rtl .groups-manage-members-list ul li .avatar,
.rtl .groups-manage-members-list ul li .member-name {
float: right;
}
.rtl .groups-manage-members-list ul li .action.text-links-list {
margin: 0 45px 0 0;
}
.rtl .groups-manage-members-list ul li .avatar {
margin-left: 15px;
margin-right: 0;
}
.rtl .groups-manage-members-list ul li .action {
float: right;
}
}
.rtl .buddypress .bp-invites-content ul.item-list > li .item {
float: right;
}
.rtl .buddypress .bp-invites-content ul.item-list > li .item-avatar {
float: right;
margin-left: 15px;
margin-right: 0;
}
.rtl .buddypress .bp-invites-content ul.item-list > li .action {
left: 10px;
right: auto;
}
.rtl .buddypress .bp-invites-content li ul.group-inviters li {
float: right;
}
.rtl .buddypress .bp-invites-content li ul.group-inviters li .avatar {
margin-right: 5px;
margin-left: 0;
}
.rtl .buddypress .bp-invites-content #send-invites-editor ul li {
float: right;
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress .bp-invites-content ul.item-list > li {
float: right;
}
.rtl .buddypress .bp-invites-content ul.item-list > li:nth-child(odd) {
margin-left: 0.5%;
margin-right: 0;
}
.rtl .buddypress .bp-invites-content ul.item-list > li:nth-child(even) {
margin-right: 0.5%;
margin-left: 0;
}
}
.rtl .buddypress-wrap .profile .profile-fields:before {
right: 14px;
left: auto;
}
.rtl .buddypress-wrap .profile .profile-fields tr td.data {
padding: 0 40px 20px 0;
}
.rtl .buddypress-wrap .profile .profile-fields tr td.data p {
padding-right: 0;
}
.rtl .buddypress-wrap .profile .profile-fields .label {
padding-right: 40px;
padding-left: 0;
}
.rtl .buddypress-wrap .profile .profile-fields .label:before {
right: 11px;
left: auto;
}
.rtl .buddypress-wrap .profile .profile-fields p {
padding-right: 15px;
padding-left: 0;
}
.rtl .buddypress-wrap .profile.edit .button-nav li {
margin-left: 20px;
margin-right: 0;
}
.rtl #message-threads li .thread-from img.avatar,
.rtl #message-threads li .thread-to img.avatar {
float: right;
margin: 0 0 0 10px;
}
.rtl #message-threads li .thread-date {
padding-left: 5px;
padding-right: 0;
text-align: left;
}
.rtl .bp-messages-content .actions {
float: left;
}
.rtl .bp-messages-content #bp-message-thread-list .message-metadata .user-link {
float: right;
}
.rtl .bp-messages-content #bp-message-thread-list img.avatar {
float: right;
margin: 0 0 0 10px;
}
.rtl .bp-messages-content #bp-message-thread-list .message-content {
margin: 1em 40px 0 0;
}
.rtl .bp-messages-content form.send-reply .avatar-box .avatar {
float: right;
margin-left: 10px;
margin-right: 0;
}
.rtl .bp-messages-content .preview-thread-title .messages-title,
.rtl .bp-messages-content .single-thread-title .messages-title {
padding-right: 2em;
padding-left: 0;
}
.rtl .bp-messages-content .thread-participants {
float: right;
}
.rtl .bp-messages-content .thread-participants li {
float: right;
margin-right: 5px;
margin-left: 0;
}
.rtl .bp-messages-content #thread-preview .preview-message ul,
.rtl .bp-messages-content #thread-preview .preview-message ol,
.rtl .bp-messages-content #thread-preview .preview-message blockquote,
.rtl .bp-messages-content #bp-message-thread-list li .message-content ul,
.rtl .bp-messages-content #bp-message-thread-list li .message-content ol,
.rtl .bp-messages-content #bp-message-thread-list li .message-content blockquote {
margin-right: 0;
}
.rtl .buddypress-wrap form.bp-dir-search-form input[type="search"],
.rtl .buddypress-wrap form.bp-dir-search-form input[type="text"],
.rtl .buddypress-wrap form.bp-messages-search-form input[type="search"],
.rtl .buddypress-wrap form.bp-messages-search-form input[type="text"],
.rtl .buddypress-wrap form.bp-invites-search-form input[type="search"],
.rtl .buddypress-wrap form.bp-invites-search-form input[type="text"] {
float: right;
}
.rtl .buddypress-wrap form.bp-dir-search-form button[type="submit"],
.rtl .buddypress-wrap form.bp-messages-search-form button[type="submit"],
.rtl .buddypress-wrap form.bp-invites-search-form button[type="submit"] {
float: left;
}
.rtl .buddypress-wrap .standard-form input[type="radio"],
.rtl .buddypress-wrap .standard-form input[type="checkbox"] {
margin-left: 5px;
margin-right: 0;
}
.rtl .buddypress-wrap .standard-form div.submit input {
margin-left: 15px;
margin-right: 0;
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress-wrap .standard-form .left-menu {
float: right;
}
.rtl .buddypress-wrap .standard-form #invite-list ul li {
margin: 0 1% 0 0;
}
.rtl .buddypress-wrap .standard-form .main-column {
margin-right: 190px;
margin-left: 0;
}
.rtl .buddypress-wrap .standard-form .main-column ul#friend-list {
float: right;
}
}
.rtl .buddypress-wrap .select-wrap select {
margin-left: -25px;
margin-right: 0;
padding: 6px 10px 6px 25px;
}
@media screen and (min-width: 32em) {
.rtl .buddypress-wrap .notifications-options-nav .select-wrap {
float: right;
}
}
.rtl .buddypress-wrap table td, .rtl .buddypress-wrap table th {
text-align: right;
}
.rtl .buddypress-wrap .bp-tables-user tr td.label,
.rtl .buddypress-wrap table.wp-profile-fields tr td.label,
.rtl .buddypress-wrap table.forum tr td.label {
border-left: 1px solid #eaeaea;
border-right: 0;
}
.rtl .buddypress-wrap table.notification-settings {
text-align: right;
}
.rtl .buddypress .buddypress-wrap .text-links-list a.button {
border-left: 1px solid #eee;
border-right: 0;
}
.rtl .buddypress .buddypress-wrap .text-links-list a:first-child {
padding-right: 0;
padding-left: 1em;
}
.rtl .buddypress .buddypress-wrap .text-links-list a:last-child {
border-left: 0;
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress #buddypress .create-button {
float: left;
}
}
@media screen and (min-width: 46.8em) {
.rtl .buddypress #buddypress.bp-dir-vert-nav .create-button a {
margin-left: 0.5em;
margin-right: 0;
}
}
.rtl .buddypress-wrap .bp-feedback span.bp-icon {
right: 0;
left: auto;
margin-left: 10px;
margin-right: 0;
}
.rtl .buddypress-wrap a[data-bp-close],
.rtl .buddypress-wrap button[data-bp-close] {
left: 10px;
right: auto;
}
.rtl .buddypress-wrap .bp-feedback.no-icon a[data-bp-close],
.rtl .buddypress-wrap .bp-feedback.no-icon button[data-bp-close] {
left: 6px;
right: auto;
}
.rtl .buddypress-wrap .accept,
.rtl .buddypress-wrap .reject {
float: right;
margin-right: 10px;
margin-left: 0;
}
.rtl .buddypress-wrap .widget.buddypress .bp-login-widget-user-avatar,
.rtl .buddypress-wrap .widget.buddypress #bp-login-widget-form .forgetmenot {
float: right;
}
.rtl .buddypress-wrap .widget.buddypress .bp-login-widget-user-links > div,
.rtl .buddypress-wrap .widget.buddypress #groups-list li .item,
.rtl .buddypress-wrap .widget.buddypress #members-list li .item,
.rtl .buddypress-wrap .widget.buddypress #friends-list li .item {
padding-left: 0;
padding-right: 60px;
margin-left: 0;
}
.rtl .buddypress-wrap .widget.buddypress .item-options a {
margin-left: 5px;
margin-right: 0;
white-space: nowrap;
}
.rtl .buddypress-wrap .widget.widget_bp_core_friends_widget .item-options a {
margin-left: 5px;
margin-right: 0;
}
.rtl .buddypress-wrap .widget.buddypress .item-avatar img.avatar {
float: right;
margin: 0 0 15px 10px;
}
.rtl .bp-invites-content #send-invites-editor .bp-tooltip:after {
right: 0;
left: auto;
}
@media screen and (min-width: 24em) {
.rtl .grid > li.item-entry {
float: right;
}
}
.rtl .buddypress-wrap .grid.bp-list > li .item-avatar {
text-align: center;
}
.rtl .buddypress-wrap .grid.bp-list > li .item-meta,
.rtl .buddypress-wrap .grid.bp-list > li .list-title {
float: none;
text-align: center;
}
.rtl .buddypress-wrap .grid.bp-list > li .item {
right: 0;
left: auto;
text-align: center;
}
.rtl .buddypress-wrap .grid.bp-list > li .item .item-block,
.rtl .buddypress-wrap .grid.bp-list > li .item .group-desc {
float: none;
}
.rtl .buddypress-wrap .grid.bp-list > li .item .user-update {
text-align: right;
}
.rtl .buddypress-wrap .grid.bp-list > li .action {
float: none;
right: 0;
left: auto;
text-align: center;
}
.rtl .buddypress-wrap .grid.bp-list > li .action .generic-button {
float: none;
text-align: center;
}
.rtl .buddypress-wrap .grid.bp-list > li .item-avatar,
.rtl .buddypress-wrap .grid.bp-list > li .avatar,
.rtl .buddypress-wrap .grid.bp-list > li .item {
float: none;
}
@media screen and (min-width: 46.8em) {
.rtl .bp-single-vert-nav .bp-navs.vertical ul {
border-left: 0;
border-right: 1px solid #d6d6d6;
float: right;
margin-left: -1px;
margin-right: 0;
}
.rtl .bp-single-vert-nav .bp-navs.vertical li {
float: none;
margin-left: 0;
}
.rtl .bp-single-vert-nav .bp-navs.vertical li span {
float: left;
margin-left: 2px;
margin-right: 0;
}
.rtl .bp-single-vert-nav .bp-navs.vertical.tabbed-links li.selected a {
padding-right: 0;
}
.rtl .bp-single-vert-nav .bp-wrap .user-nav-tabs.users-nav ul li.current,
.rtl .bp-single-vert-nav .bp-wrap .group-nav-tabs.groups-nav ul li.current {
right: 1px;
left: auto;
}
.rtl .bp-single-vert-nav .item-body:not(#group-create-body) {
border-right: 1px solid #d6d6d6;
border-left: 0;
float: left;
padding: 0 1em 0 0;
}
.rtl .bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) {
margin: 0 -5px 0 0;
}
.rtl .bp-dir-vert-nav .dir-navs {
float: right;
right: 1px;
left: auto;
}
.rtl .bp-dir-vert-nav .dir-navs ul li {
float: none;
}
.rtl .bp-dir-vert-nav .screen-content {
border-right: 1px solid #d6d6d6;
border-left: 0;
margin-right: 20%;
margin-left: 0;
padding: 0 1em 2em 0;
}
.rtl .buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li.selected,
.rtl .buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li.selected,
.rtl .buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li.selected,
.rtl .buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li.selected,
.rtl .buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li.selected,
.rtl .buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li.selected {
border-right-color: #d6d6d6;
border-left-color: #fff;
}
}
/**
*-------------------------------------------------------------------------------
* @section 11.0 - Youzer Plugin CSS
*-------------------------------------------------------------------------------
*/
.yz-main-column .activity-list .activity-item:not(.load-more)::before {
display: none;
}
.yz-main-column .activity-list .activity-item .activity-content,
.yz-main-column .activity-list .activity-item.mini .activity-avatar {
padding: 0;
margin: 0;
width: auto;
height: auto;
}
.yz-main-column .activity-list .activity-item .activity-header,
.yz-main-column .activity-list .activity-item .activity-header .avatar {
margin: 0;
}
.yz-horizontal-layout .yz-main-column {
width: 100%;
}
a.remove.friendship-button {
position: relative !important;
top: auto !important;
right: auto !important;
display: inline-block !important;
width: auto !important;
height: auto !important;
line-height: inherit !important;
text-align: inherit !important;
font-size: inherit !important;
}