PluginProbe
bbPress / 2.1.2
bbPress v2.1.2
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.2, at bbp-theme-compat/css/bbpress.css

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