PluginProbe
bbPress / 2.6.17
bbPress v2.6.17
2.6.17 trunk 2.0 2.0-beta-1 2.0-beta-2b 2.0-beta-3 2.0-beta-3b 2.0-rc-2 2.0-rc-3 2.0-rc-4 2.0-rc-5 2.0.1 2.0.2 2.0.3 2.1 2.1-beta-1 2.1-rc1 2.1-rc2 2.1-rc3 2.1-rc4 2.1.1 2.1.2 2.1.3 2.2 2.2.1 All 72 releases
bbpress / templates / default / css / bbpress.css

bbpress.css in bbPress 2.6.17, at templates/default/css/bbpress.css

1,706 lines 35.8 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-left: 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 0 0 7px;
159 padding-left: 12px;
160 border-left: 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: left;
180 text-align: left;
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: left;
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: left;
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: right;
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: left;
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: left;
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: left;
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-left: 140px;
286 padding: 0;
287 text-align: left;
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-left: 130px;
320 padding: 12px 12px 12px 0;
321 text-align: left;
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-left: 130px;
460 padding: 12px 12px 12px 0;
461 text-align: right;
462 }
463
464 #bbpress-forums div#bbp-cancel-reply-to {
465 text-align: right;
466 }
467
468 /* =Breadcrumb and Tags
469 -------------------------------------------------------------- */
470
471 div.bbp-breadcrumb {
472 float: left;
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: right;
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: left;
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 left: -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: right;
517 }
518
519 /* =Admin Links
520 -------------------------------------------------------------- */
521
522 span.bbp-admin-links {
523 float: right;
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: left;
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: right;
552 margin-left: 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: left;
632 border: 1px solid transparent;
633 }
634
635 .bbp-pagination-links {
636 float: right;
637 list-style: none;
638 display: inline;
639 }
640
641 .bbp-pagination {
642 float: left;
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: left;
651 font-size: 12px;
652 line-height: 18px;
653 padding: 0 5px;
654 margin-left: 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: left;
665 padding: 1px 4px;
666 margin-left: 5px;
667 }
668
669 #bbpress-forums .bbp-topic-pagination {
670 display: inline-block;
671 margin-left: 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: left;
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: right;
759 clear: none;
760 margin-left: 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: left;
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-right: 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: right;
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 -1px 0 0;
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: left;
894 width: 100%;
895 clear: left;
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: left;
932 width: 20%;
933 padding: 5px 20px 5px 0;
934 text-align: right;
935 cursor: pointer;
936 }
937
938 #bbpress-forums #bbp-your-profile fieldset dl label[for] {
939 text-align: left;
940 width: 60%;
941 }
942
943 #bbpress-forums #bbp-your-profile fieldset p.description {
944 margin: 5px 0 0 20%;
945 font-size: 12px;
946 font-style: italic;
947 float: left;
948 clear: left;
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: right;
969 }
970
971 /* =Password Generator
972 -------------------------------------------------------------- */
973
974 #bbpress-forums #bbp-your-profile fieldset fieldset.password {
975 width: 60%;
976 margin-left: 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-left: 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: right;
1208 }
1209
1210 .bbp-login-form .bbp-login-links a {
1211 float: left;
1212 clear: left;
1213 }
1214
1215 .bbp-logged-in img.avatar {
1216 float: left;
1217 margin: 0 15px 0 0;
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-right: 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: right;
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-left: 2px solid #eaeaea;
1259 margin-left: 5px;
1260 padding-left: 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: left;
1275 width: 100%;
1276 }
1277
1278 #bbpress-forums .bbp-user-section {
1279 overflow: auto;
1280 clear: right;
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: left;
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-left: 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-left: 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 left: 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 left: 50%;
1393 margin-top: -75px;
1394 margin-left: -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: left;
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-left: 80px;
1462 position: relative;
1463 text-align: left;
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-left: 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 left: 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: left;
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-left: 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: left;
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-left: 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-left: 0;
1670 text-align: left;
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-left: 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-left: 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