PluginProbe
Forumax – AI Powered Advanced Community Forum Plugin / 2.5.0
Forumax – AI Powered Advanced Community Forum Plugin v2.5.0
2.5.0 2.4.4 2.4.3 2.4.2 2.4.1 2.4.0 trunk 1.0.8 1.1.0 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.4.0 1.4.1 2.0.0 All 30 releases
bbp-core / lib / bbpress / templates / default / css / bbpress-rtl.css

bbpress-rtl.css in Forumax – AI Powered Advanced Community Forum Plugin 2.5.0, at lib/bbpress/templates/default/css/bbpress-rtl.css

1,706 lines 35.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * bbPress specific CSS
3 *
4 * @package bbPress
5 * @subpackage Theme
6 */
7
8 /* =bbPress Style
9 -------------------------------------------------------------- */
10
11 /* Hide completely (including from screen readers) */
12 .hidden,
13 .bbp-no-js .hide-if-no-js,
14 .bbp-js .hide-if-js {
15 display: none;
16 }
17
18 /* Hide visually (but not from screen readers) */
19 .screen-reader-text,
20 .screen-reader-text span,
21 .ui-helper-hidden-accessible {
22 position: absolute;
23 margin: -1px;
24 padding: 0;
25 height: 1px;
26 width: 1px;
27 overflow: hidden;
28 clip: rect(1px, 1px, 1px, 1px);
29 -webkit-clip-path: inset(50%);
30 clip-path: inset(50%);
31 border: 0;
32 word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
33 }
34
35 #bbpress-forums {
36 background: transparent;
37 clear: both;
38 margin-bottom: 20px;
39 overflow: hidden;
40 font-size: 12px;
41 line-height: 18px;
42 }
43
44 #bbpress-forums a,
45 #bbpress-forums a:hover {
46 box-shadow: none;
47 border: none;
48 transition: none;
49 }
50
51 /* Original UL styling */
52 #bbpress-forums ul,
53 /* Use ID & class together for increased target strength */
54 #bbpress-forums.bbpress-wrapper ul {
55 background: none;
56 list-style: none;
57 margin: 0;
58 padding: 0;
59 }
60
61 #bbpress-forums hr {
62 margin: 0 0 24px;
63 }
64
65 #bbpress-forums div.even,
66 #bbpress-forums ul.even {
67 background-color: #fff;
68 }
69
70 #bbpress-forums div.odd,
71 #bbpress-forums ul.odd {
72 background-color: #fbfbfb;
73 }
74
75 body.reply-edit .reply {
76 float: none;
77 }
78
79 #bbpress-forums div.reply {
80 height: auto;
81 width: 100%;
82 box-sizing: border-box;
83 }
84
85 #bbpress-forums div.bbp-forum-header,
86 #bbpress-forums div.bbp-topic-header,
87 #bbpress-forums div.bbp-reply-header {
88 background-color: #f4f4f4;
89 }
90
91 #bbpress-forums .status-trash.even,
92 #bbpress-forums .status-spam.even {
93 background-color: #fee;
94 }
95
96 #bbpress-forums .status-trash.odd,
97 #bbpress-forums .status-spam.odd {
98 background-color: #fdd;
99 }
100
101 #bbpress-forums .status-pending.even,
102 #bbpress-forums .status-pending.odd,
103 #bbpress-forums ul.status-pending a {
104 background-color: #fef7f1;
105 }
106
107 #bbpress-forums ul.status-closed,
108 #bbpress-forums ul.status-closed a {
109 color: #ccc;
110 }
111
112 #bbpress-forums ul.bbp-threaded-replies {
113 margin-right: 50px;
114 }
115
116 #bbpress-forums li {
117 background: none;
118 margin: 0;
119 list-style: none;
120 }
121
122 #bbpress-forums ul.bbp-lead-topic,
123 #bbpress-forums ul.bbp-topics,
124 #bbpress-forums ul.bbp-forums,
125 #bbpress-forums ul.bbp-replies,
126 #bbpress-forums ul.bbp-search-results {
127 font-size: 12px;
128 overflow: hidden;
129 border: 1px solid #eee;
130 margin-bottom: 20px;
131 clear: both;
132 }
133
134 #bbpress-forums li.bbp-header,
135 #bbpress-forums li.bbp-body,
136 #bbpress-forums li.bbp-footer {
137 clear: both;
138 }
139
140 #bbpress-forums li.bbp-header,
141 #bbpress-forums li.bbp-footer {
142 background: #f3f3f3;
143 border-top: 1px solid #eee;
144 font-weight: 700;
145 padding: 8px;
146 text-align: center;
147 }
148
149 #bbpress-forums li.bbp-header {
150 background: #eaeaea;
151 }
152
153 #bbpress-forums li.bbp-header ul {
154 overflow: hidden;
155 }
156
157 #bbpress-forums .bbp-forums-list {
158 margin: 0 7px 0 0;
159 padding-right: 12px;
160 border-right: 1px solid #ddd;
161 }
162
163 #bbpress-forums .bbp-forums-list .bbp-forum {
164 display: inline;
165 font-size: 11px;
166 }
167
168 #bbpress-forums .bbp-forums-list .bbp-forum.css-sep:not(:last-child)::after {
169 content: ", ";
170 }
171
172 #bbpress-forums li.bbp-footer p {
173 margin: 0;
174 line-height: 1;
175 }
176
177 li.bbp-forum-info,
178 li.bbp-topic-title {
179 float: right;
180 text-align: right;
181 width: 55%;
182 }
183
184 li.bbp-forum-topic-count,
185 li.bbp-topic-voice-count,
186 li.bbp-forum-reply-count,
187 li.bbp-topic-reply-count {
188 float: right;
189 text-align: center;
190 width: 10%;
191 }
192
193 li.bbp-forum-freshness,
194 li.bbp-topic-freshness {
195 text-align: center;
196 float: right;
197 width: 22%;
198 }
199
200 #bbpress-forums li.bbp-body ul.forum,
201 #bbpress-forums li.bbp-body ul.topic {
202 border-top: 1px solid #eee;
203 overflow: hidden;
204 padding: 8px;
205 }
206
207 #bbpress-forums #subscription-toggle,
208 #bbpress-forums #favorite-toggle {
209 float: left;
210 }
211
212 #bbpress-forums div.bbp-forum-title h3,
213 #bbpress-forums div.bbp-topic-title h3,
214 #bbpress-forums div.bbp-reply-title h3 {
215 background: none;
216 border: none;
217 font-size: 16px;
218 line-height: 1;
219 margin: 8px 0;
220 padding: 0;
221 text-transform: none;
222 }
223
224 #bbpress-forums div.bbp-forum-author,
225 #bbpress-forums div.bbp-topic-author,
226 #bbpress-forums div.bbp-reply-author {
227 float: right;
228 text-align: center;
229 width: 115px;
230 }
231
232 #bbpress-forums div.bbp-forum-author img.avatar,
233 #bbpress-forums div.bbp-topic-author img.avatar,
234 #bbpress-forums div.bbp-reply-author img.avatar {
235 border: none;
236 max-width: 80px;
237 padding: 0;
238 margin: 12px auto 0;
239 float: none;
240 }
241
242 #bbpress-forums div.bbp-forum-author .bbp-author-name,
243 #bbpress-forums div.bbp-topic-author .bbp-author-name,
244 #bbpress-forums div.bbp-reply-author .bbp-author-name {
245 margin: 0 12px;
246 word-wrap: break-word;
247 display: inline-block;
248 }
249
250 #bbpress-forums div.bbp-topic-author .bbp-author-name,
251 #bbpress-forums div.bbp-reply-author .bbp-author-name {
252 clear: right;
253 display: block;
254 }
255
256 #bbpress-forums div.bbp-forum-author .bbp-author-role,
257 #bbpress-forums div.bbp-topic-author .bbp-author-role,
258 #bbpress-forums div.bbp-reply-author .bbp-author-role {
259 font-size: 11px;
260 font-style: italic;
261 }
262
263 #bbpress-forums li.bbp-header .bbp-search-author,
264 #bbpress-forums li.bbp-footer .bbp-search-author,
265 #bbpress-forums li.bbp-header .bbp-forum-author,
266 #bbpress-forums li.bbp-footer .bbp-forum-author,
267 #bbpress-forums li.bbp-header .bbp-topic-author,
268 #bbpress-forums li.bbp-footer .bbp-topic-author,
269 #bbpress-forums li.bbp-header .bbp-reply-author,
270 #bbpress-forums li.bbp-footer .bbp-reply-author {
271 float: right;
272 margin: 0;
273 padding: 0;
274 width: 120px;
275 }
276
277 #bbpress-forums li.bbp-header .bbp-search-content,
278 #bbpress-forums li.bbp-footer .bbp-search-content,
279 #bbpress-forums li.bbp-header .bbp-forum-content,
280 #bbpress-forums li.bbp-footer .bbp-forum-content,
281 #bbpress-forums li.bbp-header .bbp-topic-content,
282 #bbpress-forums li.bbp-footer .bbp-topic-content,
283 #bbpress-forums li.bbp-header .bbp-reply-content,
284 #bbpress-forums li.bbp-footer .bbp-reply-content {
285 margin-right: 140px;
286 padding: 0;
287 text-align: right;
288 }
289
290 div.bbp-forum-header,
291 div.bbp-topic-header,
292 div.bbp-reply-header,
293 li.bbp-body div.hentry {
294 margin: 0;
295 overflow: hidden;
296 padding: 8px;
297 }
298
299 div.bbp-forum-header,
300 div.bbp-topic-header,
301 div.bbp-reply-header {
302 border-top: 1px solid #ddd;
303 clear: both;
304 }
305
306 span.bbp-author-ip {
307 font-size: 11px;
308 font-weight: 700;
309 word-wrap: break-word;
310 color: #747474;
311 }
312
313 /* =Topic and reply content
314 -------------------------------------------------------------- */
315
316 #bbpress-forums div.bbp-forum-content,
317 #bbpress-forums div.bbp-topic-content,
318 #bbpress-forums div.bbp-reply-content {
319 margin-right: 130px;
320 padding: 12px 0 12px 12px;
321 text-align: right;
322 position: relative;
323 }
324
325 /* Clearing hack */
326 #bbpress-forums div.bbp-forum-content::after,
327 #bbpress-forums div.bbp-topic-content::after,
328 #bbpress-forums div.bbp-reply-content::after {
329 clear: both;
330 content: ".";
331 display: block;
332 float: none;
333 height: 0;
334 font-size: 0;
335 visibility: hidden;
336 }
337
338 #bbpress-forums div.bbp-topic-content a,
339 #bbpress-forums div.bbp-reply-content a {
340 background: none;
341 border: none;
342 display: inline;
343 font-weight: 400;
344 margin: 0;
345 padding: 0;
346 text-decoration: underline;
347 }
348
349 #bbpress-forums div.bbp-topic-content a.bbp-user-mention,
350 #bbpress-forums div.bbp-reply-content a.bbp-user-mention {
351 background: none;
352 border: none;
353 text-decoration: none;
354 text-shadow: none;
355 display: inline;
356 font-weight: 600;
357 margin: 0;
358 padding: 0;
359 }
360
361 #bbpress-forums div.bbp-topic-content h1,
362 #bbpress-forums div.bbp-reply-content h1,
363 #bbpress-forums div.bbp-topic-content h2,
364 #bbpress-forums div.bbp-reply-content h2,
365 #bbpress-forums div.bbp-topic-content h3,
366 #bbpress-forums div.bbp-reply-content h3,
367 #bbpress-forums div.bbp-topic-content h4,
368 #bbpress-forums div.bbp-reply-content h4,
369 #bbpress-forums div.bbp-topic-content h5,
370 #bbpress-forums div.bbp-reply-content h5,
371 #bbpress-forums div.bbp-topic-content h6,
372 #bbpress-forums div.bbp-reply-content h6 {
373 clear: none;
374 line-height: 1;
375 margin: 24px 0;
376 padding: 0;
377 }
378
379 #bbpress-forums div.bbp-topic-content img,
380 #bbpress-forums div.bbp-reply-content img {
381 max-width: 100%;
382 height: auto;
383 }
384
385 #bbpress-forums div.bbp-topic-content ul,
386 #bbpress-forums div.bbp-reply-content ul,
387 #bbpress-forums div.bbp-topic-content ol,
388 #bbpress-forums div.bbp-reply-content ol {
389 margin: 0 15px 15px;
390 padding: 0;
391 }
392
393 #bbpress-forums div.bbp-topic-content ul li,
394 #bbpress-forums div.bbp-reply-content ul li {
395 list-style-type: disc;
396 }
397
398 #bbpress-forums div.bbp-topic-content ol li,
399 #bbpress-forums div.bbp-reply-content ol li {
400 list-style-type: decimal;
401 }
402
403 #bbpress-forums div.bbp-topic-content ol li li,
404 #bbpress-forums div.bbp-reply-content ol li li {
405 list-style-type: lower-alpha;
406 }
407
408 #bbpress-forums div.bbp-topic-content ol li li li,
409 #bbpress-forums div.bbp-reply-content ol li li li {
410 list-style-type: upper-roman;
411 }
412
413 #bbpress-forums div.bbp-topic-content code,
414 #bbpress-forums div.bbp-reply-content code,
415 #bbpress-forums div.bbp-topic-content pre,
416 #bbpress-forums div.bbp-reply-content pre {
417 font-family: Inconsolata, Consolas, Monaco, "Lucida Console", monospace;
418 display: inline-block;
419 background-color: #f9f9f9;
420 border: 1px solid #ddd;
421 padding: 0 5px;
422 max-width: 95%;
423 vertical-align: middle;
424 margin-top: -3px;
425 overflow-x: auto;
426 }
427
428 #bbpress-forums div.bbp-topic-content pre,
429 #bbpress-forums div.bbp-reply-content pre {
430 display: block;
431 line-height: 18px;
432 margin: 0 0 24px;
433 padding: 5px 10px;
434 white-space: pre;
435 overflow: auto;
436 }
437
438 #bbpress-forums div.bbp-topic-content pre code,
439 #bbpress-forums div.bbp-reply-content pre code {
440 display: block;
441 border: none;
442 padding: 0;
443 margin: 0;
444 background-color: transparent;
445 overflow-wrap: normal;
446 overflow: auto;
447 max-width: 100%;
448 }
449
450 #bbpress-forums div.bbp-topic-content iframe.wp-embedded-content,
451 #bbpress-forums div.bbp-reply-content iframe.wp-embedded-content {
452 position: relative;
453 }
454
455 /* =Reply to
456 -------------------------------------------------------------- */
457
458 #bbpress-forums div.bbp-reply-to {
459 margin-right: 130px;
460 padding: 12px 0 12px 12px;
461 text-align: left;
462 }
463
464 #bbpress-forums div#bbp-cancel-reply-to {
465 text-align: left;
466 }
467
468 /* =Breadcrumb and Tags
469 -------------------------------------------------------------- */
470
471 div.bbp-breadcrumb {
472 float: right;
473 }
474
475 div.bbp-breadcrumb,
476 div.bbp-topic-tags {
477 font-size: 12px;
478 }
479
480 #bbpress-forums div.bbp-breadcrumb p,
481 #bbpress-forums div.bbp-topic-tags p {
482 margin: 0 0 10px 0;
483 }
484
485 #bbpress-forums div.bbp-topic-tags {
486 float: left;
487 clear: both;
488 }
489
490 #bbp-topic-hot-tags {
491 clear: both;
492 }
493
494 /* =Search
495 -------------------------------------------------------------- */
496
497 #bbpress-forums #bbp-search-form {
498 clear: right;
499 }
500
501 #bbpress-forums #bbp-search-form .hidden {
502 height: 0;
503 width: 0;
504 overflow: hidden;
505 position: absolute;
506 background: none;
507 right: -999em;
508 }
509
510 #bbpress-forums #bbp-search-form #bbp_search {
511 display: inline-block;
512 width: auto;
513 }
514
515 #bbpress-forums div.bbp-search-form {
516 float: left;
517 }
518
519 /* =Admin Links
520 -------------------------------------------------------------- */
521
522 span.bbp-admin-links {
523 float: left;
524 color: #ddd;
525 }
526
527 span.bbp-admin-links a {
528 color: #707070;
529 font-weight: 400;
530 font-size: 10px;
531 text-transform: uppercase;
532 text-decoration: none;
533 }
534
535 fieldset span.bbp-admin-links {
536 float: right;
537 }
538
539 tr td span.bbp-admin-links a:hover {
540 color: #ff4b33;
541 }
542
543 td.bbp-topic-admin-links,
544 td.bbp-topic-counts {
545 width: 50%;
546 }
547
548 .bbp-forum-header a.bbp-forum-permalink,
549 .bbp-topic-header a.bbp-topic-permalink,
550 .bbp-reply-header a.bbp-reply-permalink {
551 float: left;
552 margin-right: 10px;
553 color: #707070;
554 }
555
556 /* =Toggles
557 -------------------------------------------------------------- */
558
559 .bbp-row-actions #favorite-toggle a {
560 text-decoration: none;
561 padding: 0 3px 1px;
562 color: #7c7;
563 border: 1px solid #aca;
564 background-color: #dfd;
565 font-weight: 700;
566 font-size: 12px;
567 }
568
569 .bbp-row-actions #favorite-toggle a:hover {
570 color: #5a5;
571 border-color: #7c7;
572 background-color: #beb;
573 }
574
575 .bbp-row-actions #favorite-toggle span.is-favorite a {
576 color: #faa;
577 border: 1px solid #faa;
578 background-color: #fee;
579 }
580
581 .bbp-row-actions #favorite-toggle span.is-favorite a:hover {
582 color: #c88;
583 border-color: #c88;
584 background-color: #fdd;
585 }
586
587 .bbp-row-actions #subscription-toggle a {
588 text-decoration: none;
589 padding: 0 3px 1px;
590 color: #7c7;
591 border: 1px solid #aca;
592 background-color: #dfd;
593 font-weight: 700;
594 font-size: 12px;
595 }
596
597 .bbp-row-actions #subscription-toggle a:hover {
598 color: #5a5;
599 border-color: #7c7;
600 background-color: #beb;
601 }
602
603 .bbp-row-actions #subscription-toggle span.is-subscribed a {
604 color: #faa;
605 border: 1px solid #faa;
606 background-color: #fee;
607 }
608
609 .bbp-row-actions #subscription-toggle span.is-subscribed a:hover {
610 color: #c88;
611 border-color: #c88;
612 background-color: #fdd;
613 }
614
615 #bbpress-forums .bbp-forum-info .bbp-forum-content,
616 #bbpress-forums p.bbp-topic-meta {
617 font-size: 11px;
618 margin: 5px 0;
619 padding: 0;
620 word-wrap: break-word;
621 }
622
623 #bbpress-forums p.bbp-topic-meta span {
624 white-space: nowrap;
625 }
626
627 /* =Pagination
628 -------------------------------------------------------------- */
629
630 .bbp-pagination-count {
631 float: right;
632 border: 1px solid transparent;
633 }
634
635 .bbp-pagination-links {
636 float: left;
637 list-style: none;
638 display: inline;
639 }
640
641 .bbp-pagination {
642 float: right;
643 width: 100%;
644 margin-bottom: 15px;
645 }
646
647 #bbpress-forums .bbp-pagination-links a,
648 #bbpress-forums .bbp-pagination-links span.current {
649 display: block;
650 float: right;
651 font-size: 12px;
652 line-height: 18px;
653 padding: 0 5px;
654 margin-right: 5px;
655 border: 1px solid #efefef;
656 border-radius: 0;
657 background: transparent;
658 color: inherit;
659 text-decoration: none;
660 }
661
662 #bbpress-forums .bbp-pagination-links span.dots {
663 display: block;
664 float: right;
665 padding: 1px 4px;
666 margin-right: 5px;
667 }
668
669 #bbpress-forums .bbp-topic-pagination {
670 display: inline-block;
671 margin-right: 5px;
672 margin-bottom: 2px;
673 }
674
675 #bbpress-forums .bbp-topic-pagination a {
676 font-size: 10px;
677 font-weight: 400;
678 line-height: 10px;
679 margin: 0;
680 padding: 1px 3px;
681 border: 1px solid #ddd;
682 color: inherit;
683 background: none;
684 display: inline;
685 text-decoration: none;
686 }
687
688 #bbpress-forums .bbp-topic-pagination a:hover,
689 #bbpress-forums .bbp-pagination-links a:hover,
690 #bbpress-forums .bbp-pagination-links span.current {
691 background: #eee;
692 opacity: 0.8;
693 border: 1px solid #ddd;
694 }
695
696 /* =Forms
697 -------------------------------------------------------------- */
698
699 #bbpress-forums fieldset.bbp-form {
700 clear: right;
701 border: 1px solid #eee;
702 padding: 10px 20px;
703 margin-bottom: 10px;
704 }
705
706 #bbpress-forums fieldset.bbp-form legend {
707 padding: 5px;
708 width: auto;
709 border: none;
710 }
711
712 #bbpress-forums fieldset.bbp-form label {
713 margin: 0;
714 display: inline-block;
715 }
716
717 #bbp-edit-topic-tag.bbp-form fieldset.bbp-form label,
718 #bbp-login fieldset label,
719 #bbp-register fieldset label,
720 #bbp-lost-pass fieldset label {
721 width: 100px;
722 }
723
724 /* Some themes aggressively add padding to paragraph tags */
725 #bbpress-forums fieldset.bbp-form p {
726 padding: 0;
727 }
728
729 #bbpress-forums fieldset.bbp-form p,
730 #bbpress-forums fieldset.bbp-form textarea,
731 #bbpress-forums fieldset.bbp-form select,
732 #bbpress-forums fieldset.bbp-form input {
733 margin: 0 0 8px;
734 }
735
736 /* Try to prevent untall selects & text boxes */
737 #bbpress-forums fieldset.bbp-form select,
738 #bbpress-forums fieldset.bbp-form input[type="text"],
739 #bbpress-forums fieldset.bbp-form input[type="password"] {
740 min-height: 28px;
741 height: 28px;
742 padding: 5px;
743 }
744
745 textarea#bbp_reply_content,
746 textarea#bbp_topic_content,
747 textarea#bbp_forum_content {
748 width: 97%;
749 box-sizing: border-box;
750 }
751
752 textarea#bbp_forum_content {
753 height: 210px;
754 }
755
756 #bbpress-forums fieldset.bbp-forum-form-attributes {
757 width: 200px;
758 float: left;
759 clear: none;
760 margin-right: 25px;
761 }
762
763 /**
764 * Fix for too-long forum names, usually from conversion
765 */
766 #bbpress-forums fieldset select#bbp_forum_id {
767 max-width: 200px;
768 }
769
770 .bbp-topic-form,
771 .bbp-reply-form,
772 .bbp-topic-tag-form {
773 clear: right;
774 }
775
776 body.topic-edit .bbp-topic-form div.avatar img,
777 body.reply-edit .bbp-reply-form div.avatar img,
778 body.single-forum .bbp-topic-form div.avatar img,
779 body.single-reply .bbp-reply-form div.avatar img {
780 margin-left: 0;
781 padding: 10px;
782 border: 1px solid #ddd;
783 line-height: 0;
784 background-color: #efefef;
785 }
786
787 body.page .bbp-reply-form code,
788 body.page .bbp-topic-form code,
789 body.single-topic .bbp-reply-form code,
790 body.single-forum .bbp-topic-form code,
791 body.topic-edit .bbp-topic-form code,
792 body.reply-edit .bbp-reply-form code {
793 font-size: 10px;
794 background-color: #f0fff8;
795 border: 1px solid #ceefe1;
796 display: block;
797 padding: 8px;
798 margin-top: 5px;
799 width: 369px;
800 }
801
802 #merge_tag,
803 #delete_tag {
804 display: inline;
805 }
806
807 div.bbp-submit-wrapper {
808 margin-top: 15px;
809 float: left;
810 clear: both;
811 }
812
813 p.form-allowed-tags {
814 max-width: 100%;
815 }
816
817 /* =TinyMCE in themes
818 -------------------------------------------------------------- */
819 #bbpress-forums div.bbp-the-content-wrapper {
820 margin-bottom: 10px;
821 }
822
823 #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
824 width: 100%;
825 margin: 0;
826 font-size: 12px;
827 }
828
829 #bbpress-forums div.bbp-the-content-wrapper table,
830 #bbpress-forums div.bbp-the-content-wrapper tbody,
831 #bbpress-forums div.bbp-the-content-wrapper tr,
832 #bbpress-forums div.bbp-the-content-wrapper td {
833 border: none;
834 padding: 0;
835 margin: 0;
836 width: auto;
837 line-height: 1;
838 }
839
840 #bbpress-forums div.bbp-the-content-wrapper input[type="button"] {
841 padding: 4px 7px;
842 margin: 0 0 0 -1px;
843 line-height: 0;
844 border: 1px solid transparent;
845 background-color: transparent;
846 box-shadow: none;
847 text-shadow: none;
848 text-transform: uppercase;
849 font-size: 11px;
850 font-weight: 400;
851 border-radius: 3px;
852 min-width: 25px;
853 color: #555;
854 }
855
856 #bbpress-forums div.bbp-the-content-wrapper input[type="button"]:hover {
857 border-color: rgba(0, 0, 0, 0.1);
858 background-color: rgba(255, 255, 255, 0.5);
859 }
860
861 #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
862 padding: 5px;
863 min-height: 26px;
864 }
865
866 #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
867 padding: 4px 4px 8px;
868 }
869
870 #bbpress-forums div.wp-editor-container {
871 margin: 0;
872 padding: 0;
873 line-height: 0;
874 }
875
876 #bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar {
877 line-height: 16px;
878 }
879
880 #bbpress-forums .bbp-replies .bbp-reply-form {
881 margin: 0 10px 0 10px;
882 }
883
884 /* =Edit User
885 -------------------------------------------------------------- */
886
887 #bbpress-forums #bbp-your-profile fieldset {
888 padding: 20px 20px 0;
889 }
890
891 #bbpress-forums #bbp-your-profile fieldset div {
892 margin-bottom: 20px;
893 float: right;
894 width: 100%;
895 clear: right;
896 }
897
898 #bbpress-forums #bbp-your-profile fieldset select {
899 margin-bottom: 0;
900 width: 60%;
901 background-color: #f9f9f9;
902 border: 1px solid #ddd;
903 }
904
905 #bbpress-forums #bbp-your-profile fieldset input,
906 #bbpress-forums #bbp-your-profile fieldset textarea {
907 margin-bottom: 0;
908 width: 60%;
909 background-color: #f9f9f9;
910 border: 1px solid #ddd;
911 box-shadow: none;
912 border-radius: 0;
913 }
914
915 #bbpress-forums #bbp-your-profile fieldset input:focus,
916 #bbpress-forums #bbp-your-profile fieldset textarea:focus {
917 border: 1px solid #ccc;
918 box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.1);
919 outline-color: rgba(240, 255, 240, 0.1);
920 }
921
922 #bbpress-forums #bbp-your-profile fieldset.bbp-form input.checkbox {
923 width: auto;
924 }
925
926 #bbpress-forums #bbp-your-profile fieldset legend {
927 display: none;
928 }
929
930 #bbpress-forums #bbp-your-profile fieldset label[for] {
931 float: right;
932 width: 20%;
933 padding: 5px 0 5px 20px;
934 text-align: left;
935 cursor: pointer;
936 }
937
938 #bbpress-forums #bbp-your-profile fieldset dl label[for] {
939 text-align: right;
940 width: 60%;
941 }
942
943 #bbpress-forums #bbp-your-profile fieldset p.description {
944 margin: 5px 20% 0 0;
945 font-size: 12px;
946 font-style: italic;
947 float: right;
948 clear: right;
949 width: 60%;
950 padding: 5px 8px;
951 border: #cee1ef 1px solid;
952 background-color: #f0f8ff;
953 }
954
955 #bbpress-forums #bbp-your-profile fieldset fieldset {
956 margin: 0;
957 border: none;
958 padding: 0;
959 clear: none;
960 float: none;
961 }
962
963 #bbpress-forums #bbp-your-profile fieldset fieldset.capabilities dl {
964 margin: 0;
965 }
966
967 #bbpress-forums #bbp-your-profile fieldset.submit button {
968 float: left;
969 }
970
971 /* =Password Generator
972 -------------------------------------------------------------- */
973
974 #bbpress-forums #bbp-your-profile fieldset fieldset.password {
975 width: 60%;
976 margin-right: 20%;
977 margin-top: 10px;
978 }
979
980 #bbpress-forums #bbp-your-profile fieldset fieldset.password .password-input-wrapper,
981 #bbpress-forums #bbp-your-profile fieldset fieldset.password .password-button-wrapper {
982 width: 100%;
983 margin: 0;
984 display: inline-block;
985 }
986
987 #bbpress-forums #bbp-your-profile fieldset fieldset.password .password-button-wrapper button {
988 width: 46%;
989 margin: 4% 2%;
990 box-sizing: border-box;
991 display: inline-block;
992 }
993
994 #bbpress-forums #bbp-your-profile fieldset fieldset.password input,
995 #bbpress-forums #bbp-your-profile fieldset fieldset.passwword textarea {
996 width: 100%;
997 }
998
999 #bbpress-forums #bbp-your-profile fieldset fieldset.password button .dashicons {
1000 display: none;
1001 }
1002
1003 #bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
1004 margin-right: 0;
1005 margin-bottom: 20px;
1006 }
1007
1008 #bbpress-forums #password #pass-strength-result {
1009 background-color: #eee;
1010 border: 1px solid #ddd;
1011 color: #23282d;
1012 margin: 0;
1013 padding: 8px;
1014 text-align: center;
1015 box-sizing: border-box;
1016 display: inline-block;
1017 }
1018
1019 #bbpress-forums #password #pass-strength-result.short {
1020 background-color: #f1adad;
1021 border-color: #e35b5b;
1022 opacity: 1;
1023 }
1024
1025 #bbpress-forums #password #pass-strength-result.bad {
1026 background-color: #fbc5a9;
1027 border-color: #f78b53;
1028 opacity: 1;
1029 }
1030
1031 #bbpress-forums #password #pass-strength-result.good {
1032 background-color: #ffe399;
1033 border-color: #ffc733;
1034 opacity: 1;
1035 }
1036
1037 #bbpress-forums #password #pass-strength-result.strong {
1038 background-color: #c1e1b9;
1039 border-color: #83c373;
1040 opacity: 1;
1041 }
1042
1043 #bbpress-forums #password #pass1.short,
1044 #bbpress-forums #password #pass1-text.short {
1045 border-color: #e35b5b;
1046 }
1047
1048 #bbpress-forums #password #pass1.bad,
1049 #bbpress-forums #password #pass1-text.bad {
1050 border-color: #f78b53;
1051 }
1052
1053 #bbpress-forums #password #pass1.good,
1054 #bbpress-forums #password #pass1-text.good {
1055 border-color: #ffc733;
1056 }
1057
1058 #bbpress-forums #password #pass1.strong,
1059 #bbpress-forums #password #pass1-text.strong {
1060 border-color: #83c373;
1061 }
1062
1063 #bbpress-forums .indicator-hint {
1064 padding-top: 8px;
1065 }
1066
1067 #bbpress-forums .pw-weak,
1068 #bbpress-forums #pass1-text,
1069 #bbpress-forums .show-password #pass1 {
1070 display: none;
1071 }
1072
1073 #bbpress-forums .show-password #pass1-text {
1074 display: inline-block;
1075 }
1076
1077 /* =Notices
1078 -------------------------------------------------------------- */
1079
1080 div.bbp-template-notice,
1081 div.indicator-hint {
1082 border-width: 1px;
1083 border-style: solid;
1084 padding: 0 0.6em;
1085 margin: 5px 0 15px;
1086 border-radius: 3px;
1087 background-color: #ffffe0;
1088 border-color: #e6db55;
1089 color: #000;
1090 clear: both;
1091 }
1092
1093 div.bbp-template-notice a {
1094 color: #555;
1095 text-decoration: none;
1096
1097 }
1098
1099 div.bbp-template-notice a:hover {
1100 color: #000;
1101 }
1102
1103 div.bbp-template-notice.info {
1104 border: #cee1ef 1px solid;
1105 background-color: #f0f8ff;
1106 }
1107
1108 div.bbp-template-notice.important {
1109 border: #e6db55 1px solid;
1110 background-color: #fffbcc;
1111 }
1112
1113 div.bbp-template-notice.error,
1114 div.bbp-template-notice.warning {
1115 background-color: #ffebe8;
1116 border-color: #c00;
1117 }
1118
1119 div.bbp-template-notice.error a,
1120 div.bbp-template-notice.warning a {
1121 color: #c00;
1122 }
1123
1124 div.bbp-template-notice p,
1125 div.bbp-template-notice li {
1126 margin: 0.5em 0 6px !important;
1127 padding: 2px;
1128 font-size: 12px;
1129 line-height: 1.4;
1130 }
1131
1132 #bbpress-forums div.bbp-template-notice code {
1133 font-size: 11px;
1134 padding: 2px 4px;
1135 background: rgba(200, 200, 200, 0.3);
1136 border-radius: 3px;
1137 }
1138
1139 /* =Stickies
1140 -------------------------------------------------------------- */
1141
1142 .bbp-topics-front ul.super-sticky,
1143 .bbp-topics ul.super-sticky,
1144 .bbp-topics ul.sticky,
1145 .bbp-forum-content ul.sticky {
1146 background-color: #ffffe0 !important;
1147 font-size: 1.1em;
1148 }
1149
1150 /* =Revisions
1151 -------------------------------------------------------------- */
1152
1153 #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log,
1154 #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
1155 #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
1156 border-top: 1px dotted #ddd;
1157 width: 100%;
1158 margin: 0;
1159 padding: 8px 0 0;
1160 font-size: 11px;
1161 color: #aaa;
1162 }
1163
1164 #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li,
1165 #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li,
1166 #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li {
1167 list-style-type: none;
1168 }
1169
1170 #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log a,
1171 #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log a,
1172 #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log a {
1173 text-decoration: none;
1174 }
1175
1176 /* =Widgets
1177 -------------------------------------------------------------- */
1178
1179 .bbp-login-form fieldset legend {
1180 display: none;
1181 }
1182
1183 .bbp-login-form .bbp-username input,
1184 .bbp-login-form .bbp-email input,
1185 .bbp-login-form .bbp-password input {
1186 padding: 5px;
1187 }
1188
1189 .bbp-login-form label {
1190 width: 140px;
1191 display: inline-block;
1192 }
1193
1194 #sidebar .bbp-login-form label {
1195 width: 70px;
1196 }
1197
1198 .bbp-login-form .bbp-username,
1199 .bbp-login-form .bbp-email,
1200 .bbp-login-form .bbp-password,
1201 .bbp-login-form .bbp-remember-me,
1202 .bbp-login-form .bbp-submit-wrapper {
1203 margin-top: 10px;
1204 }
1205
1206 .bbp-login-form .bbp-submit-wrapper {
1207 text-align: left;
1208 }
1209
1210 .bbp-login-form .bbp-login-links a {
1211 float: right;
1212 clear: right;
1213 }
1214
1215 .bbp-logged-in img.avatar {
1216 float: right;
1217 margin: 0 0 0 15px;
1218 }
1219
1220 .bbp-logged-in h4 {
1221 font-weight: 700;
1222 font-size: 1.3em;
1223 clear: none;
1224 margin-bottom: 10px;
1225 }
1226
1227 /* =Avatars
1228 -------------------------------------------------------------- */
1229
1230 #bbpress-forums img.avatar {
1231 box-shadow: none;
1232 display: inline-block;
1233 margin-left: 4px;
1234 }
1235
1236 #bbpress-forums p.bbp-topic-meta img.avatar,
1237 #bbpress-forums ul.bbp-reply-revision-log img.avatar,
1238 #bbpress-forums ul.bbp-topic-revision-log img.avatar,
1239 #bbpress-forums div.bbp-template-notice img.avatar,
1240 #bbpress-forums .widget_display_topics img.avatar,
1241 #bbpress-forums .widget_display_replies img.avatar {
1242 float: none;
1243 vertical-align: middle;
1244 border: 3px double #ddd;
1245 max-height: 20px;
1246 max-width: 20px;
1247 }
1248
1249 fieldset div.avatar {
1250 float: left;
1251 }
1252
1253 /* =BuddyPress Activity Streams
1254 -------------------------------------------------------------- */
1255
1256 .activity-list li.bbp_topic_create .activity-content .activity-inner,
1257 .activity-list li.bbp_reply_create .activity-content .activity-inner {
1258 border-right: 2px solid #eaeaea;
1259 margin-right: 5px;
1260 padding-right: 10px;
1261 }
1262
1263 /* =User Pages
1264 -------------------------------------------------------------- */
1265
1266 #bbpress-forums h1 {
1267 clear: none;
1268 font-size: 1.8em;
1269 line-height: 1;
1270 padding-bottom: 10px;
1271 }
1272
1273 #bbpress-forums #bbp-user-wrapper {
1274 float: right;
1275 width: 100%;
1276 }
1277
1278 #bbpress-forums .bbp-user-section {
1279 overflow: auto;
1280 clear: left;
1281 }
1282
1283 #bbpress-forums #bbp-user-wrapper h2.entry-title {
1284 font-size: 1.4em;
1285 margin: 0;
1286 padding-bottom: 10px;
1287 padding-top: 0;
1288 clear: none;
1289 }
1290
1291 #bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic,
1292 #bbpress-forums #bbp-user-wrapper ul.bbp-topics,
1293 #bbpress-forums #bbp-user-wrapper ul.bbp-forums,
1294 #bbpress-forums #bbp-user-wrapper ul.bbp-replies,
1295 #bbpress-forums #bbp-user-wrapper fieldset.bbp-form {
1296 clear: none;
1297 }
1298
1299 #bbpress-forums #bbp-single-user-details {
1300 margin: 0;
1301 width: 150px;
1302 float: right;
1303 overflow: hidden;
1304 }
1305
1306 #bbpress-forums #bbp-single-user-details #bbp-user-avatar {
1307 margin: 0;
1308 width: 150px;
1309 }
1310
1311 #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
1312 border: none;
1313 height: 150px;
1314 padding: 0;
1315 margin: 0 0 20px;
1316 width: 150px;
1317 }
1318
1319 #bbpress-forums #bbp-single-user-details #bbp-user-description {
1320 float: none;
1321 margin-right: 180px;
1322 }
1323
1324 #bbpress-forums #bbp-single-user-details #bbp-user-navigation {
1325 float: none;
1326 margin: 0;
1327 }
1328
1329 #bbpress-forums #bbp-single-user-details #bbp-user-navigation li {
1330 margin: 0;
1331 }
1332
1333 #bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
1334 padding: 5px 8px;
1335 display: block;
1336 border: 1px solid transparent;
1337 text-decoration: none;
1338 }
1339
1340 #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
1341 background: #eee;
1342 opacity: 0.8;
1343 }
1344
1345 #bbpress-forums #bbp-user-body {
1346 margin-right: 180px;
1347 }
1348
1349 body.my-account #bbpress-forums {
1350 border-top: none;
1351 padding-top: 0;
1352 margin-bottom: 0;
1353 }
1354
1355 /* =User Capabilities
1356 -------------------------------------------------------------- */
1357
1358 #bbpress-forums dl.bbp-user-capabilities {
1359 display: inline-block;
1360 vertical-align: top;
1361 }
1362
1363 #bbpress-forums dl.bbp-user-capabilities dt {
1364 margin: 0 0 10px;
1365 text-transform: capitalize;
1366 }
1367
1368 #bbpress-forums dl.bbp-user-capabilities dd {
1369 margin: 0;
1370 padding: 0;
1371 }
1372
1373 /* =Alerts
1374 -------------------------------------------------------------- */
1375
1376 .bbp-alert-outer {
1377 height: 100%;
1378 width: 100%;
1379 top: 0;
1380 right: 0;
1381 position: fixed;
1382 background-color: rgba(0, 0, 0, 0.2);
1383 z-index: 99999;
1384 }
1385
1386 .bbp-alert-inner {
1387 width: 350px;
1388 text-align: center;
1389 background: #fff;
1390 position: fixed;
1391 top: 50%;
1392 right: 50%;
1393 margin-top: -75px;
1394 margin-right: -185px;
1395 border-radius: 3px;
1396 border: 1px solid #aaa;
1397 padding: 15px 10px 10px;
1398 }
1399
1400 .bbp-alert-outer .bbp-alert-inner p {
1401 margin: 10px 0;
1402 }
1403
1404 .bbp-alert-actions a {
1405 padding: 5px 20px;
1406 text-decoration: none;
1407 }
1408
1409 /*--------------------------------------------------------------
1410 Media Queries
1411 --------------------------------------------------------------*/
1412
1413 /* =Standard Mobile Landscape
1414 -------------------------------------------------------------- */
1415 @media only screen and (max-width: 480px) {
1416
1417 #bbpress-forums div.bbp-topic-tags {
1418 clear: both;
1419 float: none;
1420 }
1421
1422 div.bbp-search-form input,
1423 div.bbp-search-form button {
1424 font-size: 11px;
1425 padding: 2px;
1426 }
1427
1428 li.bbp-forum-info,
1429 li.bbp-topic-title {
1430 width: 45%;
1431 }
1432
1433 li.bbp-forum-topic-count,
1434 li.bbp-forum-reply-count,
1435 li.bbp-topic-voice-count,
1436 li.bbp-topic-reply-count {
1437 width: 15%;
1438 }
1439
1440 span.bbp-topic-post-date,
1441 span.bbp-reply-post-date {
1442 float: right;
1443 }
1444
1445 span.bbp-admin-links {
1446 float: none;
1447 clear: both;
1448 }
1449
1450 #bbpress-forums .bbp-forums-list li,
1451 #bbpress-forums .bbp-forums-list span {
1452 display: block;
1453 font-size: 11px;
1454 }
1455
1456 #bbpress-forums .bbp-body div.bbp-topic-author,
1457 #bbpress-forums .bbp-body div.bbp-reply-author {
1458 float: none;
1459 margin: 10px;
1460 min-height: 80px;
1461 padding-right: 80px;
1462 position: relative;
1463 text-align: right;
1464 width: calc(100% - 100px);
1465 border-bottom: 1px solid #efefef;
1466 box-sizing: content-box;
1467 }
1468
1469 #bbpress-forums div.bbp-topic-author .bbp-author-name,
1470 #bbpress-forums div.bbp-reply-author .bbp-author-name {
1471 clear: none;
1472 display: inline-block;
1473 margin-right: 0;
1474 word-wrap: break-word;
1475 }
1476
1477 #bbpress-forums div.bbp-topic-author img.avatar,
1478 #bbpress-forums div.bbp-reply-author img.avatar {
1479 position: absolute;
1480 top: 0;
1481 right: 0;
1482 width: 60px;
1483 height: auto;
1484 margin-top: 0;
1485 }
1486
1487 #bbpress-forums div.bbp-topic-author .bbp-author-role,
1488 #bbpress-forums div.bbp-reply-author .bbp-author-role {
1489 font-size: 12px;
1490 font-style: normal;
1491 }
1492
1493 #bbpress-forums .bbp-body div.bbp-topic-content,
1494 #bbpress-forums .bbp-body div.bbp-reply-content {
1495 clear: both;
1496 margin: 0 10px 5px 10px;
1497 padding: 0;
1498 }
1499
1500 #bbpress-forums div.bbp-topic-content p,
1501 #bbpress-forums div.bbp-reply-content p {
1502 margin-bottom: 1em;
1503 }
1504
1505 #bbpress-forums div.bbp-topic-content p:last-child,
1506 #bbpress-forums div.bbp-reply-content p:last-child {
1507 margin-bottom: 0;
1508 }
1509
1510 div.bbp-submit-wrapper {
1511 float: right;
1512 }
1513
1514 #bbpress-forums fieldset.bbp-form {
1515 padding: 0 10px 10px;
1516 }
1517
1518 #bbpress-forums #bbp-user-body {
1519 clear: both;
1520 margin-right: 0;
1521 word-wrap: break-word;
1522 }
1523
1524 #bbpress-forums div.bbp-forum-title h3,
1525 #bbpress-forums div.bbp-topic-title h3,
1526 #bbpress-forums div.bbp-reply-title h3 {
1527 font-size: 14px;
1528 }
1529 }
1530
1531 /* =Standard Mobile Portrait
1532 -------------------------------------------------------------- */
1533 @media only screen and (max-width: 320px) {
1534
1535 #bbpress-forums div.bbp-search-form {
1536 margin-bottom: 10px;
1537 }
1538
1539 #bbpress-forums li.bbp-header li.bbp-forum-info,
1540 #bbpress-forums li.bbp-body li.bbp-forum-info,
1541 #bbpress-forums li.bbp-header li.bbp-topic-title,
1542 #bbpress-forums li.bbp-body li.bbp-topic-title {
1543 width: 100%;
1544 }
1545
1546 #bbpress-forums li.bbp-header li.bbp-forum-info,
1547 #bbpress-forums li.bbp-header li.bbp-topic-title {
1548 text-align: center;
1549 text-transform: uppercase;
1550 }
1551
1552 #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
1553 #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
1554 #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
1555 #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
1556 #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
1557 #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
1558 #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
1559 #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
1560 width: 20%;
1561 }
1562
1563 #bbpress-forums li.bbp-header li.bbp-forum-freshness,
1564 #bbpress-forums li.bbp-body li.bbp-forum-freshness,
1565 #bbpress-forums li.bbp-header li.bbp-topic-freshness,
1566 #bbpress-forums li.bbp-body li.bbp-topic-freshness {
1567 width: 58%;
1568 }
1569
1570 #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
1571 #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
1572 #bbpress-forums li.bbp-body li.bbp-forum-freshness,
1573 #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
1574 #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
1575 #bbpress-forums li.bbp-body li.bbp-topic-freshness {
1576 margin-top: 7px;
1577 }
1578
1579 #bbpress-forums li.bbp-header,
1580 #bbpress-forums li.bbp-footer {
1581 font-size: 10px;
1582 }
1583
1584 #bbpress-forums li.bbp-header div.bbp-search-author,
1585 #bbpress-forums li.bbp-header div.bbp-topic-author,
1586 #bbpress-forums li.bbp-header div.bbp-reply-author {
1587 text-align: right;
1588 width: 25%;
1589 }
1590
1591 #bbpress-forums li.bbp-header div.bbp-search-content,
1592 #bbpress-forums li.bbp-header div.bbp-topic-content,
1593 #bbpress-forums li.bbp-header div.bbp-reply-content {
1594 margin-right: 25%;
1595 }
1596
1597 #bbpress-forums div.bbp-template-notice img.avatar,
1598 #bbpress-forums p.bbp-topic-meta img.avatar {
1599 width: 14px;
1600 height: auto;
1601 max-height: 14px;
1602 max-width: 14px;
1603 }
1604
1605 #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
1606 padding: 1px;
1607 }
1608
1609 #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar td {
1610 width: 20px;
1611 height: 20px;
1612 }
1613
1614 #bbpress-forums div.wp-editor-container {
1615 width: 100%;
1616 overflow: auto;
1617 }
1618
1619 #bbpress-forums input#bbp_topic_title,
1620 #bbpress-forums input#bbp_topic_tags {
1621 width: 95%;
1622 }
1623
1624 #bbpress-forums div.bbp-forum-title h3,
1625 #bbpress-forums div.bbp-topic-title h3,
1626 #bbpress-forums div.bbp-reply-title h3 {
1627 font-size: 14px;
1628 }
1629 }
1630
1631 /* =Extra Small Mobile
1632 -------------------------------------------------------------- */
1633 @media only screen and (max-width: 240px) {
1634
1635 #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
1636 #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
1637 #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
1638 #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
1639 #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
1640 #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
1641 #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
1642 #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
1643 #bbpress-forums li.bbp-footer div.bbp-search-author,
1644 #bbpress-forums li.bbp-footer div.bbp-topic-author,
1645 #bbpress-forums li.bbp-footer div.bbp-reply-author {
1646 width: 45%;
1647 }
1648
1649 #bbpress-forums li.bbp-header li.bbp-forum-freshness,
1650 #bbpress-forums li.bbp-body li.bbp-forum-freshness,
1651 #bbpress-forums li.bbp-header li.bbp-topic-freshness,
1652 #bbpress-forums li.bbp-body li.bbp-topic-freshness {
1653 clear: both;
1654 width: 100%;
1655 }
1656
1657 #bbpress-forums li.bbp-header li.bbp-forum-freshness,
1658 #bbpress-forums li.bbp-header li.bbp-topic-freshness {
1659 text-align: center;
1660 }
1661
1662 #bbpress-forums li.bbp-body li.bbp-topic-freshness,
1663 #bbpress-forums li.bbp-header div.bbp-search-author,
1664 #bbpress-forums li.bbp-header div.bbp-search-content,
1665 #bbpress-forums li.bbp-header div.bbp-topic-author,
1666 #bbpress-forums li.bbp-header div.bbp-topic-content,
1667 #bbpress-forums li.bbp-header div.bbp-reply-author,
1668 #bbpress-forums li.bbp-header div.bbp-reply-content {
1669 margin-right: 0;
1670 text-align: right;
1671 }
1672
1673 #bbpress-forums li.bbp-body li.bbp-topic-freshness p.bbp-topic-meta {
1674 display: inline-block;
1675 }
1676
1677 #bbpress-forums li.bbp-header {
1678 overflow: hidden;
1679 }
1680
1681 #bbpress-forums li.bbp-footer div.bbp-search-content,
1682 #bbpress-forums li.bbp-footer div.bbp-topic-content,
1683 #bbpress-forums li.bbp-footer div.bbp-reply-content {
1684 display: inline-block;
1685 margin-right: 0;
1686 }
1687
1688 #bbpress-forums li.bbp-body div.bbp-topic-author,
1689 #bbpress-forums li.bbp-body div.bbp-reply-author {
1690 min-height: 60px;
1691 padding-right: 60px;
1692 }
1693
1694 #bbpress-forums div.bbp-topic-author img.avatar,
1695 #bbpress-forums div.bbp-reply-author img.avatar {
1696 width: 40px;
1697 height: auto;
1698 }
1699
1700 #bbpress-forums div.bbp-forum-title h3,
1701 #bbpress-forums div.bbp-topic-title h3,
1702 #bbpress-forums div.bbp-reply-title h3 {
1703 font-size: 12px;
1704 }
1705 }
1706