Created
August 11, 2018 09:12
-
-
Save seothemes/73a954b2af07e58a07aed1279c643a92 to your computer and use it in GitHub Desktop.
This is a quick, sassified version of the default bbPress stylesheet.
This file contains hidden or 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 specific CSS | |
* | |
* @package bbPress | |
* @subpackage Theme | |
*/ | |
/* =bbPress Style | |
-------------------------------------------------------------- */ | |
body.reply-edit .reply { | |
float: none; | |
} | |
span.bbp-author-ip { | |
font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif; | |
font-size: 11px; | |
font-weight: bold; | |
color: #aaa; | |
} | |
#bbpress-forums { | |
background: transparent; | |
clear: both; | |
margin-bottom: 20px; | |
overflow: hidden; | |
font-size: 12px; | |
hr { | |
margin: 0 0 24px 0; | |
} | |
div.even, | |
ul.even { | |
background-color: #fff; | |
} | |
div.odd, | |
ul.odd { | |
background-color: #fbfbfb; | |
} | |
div.reply { | |
height: auto; | |
width: 100%; | |
} | |
div.bbp-forum-header, | |
div.bbp-topic-header, | |
div.bbp-reply-header { | |
border-top: 1px solid #ddd; | |
background-color: #f4f4f4; | |
clear: both; | |
margin-bottom: 0; | |
overflow: hidden; | |
padding: 8px; | |
} | |
.status-trash.even, | |
.status-spam.even { | |
background-color: #fee; | |
} | |
.status-trash.odd, | |
.status-spam.odd { | |
background-color: #fdd; | |
} | |
.status-closed, | |
.status-closed a { | |
color: #ccc; | |
} | |
ul { | |
background: none; | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
&.bbp-threaded-replies { | |
margin-left: 50px; | |
} | |
&.bbp-lead-topic, | |
&.bbp-topics, | |
&.bbp-forums, | |
&.bbp-replies, | |
&.bbp-search-results { | |
font-size: 12px; | |
overflow: hidden; | |
border: 1px solid #eee; | |
margin-bottom: 20px; | |
clear: both; | |
} | |
} | |
li { | |
background: none; | |
margin: 0; | |
list-style: none; | |
&.bbp-header, | |
&.bbp-body, | |
&.bbp-footer { | |
clear: both; | |
} | |
&.bbp-header, | |
&.bbp-footer { | |
background: #f3f3f3; | |
border-top: 1px solid #eee; | |
font-weight: bold; | |
padding: 8px; | |
text-align: center; | |
} | |
&.bbp-header { | |
background: #eaeaea; | |
ul { | |
overflow: hidden; | |
&.forum, | |
&.topic { | |
border-top: 1px solid #eee; | |
overflow: hidden; | |
padding: 8px; | |
} | |
} | |
div.bbp-topic-content span { | |
&#subscription-toggle, | |
&#favorite-toggle, | |
&#subscription-toggle, | |
&#favorite-toggle { | |
float: right; | |
} | |
} | |
} | |
&.bbp-forum-info, | |
&.bbp-topic-title { | |
float: left; | |
text-align: left; | |
width: 55%; | |
} | |
&.bbp-forum-topic-count, | |
&.bbp-topic-voice-count, | |
&.bbp-forum-reply-count, | |
&.bbp-topic-reply-count { | |
float: left; | |
text-align: center; | |
width: 10%; | |
} | |
&.bbp-forum-freshness, | |
&.bbp-topic-freshness { | |
text-align: center; | |
float: left; | |
width: 22%; | |
} | |
&.bbp-header, | |
&.bbp-footer { | |
.bbp-search-author, | |
.bbp-forum-author, | |
.bbp-topic-author, | |
.bbp-reply-author { | |
float: left; | |
margin: 0; | |
padding: 0; | |
width: 120px; | |
} | |
} | |
&.bbp-header, | |
&.bbp-footer { | |
.bbp-search-content, | |
.bbp-forum-content, | |
.bbp-topic-content, | |
.bbp-reply-content { | |
margin-left: 140px; | |
padding: 0; | |
text-align: left; | |
} | |
} | |
&.bbp-body div.hentry { | |
margin-bottom: 0; | |
overflow: hidden; | |
padding: 8px; | |
} | |
} | |
.bbp-forums-list { | |
margin: 0 0 0 5px; | |
padding-left: 15px; | |
border-left: 1px solid #ddd; | |
li { | |
display: inline; | |
font-size: 11px; | |
&.bbp-footer p { | |
margin: 0; | |
line-height: 1em; | |
} | |
} | |
} | |
div.bbp-forum-title, | |
div.bbp-topic-title, | |
div.bbp-reply-title { | |
h3 { | |
background: none; | |
border: none; | |
font-size: 16px; | |
line-height: 1em; | |
margin: 8px 0; | |
padding: 0; | |
text-transform: none; | |
} | |
} | |
div.bbp-forum-author, | |
div.bbp-topic-author, | |
div.bbp-reply-author { | |
float: left; | |
text-align: center; | |
width: 115px; | |
img.avatar { | |
border: none; | |
max-width: 80px; | |
padding: 0; | |
margin: 12px auto 0 auto; | |
float: none; | |
} | |
a.bbp-author-name { | |
clear: left; | |
display: block; | |
margin: 0 12px; | |
word-break: break-word; | |
display: inline-block; | |
} | |
.bbp-author-role { | |
font-size: 11px; | |
font-style: italic; | |
} | |
} | |
div.bbp-forum-author a.bbp-author-name { | |
//clear: left; | |
//display: block; | |
} | |
} | |
/* =Topic and reply content | |
-------------------------------------------------------------- */ | |
#bbpress-forums { | |
div.bbp-forum-content { | |
margin-left: 130px; | |
padding: 12px 12px 12px 0; | |
text-align: left; | |
} | |
div.bbp-topic-content, | |
div.bbp-reply-content { | |
margin-left: 130px; | |
padding: 12px 12px 12px 0; | |
text-align: left; | |
/* Clearing hack */ | |
&:after { | |
clear: both; | |
content: "."; | |
display: block; | |
float: none; | |
height: 0; | |
font-size: 0; | |
visibility: hidden; | |
} | |
a { | |
background: none; | |
border: none; | |
display: inline; | |
font-weight: normal; | |
margin: 0; | |
padding: 0; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
clear: none; | |
line-height: 1em; | |
margin: 24px 0; | |
padding: 0; | |
} | |
img { | |
max-width: 100%; | |
} | |
ul, | |
ol { | |
margin: 0 15px 15px; | |
padding: 0; | |
} | |
ul li { | |
list-style-type: disc; | |
} | |
ol li { | |
list-style-type: decimal; | |
li { | |
list-style-type: lower-alpha; | |
li { | |
list-style-type: upper-roman; | |
} | |
} | |
} | |
code, | |
pre { | |
font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace; | |
display: inline-block; | |
background-color: #f9f9f9; | |
border: 1px solid #ddd; | |
padding: 0 5px; | |
max-width: 95%; | |
vertical-align: middle; | |
margin-top: -3px; | |
} | |
pre { | |
display: block; | |
line-height: 18px; | |
margin: 0 0 24px; | |
padding: 5px 10px; | |
white-space: pre; | |
overflow: auto; | |
code { | |
border: none; | |
padding: 0; | |
margin: 0; | |
background-color: transparent; | |
overflow-wrap: normal; | |
max-width: 100%; | |
} | |
} | |
} | |
} | |
/* =Reply to | |
-------------------------------------------------------------- */ | |
#bbpress-forums div { | |
&.bbp-reply-to { | |
margin-left: 130px; | |
padding: 12px 12px 12px 0; | |
text-align: right; | |
} | |
&#bbp-cancel-reply-to { | |
text-align: right; | |
} | |
} | |
/* =Breadcrumb and Tags | |
-------------------------------------------------------------- */ | |
div.bbp-breadcrumb { | |
float: left; | |
} | |
div.bbp-topic-tags { | |
float: right; | |
} | |
div.bbp-breadcrumb, | |
div.bbp-topic-tags { | |
font-size: 12px; | |
p { | |
margin-bottom: 10px | |
} | |
} | |
#bbp-topic-hot-tags { | |
clear: both; | |
} | |
/* =Search | |
-------------------------------------------------------------- */ | |
#bbpress-forums { | |
#bbp-search-form { | |
clear: left; | |
.hidden { | |
height: 0; | |
width: 0; | |
overflow: hidden; | |
position: absolute; | |
background: none; | |
left: -999em; | |
} | |
#bbp_search { | |
display: inline-block; | |
width: auto; | |
} | |
} | |
div.bbp-search-form { | |
float: right; | |
} | |
} | |
/* =Admin Links | |
-------------------------------------------------------------- */ | |
span { | |
.bbp-admin-links { | |
float: right; | |
color: #ddd; | |
a { | |
color: #bbb; | |
font-weight: normal; | |
font-size: 10px; | |
text-transform: uppercase; | |
text-decoration: none; | |
} | |
} | |
} | |
fieldset span.bbp-admin-links { | |
float: left; | |
} | |
tr td span.bbp-admin-links a:hover { | |
color: #ff4b33; | |
} | |
td.bbp-topic-admin-links, | |
td.bbp-topic-counts { | |
width: 50%; | |
} | |
.bbp-forum-header, | |
.bbp-topic-header, | |
.bbp-reply-header { | |
a.bbp-reply-permalink { | |
float: right; | |
margin-left: 10px; | |
color: #ccc; | |
} | |
} | |
/* =Toggles | |
-------------------------------------------------------------- */ | |
.bbp-row-actions { | |
#favorite-toggle { | |
text-decoration: none; | |
padding: 0 3px 1px; | |
color: #7c7; | |
border: 1px solid #aca; | |
background-color: #dfd; | |
font-weight: bold; | |
font-size: 13px; | |
a:hover { | |
color: #5a5; | |
border-color: #7c7; | |
background-color: #beb; | |
} | |
span.is-favorite a { | |
color: #faa; | |
border: 1px solid #faa; | |
background-color: #fee; | |
&:hover { | |
color: #c88; | |
border-color: #c88; | |
background-color: #fdd; | |
} | |
} | |
} | |
#subscription-toggle { | |
text-decoration: none; | |
padding: 0 3px 1px; | |
color: #7c7; | |
border: 1px solid #aca; | |
background-color: #dfd; | |
font-weight: bold; | |
font-size: 13px; | |
a:hover { | |
color: #5a5; | |
border-color: #7c7; | |
background-color: #beb; | |
} | |
span.is-subscribed a { | |
color: #faa; | |
border: 1px solid #faa; | |
background-color: #fee; | |
&:hover { | |
color: #c88; | |
border-color: #c88; | |
background-color: #fdd; | |
} | |
} | |
} | |
} | |
#bbpress-forums { | |
.bbp-forum-info .bbp-forum-content, | |
p.bbp-topic-meta { | |
font-size: 11px; | |
margin: 5px 0 5px; | |
padding: 0; | |
word-wrap: break-word; | |
} | |
p.bbp-topic-meta span { | |
white-space: nowrap; | |
} | |
} | |
/* =Pagination | |
-------------------------------------------------------------- */ | |
.bbp-pagination-count { | |
float: left; | |
border: 1px solid transparent; | |
} | |
.bbp-pagination-links { | |
float: right; | |
list-style: none; | |
display: inline; | |
a, | |
span.current { | |
display: block; | |
float: left; | |
padding: 0px 5px; | |
margin-left: 5px; | |
border: 1px solid #efefef; | |
text-decoration: none; | |
} | |
a:hover, | |
.bbp-pagination-links span.current { | |
background: #eee; | |
opacity: 0.8; | |
border: 1px solid #ddd; | |
} | |
span.dots { | |
display: block; | |
float: left; | |
padding: 1px 4px; | |
margin-left: 5px; | |
} | |
} | |
.bbp-pagination { | |
float: left; | |
width: 100%; | |
margin-bottom: 15px; | |
} | |
.bbp-topic-pagination { | |
display: inline-block; | |
margin-left: 5px; | |
margin-bottom: 2px; | |
a { | |
font-size: 10px; | |
line-height: 10px; | |
padding: 1px 3px; | |
border: 1px solid #ddd; | |
text-decoration: none; | |
} | |
} | |
/* =Forms | |
-------------------------------------------------------------- */ | |
#bbpress-forums fieldset.bbp-form { | |
clear: left; | |
border: 1px solid #eee; | |
padding: 10px 20px; | |
margin-bottom: 10px; | |
legend { | |
padding: 5px; | |
} | |
label { | |
margin: 0; | |
display: inline-block; | |
} | |
p, | |
textarea, | |
select, | |
input { | |
margin: 0 0 8px; | |
} | |
textarea { | |
#bbp_reply_content, | |
#bbp_topic_content, | |
#bbp_forum_content { | |
width: 97%; | |
box-sizing: border-box; | |
} | |
#bbp_forum_content { | |
height: 210px; | |
} | |
} | |
} | |
#bbp-edit-topic-tag.bbp-form fieldset.bbp-form label, | |
#bbp-login fieldset label, | |
#bbp-register fieldset label, | |
#bbp-lost-pass fieldset label { | |
width: 100px; | |
} | |
#bbpress-forums fieldset.bbp-forum-form-attributes { | |
width: 200px; | |
float: right; | |
clear: none; | |
margin-left: 25px; | |
} | |
/** | |
* Fix for too-long forum names, usually from conversion | |
*/ | |
#bbpress-forums fieldset select#bbp_forum_id { | |
max-width: 200px; | |
} | |
.bbp-topic-form, | |
.bbp-reply-form, | |
.bbp-topic-tag-form { | |
clear: left; | |
} | |
body { | |
&.page, | |
&.topic-edit, | |
&.reply-edit, | |
&.single-forum, | |
&.single-reply { | |
.bbp-topic-form, | |
.bbp-reply-form { | |
div.avatar img { | |
margin-right: 0; | |
padding: 10px; | |
border: 1px solid #ddd; | |
line-height: 0; | |
background-color: #efefef; | |
} | |
code { | |
font-size: 10px; | |
background-color: #f0fff8; | |
border: 1px solid #CEEFE1; | |
display: block; | |
padding: 8px; | |
margin-top: 5px; | |
width: 369px; | |
} | |
} | |
} | |
} | |
#merge_tag, | |
#delete_tag { | |
display: inline; | |
} | |
div.bbp-submit-wrapper { | |
margin-top: 15px; | |
float: right; | |
clear: both; | |
} | |
p.form-allowed-tags { | |
max-width: 100%; | |
} | |
/* =TinyMCE in themes | |
-------------------------------------------------------------- */ | |
#bbpress-forums { | |
div.bbp-the-content-wrapper { | |
margin-bottom: 10px; | |
textarea.bbp-the-content { | |
width: 100%; | |
margin: 0; | |
font-size: 12px; | |
} | |
table, | |
tbody, | |
tr, | |
td { | |
border: none; | |
padding: 0; | |
margin: 0; | |
width: auto; | |
line-height: 1em; | |
} | |
input { | |
font-size: 12px; | |
padding: 5px; | |
margin: 0 2px 0 0; | |
line-height: 1em; | |
} | |
div.quicktags-toolbar { | |
padding: 5px; | |
min-height: 26px; | |
} | |
td { | |
&.mceToolbar { | |
padding: 4px 4px 8px; | |
} | |
&.mceStatusbar { | |
line-height: 16px; | |
} | |
} | |
} | |
div.wp-editor-container { | |
margin: 0; | |
padding: 0; | |
line-height: 0; | |
} | |
} | |
/* =Edit User | |
-------------------------------------------------------------- */ | |
#bbpress-forums { | |
#bbp-your-profile { | |
fieldset { | |
padding: 20px 20px 0 20px; | |
div { | |
margin-bottom: 20px; | |
float: left; | |
width: 100%; | |
clear: left; | |
} | |
select { | |
margin-bottom: 0; | |
} | |
input, | |
textarea { | |
margin-bottom: 0; | |
width: 60%; | |
background: #f9f9f9; | |
border: 1px solid #ddd; | |
box-shadow: none; | |
padding: 5px 8px; | |
border-radius: 0; | |
&:focus { | |
border: 1px solid #ccc; | |
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); | |
outline-color: rgba(240, 255, 240, 0.1); | |
} | |
} | |
legend { | |
display: none; | |
} | |
label[for] { | |
float: left; | |
width: 20%; | |
padding: 5px 20px 5px 0; | |
text-align: right; | |
cursor: pointer; | |
} | |
dl label[for] { | |
text-align: left; | |
width: 60%; | |
} | |
&.bbp-form input.checkbox { | |
width: auto; | |
} | |
span.description { | |
margin: 5px 0 0 20%; | |
font-size: 12px; | |
font-style: italic; | |
float: left; | |
clear: left; | |
width: 60%; | |
padding: 5px 8px; | |
border: #cee1ef 1px solid; | |
background-color: #f0f8ff; | |
} | |
fieldset { | |
margin: 0; | |
border: none; | |
padding: 0; | |
clear: none; | |
float: none; | |
&.password { | |
width: 60%; | |
display: inline; | |
input, | |
span { | |
width: 100%; | |
} | |
span.description { | |
margin-left: 0; | |
margin-bottom: 20px; | |
} | |
} | |
&.capabilities dl { | |
margin: 0; | |
} | |
} | |
&.submit button { | |
float: right; | |
} | |
} | |
} | |
} | |
/* =Notices | |
-------------------------------------------------------------- */ | |
div.bbp-template-notice, | |
div.indicator-hint { | |
border-width: 1px; | |
border-style: solid; | |
padding: 0 0.6em; | |
margin: 5px 0 15px; | |
border-radius: 3px; | |
background-color: #ffffe0; | |
border-color: #e6db55; | |
color: #000; | |
clear: both; | |
} | |
div.bbp-template-notice { | |
p { | |
margin: 0.5em 0 6px 0 !important; | |
padding: 2px; | |
font-size: 12px; | |
line-height: 140%; | |
} | |
a { | |
color: #555; | |
text-decoration: none; | |
&:hover { | |
color: #000; | |
} | |
} | |
&.info { | |
border: #cee1ef 1px solid; | |
background-color: #f0f8ff; | |
} | |
&.important { | |
border: #e6db55 1px solid; | |
background-color: #fffbcc; | |
} | |
&.error, | |
&.warning { | |
background-color: #ffebe8; | |
border-color: #c00; | |
a { | |
color: #c00; | |
} | |
} | |
} | |
/* =Stickies | |
-------------------------------------------------------------- */ | |
.bbp-topics-front ul.super-sticky, | |
.bbp-topics ul.super-sticky, | |
.bbp-topics ul.sticky, | |
.bbp-forum-content ul.sticky { | |
background-color: #ffffe0 !important; | |
font-size: 1.1em; | |
} | |
/* =Revisions | |
-------------------------------------------------------------- */ | |
#bbpress-forums { | |
.bbp-topic-content ul.bbp-topic-revision-log, | |
.bbp-reply-content ul.bbp-topic-revision-log, | |
.bbp-reply-content ul.bbp-reply-revision-log { | |
border-top: 1px dotted #ddd; | |
width: 100%; | |
margin: 0; | |
padding: 8px 0 0 0; | |
font-size: 11px; | |
color: #aaa; | |
li { | |
list-style-type: none; | |
} | |
} | |
} | |
/* =Widgets | |
-------------------------------------------------------------- */ | |
.bbp-login-form { | |
fieldset legend { | |
display: none; | |
} | |
label { | |
width: 140px; | |
display: inline-block; | |
} | |
.bbp-username, | |
.bbp-email, | |
.bbp-password { | |
input { | |
padding: 5px; | |
} | |
} | |
.bbp-username, | |
.bbp-email, | |
.bbp-password, | |
.bbp-remember-me, | |
.bbp-submit-wrapper { | |
margin-top: 10px; | |
} | |
.bbp-remember-me { | |
} | |
.bbp-login-links { | |
a { | |
float: left; | |
clear: left; | |
} | |
} | |
.bbp-submit-wrapper { | |
text-align: right; | |
} | |
} | |
.bbp-logged-in { | |
img.avatar { | |
float: left; | |
margin: 0 15px 0 0; | |
} | |
h4 { | |
font-weight: bold; | |
font-size: 1.3em; | |
clear: none; | |
margin-bottom: 10px; | |
} | |
} | |
#sidebar .bbp-login-form label { | |
width: 70px; | |
} | |
/* =Avatars | |
-------------------------------------------------------------- */ | |
#bbpress-forums { | |
p.bbp-topic-meta, | |
ul.bbp-reply-revision-log, | |
ul.bbp-topic-revision-log, | |
div.bbp-template-notice, | |
.widget_display_topics, | |
.widget_display_replies { | |
img.avatar { | |
float: none; | |
margin-bottom: -7px; | |
border: 3px double #ddd; | |
} | |
} | |
} | |
fieldset div.avatar { | |
float: right; | |
} | |
/* =BuddyPress Activity Streams | |
-------------------------------------------------------------- */ | |
.activity-list li.bbp_topic_create, | |
.activity-list li.bbp_reply_create { | |
.activity-content .activity-inner { | |
border-left: 2px solid #eaeaea; | |
margin-left: 5px; | |
padding-left: 10px; | |
} | |
} | |
/* =User Pages | |
-------------------------------------------------------------- */ | |
#bbpress-forums { | |
h1 { | |
clear: none; | |
font-size: 1.8em; | |
line-height: 1em; | |
padding-bottom: 10px; | |
} | |
#bbp-user-wrapper { | |
float: left; | |
width: 100%; | |
h2.entry-title { | |
font-size: 1.4em; | |
margin: 0; | |
padding-bottom: 10px; | |
padding-top: 0; | |
clear: none; | |
} | |
ul { | |
&.bbp-lead-topic, | |
&.bbp-topics, | |
&.bbp-forums, | |
&.bbp-replies { | |
clear: none; | |
} | |
} | |
fieldset.bbp-form { | |
clear: none; | |
} | |
} | |
.bbp-user-section { | |
overflow: auto; | |
} | |
#bbp-single-user-details { | |
margin: 0; | |
width: 150px; | |
float: left; | |
overflow: hidden; | |
#bbp-user-avatar { | |
margin: 0; | |
width: 150px; | |
img.avatar { | |
border: none; | |
height: 150px; | |
padding: 0; | |
margin: 0 0 20px 0; | |
width: 150px; | |
} | |
} | |
#bbp-user-description { | |
float: none; | |
margin-left: 180px; | |
} | |
#bbp-user-navigation { | |
float: none; | |
margin: 0; | |
li { | |
margin: 0; | |
&.current a { | |
background: #eee; | |
opacity: 0.8; | |
} | |
} | |
a { | |
padding: 5px 8px; | |
display: block; | |
border: 1px solid transparent; | |
text-decoration: none; | |
} | |
} | |
} | |
#bbp-user-body { | |
margin-left: 180px; | |
} | |
} | |
body.my-account #bbpress-forums { | |
border-top: none; | |
padding-top: 0; | |
margin-bottom: 0; | |
} | |
/* =User Capabilities | |
-------------------------------------------------------------- */ | |
#bbpress-forums { | |
dl.bbp-user-capabilities { | |
display: inline-block; | |
vertical-align: top; | |
dt { | |
margin: 0 0 10px; | |
text-transform: capitalize; | |
} | |
dd { | |
margin: 0; | |
padding: 0; | |
} | |
} | |
} | |
/* =BuddyPress Group Forums | |
-------------------------------------------------------------- */ | |
#bbpress-forums { | |
div.row-actions { | |
font-size: 11px; | |
visibility: hidden; | |
} | |
li:hover > div.row-actions { | |
visibility: visible; | |
} | |
} | |
/*-------------------------------------------------------------- | |
Media Queries | |
--------------------------------------------------------------*/ | |
/* =Standard Mobile Landscape | |
-------------------------------------------------------------- */ | |
@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) { | |
-webkit-text-size-adjust: none; | |
} | |
@media only screen and (max-width: 480px) { | |
div.bbp-search-form { | |
input, | |
button { | |
font-size: 11px; | |
padding: 2px; | |
} | |
} | |
li.bbp-forum-info, | |
li.bbp-topic-title { | |
width: 45%; | |
} | |
li.bbp-forum-topic-count, | |
li.bbp-forum-reply-count, | |
li.bbp-topic-voice-count, | |
li.bbp-topic-reply-count { | |
width: 15%; | |
} | |
span.bbp-reply-post-date { | |
float: left; | |
} | |
span.bbp-admin-links { | |
clear: left; | |
float: left; | |
} | |
div.bbp-submit-wrapper { | |
float: left; | |
} | |
#bbpress-forums { | |
div.bbp-topic-tags { | |
clear: left; | |
float: left; | |
} | |
.bbp-forums-list li { | |
display: block; | |
font-size: 11px; | |
} | |
.bbp-body div.bbp-reply-author { | |
margin: -15px 10px 10px; | |
min-height: 100px; | |
padding-left: 80px; | |
position: relative; | |
text-align: left; | |
width: 100%; | |
} | |
div.bbp-reply-author a.bbp-author-name { | |
clear: none; | |
display: inline-block; | |
margin-left: 0; | |
word-wrap: break-word; | |
} | |
div.bbp-reply-author img.avatar { | |
position: absolute; | |
top: 15px; | |
left: 0; | |
width: 60px; | |
height: auto; | |
} | |
div.bbp-reply-author .bbp-author-role { | |
font-size: 12px; | |
font-style: normal; | |
} | |
.bbp-body div.bbp-reply-content { | |
clear: both; | |
margin: 10px; | |
padding: 0; | |
} | |
div.bbp-reply-content p { | |
margin-bottom: 1em; | |
} | |
fieldset.bbp-form { | |
padding: 0 10px 10px; | |
} | |
#bbp-user-body { | |
clear: both; | |
margin-left: 0; | |
word-wrap: break-word; | |
} | |
} | |
} | |
/* =Standard Mobile Portrait | |
-------------------------------------------------------------- */ | |
@media only screen and (max-width: 320px) { | |
#bbpress-forums { | |
div.bbp-search-form { | |
margin-bottom: 10px; | |
} | |
li { | |
&.bbp-header, | |
&.bbp-body { | |
li { | |
&.bbp-forum-info, | |
&.bbp-topic-title { | |
width: 100%; | |
} | |
} | |
} | |
&.bbp-header { | |
li { | |
&.bbp-forum-info, | |
&.bbp-topic-title { | |
text-align: center; | |
text-transform: uppercase; | |
} | |
} | |
} | |
&.bbp-header, | |
&.bbp-body { | |
li { | |
&.bbp-forum-topic-count, | |
&.bbp-forum-reply-count, | |
&.bbp-topic-voice-count, | |
&.bbp-topic-reply-count { | |
width: 20%; | |
} | |
} | |
} | |
&.bbp-header, | |
&.bbp-body { | |
li { | |
&.bbp-forum-freshness, | |
&.bbp-topic-freshness { | |
width: 58%; | |
} | |
} | |
} | |
&.body { | |
li { | |
&.bbp-forum-topic-count, | |
&.bbp-forum-reply-count, | |
&.bbp-forum-freshness, | |
&.bbp-topic-voice-count, | |
&.bbp-topic-reply-count, | |
&.bbp-topic-freshness { | |
margin-top: 7px; | |
} | |
} | |
} | |
&.bbp-header, | |
&.bbp-footer { | |
font-size: 10px; | |
} | |
&.bbp-header div.bbp-reply-author { | |
text-align: left; | |
width: 25%; | |
} | |
&.bbp-header div.bbp-reply-content { | |
margin-left: 25%; | |
} | |
} | |
div.bbp-template-notice img.avatar, | |
p.bbp-topic-meta img.avatar { | |
width: 14px; | |
height: auto; | |
} | |
div.bbp-the-content-wrapper td.mceToolbar { | |
padding: 1px; | |
td { | |
width: 20px; | |
height: 20px; | |
} | |
} | |
div.wp-editor-container { | |
width: 100%; | |
overflow: auto; | |
} | |
input { | |
&#bbp_topic_title, | |
&#bbp_topic_tags { | |
width: 95%; | |
} | |
} | |
} | |
} | |
/* =Extra Small Mobile | |
-------------------------------------------------------------- */ | |
@media only screen and (max-width: 240px) { | |
#bbpress-forums { | |
li { | |
&.bbp-header, | |
&.bbp-body { | |
li.bbp-forum-topic-count, | |
li.bbp-forum-reply-count, | |
li.bbp-topic-voice-count, | |
li.bbp-topic-reply-count, | |
div.bbp-reply-author, | |
div.bbp-reply-content { | |
width: 45%; | |
} | |
} | |
&.bbp-header, | |
&.bbp-body { | |
li.bbp-forum-freshness, | |
li.bbp-topic-freshness, | |
div.bbp-reply-author, | |
div.bbp-reply-content { | |
clear: both; | |
width: 100%; | |
} | |
} | |
&.bbp-header { | |
li.bbp-forum-freshness, | |
li.bbp-topic-freshness { | |
text-align: center; | |
} | |
} | |
&.bbp-body li.bbp-topic-freshness, | |
&.bbp-header div.bbp-reply-content { | |
margin-left: 0; | |
text-align: left; | |
} | |
&.bbp-body li.bbp-topic-freshness p.bbp-topic-meta { | |
display: inline-block; | |
} | |
&.bbp-header { | |
overflow: hidden; | |
} | |
&.bbp-footer div.bbp-reply-content { | |
display: inline-block; | |
margin-left: 0; | |
} | |
&.bbp-body div.bbp-reply-author { | |
min-height: 60px; | |
padding-left: 60px; | |
} | |
} | |
div.bbp-reply-author img.avatar { | |
width: 40px; | |
height: auto; | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment