File: /var/www/html/www.winghung.com/wp-content/themes/zeen/assets/css/bbp-buddypress.css
/*!
Theme Name: Zeen
Theme URI: https://themeforest.net/item/zeen-next-generation-magazine-wordpress-theme/22709856
Description: A next generation WordPress theme with everything you need to take your site to the next level.
Version: 4.2.4
Author: Codetipi
Author URI: https://codetipi.com
Text Domain: zeen
*/
/*------------------------------------------------------------------
[X. BbPress]
*/
.block-da-bbpress_top {
margin-bottom: 30px;
}
.widget_display_stats dt {
float: left;
width: calc( 100% - 60px);
font-weight: 400;
}
.widget_display_stats dd {
float: left;
width: 40px;
text-align: right;
margin-bottom: 10px;
}
.widget_display_stats dd strong {
font-weight: 400;
}
.widget_display_replies .bbp-author-avatar {
margin-right: 18px;
}
.widget_display_replies div {
margin-left: 40px;
}
.widget_display_topics .bbp-author-avatar {
margin-left: 5px;
}
.bbp-topic-meta .bbp-author-avatar {
margin-right: 5px;
vertical-align: middle;
}
.widget_display_replies div, .widget_display_topics div {
font-size: 10px;
opacity: 0.7;
}
.widget_display_replies li, .widget_display_topics li {
margin-bottom: 15px;
}
#bbpress-forums {
background: transparent;
clear: both;
margin-bottom: 20px;
overflow: hidden;
font-size: 12px;
color: #333;
}
#bbpress-forums .bbp-body .bbp-reply-content {
font-size: 15px;
}
.skin-dark .bbp-form .quicktags-toolbar, .skin-dark #buddypress .quicktags-toolbar, .mode--alt--b .bbp-form .quicktags-toolbar, .mode--alt--b #buddypress .quicktags-toolbar {
border-top: 1px solid #232323;
}
.skin-dark .bbp-submit-wrapper .button, .skin-dark #bbp-search-form .button, .skin-dark .bbp-search-form .button, .mode--alt--b .bbp-submit-wrapper .button, .mode--alt--b #bbp-search-form .button, .mode--alt--b .bbp-search-form .button {
background: #232323;
}
.skin-dark .bbp-submit-wrapper .button:hover, .skin-dark #bbp-search-form .button:hover, .skin-dark .bbp-search-form .button:hover, .mode--alt--b .bbp-submit-wrapper .button:hover, .mode--alt--b #bbp-search-form .button:hover, .mode--alt--b .bbp-search-form .button:hover {
opacity: 0.7;
}
.skin-dark .bbp-replies .reply, .skin-dark .bbp-replies .bbp-reply-header, .mode--alt--b .bbp-replies .reply, .mode--alt--b .bbp-replies .bbp-reply-header {
background: #101010;
}
.skin-dark .bbp-form, .skin-dark .bbp-replies .reply, .skin-dark .bbp-replies .bbp-reply-header, .skin-dark #bbp-user-navigation li, .mode--alt--b .bbp-form, .mode--alt--b .bbp-replies .reply, .mode--alt--b .bbp-replies .bbp-reply-header, .mode--alt--b #bbp-user-navigation li {
border-color: #232323;
}
.skin-dark .bbp-form input[type="text"], .skin-dark .bbp-form textarea, .skin-dark .bbp-form select, .skin-dark .bbp-form input[type="password"], .skin-dark .bbp-search-form input[type="text"], .skin-dark .bbp-search-form textarea, .skin-dark .bbp-search-form select, .skin-dark .bbp-search-form input[type="password"], .mode--alt--b .bbp-form input[type="text"], .mode--alt--b .bbp-form textarea, .mode--alt--b .bbp-form select, .mode--alt--b .bbp-form input[type="password"], .mode--alt--b .bbp-search-form input[type="text"], .mode--alt--b .bbp-search-form textarea, .mode--alt--b .bbp-search-form select, .mode--alt--b .bbp-search-form input[type="password"] {
border-color: #232323;
}
.skin-dark #bbpress-forums, .mode--alt--b #bbpress-forums {
color: #eee;
}
.skin-dark #bbpress-forums .odd, .mode--alt--b #bbpress-forums .odd {
background: #0f0f0f;
}
.skin-dark .forum-titles a, .skin-dark .bbp-body ul a, .mode--alt--b .forum-titles a, .mode--alt--b .bbp-body ul a {
color: #eee;
}
.skin-dark .bbp-body, .skin-dark .bbp-footer, .mode--alt--b .bbp-body, .mode--alt--b .bbp-footer {
border: 0;
}
.skin-dark .forums > .bbp-header, .skin-dark .bbp-topics > .bbp-header, .skin-dark .bbp-footer, .skin-dark .bbp-template-notice, .skin-dark .bbp-form .quicktags-toolbar, .skin-dark #buddypress .quicktags-toolbar, .mode--alt--b .forums > .bbp-header, .mode--alt--b .bbp-topics > .bbp-header, .mode--alt--b .bbp-footer, .mode--alt--b .bbp-template-notice, .mode--alt--b .bbp-form .quicktags-toolbar, .mode--alt--b #buddypress .quicktags-toolbar {
background-color: #171717;
}
.skin-dark .bbp-forums > .bbp-header, .mode--alt--b .bbp-forums > .bbp-header {
background: #232323;
}
.skin-dark .ed_button.button, .mode--alt--b .ed_button.button {
color: #fff;
}
.skin-dark .bbp-form .ed_button.button, .skin-dark #buddypress .ed_button.button, .mode--alt--b .bbp-form .ed_button.button, .mode--alt--b #buddypress .ed_button.button {
border-right: 1px solid #272727;
}
.skin-dark .bbp-form .ed_button.button:hover, .skin-dark #buddypress .ed_button.button:hover, .mode--alt--b .bbp-form .ed_button.button:hover, .mode--alt--b #buddypress .ed_button.button:hover {
background: #232323;
color: #fff;
border-color: #232323;
}
.bbp-forum-header, .bbp-topic-header, .bbp-reply-header, .bbp-body .hentry {
margin-bottom: 0;
overflow: hidden;
padding: 15px;
}
.bbp-replies .reply, .bbp-replies .bbp-reply-header {
background-color: #fafafa;
}
.bbp-title {
font-size: 14px;
padding: 15px;
padding-left: 30px;
background: #1c1d1e;
border-bottom: 1px solid #333;
color: white;
}
.single-topic .bbp-title {
padding-left: 15px;
}
.bbp-reply-header {
padding: 20px 10px 10px;
}
.forum-titles, .bbp-body ul {
font-size: 12px;
margin-left: 0;
}
.forum-titles a, .bbp-body ul a {
color: #1c1d1e;
}
.forum-titles li, .bbp-body ul li {
float: left;
margin-left: 0;
}
.forum-titles .bbp-forums-list li, .bbp-body ul .bbp-forums-list li {
margin-left: 15px;
margin-top: 10px;
opacity: 0.7;
}
.forum-titles .bbp-body .bbp-reply-content li, .bbp-body ul .bbp-body .bbp-reply-content li {
float: none;
}
.password-button-wrapper {
padding-top: 5px;
display: block;
}
.bbp-topic-tags {
margin-bottom: 5px;
}
.subscription-toggle {
padding: 5px 12px;
border: 1px solid #eee;
display: inline-block;
float: right;
margin-bottom: 15px;
transition: 0.2s all;
}
.subscription-toggle:hover {
background: #eee;
color: #111;
}
.bbp-topic-voice-count, .bbp-forum-reply-count, .bbp-topic-voice-count, .bbp-template-notice .bbp-forum-description, .bbp-template-notice.info {
display: none;
}
#bbp-search-form, #bbp-topic-search-form, #bbp-reply-search-form {
margin-bottom: 30px;
}
#bbp-search-form div, #bbp-topic-search-form div, #bbp-reply-search-form div {
display: flex;
}
#bbp-search-form #bbp_search, #bbp-topic-search-form #bbp_search, #bbp-reply-search-form #bbp_search {
width: 100%;
}
.bbp-submit-wrapper .button, #bbp-search-form .button, #bbp-topic-search-form .button {
height: 48px;
line-height: 48px;
font-size: 12px;
padding: 0 30px;
}
.bbp-form select, #buddypress select {
-webkit-appearance: menulist-button;
}
.bbp-form .wp-editor-container, #buddypress .wp-editor-container {
border: 0;
}
.bbp-form .ed_button.button, #buddypress .ed_button.button {
padding: 10px 12px !important;
border: 0;
border-right: 1px solid #dfdfdf;
margin: 0 !important;
border-radius: 0px;
outline: 0;
height: 40px !important;
font-weight: 400;
box-shadow: none;
background: transparent;
}
.bbp-form .ed_button.button:hover, #buddypress .ed_button.button:hover {
border-right-color: #dfdfdf;
background: #dfdfdf;
}
.bbp-form .quicktags-toolbar, #buddypress .quicktags-toolbar {
border: 0;
background: #f1f1f1;
padding: 0;
}
.bbp-form {
padding: 10px 30px 30px !important;
}
.bbp-form p, .bbp-form .bbp-submit-wrapper, .bbp-form .bbp-the-content-wrapper {
margin-top: 15px;
}
.bbp-form > div, .bbp-form .password-button-wrapper {
margin-bottom: 15px;
}
.bbp-form #pass-strength-result {
margin-bottom: 0;
}
.bbp-template-notice {
padding: 20px;
background: #f1f1f1;
margin-bottom: 15px;
}
.bbp-template-notice p:first-of-type {
margin-top: 0;
}
.bbp-template-notice.error {
background: #ffebeb;
}
.bbp-topic-meta .avatar, .bbp-reply-revision-log .avatar, .bbp-topic-revision-log .avatar, .bbp-template-notice .avatar, .widget_display_topics .avatar, .widget_display_replies .avatar {
margin: 0 3px -3px 0;
}
.bbp-body .forum {
overflow: hidden;
padding: 15px 10px;
}
.bbp-body .topic {
overflow: hidden;
padding: 30px 15px;
}
.bbp-forums-list li {
width: 100%;
}
.bbpress .content-bg {
min-height: 70vh;
}
.bbp-forum-info .bbp-forum-content, .bbp-topic-meta {
font-size: 10px;
margin: 5px 0;
padding: 0;
word-wrap: break-word;
}
.bbp-forum-title, .bbp-topic-permalink {
font-size: 15px;
letter-spacing: 1px;
}
.bbp-admin-links, .bbp-meta .bbp-header, .bbp-meta .bbp-topic-permalink, .bbp-reply-post-date {
font-size: 10px;
}
.bbp-admin-links a, .bbp-meta .bbp-header a, .bbp-meta .bbp-topic-permalink a, .bbp-reply-post-date a {
text-decoration: none;
}
.bbp-admin-links a {
text-transform: uppercase;
}
.bbp-body, .bbp-footer {
clear: both;
border: 1px solid #fafafa;
}
fieldset.submit {
background: #111;
color: white;
width: auto;
text-align: center;
padding: 15px;
border: 0;
}
fieldset.submit legend {
display: none;
}
#bbpress-forums .odd {
background-color: #fafafa;
}
.bbp-pagination {
width: 100%;
margin-bottom: 15px;
}
.forums > .bbp-header, .bbp-topics > .bbp-header, .bbp-forums > .bbp-header, .bbp-footer {
background: #f3f3f3;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
text-align: center;
clear: both;
padding: 0 15px;
}
.forums > .bbp-header, .bbp-topics > .bbp-header, .bbp-forums > .bbp-header {
background: #1c1d1e;
color: #fff;
padding: 15px;
clear: both;
}
.forums > .bbp-header .bbp-reply-content, .bbp-topics > .bbp-header .bbp-reply-content, .bbp-forums > .bbp-header .bbp-reply-content {
text-align: right;
}
.forums > .bbp-header .bbp-reply-content .subscription-toggle, .bbp-topics > .bbp-header .bbp-reply-content .subscription-toggle, .bbp-forums > .bbp-header .bbp-reply-content .subscription-toggle {
margin-bottom: 0;
margin-left: 15px;
padding: 0 10px;
}
.bbp__topic__title,
.bbp__thread__title {
background: #1c1d1e;
color: #eaeaea;
}
.bbp-footer {
margin-bottom: 30px;
}
.bbp-footer > * {
padding: 15px 0;
}
.bbp-footer .bbp-reply-content {
text-align: right;
}
.bbp-forum-info, .bbp-topic-title {
width: 50%;
text-align: left;
padding-left: 20px;
position: relative;
}
.bbp-forum-topic-count, .bbp-topic-reply-count {
text-align: center;
width: 25%;
}
.bbp-forum-freshness, .bbp-topic-freshness {
text-align: center;
width: 25%;
}
.bbp-topic-started-by {
font-size: 0;
}
.bbp-topic-started-by a {
font-size: 10px;
}
.bbp-topic-started-by .avatar {
margin-right: 5px;
margin-left: 0;
}
.bbp-reply-author {
float: left;
text-align: left;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.bbp-reply-author img {
margin-bottom: 10px;
}
.bbp-body .bbp-reply-content {
padding-left: 80px;
}
.bbp-body .bbp-reply-content p {
margin-bottom: 10px;
}
.bbp-body .bbp-reply-author {
width: 60px;
}
.bbp-reply-content ul {
list-style: disc;
margin-left: 1em !important;
list-style-position: inside;
}
.bbp-reply-content ul li {
float: none;
}
.bbp-forum-header, .bbp-topic-header, .bbp-reply-header {
border-top: 1px solid #eee;
}
.bbp-body .bbp-author-role {
margin-top: 2px;
font-size: 10px;
opacity: 0.5;
}
#bbp-user-navigation {
margin-top: 30px;
}
#bbp-user-navigation li {
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #eee;
}
#bbp-user-navigation li.current:after {
position: absolute;
right: 0;
top: 0;
display: block;
font-family: 'tipi';
content: "\e909";
}
#bbp-single-user-details {
float: left;
width: 33%;
}
#bbp-user-body {
float: right;
width: calc( 67% - 45px);
}
#bbp-user-body h2 {
margin-bottom: 15px;
font-size: 2rem;
}
#bbp-user-body .bbp-topic-reply-count {
float: right;
width: 20%;
}
#bbp-user-body .bbp-topic-title {
width: 80%;
}
.bbp-user-section h3, .bbp-user-section p {
margin-bottom: 15px;
}
.bbp-user-section .bbp-topic-freshness {
display: none;
}
.bbp-user-section .bbp-meta {
text-align: left;
}
.bbp-user-section .bbp-admin-links {
display: none;
}
/*------------------------------------------------------------------
[X. BuddyPress]
*/
#buddypress {
padding-bottom: 30px;
}
#buddypress div.bp-avatar-status p.success, #buddypress div.bp-cover-image-status p.success, #buddypress p.warning, #buddypress div#message p, #buddypress #sitewide-notice p, #buddypress div.error {
font-size: 12px;
border: 0;
padding: 20px;
}
#buddypress #commentform input[type=text], #buddypress #commentform textarea, #buddypress .form-allowed-tags, #buddypress .standard-form#signup_form input[type=text], #buddypress .standard-form#signup_form textarea, #buddypress input[type="password"], #buddypress input[type="email"] {
width: 100% !important;
}
#buddypress .register-section {
margin-top: 30px;
}
#buddypress .field-visibility-settings fieldset {
margin-bottom: 10px;
}
#buddypress #signup_form .submit {
margin-bottom: 30px;
width: 100%;
}
#buddypress #signup_form .submit input {
width: 100%;
}
#buddypress p > iframe {
max-height: 350px;
}
#buddypress p.warning, #buddypress div#message p, #buddypress #sitewide-notice p {
background: #f1f1f1;
margin-bottom: 15px;
}
#buddypress #bp-delete-cover-image-container p, #buddypress #bp-delete-avatar-container p {
margin-bottom: 15px;
}
#buddypress div#item-header div#item-actions {
float: none;
margin: 30px 0;
text-align: left !important;
width: 100%;
clear: both !important;
margin-top: 0 !important;
margin-left: 0;
max-width: none !important;
}
#buddypress div#item-header div#item-actions ul li {
float: left;
margin-right: 5px;
}
#buddypress div#item-header #item-header-cover-image #item-header-content {
max-width: 75% !important;
}
#buddypress #whats-new-options {
display: block !important;
height: auto !important;
}
#buddypress .bp-uploader-window {
margin: 30px 0;
}
#buddypress div.item-list-tabs ul li.last select {
margin-left: 5px;
}
#buddypress #drag-drop-area {
border: 2px dashed #eee;
}
#buddypress h3, #buddypress h2, #buddypress h4, #buddypress h5, #buddypress h6 #profile-edit-form ul.button-nav {
margin-bottom: 15px !important;
}
#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a {
background-color: transparent;
}
#buddypress div.item-list-tabs ul li a span {
margin-right: -5px;
left: -2px;
position: relative;
top: -7px;
}
#buddypress #activity-stream {
margin-top: 0px;
border-top: 0;
}
#buddypress div.item-list-tabs ul li a span, #buddypress #reply-title small a span, #buddypress a.bp-primary-action span {
border: 0;
font-size: 8px;
padding: 2px 5px;
border-radius: 50%;
background: #eee;
color: #6c6c6c;
}
#buddypress #notifications-personal-li a span {
background: #ff4141;
color: #fff;
}
#buddypress #message-threads img.avatar {
width: 15px;
height: 15px;
}
#buddypress div.item-list-tabs ul li.current a span, #buddypress div.item-list-tabs ul li.selected a span {
background: #222;
color: #fff;
}
#buddypress div.pagination {
margin-top: -15px;
}
#buddypress div.item-list-tabs {
overflow: visible;
font-size: 12px;
padding: 15px 0;
border-bottom: 1px solid #eee;
}
#buddypress div.item-list-tabs#subnav {
margin: 0 0 30px;
}
#buddypress div.item-list-tabs ul li a .no-count {
background: #eee;
color: #666;
}
#buddypress .activity-list .activity-item .activity-header {
width: 100%;
}
#buddypress .activity-list .activity-item .activity-meta.action {
padding-left: 0;
}
#buddypress .activity-list .activity-content .activity-inner, #buddypress .activity-list .activity-content blockquote {
margin: 0;
width: 100%;
}
#buddypress .activity-header {
margin-right: 0;
}
#buddypress div.activity-comments form div.ac-reply-avatar {
width: 75px;
float: left;
}
#buddypress div.activity-comments form div.ac-reply-content {
width: calc( 100% - 75px);
float: left;
margin: 0;
padding: 0;
}
#buddypress .has-comments {
padding-top: 30px !important;
}
#buddypress .bp-display-name {
font-weight: 700;
}
#buddypress .load-more {
background: transparent !important;
border: 0 !important;
margin: 30px 0 0 !important;
padding: 0 !important;
}
#buddypress .load-more a {
width: 100%;
}
#buddypress .activity-list ul {
width: 100%;
}
#buddypress .activity-list li {
width: 100%;
font-size: 12px !important;
}
#buddypress .activity-list li .activity-avatar, #buddypress .activity-list li .acomment-avatar {
width: 75px;
float: left;
}
#buddypress .activity-list li .activity-avatar img, #buddypress .activity-list li .acomment-avatar img {
height: 45px !important;
width: 45px !important;
max-width: none;
}
#buddypress .activity-list li .acomment-avatar {
width: 30px;
}
#buddypress .activity-list li .acomment-avatar img {
line-height: 15px;
width: 20px !important;
height: 20px !important;
max-width: none;
}
#buddypress .activity-list li .activity-content {
margin: 0 !important;
width: calc( 100% - 75px);
float: right;
margin: 0;
padding: 0;
}
#buddypress .activity-list li .acomment-options, #buddypress .activity-list li .acomment-content {
padding-left: 30px !important;
margin: 10px 0 0 !important;
width: 100%;
}
#buddypress .activity-list li .acomment-options {
margin-top: 15px;
}
#buddypress .activity-list li div.activity-comments {
margin: 0;
width: 100%;
}
#buddypress .activity-list li div.activity-comments form {
padding-top: 30px;
}
#buddypress .activity-list li div.activity-comments form.ac-form {
width: 100%;
}
#buddypress .activity-list li div.activity-comments ul li {
border-top: 1px solid #eee;
margin-top: 15px;
padding-top: 15px;
}
#buddypress .activity-list li div.activity-comments ul li > * {
padding-left: 0;
font-size: 12px !important;
}
#buddypress .profile-fields td, #buddypress .profile-fields th {
border-top: 0;
}
#buddypress .item-avatar {
float: left;
line-height: 15px;
}
#buddypress .item-list .item {
padding-left: 75px;
}
#buddypress .item-title > a {
font-weight: 700;
}
#buddypress .item-meta {
margin-top: 10px;
}
#buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h3, #buddypress ul.item-list li h4 {
width: 100%;
}
#buddypress ul.item-list li div.item-desc {
margin: 15px 0 0;
}
#buddypress div.activity-comments > ul {
padding: 0 0 0 10px;
}
#buddypress #activity-stream p {
margin: 0 0 10px 0;
}
#buddypress div.activity-comments form.ac-form {
padding: 0;
}
#buddypress ul.item-list li div.action {
position: static;
text-align: left;
padding-left: 75px;
}
#buddypress ul.item-list li div.action > * {
margin-top: 15px;
}
#buddypress .activity-list li {
display: flex;
flex-wrap: wrap;
}
#buddypress #group-settings-form #save, #buddypress .standard-form input[type="submit"], #buddypress .group-members-list {
margin-top: 30px;
}
#buddypress #members-list, #buddypress #groups-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#buddypress #members-list li, #buddypress #groups-list li {
width: 32%;
text-align: center;
}
#buddypress #members-list li div.action, #buddypress #groups-list li div.action {
text-align: center;
}
#buddypress #members-list li .item, #buddypress #groups-list li .item {
float: left;
}
#buddypress #members-list li .item .item-block, #buddypress #groups-list li .item .item-block {
width: 100%;
margin-right: 0;
}
#buddypress #members-list li .item .item-block p, #buddypress #groups-list li .item .item-block p {
margin-bottom: 0;
}
#buddypress #members-list li .item .group-desc, #buddypress #groups-list li .item .group-desc {
border: 0;
float: left;
margin-top: 20px;
padding: 0;
font-style: normal;
text-align: left;
}
#buddypress #members-list li .update, #buddypress #groups-list li .update {
display: none;
}
#buddypress #members-list li .item-avatar, #buddypress #groups-list li .item-avatar {
width: 100%;
margin-bottom: 15px;
}
#buddypress #members-list li .item-avatar img, #buddypress #groups-list li .item-avatar img {
width: 100%;
max-width: 150px;
height: auto;
}
#buddypress #members-list li .item-title > a, #buddypress #groups-list li .item-title > a {
font-size: 15px;
}
#buddypress #members-list li div, #buddypress #groups-list li div {
padding-left: 0 !important;
}
#buddypress #members-list li div.item-desc, #buddypress #groups-list li div.item-desc {
width: 100%;
}
#buddypress div.activity-comments form .ac-textarea {
border: 1px solid #eee;
}
#buddypress .activity-list .activity-content .activity-header img.avatar, #buddypress div#message-thread img.avatar {
margin: 0 5px -5px 5px !important;
height: 20px;
width: 20px;
}
#buddypress div#message-thread div.message-content {
margin-left: 30px;
}
#buddypress div.dir-search {
margin: 0 0 30px;
width: 100%;
}
#buddypress div.dir-search form {
display: flex;
}
#buddypress div.dir-search form label {
width: 100%;
}
#buddypress div.dir-search form label input {
padding: 0 15px;
font-size: 14px;
width: 100%;
}
#buddypress .acomment-reply:before, #buddypress .fav:before, #buddypress .delete-activity:before, #buddypress .acomment-delete:before, #buddypress .view:before, #buddypress .activity-time-since:before {
font-family: 'tipi';
font-size: 11px;
margin-right: 5px;
}
#buddypress .acomment-reply:before {
position: relative;
top: 1px;
content: '\e91a';
}
#buddypress .fav:before {
content: '\e922';
}
#buddypress .view:before {
content: '\e910';
}
#buddypress .activity-time-since {
display: block;
}
#buddypress .activity-time-since:before {
content: '\e90d';
}
#buddypress .delete-activity:before, #buddypress .acomment-delete:before {
content: '\e923';
}
#buddypress div#message-thread div.message-content {
padding-top: 15px;
}
#buddypress input[type=submit], #buddypress #bp-browse-button, #buddypress #bp-delete-cover-image, #buddypress #bp-delete-avatar, #buddypress .load-more a {
font-size: 12px;
padding: 12px 20px;
display: inline-block;
transition: 0.2s all;
background: #222;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #222;
border-radius: 0;
color: #fff !important;
}
#buddypress input[type=submit]:hover, #buddypress input[type=submit]:focus, #buddypress #bp-browse-button:hover, #buddypress #bp-browse-button:focus, #buddypress #bp-delete-cover-image:hover, #buddypress #bp-delete-cover-image:focus, #buddypress #bp-delete-avatar:hover, #buddypress #bp-delete-avatar:focus, #buddypress .load-more a:hover, #buddypress .load-more a:focus {
background: #444;
border: 1px solid #222;
color: #fff;
}
#buddypress #group-creation-previous {
height: 48px;
background: #eee;
text-transform: uppercase;
border: 0;
font-size: 12px;
padding: 0 15px;
}
#buddypress div.dir-search input[type=text] {
margin-bottom: 0;
}
#buddypress div.pagination .pagination-links {
margin-right: 0;
}
#buddypress div.pagination .pag-count {
margin-left: 0;
}
#buddypress ul.item-list {
padding-bottom: 15px;
}
#buddypress ul.item-list li {
border: 1px solid #eaeaea;
padding: 30px;
margin: 15px 0;
}
#buddypress ul.item-list li img.avatar {
width: 45px;
height: 45px;
float: none;
margin: 0 !important;
}
#buddypress .standard-form button, #buddypress ul.button-nav li a, #buddypress .generic-button a {
background: #eee;
border-color: #eee;
padding: 7px 15px;
font-size: 12px;
display: inline-block;
transition: 0.2s all;
}
#buddypress div.activity-meta a {
padding: 5px 12px;
}
#buddypress a.button, #buddypress .acomment-options a, #buddypress a.bp-secondary-action {
border: 1px solid #eee;
background: transparent;
font-size: 10px !important;
transition: 0.2s all;
padding: 5px 12px;
font-weight: 400;
text-transform: uppercase;
display: inline-block;
}
#buddypress a.button:hover, #buddypress .acomment-options a:hover, #buddypress a.bp-secondary-action:hover {
background: transparent;
border: 1px solid #333;
color: #555;
outline: 0;
text-decoration: none;
}
#buddypress .mce-tinymce button {
padding: 5px 10px;
}
#buddypress .mce-container iframe {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
#buddypress .bp-avatar-nav ul.avatar-nav-items {
font-size: 12px;
border-bottom: 1px solid #eee;
padding: 10px 0;
}
#buddypress .bp-avatar-nav ul.avatar-nav-items li.current {
border: 0;
}
#buddypress .bp-avatar-nav ul.avatar-nav-items li.current a {
color: #555;
opacity: 0.9;
}
#buddypress .profile-fields {
margin-top: 15px;
}
#buddypress div.item-list-tabs#subnav ul li.last {
margin-top: 0;
}
#buddypress #activity-filter-select label {
margin-right: 5px;
}
#buddypress div.item-list-tabs ul li.last select, #buddypress div.item-list-tabs .message-search, #buddypress div.item-list-tabs .message-search input {
height: 30px;
line-height: 30px;
padding-top: 0;
}
#buddypress table.forum tr td.label, #buddypress table.messages-notices tr td.label, #buddypress table.notifications tr td.label, #buddypress table.notifications-settings tr td.label, #buddypress table.profile-fields tr td.label, #buddypress table.wp-profile-fields tr td.label {
border-right: 0;
font-weight: inherit;
}
#buddypress .dir-search input[type=search], #buddypress .dir-search input[type=text], #buddypress .groups-members-search input[type=search], #buddypress .groups-members-search input[type=text], #buddypress .standard-form input[type=color], #buddypress .standard-form input[type=date], #buddypress .standard-form input[type=datetime-local], #buddypress .standard-form input[type=datetime], #buddypress .standard-form input[type=email], #buddypress .standard-form input[type=month], #buddypress .standard-form input[type=number], #buddypress .standard-form input[type=password], #buddypress .standard-form input[type=range], #buddypress .standard-form input[type=search], #buddypress .standard-form input[type=tel], #buddypress .standard-form input[type=text], #buddypress .standard-form input[type=time], #buddypress .standard-form input[type=url], #buddypress .standard-form input[type=week], #buddypress .standard-form select, #buddypress .standard-form textarea {
border: 1px solid #eee;
background: transparent;
}
#buddypress .field-visibility-settings-toggle, #buddypress .field-visibility-settings-notoggle {
font-style: normal;
margin-top: 3px;
font-size: 12px;
}
#buddypress .field-visibility-settings-toggle button, #buddypress .field-visibility-settings-notoggle button {
margin-top: 10px;
}
#buddypress .field-visibility-settings-toggle > span {
display: block;
}
#buddypress .standard-form select {
padding: 3px 10px;
}
#buddypress ul.button-nav li a {
background: transparent;
border: 0;
border-bottom: 2px solid transparent;
padding: 0;
margin-right: 10px;
margin-bottom: 15px;
}
#buddypress ul.button-nav li a:hover {
border: 0;
background: transparent;
}
#buddypress ul.button-nav li.current a {
background: transparent;
border: 0;
border-bottom: 2px solid transparent;
border-bottom-color: #666;
}
#buddypress #whats-new-post-in-box select {
margin-left: 5px;
}
#buddypress div.dir-search input[type=text], #buddypress li.groups-members-search input[type=text] {
padding: 0 15px;
width: 100%;
}
#buddypress ul.item-list li div.item-title span, #buddypress table.notifications, #buddypress .thread-from, #buddypress .standard-form legend, #buddypress .thread-options, #buddypress ul.item-list li div.item-desc, #buddypress .item-title, #buddypress .item-meta, #buddypress .activity-list li, #buddypress div.activity-comments form.ac-form, #buddypress #whats-new-post-in-box, #buddypress div.dir-search input[type=text], #buddypress li.groups-members-search input[type=text], #buddypress .standard-form label, #buddypress div#item-header div#item-meta, #buddypress span.activity, #buddypress span.highlight {
font-size: 12px !important;
}
#buddypress .message-action-star span.icon:before, #buddypress .message-action-unstar span.icon:before, #buddypress div#item-header div#item-actions h2, #buddypress div#item-header div#item-actions h3 {
font-size: 15px !important;
}
#buddypress .item-list-tabs:after, #buddypress #profile-edit-form ul.button-nav:after, #buddypress .ac-reply-avatar:after, #buddypress .acomment-options:after {
content: "";
display: block;
clear: both;
}
#buddypress:after {
content: "";
display: block;
clear: both;
}
#whats-new-form {
display: flex;
flex-wrap: wrap;
}
#whats-new-form #whats-new-content {
width: calc( 100% - 80px);
margin-left: 0;
}
#whats-new-form #whats-new-avatar {
margin: 0 30px 0 0;
width: 50px;
flex-shrink: 0;
}
#whats-new-form #whats-new-submit {
margin-left: 80px;
}
#whats-new-form #whats-new-submit input {
width: auto;
}
.buddypress-wrap .select-wrap {
border: 0;
}
.buddypress-wrap .select-wrap:hover {
border: 0;
box-shadow: none;
}
.widget.buddypress div.item-options {
font-size: 10px;
margin: -15px 0 15px;
padding: 0;
text-transform: uppercase;
}
.widget.buddypress div.item-options a {
margin-right: 10px;
opacity: 0.7;
}
.widget.buddypress div.item-options .selected {
font-weight: 700;
opacity: 1;
}
.widget.buddypress div.item-options .bp-separator {
display: none;
}
.widget.buddypress .item-avatar a {
margin-right: 19px;
}
.bp-avatar-shape-2 .buddypress .avatar, .bp-avatar-shape-2 #buddypress .avatar {
border-radius: 50%;
}
.bp-layout-51 #item-header {
margin-top: -30px;
}
@media only screen and (min-width: 481px) {
/*------------------------------------------------------------------
[X. bbPress 481]
*/
.bbp-pagination-links {
float: right;
}
.bbp-body .forum {
padding: 30px 10px;
}
.bbp-reply-header {
padding: 15px 20px 0px 20px;
}
.bbp-forum-topic-count, .bbp-topic-reply-count {
width: 15%;
}
.bbp-forum-info, .bbp-topic-title {
width: 60%;
padding: 0 20px;
}
.bbp-admin-links, .bbp-meta .bbp-header, .bbp-meta .bbp-topic-permalink, .bbp-reply-post-date {
font-size: 11px;
}
.bbp-reply-permalink {
float: right;
margin-left: 15px;
}
.bbp-body .bbp-reply-content {
padding-left: 130px;
}
.bbp-body .bbp-reply-author {
width: 85px;
padding-left: 5px;
text-align: center;
}
.bbp-admin-links {
float: right;
}
.bbp-admin-links a {
padding: 0 2px;
}
#bbp-user-navigation li.current:after {
content: "\e90b";
}
/*------------------------------------------------------------------
[X. BuddyPress 481]
*/
#buddypress #whats-new-post-in-box {
float: right;
margin-right: 30px;
}
}
@media only screen and (max-width: 480px) {
/*------------------------------------------------------------------
[X. bbPress -480]
*/
.bbp-admin-links {
width: 100%;
text-align: left;
}
.bbp-header {
font-size: 10px;
}
.bbp-user-section .forum-titles {
font-size: 10px;
}
.bbp-user-section .forum-titles .bbp-forum-info, .bbp-user-section .forum-titles .bbp-topic-title {
padding-left: 5px;
}
.bbp-user-section .bbp-body .forum, .bbp-user-section .bbp-body .topic {
padding-left: 0;
}
.bbp-user-section .bbp-topic-meta {
display: none;
}
.bbp-user-section .bbp-forum-title, .bbp-user-section .bbp-topic-permalink {
font-size: 12px;
}
#bbp-single-user-details, #bbp-user-body {
float: none;
width: 100%;
}
/*------------------------------------------------------------------
[X. bbPress -480]
*/
#buddypress ul.item-list li {
padding: 15px;
}
#buddypress .activity-list li .activity-content {
width: calc( 100% - 30px);
}
#buddypress p > iframe {
max-height: 150px;
}
#buddypress div.activity-comments ul li ul li ul {
margin-left: 0;
}
#buddypress .dir-form {
border-top: 1px solid #eee;
}
#buddypress div.pagination {
text-align: center;
}
#buddypress div.pagination div {
float: none !important;
}
#buddypress div.pagination .pagination-links {
margin: 15px 0 0;
}
#buddypress div.activity-meta a {
padding: 5px 10px;
}
#buddypress .activity-list li .activity-avatar img, #buddypress #buddypress .activity-list li .acomment-avatar img {
height: 20px !important;
width: 20px !important;
}
#buddypress .activity-list li .activity-avatar a, #buddypress #buddypress .activity-list li .acomment-avatar a {
line-height: 40px !important;
}
#buddypress .activity-list li .activity-avatar, #buddypress #buddypress .activity-list li .acomment-avatar {
width: 40px;
}
#buddypress #members-list li {
width: 48%;
}
#buddypress #groups-list li {
width: 100%;
}
#buddypress #groups-list li .item-avatar img {
width: 75px;
height: auto;
}
}
@media only screen and (min-width: 768px) {
/*------------------------------------------------------------------
[X. BuddyPress 768]
*/
#buddypress div.activity-comments > ul {
padding: 0 0 0 75px;
}
}
@media only screen and (min-width: 1020px) {
.bp-layout-51 #buddypress #members-list li, .bp-layout-51 #buddypress #groups-list li {
width: 23.5%;
}
.bp-layout-51 #buddypress div#item-header #item-header-cover-image #item-header-content {
max-width: 100% !important;
}
}