PluginProbe
bbPress / 2.1
bbPress v2.1
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 2.2.2 All 71 releases
bbpress / bbp-theme-compat / css / bbpress.css

bbpress.css in bbPress 2.1, at bbp-theme-compat/css/bbpress.css

835 lines 16.3 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 #bbpress-forums hr {
12 margin: 0 0 24px 0;
13 }
14
15 #bbpress-forums {
16 background: transparent;
17 clear: both;
18 margin-bottom: 20px;
19 overflow: hidden;
20 font-size: 12px;
21 }
22
23 #bbpress-forums div.even,
24 #bbpress-forums ul.even {
25 background-color: #fff;
26 }
27
28 #bbpress-forums div.odd,
29 #bbpress-forums ul.odd {
30 background-color: #fbfbfb;
31 }
32
33 #bbpress-forums div.bbp-topic-header,
34 #bbpress-forums div.bbp-reply-header {
35 background-color: #f4f4f4;
36 }
37
38 #bbpress-forums .status-trash.even,
39 #bbpress-forums .status-spam.even {
40 background-color: #fee;
41 }
42 #bbpress-forums .status-trash.odd,
43 #bbpress-forums .status-spam.odd {
44 background-color: #fdd;
45 }
46
47 #bbpress-forums .status-closed,
48 #bbpress-forums .status-closed a {
49 color: #ccc;
50 }
51
52 #bbpress-forums ul {
53 list-style: none;
54 margin: 0;
55 padding: 0;
56 }
57
58 #bbpress-forums li {
59 list-style: none;
60 }
61
62 #bbpress-forums ul.bbp-lead-topic,
63 #bbpress-forums ul.bbp-topics,
64 #bbpress-forums ul.bbp-forums,
65 #bbpress-forums ul.bbp-replies {
66 font-size: 12px;
67 overflow: hidden;
68 border: 1px solid #eee;
69 margin-bottom: 20px;
70 clear: both;
71 }
72
73 #bbpress-forums li.bbp-header,
74 #bbpress-forums li.bbp-body,
75 #bbpress-forums li.bbp-footer {
76 clear: both;
77 }
78
79 #bbpress-forums li.bbp-header,
80 #bbpress-forums li.bbp-footer {
81 background: #f3f3f3;
82 border-top: 1px solid #eee;
83 font-weight: bold;
84 padding: 8px;
85 text-align: center;
86 }
87
88 #bbpress-forums li.bbp-header {
89 background: #eaeaea;
90 }
91
92 #bbpress-forums li.bbp-header ul {
93 overflow: hidden;
94 }
95
96 #bbpress-forums .bbp-forums-list {
97 margin: 0 0 0 5px;
98 padding-left: 15px;
99 border-left: 1px solid #ddd;
100 }
101
102 #bbpress-forums .bbp-forums-list li {
103 display: inline;
104 font-size: 11px;
105 }
106
107 #bbpress-forums li.bbp-footer p {
108 margin: 0;
109 line-height: 1em;
110 }
111
112 #bbpress-forums .bbp-topic-content img,
113 #bbpress-forums .bbp-reply-content img {
114 max-width: 100%;
115 }
116
117 #bbpress-forums .bbp-topic-content ul,
118 #bbpress-forums .bbp-reply-content ul {
119 padding-left: 15px;
120 }
121
122 #bbpress-forums .bbp-topic-content ul li,
123 #bbpress-forums .bbp-reply-content ul li {
124 list-style: square;
125 }
126
127 #bbpress-forums .bbp-forum-content p {
128 margin: 5px 0 0;
129 font-style: italic;
130 }
131
132 li.bbp-forum-info,
133 li.bbp-topic-title {
134 float: left;
135 text-align: left;
136 width: 55%;
137 }
138 li.bbp-forum-topic-count,
139 li.bbp-topic-voice-count,
140 li.bbp-forum-reply-count,
141 li.bbp-topic-reply-count{
142 float: left;
143 text-align: center;
144 width: 10%;
145 }
146
147 li.bbp-forum-freshness,
148 li.bbp-topic-freshness{
149 text-align: center;
150 float: left;
151 width: 22%;
152 }
153
154 #bbpress-forums li.bbp-body ul.forum,
155 #bbpress-forums li.bbp-body ul.topic {
156 border-top: 1px solid #eee;
157 overflow: hidden;
158 padding: 8px;
159 }
160
161 li.bbp-header div.bbp-topic-content span#subscription-toggle,
162 li.bbp-header div.bbp-topic-content span#favorite-toggle,
163 li.bbp-header div.bbp-reply-content span#subscription-toggle,
164 li.bbp-header div.bbp-reply-content span#favorite-toggle {
165 float: right;
166 }
167
168 #bbpress-forums div.bbp-topic-author,
169 #bbpress-forums div.bbp-reply-author {
170 float: left;
171 text-align: center;
172 width: 115px;
173 }
174
175 #bbpress-forums div.bbp-topic-author img.avatar,
176 #bbpress-forums div.bbp-reply-author img.avatar {
177 border: 0;
178 max-width: 80px;
179 margin: 12px auto 0 auto;
180 float: none;
181 }
182
183 #bbpress-forums div.bbp-topic-author a.bbp-author-name,
184 #bbpress-forums div.bbp-reply-author a.bbp-author-name {
185 margin: 0 12px;
186 word-break: break-word;
187 }
188
189 #bbpress-forums div.bbp-topic-author .bbp-author-role,
190 #bbpress-forums div.bbp-reply-author .bbp-author-role {
191 font-size: 11px;
192 font-style: italic;
193 }
194
195 #bbpress-forums div.bbp-topic-content,
196 #bbpress-forums div.bbp-reply-content {
197 margin-left: 140px;
198 padding: 12px 12px 12px 0;
199 text-align: left;
200 }
201
202 #bbpress-forums li.bbp-header .bbp-topic-author,
203 #bbpress-forums li.bbp-footer .bbp-topic-author,
204 #bbpress-forums li.bbp-header .bbp-reply-author,
205 #bbpress-forums li.bbp-footer .bbp-reply-author {
206 float: left;
207 margin: 0;
208 padding: 0;
209 width: 120px;
210 }
211
212 #bbpress-forums li.bbp-header .bbp-topic-content,
213 #bbpress-forums li.bbp-footer .bbp-topic-content,
214 #bbpress-forums li.bbp-header .bbp-reply-content,
215 #bbpress-forums li.bbp-footer .bbp-reply-content {
216 margin-left: 140px;
217 padding: 0;
218 text-align: left;
219 }
220
221 div.bbp-topic-header,
222 div.bbp-reply-header,
223 li.bbp-body div.hentry {
224 margin-bottom: 0;
225 overflow: hidden;
226 padding: 8px;
227 }
228
229 div.bbp-topic-header,
230 div.bbp-reply-header {
231 border-top: 1px solid #ddd;
232 clear: both;
233 }
234
235 span.bbp-author-ip {
236 font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
237 font-size: 11px;
238 font-weight: bold;
239 color: #aaa;
240 }
241
242 /* =Breadcrumb and Tags
243 -------------------------------------------------------------- */
244
245 div.bbp-breadcrumb {
246 float: left;
247 }
248
249 div.bbp-breadcrumb,
250 div.bbp-topic-tags {
251 font-size: 12px;
252 }
253
254 #bbpress-forums div.bbp-breadcrumb p,
255 #bbpress-forums div.bbp-topic-tags p {
256 margin-bottom: 10px
257 }
258
259 div.bbp-topic-tags {
260 float: right;
261 }
262
263 /* =Admin Links
264 -------------------------------------------------------------- */
265
266 span.bbp-admin-links {
267 float: right;
268 color: #ddd;
269 }
270 span.bbp-admin-links a {
271 color: #bbb;
272 font-weight: normal;
273 font-size: 10px;
274 text-transform: uppercase;
275 text-decoration: none;
276 }
277 fieldset span.bbp-admin-links {
278 float: left;
279 }
280 tr td span.bbp-admin-links a:hover {
281 color: #ff4b33;
282 }
283 td.bbp-topic-admin-links,
284 td.bbp-topic-counts {
285 width: 50%;
286 }
287
288 .bbp-topic-header a.bbp-topic-permalink,
289 .bbp-reply-header a.bbp-reply-permalink {
290 float: right;
291 margin-left: 10px;
292 color: #ccc;
293 }
294
295 /* =Toggles
296 -------------------------------------------------------------- */
297
298 .bbp-topic-action #favorite-toggle a {
299 text-decoration: none;
300 padding: 0 3px 1px;
301 color: #7c7;
302 border: 1px solid #aca;
303 background-color: #dfd;
304 font-weight: bold;
305 font-size: 13px;
306 -moz-border-radius: 8px;
307 -webkit-border-radius: 8px;
308 }
309 .bbp-topic-action #favorite-toggle a:hover {
310 color: #5a5;
311 border-color: #7c7;
312 background-color: #beb;
313 }
314 .bbp-topic-action #favorite-toggle span.is-favorite a {
315 color: #faa;
316 border: 1px solid #faa;
317 background-color: #fee;
318 -moz-border-radius: 5px;
319 -webkit-border-radius: 5px;
320 }
321 .bbp-topic-action #favorite-toggle span.is-favorite a:hover {
322 color: #c88;
323 border-color: #c88;
324 background-color: #fdd;
325 }
326
327 .bbp-topic-action #subscription-toggle a {
328 text-decoration: none;
329 padding: 0 3px 1px;
330 color: #7c7;
331 border: 1px solid #aca;
332 background-color: #dfd;
333 font-weight: bold;
334 font-size: 13px;
335 -moz-border-radius: 8px;
336 -webkit-border-radius: 8px;
337 }
338 .bbp-topic-action #subscription-toggle a:hover {
339 color: #5a5;
340 border-color: #7c7;
341 background-color: #beb;
342 }
343 .bbp-topic-action #subscription-toggle span.is-subscribed a {
344 color: #faa;
345 border: 1px solid #faa;
346 background-color: #fee;
347 -moz-border-radius: 5px;
348 -webkit-border-radius: 5px;
349 }
350 .bbp-topic-action #subscription-toggle span.is-subscribed a:hover {
351 color: #c88;
352 border-color: #c88;
353 background-color: #fdd;
354 }
355
356 #bbpress-forums p.bbp-topic-meta {
357 margin: 5px 0 5px;
358 font-size: 11px;
359 }
360
361 #bbpress-forums p.bbp-topic-meta span {
362 white-space: nowrap;
363 }
364
365 /* =Pagination
366 -------------------------------------------------------------- */
367
368 .bbp-pagination-count {
369 float: left;
370 }
371 .bbp-pagination-links {
372 float: right;
373 }
374 .bbp-pagination {
375 float: left;
376 width: 100%;
377 margin-bottom: 15px;
378 }
379
380 .bbp-topic-pagination {
381 display: inline-block;
382 margin-left: 5px;
383 margin-bottom: 2px;
384 }
385 .bbp-topic-pagination a {
386 font-size: 10px;
387 line-height: 10px;
388 padding: 1px 3px;
389 border: 1px solid #ddd;
390 text-decoration: none;
391 }
392
393 /* =Forms
394 -------------------------------------------------------------- */
395
396 #bbpress-forums fieldset.bbp-form {
397 clear: left;
398 }
399
400 #bbpress-forums fieldset.bbp-form {
401 border: 1px solid #eee;
402 padding: 10px 20px;
403 margin-bottom: 10px;
404 }
405
406 #bbpress-forums fieldset.bbp-form legend {
407 padding: 5px;
408 }
409
410 #bbpress-forums fieldset.bbp-form label {
411 margin: 0;
412 display: inline-block;
413 }
414
415 #bbp-edit-topic-tag.bbp-form fieldset.bbp-form label,
416 #bbp-login fieldset label,
417 #bbp-register fieldset label,
418 #bbp-lost-pass fieldset label {
419 width: 100px;
420 }
421
422 #bbpress-forums fieldset.bbp-form p,
423 #bbpress-forums fieldset.bbp-form textarea,
424 #bbpress-forums fieldset.bbp-form select,
425 #bbpress-forums fieldset.bbp-form input {
426 margin: 0 0 8px;
427 }
428
429 textarea#bbp_reply_content,
430 textarea#bbp_topic_content,
431 textarea#bbp_forum_content {
432 width: 97%;
433 box-sizing: border-box;
434 -webkit-box-sizing:border-box;
435 -moz-box-sizing: border-box;
436 -ms-box-sizing: border-box;
437 }
438
439 textarea#bbp_forum_content {
440 height: 210px;
441 }
442
443 #bbpress-forums fieldset.bbp-forum-form-attributes {
444 width: 200px;
445 float: right;
446 clear: none;
447 margin-left: 25px;
448 }
449
450 .bbp-topic-form,
451 .bbp-reply-form,
452 .bbp-topic-tag-form {
453 clear: left;
454 }
455 body.topic-edit .bbp-topic-form div.avatar img,
456 body.reply-edit .bbp-reply-form div.avatar img,
457 body.single-forum .bbp-topic-form div.avatar img,
458 body.single-reply .bbp-reply-form div.avatar img {
459 margin-right: 0;
460 padding: 10px;
461 border: 1px solid #ddd;
462 line-height: 0;
463 background-color: #efefef;
464 }
465
466 body.page .bbp-reply-form code,
467 body.page .bbp-topic-form code,
468 body.single-topic .bbp-reply-form code,
469 body.single-forum .bbp-topic-form code,
470 body.topic-edit .bbp-topic-form code,
471 body.reply-edit .bbp-reply-form code {
472 font-size: 10px;
473 background-color: #f0fff8;
474 border: 1px solid #CEEFE1;
475 display: block;
476 padding: 8px;
477 margin-top: 5px;
478 width: 369px;
479 }
480
481 #merge_tag,
482 #delete_tag {
483 display: inline;
484 }
485
486 div.bbp-submit-wrapper {
487 margin-top: 15px;
488 float: right;
489 clear: both;
490 }
491
492 p.form-allowed-tags {
493 width: 462px;
494 }
495
496 /* =TinyMCE in themes
497 -------------------------------------------------------------- */
498 #bbpress-forums div.bbp-the-content-wrapper {
499 margin-bottom: 10px;
500 }
501
502 #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
503 width: 100%;
504 margin: 0;
505 font-size: 12px;
506 }
507
508 #bbpress-forums div.bbp-the-content-wrapper table,
509 #bbpress-forums div.bbp-the-content-wrapper tbody,
510 #bbpress-forums div.bbp-the-content-wrapper tr,
511 #bbpress-forums div.bbp-the-content-wrapper td {
512 border: none;
513 padding: 0;
514 margin: 0;
515 width: auto;
516 line-height: 1em;
517 }
518
519 #bbpress-forums div.bbp-the-content-wrapper input {
520 font-size: 12px;
521 padding: 5px;
522 margin: 3px 0 0;
523 line-height: 1em;
524 margin: 0;
525 }
526
527 #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
528 padding: 5px;
529 min-height: 26px;
530 }
531 #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
532 padding: 4px 4px 8px;
533 }
534
535 #bbpress-forums div.wp-editor-container {
536 margin: 0;
537 padding: 0;
538 line-height: 0;
539 }
540
541 #bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar {
542 line-height: 16px;
543 }
544
545 /* =Edit User
546 -------------------------------------------------------------- */
547
548 #bbp-your-profile fieldset {
549 margin-top: 20px;
550 padding: 20px 20px 0 20px;
551 }
552 #bbp-your-profile fieldset div {
553 margin-bottom: 20px;
554 float: left;
555 width: 100%;
556 clear: left;
557 }
558 #bbp-your-profile fieldset select {
559 margin-bottom: 0;
560 }
561 #bbp-your-profile fieldset input,
562 #bbp-your-profile fieldset textarea {
563 margin-bottom: 0;
564 width: 400px;
565 background: #f9f9f9;
566 border: 1px solid #ccc;
567 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
568 -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
569 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
570 padding: 2px;
571 }
572 #bbp-your-profile fieldset legend {
573 display: none;
574 }
575 #bbpress-forums #bbp-your-profile fieldset label {
576 float: left;
577 width: 150px;
578 padding-right: 20px;
579 text-align: right;
580 }
581 #bbp-your-profile fieldset span.description {
582 margin: 5px 0 0 170px;
583 font-size: 12px;
584 font-style: italic;
585 float: left;
586 clear: left;
587 width: 383px;
588 padding: 5px 10px;
589 border: #cee1ef 1px solid;
590 background-color: #f0f8ff;
591 }
592
593 #bbpress-forums #bbp-your-profile fieldset fieldset {
594 margin: 0;
595 width: 260px;
596 border: none;
597 padding: 0;
598 clear: none;
599 float: none;
600 }
601 #bbp-your-profile fieldset fieldset span.description {
602 margin-left: 0;
603 margin-bottom: 20px;
604 }
605
606 #bbp-your-profile fieldset.submit button {
607 float: right;
608 }
609
610 /* =Notices
611 -------------------------------------------------------------- */
612
613 div.bbp-template-notice {
614 border-width: 1px;
615 border-style: solid;
616 padding: 0 0.6em;
617 margin: 5px 0 15px;
618 -moz-border-radius: 3px;
619 -khtml-border-radius: 3px;
620 -webkit-border-radius: 3px;
621 border-radius: 3px;
622 background-color: #ffffe0;
623 border-color: #e6db55;
624 color: #000;
625 clear: both;
626 }
627 div.bbp-template-notice a {
628 color: #555;
629 text-decoration: none;
630 }
631 div.bbp-template-notice a:hover {
632 color: #000;
633 }
634 div.bbp-template-notice.info {
635 border: #cee1ef 1px solid;
636 background-color: #f0f8ff;
637 }
638 div.bbp-template-notice.important {
639 border: #e6db55 1px solid;
640 background-color: #fffbcc;
641 }
642 div.bbp-template-notice.error,
643 div.bbp-template-notice.warning {
644 background-color: #ffebe8;
645 border-color: #c00;
646 }
647 div.bbp-template-notice.error a,
648 div.bbp-template-notice.warning a {
649 color: #c00;
650 }
651 div.bbp-template-notice p {
652 margin: 0.5em 0 6px 0 !important;
653 padding: 2px;
654 font-size: 12px;
655 line-height: 140%;
656 }
657
658 /* =Stickies
659 -------------------------------------------------------------- */
660
661 .bbp-topics-front ul.super-sticky,
662 .bbp-topics ul.super-sticky,
663 .bbp-topics ul.sticky,
664 .bbp-forum-content ul.sticky {
665 background-color: #ffffe0 !important;
666 font-size: 1.1em;
667 }
668
669 /* =Revisions
670 -------------------------------------------------------------- */
671 #bbpress-forums .bbp-topic-revision-log,
672 #bbpress-forums .bbp-reply-revision-log {
673 border-top: 1px dotted #ddd;
674 list-style: none;
675 width: 100%;
676 margin: 0;
677 padding: 8px 0 0 0;
678 font-size: 11px;
679 color: #aaa;
680 }
681
682 /* =Widgets
683 -------------------------------------------------------------- */
684
685 .bbp-login-form fieldset legend {
686 display: none;
687 }
688
689 .bbp-login-form .bbp-username input,
690 .bbp-login-form .bbp-email input,
691 .bbp-login-form .bbp-password input {
692 padding: 5px;
693 }
694
695 .bbp-login-form label {
696 width: 140px;
697 display: inline-block;
698 }
699
700 #sidebar .bbp-login-form label {
701 width: 70px;
702 }
703
704 .bbp-login-form .bbp-username,
705 .bbp-login-form .bbp-email,
706 .bbp-login-form .bbp-password,
707 .bbp-login-form .bbp-remember-me,
708 .bbp-login-form .bbp-submit-wrapper {
709 margin-top: 10px;
710 }
711
712 .bbp-login-form .bbp-remember-me {
713
714 }
715
716 .bbp-login-form .bbp-submit-wrapper {
717 text-align: right;
718 }
719
720 .bbp-login-form .bbp-login-links {
721 }
722
723 .bbp-login-form .bbp-login-links a {
724 float: left;
725 clear: left;
726 }
727
728 .bbp-logged-in img.avatar {
729 float: left;
730 margin-right: 15px;
731 }
732
733 .bbp-logged-in h4 {
734 font-weight: bold;
735 font-size: 1.3em;
736 clear: none;
737 margin-bottom: 10px;
738 }
739
740 /* =Avatars
741 -------------------------------------------------------------- */
742
743 #bbpress-forums p.bbp-topic-meta img.avatar,
744 #bbpress-forums ul.bbp-reply-revision-log img.avatar,
745 #bbpress-forums ul.bbp-topic-revision-log img.avatar,
746 #bbpress-forums div.bbp-template-notice img.avatar,
747 #bbpress-forums .widget_display_topics img.avatar,
748 #bbpress-forums .widget_display_replies img.avatar,
749 #bbpress-forums p.bbp-topic-meta img.avatar {
750 float: none;
751 margin-bottom: -7px;
752 border: 3px double #ddd;
753 }
754
755 fieldset div.avatar {
756 float: right;
757 }
758
759 /* =BuddyPress Activity Streams
760 -------------------------------------------------------------- */
761
762 .activity-list li.bbp_topic_create .activity-content .activity-inner,
763 .activity-list li.bbp_reply_create .activity-content .activity-inner {
764 border-left: 2px solid #eaeaea;
765 margin-left: 5px;
766 padding-left: 10px;
767 }
768
769 /* =User Pages
770 -------------------------------------------------------------- */
771
772 #bbpress-forums h1 {
773 clear: none;
774 font-size: 1.8em;
775 line-height: 1em;
776 padding-bottom: 10px;
777 }
778
779 #bbpress-forums h2.entry-title {
780 font-size: 1.4em;
781 margin-bottom: 0;
782 padding-bottom: 10px;
783 padding-top: 0;
784 }
785
786 #bbpress-forums #entry-author-info {
787 margin: 10px 0 20px 0;
788 overflow: hidden;
789 }
790
791 #bbpress-forums #entry-author-info #author-avatar {
792 float: left;
793 margin-right: 0;
794 width: 60px;
795 }
796
797 #bbpress-forums #entry-author-info #author-avatar img.avatar {
798 max-width: 60px;
799 }
800
801 #bbpress-forums #entry-author-info #author-description {
802 float: none;
803 margin-left: 100px;
804 }
805
806 #bbp-author-subscriptions,
807 #bbp-author-favorites,
808 #bbp-author-topics-started {
809 border-top: 1px solid #ccc;
810 clear: both;
811 margin-bottom: 20px;
812 padding-top: 20px;
813 }
814
815 body.my-account #bbpress-forums,
816 body.my-account #bbp-author-subscriptions,
817 body.my-account #bbp-author-favorites,
818 body.my-account #bbp-author-topics-started {
819 border-top: none;
820 padding-top: 0;
821 margin-bottom: 0;
822 }
823
824 /* =BuddyPress Group Forums
825 -------------------------------------------------------------- */
826
827 #bbpress-forums div.row-actions {
828 font-size: 11px;
829 visibility: hidden;
830 }
831
832 #bbpress-forums li:hover > div.row-actions {
833 visibility: visible;
834 }
835