PluginProbe
Stream – Activity Log & Audit Trail / 2.0.2
Stream – Activity Log & Audit Trail v2.0.2
4.4.0 4.3.0 4.2.2 4.2.1 trunk 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 3.0.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.0.6 3.0.7 3.1 3.1.1 3.10.0 3.2.0 3.2.1 3.2.2 3.2.3 All 50 releases
stream / ui / css / admin.css

admin.css in Stream – Activity Log & Audit Trail 2.0.2, at ui/css/admin.css

696 lines 13.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Dashboard Widget */
2
3 #dashboard_stream_activity:hover .edit-box {
4 display: inline;
5 }
6
7 #dashboard_stream_activity.postbox h3 {
8 border-bottom: 0;
9 }
10
11 #dashboard_stream_activity h3 .postbox-title-action {
12 top: 6px;
13 }
14
15 #dashboard_stream_activity.postbox .inside,
16 #dashboard_stream_activity ul,
17 #dashboard_stream_activity ul li {
18 margin: 0;
19 padding: 0;
20 }
21 #dashboard_stream_activity .alternate {
22 background-color: #fafafa;
23 }
24
25 #dashboard_stream_activity .dashboard-widget-control-form,
26 #dashboard_stream_activity .no-records {
27 padding: 1em 12px;
28 }
29
30 #dashboard_stream_activity ul {
31 border-bottom: 1px solid #eee;
32 }
33
34 #dashboard_stream_activity ul li,
35 #dashboard_stream_activity .sub-links {
36 padding: 1em 12px;
37
38 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
39 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
40 }
41
42 #dashboard_stream_activity .record-avatar {
43 float: left;
44 margin-right: 10px;
45 }
46
47 #dashboard_stream_activity .record-avatar a {
48 display: block;
49 }
50 #dashboard_stream_activity .record-avatar img {
51 width: 36px;
52 height: 36px;
53 }
54
55 #dashboard_stream_activity .record-meta {
56 color: #666;
57 }
58
59 #dashboard_stream_activity .sub-links {
60 padding: 12px;
61 }
62
63 #dashboard_stream_activity .tablenav {
64 clear: none;
65 margin: 4px 0 6px;
66 }
67
68 #dashboard_stream_activity .tablenav .tablenav-pages {
69 margin-right: 6px;
70 }
71
72 #dashboard_stream_activity .view-all {
73 float: left;
74 margin: 7px 0 0 12px;
75 }
76
77 @media only screen and (max-width: 782px) {
78 #dashboard_stream_activity h3 .postbox-title-action {
79 top: 10px;
80 }
81 #dashboard_stream_activity .view-all {
82 display: none;
83 }
84 #dashboard_stream_activity .tablenav .tablenav-pages {
85 margin: 15px 0;
86 }
87 }
88
89
90 /* Stream Records */
91
92 .toplevel_page_wp_stream .tablenav {
93 padding-top: 6px;
94 }
95
96 .toplevel_page_wp_stream .tablenav.bottom .button {
97 margin-right: 6px;
98 }
99
100 .toplevel_page_wp_stream .tablenav .actions {
101 padding: 0;
102 overflow: visible;
103 }
104
105 .toplevel_page_wp_stream .chosen-container-single {
106 margin-top: 3px;
107 margin-right: 6px;
108 }
109
110 .toplevel_page_wp_stream .view-switch {
111 display: none;
112 }
113
114 .toplevel_page_wp_stream #filter-date-range {
115 float: left;
116 margin-right: 6px;
117 }
118
119 .toplevel_page_wp_stream .column-author {
120 width: 15%;
121 }
122
123 .toplevel_page_wp_stream .column-date,
124 .toplevel_page_wp_stream .column-context,
125 .toplevel_page_wp_stream .column-action,
126 .toplevel_page_wp_stream .column-connector,
127 .toplevel_page_wp_stream .column-ip,
128 .toplevel_page_wp_stream .column-id {
129 width: 10%;
130 }
131
132 .toplevel_page_wp_stream .stream-filter-object-id {
133 padding-left: 5px;
134 visibility: hidden;
135 }
136 .toplevel_page_wp_stream td.summary:hover .stream-filter-object-id {
137 visibility: visible;
138 }
139
140 @media only screen and (min-width: 782px) {
141 .toplevel_page_wp_stream .tablenav .tablenav-pages {
142 margin-bottom: 4px;
143 }
144 }
145
146 @media only screen and (max-width: 782px) {
147 .toplevel_page_wp_stream .tablenav.bottom .displaying-num {
148 top: -8px;
149 }
150 }
151
152 @media only screen and (max-width: 900px) {
153 .toplevel_page_wp_stream .fixed .column-context,
154 .toplevel_page_wp_stream .fixed .column-action,
155 .toplevel_page_wp_stream .fixed .column-connector,
156 .toplevel_page_wp_stream .fixed .column-ip,
157 .toplevel_page_wp_stream .fixed .column-id {
158 display: none;
159 }
160 .toplevel_page_wp_stream .fixed .column-date,
161 .toplevel_page_wp_stream .fixed .column-author {
162 display: table-cell;
163 }
164 .toplevel_page_wp_stream .fixed .column-date {
165 width: 100px;
166 }
167 .toplevel_page_wp_stream .fixed .column-author {
168 width: 33%;
169 }
170 .toplevel_page_wp_stream .fixed .column-summary {
171 width: 100%;
172 }
173 }
174
175 @media only screen and (max-width: 480px) {
176 .toplevel_page_wp_stream .fixed .column-author {
177 display: none;
178 }
179 }
180
181 .toplevel_page_wp_stream .column-author a {
182 vertical-align: top;
183 }
184
185 .toplevel_page_wp_stream .column-author img {
186 float: left;
187 margin-right: 10px;
188 margin-top: 1px;
189 width: 40px;
190 height: 40px;
191 }
192
193 .toplevel_page_wp_stream .column-author .deleted {
194 font-style: italic;
195 color: #aaa;
196 }
197
198 .toplevel_page_wp_stream .filter-date-range {
199 margin-top: -1px;
200 }
201
202 .toplevel_page_wp_stream .alignleft.actions input[type=text] {
203 height: 28px;
204 line-height: 19px;
205 }
206
207 .toplevel_page_wp_stream .date-interval {
208 display: inline;
209 }
210
211 .toplevel_page_wp_stream .select2-container {
212 margin-right: 6px;
213 margin-bottom: 6px;
214 }
215
216 .toplevel_page_wp_stream .select2-container.select2-allowclear .select2-choice abbr {
217 margin-top: -2px;
218 }
219
220
221 /* Live Update */
222
223 .toplevel_page_wp_stream .stream-live-update-checkbox .spinner {
224 margin-top: 5px;
225 }
226
227 .toplevel_page_wp_stream .new-row,
228 #dashboard_stream_activity .new-row {
229 background-color: #ffffe0;
230
231 -webkit-transition: background 0.5s linear;
232 -moz-transition: background 0.5s linear;
233 -ms-transition: background 0.5s linear;
234 -o-transition: background 0.5s linear;
235 transition: background 0.5s linear;
236 }
237
238 .toplevel_page_wp_stream .new-row.fadeout,
239 #dashboard_stream_activity .new-row.fadeout {
240 background-color: transparent;
241 }
242
243 .toplevel_page_wp_stream .new-row.alternate.fadeout,
244 #dashboard_stream_activity .new-row.alternate.fadeout {
245 background-color: #f9f9f9;
246 }
247
248 .toplevel_page_wp_stream #the-list .no-items .stream-list-table-upgrade {
249 text-align: center;
250 }
251
252
253 /* Settings */
254
255 .wp_stream_settings .nav-tab-wrapper a:not(.nav-tab-active) {
256 border-bottom: 1px solid #ccc;
257 }
258
259 .wp_stream_settings .select2-container {
260 width: 100%;
261 }
262
263 .wp_stream_settings .tablenav {
264 margin-top: 16px;
265 }
266
267 .wp_stream_settings .tablenav input {
268 margin-right: 1em;
269 }
270
271 /* Date Interval Common */
272
273 .wp_stream_screen .date-interval .field-predefined {
274 width: 165px;
275 float: left;
276 margin-right: 6px;
277 margin-bottom: 6px;
278 }
279
280 .wp_stream_screen .date-interval .date-inputs {
281 float: left;
282 margin-right: 6px;
283 margin-bottom: 6px;
284 }
285
286 .wp_stream_screen .date-interval .date-inputs .field-to,
287 .wp_stream_screen .date-interval .date-inputs .field-from {
288 line-height: 28px;
289 height: 28px;
290 margin: 0;
291 width: 125px;
292 }
293
294 .wp_stream_screen .date-interval .date-inputs .box {
295 position: relative;
296 display: block;
297 float: left;
298 }
299
300 .wp_stream_screen .date-interval .date-inputs .box .date-remove {
301 display: none;
302 position: absolute;
303 cursor: pointer;
304 top: 0;
305 right: 0;
306 width: 20px;
307 height: 28px;
308 line-height: 28px;
309 font-size: 14px;
310 padding-top: 1px;
311 padding-right: 2px;
312 }
313
314 .wp_stream_screen .date-interval .date-inputs .box .date-remove:before {
315 content: '\f158';
316 }
317
318 .wp_stream_screen .date-interval .date-inputs .connector {
319 display: block;
320 float: left;
321 border: 1px solid #ddd;
322 border-left: 0;
323 border-right: 0;
324 height: 26px;
325 line-height: 28px;
326 padding-left: 2px;
327 width: 20px;
328 text-align: center;
329 font-size: 14px;
330 }
331
332 .wp_stream_screen .date-interval .date-inputs .connector:before {
333 content: '\f345';
334 }
335
336
337 /* Select2 Common */
338
339 .wp_stream_screen li.select2-searching,
340 .wp_stream_settings li.select2-searching,
341 .wp_stream_screen li.select2-no-results,
342 .wp_stream_settings li.select2-no-results {
343 background: none;
344 padding: 7px 7px 0;
345 color: #999;
346 }
347
348 .wp_stream_screen li.select2-result,
349 .wp_stream_settings li.select2-result {
350 margin-bottom: 0;
351 }
352
353 .wp_stream_screen li.select2-result.level-1 {
354 font-weight: bold;
355 }
356
357 .wp_stream_screen li.select2-result.level-2 {
358 padding-left: 1em;
359 }
360
361 .wp_stream_screen .select2-results .select2-disabled {
362 background: transparent;
363 color: #aaa;
364 }
365
366 .wp_stream_screen .select2-search-choice .icon16 {
367 margin: -6px 1px 0 -3px;
368 padding: 0;
369 width: 16px;
370 height: 16px;
371 }
372
373 .wp_stream_screen .select2-chosen .icon16 {
374 padding-right: 1px;
375 }
376
377 .wp_stream_screen .select2-chosen .icon16:before,
378 .wp_stream_screen .select2-search-choice .icon16:before {
379 font-size: 15px !important;
380 color: #656565;
381 }
382
383 .wp_stream_screen .select2-search-choice-close {
384 -webkit-transition: none;
385 -moz-transition: none;
386 -o-transition: all 0 none;
387 transition: none;
388 }
389
390 .wp-stream-select2-icon {
391 position: relative;
392 top: 3px;
393 margin-right: 4px;
394 width: 16px;
395 height: 16px;
396 }
397
398 .select2-disabled .wp-stream-select2-icon {
399 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
400 filter: gray; /* IE6-9 */
401 -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
402 -moz-filter: grayscale(100%); /* Firefox < 3.5 */
403 }
404
405
406 /* Exclude List Table */
407
408 .stream-exclude-list {
409 margin-top: 1em;
410 }
411
412 .stream-exclude-list th {
413 font-weight: normal;
414 padding: 8px 10px;
415 width: auto;
416 }
417
418 .stream-exclude-list tbody tr.no-items {
419 background-color: #fff;
420 }
421
422 .stream-exclude-list tbody tr.no-items td {
423 padding: 8px 10px;
424 font-size: 13px;
425 }
426
427 .stream-exclude-list tbody th.check-column {
428 padding: 16px 0 0 3px;
429 }
430
431 .stream-exclude-list thead th.actions-column {
432 width: 3em;
433 }
434
435 .stream-exclude-list tbody th.actions-column {
436 padding: 21px 10px 20px 0;
437 }
438
439 .stream-exclude-list tbody th.actions-column a {
440 display: none;
441 color: #a00;
442 font-size: 13px;
443 }
444
445 .stream-exclude-list tbody tr:hover th.actions-column a {
446 display: block;
447 }
448
449 .stream-exclude-list tbody th.actions-column a:hover {
450 color: #f00;
451 }
452
453 .stream-exclude-list tbody th.actions-column .dashicons {
454 margin-top: 4px;
455 }
456
457 .stream-exclude-list tbody td .ip_address {
458 width: 100%;
459 }
460
461 .stream-exclude-list tbody td .ip_address.invalid {
462 border: 1px solid rgba(160,0,0,0.75);
463 }
464
465 @media screen and ( max-width: 900px ) {
466 .wp_stream_settings .stream-exclude-list .actions-column {
467 display: none;
468 }
469 }
470
471 @media screen and ( max-width: 782px ) {
472 .wp_stream_settings .stream-exclude-list td {
473 padding: 10px 10px 0 0;
474 }
475
476 .wp_stream_settings .stream-exclude-list th {
477 display: none;
478 }
479
480 .wp_stream_settings .stream-exclude-list .check-column {
481 display: table-cell;
482 padding: 13px 10px 0 3px;
483 }
484
485 .wp_stream_settings .stream-exclude-list thead .actions-column {
486 display: table-cell;
487 width: auto;
488 }
489
490 .wp_stream_settings .stream-exclude-list thead .actions-column .hidden {
491 display: block;
492 }
493
494 .wp_stream_settings .stream-exclude-list tfoot {
495 display: none;
496 }
497 }
498
499
500 /* User Profile */
501
502 .wp-stream-feeds-key .spinner {
503 margin-top: 5px;
504 position: absolute;
505 float: none;
506 }
507
508
509 /* Extensions */
510
511 .post-type-stream-notification .view-switch,
512 .stream_page_wp_stream_reports.wp_stream_restricted #wpbody,
513 .post-type-stream_notification.wp_stream_restricted #wpbody {
514 display: none;
515 }
516
517 .stream-example {
518 position: fixed;
519 width: calc(100% - 180px);
520 height: 100%;
521 background-repeat: no-repeat;
522 }
523
524 .post-type-stream_notification .stream-example {
525 background-image: url(../../extensions/notifications/ui/images/stream-notifications-example.jpg);
526 }
527
528 .stream_page_wp_stream_reports .stream-example {
529 background-image: url(../../extensions/reports/ui/images/stream-reports-example.jpg);
530 }
531
532 body.folded .stream-example {
533 width: calc(100% - 56px);
534 }
535
536 .stream-example-modal {
537 position: absolute;
538 left: 50%;
539 top: 40%;
540 width: 40%;
541 min-width: 550px;
542 height: auto;
543 text-align: center;
544 padding: 20px;
545 background: #fff;
546
547 -webkit-transform: translate(-50%, -50%);
548 -ms-transform: translate(-50%, -50%);
549 transform: translate(-50%, -50%);
550
551 -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
552 -moz-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
553 box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
554 }
555
556 .stream-example-modal h1,
557 .stream-example-modal p,
558 .stream-example-modal li {
559 -webkit-font-smoothing: antialiased;
560 -moz-osx-font-smoothing: grayscale;
561 }
562
563 .stream-example-modal h1 i {
564 width: 26px;
565 height: 26px;
566 margin-top: -4px;
567 font-size: 26px;
568 }
569
570 .stream-example-modal p {
571 font-size: 1.4em;
572 }
573
574 .stream-example-modal li {
575 font-size: 1.1em;
576 }
577
578 .stream-example-modal li i {
579 color: #299d30;
580 }
581
582 .stream-example-modal .button {
583 margin: 5px 0 10px;
584 }
585
586 @media all and (max-width: 900px) {
587 .stream-example {
588 width: calc(100% - 56px);
589 }
590
591 .stream-example-modal {
592 top:60px;
593 width: 80%;
594 min-width: 0;
595
596 -webkit-transform: translate(-50%, 0);
597 -ms-transform: translate(-50%, 0);
598 transform: translate(-50%, 0);
599 }
600 }
601
602 @media all and (max-width: 782px) {
603 .stream-example {
604 left: 0;
605 width: 100% !important;
606 }
607 }
608
609
610 /* Stream Migrate Message */
611
612 #stream-migrate-progress {
613 display: none;
614 height: 36px;
615 padding: 5px 0;
616 }
617
618 #stream-migrate-progress progress {
619 width: 300px;
620 font-size: 18px;
621 }
622
623 #stream-migrate-progress strong,
624 #stream-migrate-progress #stream-migrate-actions-close {
625 display: none;
626 }
627
628 #stream-migrate-progress strong {
629 padding-left: 5px;
630 }
631
632 #stream-migrate-progress strong,
633 #stream-migrate-progress em {
634 line-height: 28px;
635 padding-right: 10px;
636 }
637
638 #stream-migrate-actions .button {
639 display: inline-block;
640 vertical-align: bottom !important;
641 margin: 0 10px 5px 0 !important;
642 }
643
644 #stream-delete-records {
645 display: inline-block;
646 margin: 10px 0 5px;
647 color: #a00;
648 }
649
650 #stream-delete-records:hover {
651 color: #f00;
652 }
653
654
655 /* Account Page */
656
657 .stream_page_wp_stream_account .postbox {
658 display: inline-block;
659 margin-top: 1em;
660 max-width: 100%;
661 }
662
663 .stream_page_wp_stream_account .postbox h3 {
664 margin: 0;
665 padding: 8px 12px;
666 font-size: 14px;
667 line-height: 1.4;
668 border-bottom:1px solid #eee;
669 }
670
671 .stream_page_wp_stream_account .postbox .form-table {
672 margin: 0;
673 max-width: 100%;
674 }
675
676 .stream_page_wp_stream_account .plan-details {
677 padding: 0 12px;
678 }
679
680 .stream_page_wp_stream_account .plan-actions {
681 min-height: 30px;
682 padding: 10px;
683 clear: both;
684 border-top: 1px solid #ddd;
685 background: #f5f5f5;
686 }
687
688 .stream_page_wp_stream_account .disconnect {
689 float: right;
690 line-height: 28px;
691 }
692
693 .stream_page_wp_stream_account .api-key {
694 word-wrap: break-word;
695 }
696