PluginProbe
bbPress / 2.6.6
bbPress v2.6.6
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 / includes / admin / assets / css / admin.css

admin.css in bbPress 2.6.6, at includes/admin/assets/css/admin.css

654 lines 11.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1
2 /* Kludge for too-wide forums dropdown */
3 #poststuff #bbp_forum_attributes select#parent_id,
4 #poststuff #bbp_topic_attributes select#parent_id,
5 #poststuff #bbp_reply_attributes select#bbp_forum_id,
6 #poststuff #bbp_reply_attributes select#bbp_reply_to {
7 max-width: 170px;
8 }
9
10 /* Version Badge */
11
12 .bbp-badge {
13 transform-origin: top left;
14 animation: swoop 16s infinite linear;
15 }
16
17 .bbp-bee {
18 font: 400 80px/1 dashicons !important;
19 color: #000;
20 position: absolute;
21 height: 60px;
22 width: 60px;
23 }
24
25 .bbp-hive {
26 font: 400 150px/1 dashicons !important;
27 color: #ccc;
28 position: absolute;
29 height: 150px;
30 width: 150px;
31 top: 0;
32 right: 0;
33 display: block;
34 }
35
36 .bbp-bee::before {
37 content: "\f451";
38 }
39
40 .bbp-hive::before {
41 content: "\f449";
42 }
43
44 .notice-bbpress {
45 border-left: 4px solid #78cd95;
46 padding-left: 36px;
47 background-color: rgb(235, 255, 235);
48 position: relative;
49 }
50
51 .notice-bbpress .bbpress-logo-icon {
52 position: absolute;
53 height: auto;
54 width: auto;
55 padding: 7px 9px;
56 top: 50%;
57 left: 0;
58 transform: translateY(-50%);
59 font: 400 24px/1 dashicons !important;
60 }
61
62 .notice-bbpress .bbpress-logo-icon::before {
63 content: "\f477";
64 color: #555;
65 }
66
67 @keyframes buzz {
68
69 0% {
70 right: -2px;
71 top: -1px;
72 }
73
74 25% {
75 right: 1px;
76 top: 2px;
77 }
78
79 50% {
80 right: -3px;
81 top: -1px;
82 }
83
84 75% {
85 right: 2px;
86 top: 1px;
87 }
88
89 0% {
90 right: -2px;
91 top: -1px;
92 }
93 }
94
95 @keyframes swoop {
96
97 0% {
98 transform: rotate(95deg);
99 }
100
101 100% {
102 transform: rotate(455deg);
103 }
104 }
105
106 .about-wrap .bbp-badge {
107 position: absolute;
108 right: 50px;
109 top: 50px;
110 height: 25px;
111 width: 25px;
112 }
113
114 body.rtl .about-wrap .bbp-badge {
115 right: auto;
116 left: 50px;
117 }
118
119 /* Dashicons */
120
121 th .bbp_forums_column::before,
122 #dashboard_right_now a.bbp-glance-forums::before,
123 #adminmenu #menu-posts-forum .wp-menu-image::before {
124 content: "\f449";
125 }
126
127 th .bbp_topics_column::before,
128 #dashboard_right_now a.bbp-glance-topics::before,
129 #adminmenu #menu-posts-topic .wp-menu-image::before {
130 content: "\f450";
131 }
132
133 th .bbp_replies_column::before,
134 #dashboard_right_now a.bbp-glance-replies::before,
135 #adminmenu #menu-posts-reply .wp-menu-image::before {
136 content: "\f451";
137 }
138
139 #dashboard_right_now a.bbp-glance-topic-tags::before {
140 content: "\f323";
141 }
142
143 #dashboard_right_now a.bbp-glance-users::before {
144 content: "\f110";
145 }
146
147 th .bbp_forums_column,
148 th .bbp_topics_column,
149 th .bbp_replies_column {
150 height: 16px;
151 width: 16px;
152 }
153
154 th .bbp_forums_column::before,
155 th .bbp_topics_column::before,
156 th .bbp_replies_column::before {
157 font: 400 20px/0.5 dashicons;
158 speak: none;
159 display: inline-block;
160 padding: 0;
161 top: 4px;
162 left: -4px;
163 position: relative;
164 vertical-align: top;
165 -webkit-font-smoothing: antialiased;
166 -moz-osx-font-smoothing: grayscale;
167 text-decoration: none !important;
168 color: #444;
169 }
170
171 /* Deprecated Dashboard Metabox */
172
173 #bbp-dashboard-right-now p.sub,
174 #bbp-dashboard-right-now .table,
175 #bbp-dashboard-right-now .versions {
176 margin: -12px;
177 }
178
179 #bbp-dashboard-right-now .inside {
180 font-size: 12px;
181 padding-top: 20px;
182 margin-bottom: 0;
183 }
184
185 #bbp-dashboard-right-now p.sub {
186 padding: 5px 0 15px;
187 color: #8f8f8f;
188 font-size: 14px;
189 position: absolute;
190 top: -17px;
191 left: 15px;
192 }
193
194 body.rtl #bbp-dashboard-right-now p.sub {
195 right: 15px;
196 left: 0;
197 }
198
199 #bbp-dashboard-right-now .table {
200 margin: 0;
201 padding: 0;
202 position: relative;
203 }
204
205 #bbp-dashboard-right-now .table_content {
206 float: left;
207 border-top: #ececec 1px solid;
208 width: 45%;
209 }
210
211 body.rtl #bbp-dashboard-right-now .table_content {
212 float: right;
213 }
214
215 #bbp-dashboard-right-now .table_discussion {
216 float: right;
217 border-top: #ececec 1px solid;
218 width: 45%;
219 }
220
221 body.rtl #bbp-dashboard-right-now .table_discussion {
222 float: left;
223 }
224
225 #bbp-dashboard-right-now table td {
226 padding: 3px 0;
227 white-space: nowrap;
228 }
229
230 #bbp-dashboard-right-now table tr.first td {
231 border-top: none;
232 }
233
234 #bbp-dashboard-right-now td.b {
235 padding-right: 6px;
236 text-align: right;
237 font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
238 font-size: 14px;
239 width: 1%;
240 }
241
242 body.rtl #bbp-dashboard-right-now td.b {
243 padding-left: 6px;
244 padding-right: 0;
245 }
246
247 #bbp-dashboard-right-now td.b a {
248 font-size: 18px;
249 }
250
251 #bbp-dashboard-right-now td.b a:hover {
252 color: #d54e21;
253 }
254
255 #bbp-dashboard-right-now .t {
256 font-size: 12px;
257 padding-right: 12px;
258 padding-top: 6px;
259 color: #777;
260 }
261
262 body.rtl #bbp-dashboard-right-now .t {
263 padding-left: 12px;
264 padding-right: 0;
265 }
266
267 #bbp-dashboard-right-now .t a {
268 white-space: nowrap;
269 }
270
271 #bbp-dashboard-right-now .spam {
272 color: #f00;
273 }
274
275 #bbp-dashboard-right-now .waiting {
276 color: #e66f00;
277 }
278
279 #bbp-dashboard-right-now .approved {
280 color: #0f0;
281 }
282
283 #bbp-dashboard-right-now .versions {
284 padding: 6px 10px 12px;
285 clear: both;
286 }
287
288 #bbp-dashboard-right-now .versions .b {
289 font-weight: 700;
290 }
291
292 #bbp-dashboard-right-now a.button {
293 float: right;
294 clear: right;
295 position: relative;
296 top: -5px;
297 }
298
299 body.rtl #bbp-dashboard-right-now a.button {
300 float: left;
301 clear: left;
302 }
303
304 /* List Tables */
305
306 body.post-type-forum #minor-publishing,
307 body.post-type-forum #save-post {
308 display: none;
309 }
310
311 body.post-type-forum strong.label,
312 body.post-type-topic strong.label,
313 body.post-type-reply strong.label {
314 display: inline-block;
315 width: 60px;
316 }
317
318 .column-bbp_forum_topic_count,
319 .column-bbp_forum_reply_count,
320 .column-bbp_topic_reply_count,
321 .column-bbp_topic_voice_count {
322 width: 8% !important;
323 }
324
325 .column-author,
326 .column-bbp_forum_mods,
327 .column-bbp_reply_author,
328 .column-bbp_topic_author {
329 width: 10% !important;
330 }
331
332 .column-bbp_topic_forum,
333 .column-bbp_reply_forum,
334 .column-bbp_reply_topic {
335 width: 10% !important;
336 }
337
338 .column-bbp_forum_freshness,
339 .column-bbp_topic_freshness {
340 width: 10% !important;
341 }
342
343 .column-bbp_user_role,
344 .column-bbp_forum_created,
345 .column-bbp_topic_created,
346 .column-bbp_reply_created {
347 width: 15% !important;
348 }
349
350 .column-bbp_topic_reply_author,
351 .column-bbp_forum_topic_author {
352 width: 25% !important;
353 }
354
355 .column-bbp_topic_reply_author .avatar,
356 .column-bbp_forum_topic_author .avatar {
357 float: left;
358 margin-right: 10px;
359 }
360
361 #bbp_moderators {
362 width: 100%;
363 }
364
365 #bbp_forum_attributes hr {
366 border-style: solid;
367 border-width: 1px;
368 border-color: #ccc #fff #fff #ccc;
369 }
370
371 body.post-type-forum #the-list .status-closed,
372 body.post-type-topic #the-list .status-closed,
373 body.post-type-reply #the-list .status-closed {
374 background-color: #f5f5f5;
375 }
376
377 body.post-type-forum #the-list .status-closed:nth-child(odd),
378 body.post-type-topic #the-list .status-closed:nth-child(odd),
379 body.post-type-reply #the-list .status-closed:nth-child(odd) {
380 background-color: #f0f0f0;
381 }
382
383 body.post-type-forum #the-list .status-spam,
384 body.post-type-topic #the-list .status-spam,
385 body.post-type-reply #the-list .status-spam,
386 #bbp-reply-list .status-trash {
387 background-color: #fee;
388 }
389
390 body.post-type-forum #the-list .status-spam:nth-child(odd),
391 body.post-type-topic #the-list .status-spam:nth-child(odd),
392 body.post-type-reply #the-list .status-spam:nth-child(odd),
393 #bbp-reply-list .status-trash:nth-child(odd) {
394 background-color: #fdd;
395 }
396
397 body.post-type-forum #the-list .status-pending,
398 body.post-type-topic #the-list .status-pending,
399 body.post-type-reply #the-list .status-pending {
400 background-color: #fff2e8;
401 }
402
403 body.post-type-forum #the-list .status-pending:nth-child(odd),
404 body.post-type-topic #the-list .status-pending:nth-child(odd),
405 body.post-type-reply #the-list .status-pending:nth-child(odd) {
406 background-color: #fff7f1;
407 }
408
409 body.post-type-forum #the-list .status-closed td,
410 body.post-type-topic #the-list .status-closed td,
411 body.post-type-reply #the-list .status-closed td,
412 body.post-type-forum #the-list .status-spam td,
413 body.post-type-topic #the-list .status-spam td,
414 body.post-type-reply #the-list .status-spam td,
415 #bbp-reply-list .status-trash td {
416 color: #999;
417 }
418
419 body.post-type-forum #the-list .row-actions .unspam a,
420 body.post-type-topic #the-list .row-actions .unspam a,
421 body.post-type-reply #the-list .row-actions .unspam a,
422 body.post-type-forum #the-list .row-actions .approved a,
423 body.post-type-topic #the-list .row-actions .approved a,
424 body.post-type-reply #the-list .row-actions .approved a {
425 color: #006505;
426 }
427
428 /* User Relationships */
429
430 #bbp_topic_engagements_metabox .avatar,
431 #bbp_topic_favorites_metabox .avatar,
432 #bbp_topic_subscriptions_metabox .avatar {
433 margin: 3px;
434 }
435
436 /* Converter */
437
438 .bbp-converter-settings-wrap {
439 float: left;
440 width: 55%;
441 }
442
443 #poststuff.bbp-converter-monitor-wrap {
444 float: right;
445 width: 43%;
446 margin-left: 2%;
447 min-width: 200px;
448 }
449
450 #bbp-converter-monitor h2 {
451 position: relative;
452 }
453
454 #bbp-converter-monitor .inside {
455 margin: 0;
456 padding: 5px;
457 border-bottom: 1px solid #e5e5e5;
458 }
459
460 #bbp-converter-monitor div.actions {
461 padding: 10px;
462 background: #fafafa;
463 clear: both;
464 }
465
466 #bbp-converter-spinner {
467 margin: 4px 0;
468 }
469
470 div.bbp-converter-log,
471 div.bbp-converter-warning {
472 padding: 5px 0 5px 5px;
473 }
474
475 div.bbp-converter-log.started {
476 height: 300px;
477 overflow: auto;
478 }
479
480 div.bbp-converter-log p {
481 margin: 0;
482 padding: 2px;
483 }
484
485 div.bbp-converter-log p:only-child {
486 float: none;
487 margin-bottom: 0;
488 }
489
490 div.bbp-converter-log div {
491 padding: 10px;
492 margin: 5px;
493 background: #f4f4f4;
494 border: 1px solid #ddd;
495 }
496
497 div.bbp-converter-log div code {
498 margin-top: 5px;
499 display: block;
500 }
501
502 div.bbp-converter-log .step {
503 text-align: right;
504 font-weight: 600;
505 }
506
507 div.bbp-converter-log .output {
508 margin: 0 5px;
509 }
510
511 div.bbp-converter-log .mini-step {
512 padding: 3px 5px;
513 vertical-align: middle;
514 font-size: 8px;
515 font-weight: 600;
516 border-radius: 6px;
517 background-color: #aaa;
518 color: #fff;
519 }
520
521 #bbp-converter-monitor .bbp-progress-bar {
522 position: absolute;
523 left: 0;
524 height: 1px;
525 width: 0;
526 background-color: #00b9eb;
527 transition-property: width;
528 transition-timing-function: ease-out;
529 transition-duration: 1s;
530 }
531
532 #bbp-converter-monitor #bbp-converter-step-percentage {
533 bottom: 1px;
534 }
535
536 #bbp-converter-monitor #bbp-converter-total-percentage {
537 bottom: 0;
538 }
539
540 #bbp-converter-stop {
541 display: none;
542 }
543
544 #bbp-converter-status {
545 font-weight: 400;
546 font-size: 12px;
547 color: #aaa;
548 display: block;
549 margin-top: 2px;
550 }
551
552 .bbp-converter-db-password-wrapper {
553 display: inline-block;
554 position: relative;
555 }
556
557 .bbp-converter-db-pass::-webkit-credentials-auto-fill-button {
558 display: none;
559 visibility: hidden;
560 pointer-events: none;
561 position: absolute;
562 right: 0;
563 }
564
565 button.bbp-db-pass-toggle {
566 border: none;
567 background: transparent;
568 position: absolute;
569 right: 3px;
570 top: 3px;
571 padding: 0;
572 margin: 0;
573 cursor: pointer;
574 color: #aaa;
575 height: 25px;
576 width: 25px;
577 font: 400 20px/1 dashicons !important;
578 }
579
580 button.bbp-db-pass-toggle:hover {
581 color: #888;
582 }
583
584 button.bbp-db-pass-toggle.text::after {
585 content: "\f530";
586 }
587
588 button.bbp-db-pass-toggle.password::after {
589 content: "\f177";
590 }
591
592 @media screen and ( max-width: 782px ) {
593
594 .bbp-converter-db-password-wrapper {
595 width: 100%;
596 }
597
598 #poststuff.bbp-converter-monitor-wrap,
599 .bbp-converter-settings-wrap {
600 float: none;
601 width: 100%;
602 margin: 20px 0;
603 }
604
605 button.bbp-db-pass-toggle {
606 height: 35px;
607 width: 35px;
608 font: 400 20px/1 dashicons !important;
609 }
610 }
611
612 /* Tools */
613
614 td.bbp-tool-title strong {
615 display: block;
616 }
617
618 td.bbp-tool-title p {
619 margin: 0;
620 }
621
622 .manage-column.column-components {
623 width: 20%;
624 }
625
626 .manage-column.column-version {
627 width: 11%;
628 }
629
630 .manage-column.column-overhead {
631 width: 13%;
632 }
633
634 .nav-tab-wrapper a span.awaiting-mod {
635 display: inline-block;
636 vertical-align: top;
637 margin: 3px 0 0 1px;
638 padding: 0 5px;
639 min-width: 7px;
640 height: 17px;
641 border-radius: 11px;
642 background-color: #ca4a1f;
643 color: #fff;
644 font-size: 9px;
645 line-height: 17px;
646 text-align: center;
647 z-index: 26;
648 }
649
650 /* Retro TV corners for contributor avatars */
651 .dashboard_page_bbp-credits .wp-person img {
652 border-radius: 20px;
653 }
654