PluginProbe
Stream – Activity Log & Audit Trail / 2.0.5
Stream – Activity Log & Audit Trail v2.0.5
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.5, at ui/css/admin.css

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