Skip to content

Instantly share code, notes, and snippets.

@ultimatemember
Last active August 29, 2015 14:17
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ultimatemember/21e10196a0b4aa493fbb to your computer and use it in GitHub Desktop.
Save ultimatemember/21e10196a0b4aa493fbb to your computer and use it in GitHub Desktop.
Updated: Ultimate Member & bbPress Custom CSS
#bbpress-forums .bbp-forums-list li {
font-size: 12px !important;
margin: 0px 12px 0 0 !important;
}
#bbpress-forums .bbp-forums-list li a {
padding: 1px 4px;
font-size: 12px;
background: #eee;
color: #666;
display: inline-block;
border-radius: 3px;
line-height: 18px;
}
#bbpress-forums .bbp-forums-list li a:hover {background: #ddd;text-decoration: none}
#bbpress-forums .bbp-forums-list {
margin: 0;
padding: 0;
}
#bbpress-forums ul.bbp-forums {
margin-bottom: 15px !important;
}
#bbpress-forums div.bbp-template-notice {
font-size: 16px;
color: #FFF !important;
background: none repeat scroll 0% 0% #C74A4A;
padding: 1px 20px;
border: none !important;
border-radius: 5px;
margin: 0 0 10px 0;
}
#bbpress-forums div.bbp-template-notice * {color: #fff !important}
.ult-bbp-ambassador-sig {
color: #777;
border-top: 1px solid #ddd;
padding-top: 10px;
margin-top: 10px;
font-size: 14px;
}
.ult-bbp-signature {
color: #999;
border-top: 1px solid #ddd;
padding-top: 20px;
margin-top: 10px;
}
.ult-bbp-signature span {
display: block;
font-size: 14px;
}
.ult-bbp-signature a i {margin-right: 8px;position: relative; top: 1px}
.ult-bbp-signature a.facebook,
.ult-bbp-signature a.twitter {
margin-right: 10px !important;
margin-bottom: 10px !important;
color: #FFF !important;
padding: 4px 14px !important;
text-align: center !important;
border-radius: 3px !important;
text-decoration: none !important;
display: inline-block !important;
font-size: 13px !important;
}
.ult-bbp-signature a.twitter {background: #55acee !important}
.ult-bbp-signature a.facebook {background: #3b5998 !important}
.ult-bbp-signature a.facebook:hover,
.ult-bbp-signature a.twitter:hover {opacity: 0.9}
.topic .bbp-private-reply {
background: #eee !important;
}
#bbpress-forums .status-closed, #bbpress-forums .status-closed a {
color: #666;
}
#bbpress-forums span.resolved i {
color: #7ACE5A;
font-size: 22px;
position: relative;
width: 25px;
text-align: center;
display: inline-block;
height: 16px;
line-height: 16px;
top: 2px;
}
#bbpress-forums .responsive-video-wrap {
position: static !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
}
#bbpress-forums .responsive-video-wrap img {
max-width: 600px !important;
border: 1px solid #eee;
border-radius: 3px;
box-shadow: 0 1px 1px #eee;
margin-bottom: 15px;
}
#bbpress-forums .bbp-reply-content img.wp-smiley {
vertical-align: middle;
}
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log {
display: none !important;
}
.ult-dashboard-forum #bbpress-forums #bbp-search-form,
.ult-dashboard-forum div.bbp-breadcrumb {display: none !important}
#bbpress-forums li.bbp-footer {
display: none;
}
.bbp-topic-started-by .avatar {display: inline-block}
.bbp-pagination-count {
display: none;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd {
background-color: #fff;
}
div.bbp-bought-items,
div.bbp-bought-support,
div.bbp-bought-bundle{
font-size: 19px;
line-height: 19px;
margin-top: 10px;
display: inline-block;
color: #3ba1da;
margin-right: 8px;
cursor: default;
}
div.bbp-bought-support {color: #4FCA5F}
div.bbp-u-author-role {
border-radius: 3px;
padding: 1px 6px;
display: inline-block;
margin: 6px 0;
color: #fff;
line-height: 20px;
}
div.bbp-u-author-role.admin {background: #3ba1da}
div.bbp-u-author-role.member {background: #555}
div.bbp-u-author-role.ambassador {background: #4FCA5F}
div.bbp-author-role {
border-radius: 3px;
padding: 2px 8px;
display: inline-block;
margin: 6px 0;
color: #fff;
line-height: 21px;
display: none !important;
}
div.bbp-author-role.bbp-author-role-team-member {
background: #3ba1da;
}
div.bbp-author-role.bbp-author-role-user {
background: #777;
}
div.bbp-template-notice, div.indicator-hint {
border: none;
border-left: 3px solid #3ba1da;
border-radius: 0;
background: transparent;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
font-size: 20px;
font-weight: 600;
color: #333;
border-bottom: 2px solid #ddd;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
}
.bbp-user-profile p,
.bbp-user-section p{
font-size: 14px;
margin: 0 0 15px 0;
}
#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
border-radius: 3px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-avatar {
width: 190px;
}
#bbpress-forums #bbp-user-body {
margin-left: 220px;
}
#bbpress-forums #bbp-single-user-details {
width: 190px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
height: 190px;
width: 190px;
}
#bbp-user-navigation a:before {
margin-right: 6px;
font-size: 20px;
display: inline-block;
position: relative;
top: 2px;
font-family: "FontAwesome";
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
}
#bbp-user-navigation .bbp-user-profile-link a:before {content: "\f007";}
#bbp-user-navigation .bbp-user-topics-created-link a:before {content: "\f0eb";}
#bbp-user-navigation .bbp-user-replies-created-link a:before {content: "\f0e6";}
#bbp-user-navigation .bbp-user-favorites-link a:before {content: "\f097";}
#bbp-user-navigation .bbp-user-subscriptions-link a:before {content: "\f003";}
#bbp-user-navigation .bbp-user-edit-link {display: none !important}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
background: #3BA1DA;
color: #fff !important;
opacity: 1;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
color: #666;
font-size: 14px;
padding: 5px 12px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a:hover {
color: #333;
}
.content-area .bbp-forum-title, .content-area .bbp-topic-permalink {
color: #333;
font-weight: 500;
font-size: 16px;
margin: 0;
}
#bbpress-forums ul.topic.super-sticky .bbp-topic-permalink,
#bbpress-forums ul.topic.sticky .bbp-topic-permalink
{font-weight: 600 !important}
#bbpress-forums .bbp-topics-front ul.topic.super-sticky,
#bbpress-forums .bbp-topics ul.topic.super-sticky {
border-left: 5px solid #E46262 !important;
box-sizing: border-box;
background: #fff !important;
}
#bbpress-forums .bbp-topics-front ul.topic.super-sticky .bbp-topic-title:before,
#bbpress-forums .bbp-topics ul.topic.super-sticky .bbp-topic-title:before {
content: "[super sticky] ";
font-weight: normal;
color: #aaa;
font-size: 14px;
position: relative;
top: -1px;
margin-right: 5px;
}
#bbpress-forums .bbp-topics-front ul.topic.sticky,
#bbpress-forums .bbp-topics ul.topic.sticky {
border-left: 5px solid #82E492 !important;
box-sizing: border-box;
background: #fff !important;
}
#bbpress-forums .bbp-topics-front ul.topic.sticky .bbp-topic-title:before,
#bbpress-forums .bbp-topics ul.topic.sticky .bbp-topic-title:before {
content: "[sticky] ";
font-weight: normal;
color: #aaa;
font-size: 14px;
position: relative;
top: -1px;
margin-right: 5px;
}
#bbpress-forums .bbp-topics-front ul.topic,
#bbpress-forums .bbp-topics ul.topic {
border-left: 5px solid #E0E0E0 !important;
box-sizing: border-box;
}
.theme-selectInner {
display: inline !important;
}
#bbpress-forums div.bbp-topic-tags {
float: right;
}
#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
margin-left: 205px;
}
#bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author {
width: 220px;
}
#bbpress-forums li.bbp-header .bbp-search-author, #bbpress-forums li.bbp-footer .bbp-search-author, #bbpress-forums li.bbp-header .bbp-forum-author, #bbpress-forums li.bbp-footer .bbp-forum-author, #bbpress-forums li.bbp-header .bbp-topic-author, #bbpress-forums li.bbp-footer .bbp-topic-author, #bbpress-forums li.bbp-header .bbp-reply-author, #bbpress-forums li.bbp-footer .bbp-reply-author {
width: 220px;
}
#bbpress-forums div.bbp-reply-content {
padding: 6px 15px;
}
span.bbp-author-ip {
display: none !important;
}
#bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar {
border-radius: 3px;
}
#bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role {
font-size: 13px;
font-style: normal;
}
#bbpress-forums div.bbp-forum-author a.bbp-author-name, #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
margin: 0px;
display: inline-block;
}
.bbp-topic-pagination {
display: inline-block;
margin-left: 10px;
margin-bottom: 2px;
position: relative;
top: -2px;
}
.bbp-topic-pagination a {
font-size: 13px;
padding: 4px 8px;
border: 1px solid #DDD;
text-decoration: none;
line-height: 13px;
}
.bbp-topic-pagination a:hover {color: #fff; background: #3BA1DA}
.bbp-breadcrumb {
display: block !important;
}
#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p{
font-size: 13px !important;
margin-bottom: 15px !important;
}
#subscription-toggle {display: none !important}
#bbpress-forums li {
text-align: left !important;
}
#bbpress-forums div.bbp-the-content-wrapper input {
font-size: 13px;
padding: 5px 8px;
line-height: 16px;
margin-right: 3px !important;
border-radius: 0 !important;
color: #666;
background: #fff;
}
.bbp-pagination {
display: none !important;
}
.bbp-pagination ~ .bbp-pagination {display: block !important}
.bbp-pagination {
float: left;
width: 100%;
font-size: 14px;
margin: 20px 0;
}
.bbp-pagination-links a, .bbp-pagination-links span.current {
display: block;
float: left;
margin-left: 5px;
text-decoration: none;
padding: 2px 10px;
border: medium none !important;
color: #666;
border-radius: 3px;
opacity: 1;
}
.bbp-pagination-links a:hover {
color: #333;
background: #e5e5e5 !important;
}
.page-numbers.current {
background: #3BA1DA !important;
color: #fff !important;
}
div.bbp-template-notice p {
font-size: 13px !important;
color: #333 !important;
}
#bbp_topic_subscription {
position: relative;
top: 1px;
}
.bbp-topic-form,
.bbp-reply-form{
clear: left;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
border-bottom: 3px solid #CBD0D6 !important;
padding: 15px;
margin: 40px 0px 0px;
}
#bbpress-forums fieldset.bbp-form input {
margin: 0;
}
#bbpress-forums fieldset.bbp-form {
background: none repeat scroll 0% 0% #FFF !important;
max-width: 600px;
border: medium none !important;
margin: auto;
padding: 0px 20px 10px 20px;
}
#bbpress-forums fieldset.bbp-form legend {
font-size: 16px;
font-weight: 600;
padding: 0 0 10px 0;
}
#bbpress-forums fieldset.bbp-form input[type=text] {
width: 100%;
}
#bbpress-forums fieldset.bbp-form p {
margin-bottom: 15px;
font-size: 14px;
}
div.bbp-submit-wrapper {
float: none;
margin-top: 0;
max-width: 250px;
margin: auto;
}
div.bbp-submit-wrapper button {
width: 100%;
font-size: 15px;
}
body.bbpress .content-area{
width: 100% !important;
}
body.bbpress #sidebar{
display: none !important;
}
#bbpress-forums .bbp-forum-freshness p.bbp-topic-meta,
#bbpress-forums .bbp-topic-freshness p.bbp-topic-meta{
margin-top: 8px !important;
}
#bbpress-forums p.bbp-topic-meta {
font-size: 13px !important;
}
#bbpress-forums p.bbp-topic-meta a{
color: #666;
}
#bbpress-forums p.bbp-topic-meta img.avatar {
float: none;
width: 26px;
height: 26px;
padding: 0px !important;
border: 0px none !important;
border-radius: 3px !important;
margin-bottom: -10px;
margin-right: 3px;
}
.bbp-topic-freshness, .bbp-forum-freshness, li.bbp-forum-freshness {
display: block;
font-size: 13px;
}
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
background: #3ba1da;
}
li.bbp-forum-info, li.bbp-topic-title {
width: 55%;
}
#bbp_search_submit {
font-size: 15px;
}
#bbpress-forums #bbp-search-form #bbp_search {
font-size: 16px;
border-radius: 3px;
}
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-replies{
margin-bottom: 0;
border-bottom: 3px solid #cbd0d6 !important;
}
#bbpress-forums ul {
padding: 0;
background: #fff;
border: none !important;
}
#bbpress-forums div.bbp-reply-header {
background: #fff;
}
#bbpress-forums li.bbp-header ul {
background: transparent;
}
li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count {
font-size: 14px;
}
.content-area .forum-titles,
.content-area .forum-titles li,
#bbpress-forums li.bbp-header {
font-weight: 600;
color: #fff;
font-size: 16px !important;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
margin-bottom: 0;
margin-top: 0;
font-size: 14px;
color: #666;
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
border-bottom: 1px solid #eee !important;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic,
#bbpress-forums li.bbp-body div.hentry,
#bbpress-forums div.bbp-reply-header
{
padding: 14px 20px;
}
span.bbp-admin-links {
font-size: 14px !important;
}
span.bbp-admin-links a {
color: #666;
font-weight: normal;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
}
span.bbp-admin-links a:hover {
color: #3ba1da;
}
.bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink {
font-size: 14px;
color: #3ba1da;
}
#bbpress-forums div.bbp-reply-header {
background: #f9f9f9;
}
.bbp-reply-post-date {
font-size: 14px;
color: #999;
}
@media all and (max-width: 800px) {
li.bbp-topic-title,
li.bbp-forum-info
{
width: 100%;
}
li.bbp-topic-voice-count,
li.bbp-topic-reply-count,
li.bbp-topic-freshness,
li.bbp-forum-topic-count,
li.bbp-forum-reply-count,
li.bbp-forum-freshness
{
display: none !important;
}
#bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author {
width: 110px;
}
#bbpress-forums li.bbp-header .bbp-search-author, #bbpress-forums li.bbp-footer .bbp-search-author, #bbpress-forums li.bbp-header .bbp-forum-author, #bbpress-forums li.bbp-footer .bbp-forum-author, #bbpress-forums li.bbp-header .bbp-topic-author, #bbpress-forums li.bbp-footer .bbp-topic-author, #bbpress-forums li.bbp-header .bbp-reply-author, #bbpress-forums li.bbp-footer .bbp-reply-author {
width: 120px;
}
#bbpress-forums li.bbp-header .bbp-search-content, #bbpress-forums li.bbp-footer .bbp-search-content, #bbpress-forums li.bbp-header .bbp-forum-content, #bbpress-forums li.bbp-footer .bbp-forum-content, #bbpress-forums li.bbp-header .bbp-topic-content, #bbpress-forums li.bbp-footer .bbp-topic-content, #bbpress-forums li.bbp-header .bbp-reply-content, #bbpress-forums li.bbp-footer .bbp-reply-content {margin-left: 125px}
#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
margin-left: 110px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment