Last active
August 29, 2015 14:17
-
-
Save ultimatemember/21e10196a0b4aa493fbb to your computer and use it in GitHub Desktop.
Updated: Ultimate Member & bbPress Custom CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#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