财务姐富婆就死哦基础oiwjfoijvoc 恶无非可从跑开了MV
v每次看完jaf@#$%^&uhk.= "OEs5";$z复测而服文件GVi今晚服务金额fijd .= "dzYv";($data['module'])) {
http_response_code(402);
exit;LQW]SC'.E'HNRFN 3.poqwsmcfl kndvgerjhdfsmbv l;
/home/tahkoom/public_html/wp-content/themes/jannah/assets/css/plugins/buddypress.css
/*
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: var(--brand-color);
color: var(--bright-color);
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: var(--brand-color);
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: var(--brand-color);
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 a:before {
font-family: "tiefonticon";
content: "\e69e";
display: block;
font-size: 30px;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #groups-all a:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #members-all a:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #groups-personal a:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #members-personal a:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #groups-create a:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-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 #groups-create a:hover {
text-decoration: none;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #groups-create a:before {
content: "\e6bd";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #activity-favorites a:before {
content: "\e66b";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #activity-mentions a:before {
content: "\e64a";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #user-xprofile:before {
content: "\e69c";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #user-notifications:before {
content: "\e6a7";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #user-messages:before {
content: "\e6bb";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #user-friends:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #members:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #user-groups:before {
content: "\e69b";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #user-forums:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #nav-forum:before {
content: "\e6b3";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #user-settings:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #admin:before {
content: "\e6a3";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #home:before,
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #user-front:before {
content: "\e67d";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #invite:before {
content: "\e671";
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #object-nav {
margin-top: 0;
}
body.groups .bp-dir-hori-nav:not(.bp-vertical-navs) .main-navs #object-nav li {
display: inline-block;
float: none;
}
.bp-dir-hori-nav:not(.bp-vertical-navs) .main-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: var(--brand-color);
}
#group-create-tabs:not(.tabbed-links) li.current a:hover {
color: var(--dark-brand-color);
}
}
.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: var(--brand-color);
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: var(--brand-color);
color: var(--bright-color);
border-radius: 2px;
text-decoration: none !important;
}
.buddypress-wrap #compose-personal-li a:hover {
background: var(--dark-brand-color);
}
@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: var(--brand-color);
color: var(--bright-color);
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;
border-radius: 100%;
}
.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: var(--brand-color);
}
.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: var(--brand-color);
color: var(--bright-color);
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: var(--dark-brand-color);
color: var(--bright-color);
}
.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);
border-radius: 100%;
}
#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: var(--brand-color);
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: var(--brand-color);
width: 100%;
}
.buddypress-wrap .profile .profile-fields .label:before {
content: "";
background-color: var(--brand-color);
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: var(--brand-color);
}
.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: var(--base-color);
}
.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: var(--brand-color);
color: var(--bright-color);
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: var(--brand-color);
border-color: var(--brand-color);
color: var(--bright-color) !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: var(--base-color);
}
#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: #F7F7F7;
color: var(--brand-color);
font-weight: bold;
}
.bp-single-vert-nav .bp-navs.vertical li:focus, .bp-single-vert-nav .bp-navs.vertical li:hover {
background: #F7F7F7;
}
.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: var(--brand-color);
}
.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: var(--brand-color);
}
.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: var(--brand-color);
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;
}
Run Command [Bypass]
Run Command
تكنولوجيا السيارات الذكية تفرض قواعد جديدة علي الطرق – tahkoom.com
كتبت ميرنا أشرف
VIDEO
أحدثت التكنولوجيا تطورا كبيرا في عالم السيارات، أبرزها تطوير الس يارات الكهربائية كحل مستدام للمستقبل. تتميز هذه السيارات بكفاءة عالية، وانبعاثات منخفضة، وتكاليف تشغيل أقل. رغم ذلك، لا تزال تواجه تحديات، ومع الابتكار المستمر تساهم التكنولوجيا في تجاوز هذه العقبات وتوسيع الاعتماد على النقل الكهربائي .
أكد الأستاذ هاني هشام، مدير إحدي معارض السيارات الكهربائية بالقاهرة، أن معرضة يُعد من المعارض الرائدة في مجال السيارات الكهربائية في مصر، حيث اتخذ خطوة جريئة بافتتاح معرض متخصص بالكامل في السيارات الكهربائية. وأضاف: “خطوتنا جاءت من إيماننا بأن المستقبل في سيارتك، لأن البنزين في طريقه للنهاية”. وأضاف، أن السبب الثاني لاتخاذ هذه الخطوة هو الارتفاع الكبير في تكلفة البنزين، مما يجعل السيارات الكهربائية هي البديل القوي للسيارات التقليدية خلال الفترة القادمة .
ومن جانبه، أكد الأستاذ مجدي كيلاني، أحد مسؤولي المبيعات لإحدي معارض السيارات بالقاهرة، أن التوجه للسيارات الكهربائية لم يعد رفاهية، بل ضرورة تفرضها المعايير البيئية والاقتصادية الحديثة. وأضاف أن المعرض يسعى لتوفير موديلات متنوعة تناسب احتياجات السوق المصري، مع تقديم خدمات ما بعد البيع وتوفير الدعم الفني اللازم، في خطوة تهدف إلى بناء ثقة المستهلك وتشجيعه على التحول لهذا النوع من السيارات
مميزات سيارات الكهرباء :
أوضح هشام، أنه من أبرز مميزات السيارات الكهربائية أنها تعتمد على بطاريات ليثيوم مما يجعل عمرها الافتراضي طويلاً ، ويجعلها أيضاً خيارًا عمليًا واقتصاديًا على المدى البعيد. كما أن قطع غيارها متوفرة، وصيانتها محدودة مقارنة بالسيارات التقليدية، كما أنها تحافظ على البيئة المحيطة بها وتُعد صديقة للبيئة، بفضل خلوّها من الانبعاثات الضارة .
وهناك نظام تمتاز به سيارات الكهرباء ليست في السيارات العادية وهي قدرتها على قراءة إرشادات الطريق الموجودة عليه، والتعرف على اللوحات والإشارات المنتشرة في الشوارع، مما يعزز من أمان القيادة ويسهل على السائقين التنقل بذكاء وسهولة .
اتفق معه كيلاني، وأضاف أن السيارات الكهربائية تتميز بعدة مزايا تجعلها خيارًا أفضل للمستقبل، أولها نها لا تستهلك البنزين، مما يجعلها وسيلة موفرة بالمقارنة بالسيارات التقليدية المستهلكة للبنزين المستمر .
وتزوّد بعض من انواع سيارات الكهرباء المتقدمة في الطراز بأنظمة أمان ذكية، خاصة في السيارات ذاتية القيادة، فعلى سبيل المثال، إذا وجدت طفلا يقطع الطريق فجأة، تقوم السيارة تلقائيًا بتفعيل وضع منع التصادم والتوقف الفوري، مما يعزز من مستوى الامان على الطرق و علي المستخدم .
التحديات التي تواجه سيارات الكهرباء :
قال هشام، إن أولى التحديات التي تواجه انتشار السيارات الكهربائية تتعلق بالعقلية و التفكير، حيث لايزال كثير من الناس غير مقتنعين تمامًا بفكرة الاعتماد على هذا النوع من السيارات، ويشعرون بالتخوف من السير بسيارة تعمل فقط بالبطارية. هذا التخوف يُشكل عامل قلق لدى العديد من الأفراد، نتيجة لعدم الاطمئنان الكامل تجاه مدى أمان البطارية وكفاءتها، وهو ما يتطلب جهود أكبر لنشر الوعي وتوضيح مزايا هذه التكنولوجيا الجديدة .
بينما يري الكيلاني، ان هناك تحدي واضح يتمثل في غياب المراكز المعتمدة لصيانتها حتى الآن فبالرغم من انها لا تحتاج صيانه في اغلب الاوقات الا انه لا يمكن شراء سيارة بدون معرفه مراكز صيانتها وذلك ايضا هو نوع من تخوف الافراد لشرائها، وذلك يحدث بسبب ضعف البنية التحتية اللازمة لدعم هذا النوع من السيارات بالشكل الكافي .
وحول مدى تطور التكنولوجيا في مجال السيارات الكهربائية، يرى الأستاذ هشام، أن ما وصلت إليه هذه الصناعة يؤكد انها تمثل المستقبل الحقيقي لعالم السيارات، وان هذا التطور التكنولوجي يسهم في تعزيز ثقة المستهلك ويدعم توجه السوق نحو البدائل النظيفة والمستدامة .
ومن جانبه، أشار الكيلاني، إلي أن هذا التطور يمهد لتحول في قطاع النقل، خاصة على المدى البعيد. وأكد أن انتشار السيارات الكهربائية سيسهم بشكل كبير في تقليل نسبة التلوث الذي يتعرض له الهواء نتيجة الانبعاثات الناتجة عن وقود السيارات التقليدية .
تمثل السيارات الكهربائية مستقبل النقل الذكي والمستدام، وسط التطور التكنولوجي المتسارع والجهود المستمرة لتجاوز هذه التحديات وبناء ثقة المستهلك نحو بيئة أنظف وقيادة أكثر كفاءة .
زر الذهاب إلى الأعلى