PluginProbe
UpStream: a Project Management Plugin for WordPress / 2.1.0
UpStream: a Project Management Plugin for WordPress v2.1.0
trunk 1.39.0 1.39.1 1.39.2 1.39.3 2.0.7 2.1.0
upstream / includes / admin / assets / css / upstream.css

upstream.css in UpStream: a Project Management Plugin for WordPress 2.1.0, at includes/admin/assets/css/upstream.css

1,457 lines 30.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*
2 * CMB2 Overrides & General stuff
3 */
4 p.cmb2-metabox-description {
5 font-size: 11px;
6 margin-top: 3px;
7 }
8
9 .upstream .cmb-type-group .cmb2-wrap > .cmb-field-list > .cmb-row, .upstream .postbox-container .cmb2-wrap > .cmb-field-list > .cmb-row {
10 padding: 1.2em 0 0;
11 }
12
13 .upstream #poststuff .cmb-repeatable-group .cmb-group-title {
14 background-color: #fcfcfc;
15 padding: 14px 14px 12px 40px;
16 }
17
18 .upstream #poststuff .cmb-group-title .title {
19 display: inline-block;
20 font-size: 15px;
21 font-weight: 600;
22 margin: 0;
23 }
24
25 .upstream .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row {
26 color: #ccc;
27 padding-left: 10px;
28 top: 13px;
29 }
30
31 .upstream .upstream_options .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row {
32 padding-left: 7px;
33 top: 6px;
34 }
35
36 .upstream-label-tag {
37 display: inline;
38 padding: .2em .6em .3em;
39 font-size: 75%;
40 font-weight: 700;
41 line-height: 1;
42 color: #fff;
43 text-align: center;
44 white-space: nowrap;
45 vertical-align: baseline;
46 border-radius: .25em;
47 }
48
49 .upstream .cmb-row.cmb-remove-field-row {
50 padding: 10px 0;
51 }
52
53 .upstream .cmbhandle-title {
54 cursor: pointer;
55 }
56
57 .upstream .title .av-assigned, .upstream .title .av-created {
58 background: #fff none repeat scroll 0 0;
59 display: block;
60 float: left;
61 height: 25px;
62 margin: -3px 6px 0 0;
63 width: 25px;
64 box-shadow: 0 0 1px rgba(0, 0, 0, 0.35) inset;
65 }
66
67 .upstream #side-sortables .cmb-th {
68 padding-bottom: 5px;
69 }
70
71 .upstream #side-sortables .cmb-th label {
72 padding: 0;
73 }
74
75 .upstream #side-sortables .cmb-th label::after {
76 border-bottom: medium none;
77 padding-top: 0;
78 }
79
80 .upstream #side-sortables .cmb2-wrap > .cmb-field-list > .cmb-row {
81 padding: 0;
82 }
83
84 .upstream #side-sortables .cmb2-wrap > .cmb-field-list > .cmb-row:not(:last-of-type) {
85 border: none;
86 }
87
88 .upstream #side-sortables .cmb-td .cmb2_select {
89 width: 100%;
90 }
91
92 .upstream .cmb2-wrap input[type="email"] {
93 width: 100%;
94 }
95
96 .upstream .title .av-assigned {
97 margin-right: 15px;
98 position: relative;
99 }
100
101 .upstream .title .av-assigned img, .upstream .title .av-created img {
102 display: block;
103 }
104
105 .upstream #_upstream_project_files .av-assigned {
106 display: none;
107 }
108
109 .upstream .cmb-add-row > span {
110 border-left: 3px solid #ffba00;
111 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.17);
112 margin: 0 0 0 20px;
113 padding: 5px 10px 5px 10px;
114 }
115
116 .upstream h2.hndle .dashicons {
117 color: #429edb;
118 font-size: 22px;
119 margin: -1px 8px 0 0;
120 }
121
122 .upstream .o-delete_message.button {
123 margin: -30px 0 0 0;
124 }
125
126 /*
127 * Project Overview
128 */
129 #_upstream_project_overview .cmb2-metabox-title {
130 color: #72777c;
131 font-size: 18px;
132 font-weight: 300;
133 }
134
135 #_upstream_project_overview .cmb2-metabox-title > span {
136 background: #429edb none repeat scroll 0 0;
137 color: #fff;
138 font-weight: 700;
139 padding: 0 6px;
140 margin: 0 3px 0 0;
141 }
142
143 #_upstream_project_overview .counts h4 {
144 color: #82878c;
145 font-size: 14px;
146 font-weight: 300;
147 margin: 0 20px 0 0;
148 display: inline;
149 }
150
151 #_upstream_project_overview .counts h4 .count {
152 color: #444;
153 font-size: 16px;
154 font-weight: 600;
155 }
156
157 #_upstream_project_overview .counts h4 .count.mine {
158 background: #d54e21 none repeat scroll 0 0;
159 border-radius: 20px;
160 color: #fff;
161 padding: 0 7px;
162 }
163
164 /*
165 * Project Details
166 */
167 #_upstream_project_details .select2-container {
168 width: 100% !important;
169 }
170
171 #_upstream_project_details .dashicons-email-alt {
172 color: #bbb;
173 font-size: 18px;
174 margin: 0;
175 text-decoration: none;
176 }
177
178 .upstream #major-publishing-actions .notice-error {
179 margin: 15px 0 10px !important;
180 padding: 5px 10px;
181 }
182
183 .upstream #side-sortables .cmb2-id--upstream-project-client-users .cmb2-metabox-description {
184 padding: 0;
185 }
186
187 /*
188 * Project Activity
189 */
190
191 .upstream .activity-item {
192 border-bottom: 1px solid #e9e9e9;
193 color: #72777c;
194 font-size: 12px;
195 margin: 0 0 10px;
196 padding: 0 0 10px;
197 word-wrap: break-word;
198 }
199
200 .upstream .activity-item .item {
201 display: block;
202 padding: 0 0 4px;
203 }
204
205 .upstream .activity-item > h4 {
206 color: #444;
207 font-size: 13px;
208 margin: 0;
209 }
210
211 .upstream .activity-item .user {
212 color: #999;
213 display: block;
214 font-size: 12px;
215 margin: 0 0 5px;
216 }
217
218 .upstream .activity-item .item-name {
219 color: #444;
220 display: block;
221 font-size: 13px;
222 margin: 7px 0 0;
223 }
224
225 .upstream .activity-item .item img {
226 max-width: 100%;
227 }
228
229 /*
230 * Project Files
231 */
232 #_upstream_project_files .cmb-remove-row {
233 padding: 0;
234 }
235
236 #_upstream_project_files .cmb-repeat-row {
237 padding: 0;
238 }
239
240 #_upstream_project_files .cmb-repeat-row > .cmb-td {
241 padding-right: 0px;
242 }
243
244 #_upstream_project_files .cmb2-upload-button.button {
245 width: 100%;
246 margin-bottom: 10px;
247 }
248
249 #_upstream_project_files .cmb-attach-list li {
250 margin-bottom: 10px;
251 }
252
253 /*
254 * Project Tasks, milestones
255 */
256 #_upstream_project_tasks .hidden {
257 display: none;
258 visibility: hidden;
259 }
260
261 .upstream .cmb2-id--upstream-project-hidden {
262 border: medium none !important;
263 padding: 0 !important;
264 margin: 0;
265 }
266
267 .upstream .cmb-repeatable-grouping .dates {
268 color: #72777c;
269 display: inline-block;
270 float: right;
271 font-size: 13px;
272 font-weight: 200;
273 margin: 1px 20px 0;
274 }
275
276 .upstream .metabox-holder .progress {
277 display: block;
278 font-weight: bold;
279 height: 1px;
280 line-height: 0;
281 margin: 0 -1em 1px;
282 width: auto;
283 }
284
285 .upstream .metabox-holder progress {
286 background-color: #fff;
287 border: medium none;
288 height: 1px;
289 vertical-align: middle;
290 width: 100%;
291 }
292
293 .upstream .metabox-holder progress::-webkit-progress-bar {
294 background-color: #fff;
295 vertical-align: middle;
296 }
297
298 .upstream .metabox-holder progress::-webkit-progress-value {
299 background: #5CD651;
300 }
301
302 .upstream .metabox-holder progress::-moz-progress-bar {
303 background: #5CD651;
304 }
305
306 .upstream #_upstream_project_overview .progress {
307 float: right;
308 font-weight: bold;
309 line-height: 18px;
310 margin-right: 0;
311 }
312
313 .upstream #_upstream_project_overview progress {
314 background-color: #fff;
315 border: 1px solid #e9e9e9;
316 border-radius: 1px;
317 height: 12px;
318 vertical-align: middle;
319 width: auto;
320 }
321
322 .upstream #_upstream_project_overview .progress span {
323 display: inline-block;
324 float: right;
325 min-width: 48px;
326 padding: 1px 0 0 10px;
327 text-align: right;
328 }
329
330 .upstream .cmb-repeatable-grouping .cmb2-metabox .cmbhandle::before {
331 padding: 8px 20px 8px 10px;
332 }
333
334 .upstream .cmb-repeatable-grouping .dashicons.on-title {
335 color: #e1e1e1;
336 float: none;
337 position: absolute;
338 right: 30px;
339 top: 12px;
340 }
341
342 .upstream .cmb2-metabox .cmbhandle {
343 top: 4px;
344 color: #ccc;
345 }
346
347 .upstream .cmb-group-title .status {
348 border-radius: 3px;
349 color: #fff;
350 float: right;
351 font-size: 12px;
352 font-weight: normal;
353 margin: 0 30px 0 0;
354 padding: 2px 8px;
355 }
356
357 /*
358 * Project Bugs
359 */
360 #_upstream_project_bugs .cmb-repeatable-group .cmb2-upload-button {
361 float: left;
362 margin: 4px 0 0 0;
363 }
364
365 #_upstream_project_bugs .cmb-type-file-list .cmb-attach-list {
366 float: left;
367 }
368
369 #_upstream_project_bugs .cmb-type-file-list .cmb-attach-list li {
370 margin-bottom: 10px;
371 }
372
373 #_upstream_project_bugs .cmb2-upload-button.button {
374 width: 100%;
375 margin-bottom: 10px;
376 }
377
378 #_upstream_project_bugs .cmb-attach-list li {
379 margin-bottom: 10px;
380 }
381
382 /*
383 * Client Users
384 */
385 #_upstream_client_users .cmb2-wrap input.cmb2-text-medium {
386 width: inherit;
387 }
388
389 #_upstream_client_users .primary {
390 float: right;
391 font-weight: bold;
392 padding: 12px 5px 0;
393 }
394
395 /*
396 * Project list
397 */
398 .post-type-project .start-date, .post-type-project .end-date, .post-type-project .status {
399 display: inline-block;
400 }
401
402 .post-type-project td .status {
403 background: #fff none repeat scroll 0 0;
404 border: 1px solid #e9e9e9;
405 border-radius: 2px;
406 font-size: 11px;
407 margin: 0 2px 2px 0;
408 padding: 0 7px 0 0;
409 white-space: nowrap;
410 }
411
412 .post-type-project td .count {
413 border-radius: 0 0 0 2px;
414 color: #fff;
415 display: inline-block;
416 margin-right: 6px;
417 padding: 0 5px;
418 text-align: center;
419 }
420
421 .post-type-project .column-project-status {
422 padding: 0;
423 width: 22px;
424 position: relative;
425 }
426
427 .post-type-project .messages a {
428 display: inline-block;
429 vertical-align: top;
430 }
431
432 .post-type-project .messages a:after {
433 border-right: 5px solid transparent;
434 border-top: 5px solid #72777c;
435 content: "";
436 display: block;
437 height: 0;
438 margin-left: 8px;
439 width: 0;
440 }
441
442 .post-type-project .messages span {
443 background-color: #72777c;
444 border-radius: 5px;
445 box-sizing: border-box;
446 color: #fff;
447 display: block;
448 font-size: 11px;
449 height: 2em;
450 line-height: 21px;
451 min-width: 24px;
452 padding: 0 8px;
453 text-align: center;
454 }
455
456 th.manage-column.column-tasks {
457 background-color: transparent;
458 }
459
460 body.upstream .wp-list-table.fixed.posts {
461 table-layout: auto;
462 }
463
464 .wp-list-table .upstream-grid-tags-list {
465 display: flex;
466 flex-direction: column;
467 align-items: flex-start;
468 }
469
470 .wp-list-table .upstream-grid-tags-list > .status {
471 margin: 0;
472 }
473
474 .wp-list-table .upstream-grid-tags-list > .status + .status {
475 margin-top: 2px;
476 }
477
478 /*
479 * Tasks/Bugs page
480 */
481 .project_page_tasks .alignleft.actions.bulkactions {
482 padding: 0;
483 }
484
485 .upstream .assigned_to .mine {
486 border-left: 3px solid #d54e21;
487 padding-left: 5px;
488 }
489
490 /*
491 * Options
492 */
493 .upstream_options .postbox.pad > .title {
494 padding: 0;
495 }
496
497 .upstream_options .cmb-th {
498 padding: 15px 10px 15px 0;
499 }
500
501 .upstream_options .alignleft > p {
502 margin: 1em 0 3px;
503 }
504
505 .upstream_options .cmb2-checkbox-list.no-select-all.cmb2-list {
506 margin: 5px 0 0 0;
507 }
508
509 .upstream_options .nav-tab-active, .upstream_options .nav-tab-active:focus, .upstream_options .nav-tab-active:focus:active, .upstream_options .nav-tab-active:hover {
510 background: #ffffff none repeat scroll 0 0;
511 border-bottom: 1px solid #ffffff;
512 color: #000;
513 }
514
515 .upstream_options .nav-tab {
516 padding: 6px 10px 7px;
517 }
518
519 #wpbody-content .upstream_options .metabox-holder {
520 padding-top: 0;
521 }
522
523 .upstream_options .postbox.pad {
524 padding: 10px 20px 30px;
525 border-top: 0;
526 }
527
528 .upstream_options .cmb2-wrap {
529 padding-bottom: 30px;
530 }
531
532 .upstream_options .desc {
533 margin: 0 0 20px;
534 }
535
536 .upstream_options .cmb-type-title {
537 margin: 0 0 10px;
538 padding: 0;
539 }
540
541 .upstream_options .cmb-type-title .cmb2-metabox-title {
542 font-size: 18px;
543 margin: 0;
544 padding: 5px 0 0;
545 }
546
547 .upstream_options .cmb-type-title .cmb2-metabox-description {
548 color: #72777c;
549 font-size: 13px;
550 font-style: normal;
551 margin-bottom: 5px;
552 padding: 5px 0;
553 }
554
555 .upstream_options .cmb-group-description .cmb2-metabox-description {
556 font-size: 13px;
557 font-weight: normal;
558 font-style: normal;
559 margin: 0 0 0 12px;
560 padding: 0 !important;
561 color: #444;
562 }
563
564 .upstream_options .cmb-repeat-group-wrap {
565 border: 1px solid #e5e5e5;
566 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
567 padding: 0px;
568 margin-bottom: 20px !important;
569 }
570
571 .upstream_options h2.cmb-group-name {
572 font-size: 15px;
573 margin: 0;
574 padding: 8px 12px 4px;
575 }
576
577 .upstream_options .cmb-repeatable-group .cmb-group-title {
578 margin: 0 -1em;
579 padding: 8px 12px 8px 2.2em;
580 }
581
582 .upstream_options .postbox.cmb-repeatable-grouping {
583 margin: 15px 15px 10px;
584 }
585
586 .upstream_options .cmb-repeatable-group {
587 padding-bottom: 5px;
588 }
589
590 .upstream_options .cmb-add-row {
591 margin: 1.8em 0 20px 15px;
592 }
593
594 .upstream_options .inside .cmb-row {
595 padding: 5px 0;
596 }
597
598 .upstream_options .inside .cmb-row:not(:last-of-type) {
599 border: none;
600 }
601
602 .upstream_options .inside .cmb-th label {
603 display: block;
604 font-weight: 400;
605 padding: 5px 0;
606 }
607
608 .upstream_options .cmb-type-labels .cmb-th {
609 padding: 10px 10px 20px 0;
610 }
611
612 .upstream_options .cmb-type-labels .cmb-td {
613 padding: 0 10px;
614 }
615
616 .upstream_options .cmb-type-labels .cmb-td input {
617 margin-right: 15px;
618 }
619
620 .upstream_options .cmb-type-labels.cmb2-id-discussion {
621 margin-bottom: 30px;
622 }
623
624 /*
625 * Hide some stuff
626 */
627 .upstream .inline-edit-group {
628 display: none;
629 visibility: hidden;
630 }
631
632 .upstream #visibility-radio-password, .upstream #visibility-radio-password + label, .upstream #visibility-radio-password + label + br {
633 display: none;
634 height: 0;
635 line-height: 0;
636 margin: 0;
637 padding: 0;
638 }
639
640 /*
641 * Bugfix for the Project Description WYSIWYG editor toolbar buttons in Text mode.
642 */
643 .wp-core-ui.wp-editor-wrap.html-active #qt__upstream_project_description_toolbar {
644 display: -webkit-box;
645 display: -webkit-flex;
646 display: -ms-flexbox;
647 display: flex;
648 -webkit-box-pack: initial;
649 -webkit-justify-content: initial;
650 -ms-flex-pack: initial;
651 justify-content: initial;
652 -webkit-flex-basis: initial;
653 -ms-flex-preferred-size: initial;
654 flex-basis: initial;
655 -webkit-box-orient: horizontal;
656 -webkit-box-direction: normal;
657 -webkit-flex-direction: row;
658 -ms-flex-direction: row;
659 flex-direction: row;
660 -webkit-flex-wrap: wrap;
661 -ms-flex-wrap: wrap;
662 flex-wrap: wrap;
663 }
664
665 .wp-core-ui.wp-editor-wrap.html-active #qt__upstream_project_description_toolbar > input:first-child {
666 margin-top: 1em;
667 }
668
669 .wp-core-ui.wp-editor-wrap.html-active #qt__upstream_project_description_toolbar > input:last-child {
670 margin-bottom: 1em;
671 }
672
673 .cmb2-wrap > .cmb2-metabox > .cmb-type-group {
674 width: 100%;
675 max-width: 100%;
676 }
677
678 .cmb2-wrap .cmb2-metabox .cmb-file-field-image {
679 width: 100%;
680 }
681
682 .upstream-filters-wrapper label {
683 font-weight: bold;
684 display: block;
685 }
686
687 .upstream-filters-wrapper + div {
688 margin-bottom: 15px !important;
689 }
690
691 .cmb-row.cmb-repeat-group-wrap.cmb-type-group.cmb-repeat button.cmb-add-group-row,
692 #new_message {
693 background: #0085BA;
694 border-color: #0073AA #006799 #006799;
695 color: #FFF;
696 box-shadow: 0 1px 0 #006799;
697 text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
698 }
699
700 .cmb-row.cmb-repeat-group-wrap.cmb-type-group.cmb-repeat button.cmb-add-group-row:focus,
701 .cmb-row.cmb-repeat-group-wrap.cmb-type-group.cmb-repeat button.cmb-add-group-row:hover,
702 #new_message:focus,
703 #new_message:hover {
704 background: #008EC2;
705 border-color: #006799;
706 }
707
708 input[name^="_upstream_"].has-error {
709 border-color: red;
710 }
711
712 input[type="email"][name^="_upstream_"].validating {
713 cursor: disabled;
714 }
715
716 .upstream-row + .upstream-row {
717 margin-top: 15px;
718 }
719
720 .upstream-table input[type="checkbox"] {
721 margin: 0;
722 }
723
724 .upstream-table th.text-center,
725 .upstream-table td.text-center {
726 text-align: center;
727 }
728
729 .upstream-table thead tr th {
730 font-weight: bold;
731 }
732
733 a.up-u-color-red,
734 a.up-u-color-red:visited,
735 a.up-u-color-red:active {
736 color: #A00;
737 }
738
739 a.up-u-color-red:hover,
740 a.up-u-color-red:focus {
741 color: #DC3232;
742 }
743
744 .up-form-group {
745 margin-bottom: .5em;
746 }
747
748 .up-form-group label {
749 font-weight: bold;
750 text-align: right;
751 display: inline-block;
752 vertical-align: middle;
753 }
754
755 .up-form-group:not(.label-default) label {
756 width: 12em;
757 margin: 0 1em 0 0;
758 }
759
760 .up-form-group input {
761 padding: .5em .6em;
762 display: inline-block;
763 border: 1px solid #ccc;
764 box-shadow: inset 0 1px 3px #ddd;
765 border-radius: 4px;
766 vertical-align: middle;
767 box-sizing: border-box;
768 }
769
770 .up-form-group .up-help-block {
771 display: block;
772 color: #666;
773 font-size: .875em;
774 }
775
776 .up-form-group button[type="submit"] {
777 margin-top: 25px;
778 }
779
780 .up-form-group input.has-error {
781 border: 1px solid #E74C3C;
782 }
783
784 .up-form-group input.has-error:focus,
785 .up-form-group input.has-error:active {
786 -webkit-box-shadow: 0 0 2px rgba(231, 76, 60, .8);
787 box-shadow: 0 0 2px rgba(231, 76, 60, .8);
788 }
789
790 @keyframes up-spinner {
791 0% {
792 -webkit-transform: translate(-50%, -50%) rotate(0deg);
793 transform: translate(-50%, -50%) rotate(0deg);
794 }
795 100% {
796 -webkit-transform: translate(-50%, -50%) rotate(360deg);
797 transform: translate(-50%, -50%) rotate(360deg);
798 }
799 }
800
801 @-webkit-keyframes up-spinner {
802 0% {
803 -webkit-transform: translate(-50%, -50%) rotate(0deg);
804 transform: translate(-50%, -50%) rotate(0deg);
805 }
806 100% {
807 -webkit-transform: translate(-50%, -50%) rotate(360deg);
808 transform: translate(-50%, -50%) rotate(360deg);
809 }
810 }
811
812 .up-spinner div,
813 .up-spinner div:after {
814 position: absolute;
815 width: 160px;
816 height: 160px;
817 border: 20px solid #50afe2;
818 border-top-color: transparent;
819 border-radius: 50%;
820 }
821
822 .up-spinner div {
823 -webkit-animation: lds-rolling 0.8s linear infinite;
824 animation: up-spinner 0.8s linear infinite;
825 top: 100px;
826 left: 100px;
827 }
828
829 .up-spinner div:after {
830 -webkit-transform: rotate(90deg);
831 transform: rotate(90deg);
832 }
833
834 .up-spinner {
835 position: relative;
836 display: block;
837 margin: 0 auto;
838 width: 20px !important;
839 height: 20px !important;
840 -webkit-transform: translate(-10px, -10px) scale(0.1) translate(10px, 10px);
841 transform: translate(-10px, -10px) scale(0.1) translate(10px, 10px);
842 }
843
844 .up-spinner:hover {
845 cursor: progress;
846 }
847
848 #table-users.is-removing a:not(.up-spinner) {
849 color: #95A5A6;
850 }
851
852 #table-users.is-removing a:not(.up-spinner):hover {
853 cursor: not-allowed !important;
854 }
855
856 .up-u-no-events {
857 pointer-events: none !important;
858 }
859
860 #delete-action a.submitdelete.deletion.disabled {
861 color: #95A5A6;
862 }
863
864 .up-list-disc {
865 padding-left: 15px;
866 list-style-type: disc;
867 }
868
869 #form-user-permissions table tbody label {
870 font-weight: bold;
871 }
872
873 #form-user-permissions table tbody p {
874 padding: 0;
875 margin: 0;
876 }
877
878 body.wp-admin.upstream.post-type-project #visibility,
879 body.wp-admin.upstream.post-type-client #visibility {
880 display: none;
881 }
882
883 #cmb2-metabox-upstream_extensions {
884 background: none !important;
885 border: 0 !important;
886 }
887
888 #extensions-wrapper > h2.nav-tab-wrapper {
889 margin-bottom: 10px;
890 }
891
892 body.upstream_page_upstream_extensions #upstream_extensions input[type="submit"][name="submit-cmb"] {
893 display: none;
894 }
895
896 /* Extensions */
897
898 .upstream_options .col-md-12 {
899 -webkit-box-sizing: border-box;
900 -moz-box-sizing: border-box;
901 box-sizing: border-box;
902 }
903
904 #non-installed-extensions-list .row {
905 -webkit-box-sizing: border-box;
906 -moz-box-sizing: border-box;
907 box-sizing: border-box;
908 }
909
910 #non-installed-extensions-list .get-all-button {
911 text-align: center;
912 margin-top: 15px;
913 margin-bottom: 15px;
914 }
915
916 #non-installed-extensions-list .get-all-button a.button {
917 line-height: 0px;
918 padding: 20px;
919 box-sizing: border-box;
920 }
921
922 .extensions-card {
923 box-sizing: border-box;
924 }
925
926 .extensions-card .card {
927 box-sizing: border-box;
928 border: 1px solid #e6e6e6;
929 border-radius: 3px;
930 min-width: 100%;
931 height: 257px;
932 position: relative;
933 padding: 0;
934 }
935
936 .extensions-card header {
937 background: #f7f7f7;
938 height: 100px;
939 text-align: center;
940 font-size: 50px;
941 padding-top: 25px;
942 box-sizing: border-box;
943 }
944
945 .extensions-card .body {
946 padding: 10px 25px;
947 position: relative;
948 height: 135px;
949 }
950
951 .extensions-card .body p {
952 max-height: 132px;
953 overflow: auto;
954 }
955
956 .extensions-card .body a.button {
957 position: absolute;
958 bottom: 0;
959 height: 40px;
960 line-height: 39px;
961 padding: 0 15px;
962 max-width: 100%;
963 }
964
965 @media (min-width: 992px) {
966 .extensions-card .card {
967 height: 317px;
968 }
969
970 .extensions-card .body {
971 height: 195px;
972 }
973 }
974
975 @media (min-width: 1142px) {
976 .extensions-card .card {
977 height: 287px;
978 }
979
980 .extensions-card .body {
981 height: 165px;
982 }
983 }
984
985 @media (min-width: 1222px) {
986 .extensions-card .card {
987 height: 277px;
988 }
989
990 .extensions-card .body {
991 height: 155px;
992 }
993 }
994
995 @media (min-width: 1900px) {
996 .extensions-card .card {
997 height: 237px;
998 }
999
1000 .extensions-card .body {
1001 height: 115px;
1002 }
1003 }
1004
1005 .extensions-card .fa-paint-brush {
1006 color: #e2b661;
1007 }
1008
1009 .extensions-card .fa-envelope {
1010 color: #8194c2;
1011 }
1012
1013 .extensions-card .fa-pencil-square-o {
1014 color: #429160;
1015 }
1016
1017 .extensions-card .fa-align-left {
1018 color: #ca89ca;
1019 }
1020
1021 .extensions-card .fa-clone {
1022 color: #da7171;
1023 }
1024
1025 .extensions-card .fa-calendar {
1026 color: #505b6f;
1027 }
1028
1029 .extensions-card .fa-plus-square-o {
1030 color: #a7ce76;
1031 }
1032
1033 .extensions-card.stack .card {
1034 height: 200px;
1035 max-width: 100%;
1036 }
1037
1038 .extensions-card.stack header {
1039 display: block;
1040 height: 198px;
1041 width: 150px;
1042 float: left;
1043 line-height: 145px;
1044 }
1045
1046 .extensions-card.stack .body {
1047 display: block;
1048 height: 200px;
1049 padding-left: 180px;
1050 }
1051
1052 #installed-extensions-list article .u-license-status {
1053 margin: 1em;
1054 margin-left: 0;
1055 padding: 5px 0px 5px 8px;
1056 border-left: 4px solid;
1057 }
1058
1059 #installed-extensions-list article .u-license input {
1060 margin-left: 0;
1061 margin-bottom: 0;
1062 }
1063
1064 #installed-extensions-list article.license-valid .u-license-status {
1065 border-left-color: #2ecc71;
1066 }
1067
1068 #installed-extensions-list article.license-valid .u-license input {
1069 border-left-color: #2ecc71;
1070 border-bottom-color: #2ecc71;
1071 }
1072
1073 #installed-extensions-list article.license-invalid .u-license-status {
1074 border-left-color: #e74c3c;
1075 }
1076
1077 #installed-extensions-list article.license-invalid .u-license input {
1078 border-left-color: #e74c3c;
1079 border-bottom-color: #e74c3c;
1080 }
1081
1082 #installed-extensions-list article.license-inactive .u-license-status {
1083 border-left-color: #95a5a6;
1084 }
1085
1086 #installed-extensions-list article.license-inactive .u-license input {
1087 border-left-color: #95a5a6;
1088 border-bottom-color: #95a5a6;
1089 }
1090
1091 /* Loader */
1092
1093 .u-loader,
1094 .u-loader:after {
1095 border-radius: 50%;
1096 width: 10em;
1097 height: 10em;
1098 }
1099
1100 .u-loader {
1101 margin-top: 4px;
1102 font-size: 1.5px;
1103 position: relative;
1104 text-indent: -9999em;
1105 border-top: 1em solid rgba(255, 255, 255, 0.2);
1106 border-right: 1em solid rgba(255, 255, 255, 0.2);
1107 border-bottom: 1em solid rgba(255, 255, 255, 0.2);
1108 border-left: 1em solid #ffffff;
1109 -webkit-transform: translateZ(0);
1110 -ms-transform: translateZ(0);
1111 transform: translateZ(0);
1112 -webkit-animation: load8 800ms infinite linear;
1113 animation: load8 800ms infinite linear;
1114 }
1115
1116 @-webkit-keyframes load8 {
1117 0% {
1118 -webkit-transform: rotate(0deg);
1119 transform: rotate(0deg);
1120 }
1121 100% {
1122 -webkit-transform: rotate(360deg);
1123 transform: rotate(360deg);
1124 }
1125 }
1126
1127 @keyframes load8 {
1128 0% {
1129 -webkit-transform: rotate(0deg);
1130 transform: rotate(0deg);
1131 }
1132 100% {
1133 -webkit-transform: rotate(360deg);
1134 transform: rotate(360deg);
1135 }
1136 }
1137
1138 #form-add-new-user {
1139 margin-top: 10px;
1140 }
1141
1142 #form-add-new-user .description {
1143 margin-left: 15.2em
1144 }
1145
1146 .o-comment .o-comment__content img.aligncenter {
1147 display: block;
1148 margin: 0 auto;
1149 }
1150
1151 #_upstream_project_discussions .cmb2-id--upstream-project-new-message .cmb-th {
1152 display: none;
1153 }
1154
1155 #_upstream_project_discussions .cmb2-id--upstream-project-new-message .cmb-td {
1156 width: 100%;
1157 }
1158
1159 .u-text-right {
1160 text-align: right;
1161 }
1162
1163 #_upstream_project_discussions .cmb2-id--upstream-project-new-message label {
1164 font-weight: bold;
1165 color: #555;
1166 display: block;
1167 padding-bottom: 10px;
1168 }
1169
1170 .u-color-gray {
1171 color: #BDC3C7;
1172 }
1173
1174 .is-loading {
1175 cursor: progress;
1176 }
1177
1178 .up-o-tab.nav-tab.nav-tab-active {
1179 background-color: #FFF;
1180 }
1181
1182 .up-c-tabs-content .up-o-tab-content:not(.is-active) {
1183 display: none;
1184 }
1185
1186 #commentsdiv {
1187 display: none;
1188 }
1189
1190 .cmb-row.cmb-type-comments[data-fieldtype="comments"] {
1191 display: none;
1192 }
1193
1194 .up-c-tab-content-comments {
1195 text-align: right;
1196 }
1197
1198 .cmb-row .wp-editor-wrap {
1199 margin: 15px 0;
1200 }
1201
1202 .postbox.cmb-row.cmb-repeatable-grouping.is-new[data-iterator] .up-c-tabs-header.nav-tab-wrapper {
1203 display: none;
1204 }
1205
1206 .postbox.cmb-row.cmb-repeatable-grouping.is-new[data-iterator] .up-o-tab-content.up-c-tab-content-data {
1207 display: block !important;
1208 }
1209
1210 .postbox.cmb-row.cmb-repeatable-grouping.is-new[data-iterator] .up-o-tab-content.up-c-tab-content-comments {
1211 display: none !important;
1212 }
1213
1214 .c-comments {
1215 max-height: 350px;
1216 overflow: auto;
1217 display: flex;
1218 flex-direction: column;
1219 text-align: left;
1220 margin-top: 15px;
1221 }
1222
1223 .o-comment {
1224 width: 100%;
1225 }
1226
1227 .o-comment > .o-comment__body {
1228 display: flex;
1229 flex-direction: row;
1230 -webkit-transition: background-color 250ms ease-out;
1231 transition: background-color 250ms ease-out;
1232 padding: 10px;
1233 }
1234
1235 .o-comment > .o-comment__body > .o-comment__body__left > .o-comment__user_photo {
1236 width: 30px;
1237 }
1238
1239 .o-comment > .o-comment__body > .o-comment__body__right {
1240 width: 100%;
1241 padding-left: 10px;
1242 }
1243
1244 .o-comment > .o-comment__body > .o-comment__body__right > .o-comment__body__head {
1245 display: flex;
1246 flex-direction: row;
1247 justify-content: space-between;
1248 }
1249
1250 .o-comment > .o-comment__body > .o-comment__body__right > .o-comment__body__head > .o-comment__user_name {
1251 font-weight: bold;
1252 font-size: 1.125em;
1253 }
1254
1255 .o-comment > .o-comment__body > .o-comment__body__right > .o-comment__body__head > .o-comment__date {
1256 font-size: .85em;
1257 }
1258
1259 .o-comment > .o-comment__body > .o-comment__body__right > .o-comment__content img.aligncenter {
1260 display: block;
1261 margin: auto;
1262 }
1263
1264 .o-comment > .o-comment__body > .o-comment__body__right > .o-comment__body__footer {
1265 font-size: .8em;
1266 clear: both;
1267 visibility: hidden;
1268 opacity: 0;
1269 -webkit-transition: opacity 250ms ease-out;
1270 transition: opacity 250ms ease-out;
1271 }
1272
1273 .o-comment > .o-comment__body > .o-comment__body__right > .o-comment__body__footer > a {
1274 -webkit-transition: color 250ms ease-out;
1275 transition: color 250ms ease-out;
1276 }
1277
1278 .o-comment > .o-comment__body > .o-comment__body__right > .o-comment__body__footer > a + a {
1279 margin-left: 10px;
1280 }
1281
1282 .o-comment > .o-comment-replies {
1283 padding-left: 25px;
1284 margin-top: 15px;
1285 }
1286
1287 .o-comment.s-status-unapproved > .o-comment__body:hover {
1288 background-color: #FFFEEA;
1289 }
1290
1291 .o-comment.s-status-unapproved > .o-comment__body > .o-comment__body__left i {
1292 color: rgba(243, 156, 18, .3);
1293 }
1294
1295 .o-comment:not(.s-status-unapproved) > .o-comment__body:hover {
1296 background-color: #F5F7F8;
1297 }
1298
1299 .o-comment.s-status-unapproved > .o-comment__body {
1300 background-color: #FFFBCF;
1301 }
1302
1303 .o-comment > .o-comment__body:hover > .o-comment__body__right > .o-comment__body__footer,
1304 .o-comment.is-mouse-over > .o-comment__body > .o-comment__body__right > .o-comment__body__footer {
1305 visibility: visible;
1306 opacity: 1;
1307 }
1308
1309 .o-comment .o-comment-control[data-action="comment.reply"]:link,
1310 .o-comment .o-comment-control[data-action="comment.reply"]:visited {
1311 color: rgba(41, 128, 185, 1);
1312 }
1313
1314 .o-comment .o-comment-control[data-action="comment.reply"]:hover,
1315 .o-comment .o-comment-control[data-action="comment.reply"]:active {
1316 color: rgba(41, 128, 185, .5);
1317 }
1318
1319 .o-comment .o-comment-control[data-action="comment.approve"]:link,
1320 .o-comment .o-comment-control[data-action="comment.approve"]:visited {
1321 color: rgba(39, 174, 96, 1);
1322 }
1323
1324 .o-comment .o-comment-control[data-action="comment.approve"]:hover,
1325 .o-comment .o-comment-control[data-action="comment.approve"]:active {
1326 color: rgba(39, 174, 96, .5);
1327 }
1328
1329 .o-comment .o-comment-control[data-action="comment.unapprove"]:link,
1330 .o-comment .o-comment-control[data-action="comment.unapprove"]:visited {
1331 color: rgba(230, 126, 34, 1);
1332 }
1333
1334 .o-comment .o-comment-control[data-action="comment.unapprove"]:hover,
1335 .o-comment .o-comment-control[data-action="comment.unapprove"]:active {
1336 color: rgba(230, 126, 34, .5);
1337 }
1338
1339 .o-comment .o-comment-control[data-action="comment.trash"]:link,
1340 .o-comment .o-comment-control[data-action="comment.trash"]:visited {
1341 color: rgba(192, 57, 43, 1);
1342 }
1343
1344 .o-comment .o-comment-control[data-action="comment.trash"]:hover,
1345 .o-comment .o-comment-control[data-action="comment.trash"]:active {
1346 color: rgba(192, 57, 43, .5);
1347 }
1348
1349 .o-comment.is-disabled > .o-comment__body {
1350 opacity: .5;
1351 }
1352
1353 .cmb2-wrap .wp-picker-holder,
1354 .cmb2-wrap .wp-picker-holder * {
1355 box-sizing: initial !important;
1356 -moz-box-sizing: initial !important;
1357 -webkit-box-sizing: initial !important;
1358 }
1359
1360 .up-s-hidden {
1361 display: none;
1362 }
1363
1364 .upstream-filters-wrapper {
1365 margin-top: 15px;
1366 }
1367
1368 .cmb2-wrap .up-c-filters {
1369 margin-top: 10px;
1370 margin-bottom: 25px;
1371 }
1372
1373 .cmb2-wrap .up-c-filters .up-c-filter {
1374 display: inline-block;
1375 }
1376
1377 .cmb2-wrap .up-c-filters .up-c-filter label {
1378 font-weight: bold;
1379 display: block;
1380 }
1381
1382 .cmb2-wrap .up-c-filters .up-c-filter .select2.select2-container {
1383 margin-top: -2px;
1384 }
1385
1386 .cmb2-wrap .up-c-filters .up-c-filter .select2-selection {
1387 border-color: #DDD;
1388 box-shadow: inherit;
1389 border-radius: inherit;
1390 }
1391
1392 .cmb2-wrap .up-c-filters .up-c-filter .select2-selection .select2-selection__choice {
1393 border-radius: 0;
1394 }
1395
1396 .cmb2-wrap .up-c-filters .up-c-filter .select2-selection .select2-search {
1397 margin-bottom: 0;
1398 }
1399
1400 input.up-o-filter {
1401 padding: 6px 5px;
1402 }
1403
1404 .up-s-mb-2 {
1405 margin-bottom: 2px;
1406 }
1407
1408 div[id^="_upstream_project_"].cmb2-postbox .select2 {
1409 min-width: 120px;
1410 }
1411
1412 .wp-list-table thead tr th .s-hidden-on-tables {
1413 display: none;
1414 }
1415
1416 .upstream .title .av-assigned span.o-badge {
1417 position: absolute;
1418 bottom: -5px;
1419 right: -10px;
1420 font-size: .8em;
1421 border-radius: 100%;
1422 color: #FFF;
1423 background: rgba(0, 0, 0, .6);
1424 padding: 2px;
1425 }
1426
1427 .cmb-field-list .postbox .row .select2.select2-container {
1428 width: 100% !important;
1429 }
1430
1431 .cmb-field-list .postbox .row .select2 .select2-selection {
1432 border-color: rgb(221, 221, 221);
1433 border-radius: 0;
1434 }
1435
1436 .cmb-field-list .postbox .row .select2 .select2-selection__rendered .select2-selection__choice {
1437 border-radius: 0;
1438 }
1439
1440 .upstream_validation_error_box {
1441 display: block;
1442 position: relative;
1443 box-sizing: border-box;
1444 width: 100%;
1445 height: auto;
1446 padding: 10px;
1447 padding-left: 35px;
1448 background: #c64e4e;
1449 color: #ffffff;
1450 }
1451
1452 .upstream_validation_error_box .dashicons {
1453 position: absolute;
1454 left: 10px;
1455 top: 6px;
1456 }
1457