PluginProbe
Stream – Activity Log & Audit Trail / 3.8.0
Stream – Activity Log & Audit Trail v3.8.0
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
← All changes | ui/css/admin.css +221 -349 2.0.33.8.0 View file →
@@ -1,133 +1,112 @@
1 -/* Dashboard Widget */
1 +/* Stream Records */
2 2
3 -#dashboard_stream_activity:hover .edit-box {
4 - display: inline;
3 +.toplevel_page_wp_stream .tablenav {
4 + padding-top: 6px;
5 5 }
6 6
7 -#dashboard_stream_activity.postbox h3 {
8 - border-bottom: 0;
7 +.toplevel_page_wp_stream #record-actions-form {
8 + margin-top: -32px;
9 9 }
10 10
11 -#dashboard_stream_activity h3 .postbox-title-action {
12 - top: 6px;
11 +.toplevel_page_wp_stream #record-actions-form .button {
12 + margin-left: 6px;
13 + float: left;
13 14 }
14 15
15 -#dashboard_stream_activity.postbox .inside,
16 -#dashboard_stream_activity ul,
17 -#dashboard_stream_activity ul li {
18 - margin: 0;
16 +.toplevel_page_wp_stream .tablenav .actions {
19 17 padding: 0;
18 + overflow: visible;
20 19 }
21 -#dashboard_stream_activity .alternate {
22 - background-color: #fafafa;
23 -}
24 20
25 -#dashboard_stream_activity .dashboard-widget-control-form,
26 -#dashboard_stream_activity .no-records {
27 - padding: 1em 12px;
21 +.post-type-wp_stream_alerts .select2 .select2-selection,
22 +.stream-exclude-list .select2 .select2-selection{
23 + border-color: #ccc;
24 + background: #f7f7f7;
25 + -webkit-box-shadow: 0 1px 0 #ccc;
26 + box-shadow: 0 1px 0 #ccc;
28 27 }
29 28
30 -#dashboard_stream_activity ul {
31 - border-bottom: 1px solid #eee;
29 +.post-type-wp_stream_alerts .select2 .select2-selection--multiple,
30 +.stream-exclude-list .select2 .select2-selection--multiple{
31 + font-size: 0;
32 + min-height: 28px;
32 33 }
33 34
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);
35 +.post-type-wp_stream_alerts .select2-container.select2-container--focus .select2-selection--multiple,
36 +.stream-exclude-list .select2-container.select2-container--focus .select2-selection--multiple{
37 + border: solid #ccc 1px;
40 38 }
41 39
42 -#dashboard_stream_activity .record-avatar {
43 - float: left;
44 - margin-right: 10px;
40 +.post-type-wp_stream_alerts .select2-container .select2-selection--multiple .select2-selection__choice,
41 +.stream-exclude-list .select2-container .select2-selection--multiple .select2-selection__choice{
42 + margin-top: 4px;
43 + margin-bottom: 3px;
45 44 }
46 45
47 -#dashboard_stream_activity .record-avatar a {
48 - display: block;
46 +.post-type-wp_stream_alerts .select2 .select2-selection .select2-selection__rendered,
47 +.stream-exclude-list .select2 .select2-selection .select2-selection__rendered{
48 + color: #555;
49 49 }
50 -#dashboard_stream_activity .record-avatar img {
51 - width: 36px;
52 - height: 36px;
53 -}
54 50
55 -#dashboard_stream_activity .record-meta {
56 - color: #666;
51 +#record-query-reset {
52 + position: relative;
53 + margin-left: 5px;
54 + line-height: 28px;
55 + text-decoration: none;
56 + display: inline-block;
57 57 }
58 58
59 -#dashboard_stream_activity .sub-links {
60 - padding: 12px;
59 +#record-query-reset span.dashicons {
60 + position: absolute;
61 + top: 0.5em;
62 + left: 0;
63 + font-size: 13px;
61 64 }
62 65
63 -#dashboard_stream_activity .tablenav {
64 - clear: none;
65 - margin: 4px 0 6px;
66 +#record-query-reset .record-query-reset-text {
67 + margin-left: 19px;
66 68 }
67 69
68 -#dashboard_stream_activity .tablenav .tablenav-pages {
70 +.toplevel_page_wp_stream .chosen-container-single {
71 + margin-top: 3px;
69 72 margin-right: 6px;
70 73 }
71 74
72 -#dashboard_stream_activity .view-all {
73 - float: left;
74 - margin: 7px 0 0 12px;
75 +.toplevel_page_wp_stream .view-switch {
76 + display: none;
75 77 }
76 78
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 {
79 +.toplevel_page_wp_stream #filter-date-range {
80 + float: left;
97 81 margin-right: 6px;
98 82 }
99 83
100 -.toplevel_page_wp_stream .tablenav .actions {
101 - padding: 0;
102 - overflow: visible;
84 +.toplevel_page_wp_stream .manage-column {
85 + width: 12%;
103 86 }
104 87
105 -.toplevel_page_wp_stream .chosen-container-single {
106 - margin-top: 3px;
107 - margin-right: 6px;
88 +.toplevel_page_wp_stream .column-date {
89 + min-width: 10%;
90 + white-space: nowrap;
108 91 }
109 92
110 -.toplevel_page_wp_stream .view-switch {
111 - display: none;
93 +.toplevel_page_wp_stream .column-date .timeago {
94 + padding-right: 1em;
112 95 }
113 96
114 -.toplevel_page_wp_stream #filter-date-range {
115 - float: left;
116 - margin-right: 6px;
97 +.toplevel_page_wp_stream .column-user_id {
98 + width: 18%;
117 99 }
118 100
119 -.toplevel_page_wp_stream .column-author {
120 - width: 15%;
101 +.toplevel_page_wp_stream .column-summary {
102 + width: auto;
121 103 }
122 104
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%;
105 +.toplevel_page_wp_stream .column-ip {
106 + white-space: nowrap;
107 + overflow: hidden;
108 + text-overflow: ellipsis;
130 109 }
131 110
132 111 .toplevel_page_wp_stream .stream-filter-object-id {
133 112 padding-left: 5px;
@@ -132,16 +111,35 @@
132 111 .toplevel_page_wp_stream .stream-filter-object-id {
133 112 padding-left: 5px;
134 113 visibility: hidden;
135 114 }
136 -.toplevel_page_wp_stream td.summary:hover .stream-filter-object-id {
115 +
116 +.toplevel_page_wp_stream td.summary:hover .stream-filter-object-id{
137 117 visibility: visible;
138 118 }
139 119
120 +.toplevel_page_wp_stream .tablenav .stream-export-tablenav {
121 + margin-top: 6px;
122 + height: 28px;
123 + float: right;
124 +}
125 +
126 +.toplevel_page_wp_stream .tablenav .stream-export-tablenav a {
127 + margin-top: 0;
128 +}
129 +
140 130 @media only screen and (min-width: 782px) {
141 131 .toplevel_page_wp_stream .tablenav .tablenav-pages {
142 132 margin-bottom: 4px;
143 133 }
134 + .toplevel_page_wp_stream .tablenav .stream-export-tablenav {
135 + margin-bottom: 4px;
136 + float: left;
137 + }
138 + .toplevel_page_wp_stream .tablenav .stream-export-tablenav a {
139 + margin-top: 5px;
140 + display: inline-block;
141 + }
144 142 }
145 143
146 144 @media only screen and (max-width: 782px) {
147 145 .toplevel_page_wp_stream .tablenav.bottom .displaying-num {
@@ -149,24 +147,23 @@
149 147 }
150 148 }
151 149
152 150 @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;
151 + .toplevel_page_wp_stream .fixed .manage-column,
152 + .toplevel_page_wp_stream .fixed tbody tr td {
153 + display: none !important;
159 154 }
160 155 .toplevel_page_wp_stream .fixed .column-date,
161 - .toplevel_page_wp_stream .fixed .column-author {
162 - display: table-cell;
156 + .toplevel_page_wp_stream .fixed .column-summary,
157 + .toplevel_page_wp_stream .fixed .column-user_id,
158 + .toplevel_page_wp_stream .fixed tbody tr.no-items td {
159 + display: table-cell !important;
163 160 }
164 161 .toplevel_page_wp_stream .fixed .column-date {
165 162 width: 100px;
166 163 }
167 - .toplevel_page_wp_stream .fixed .column-author {
168 - width: 33%;
164 + .toplevel_page_wp_stream .fixed .column-user_id {
165 + width: 50%;
169 166 }
170 167 .toplevel_page_wp_stream .fixed .column-summary {
171 168 width: 100%;
172 169 }
@@ -172,26 +169,29 @@
172 169 }
173 170 }
174 171
175 172 @media only screen and (max-width: 480px) {
176 - .toplevel_page_wp_stream .fixed .column-author {
173 + .toplevel_page_wp_stream .fixed .column-user_id {
177 174 display: none;
178 175 }
179 176 }
180 177
181 -.toplevel_page_wp_stream .column-author a {
178 +.toplevel_page_wp_stream .wp-list-table tr td::before {
179 + content: "" !important;
180 +}
181 +
182 +.toplevel_page_wp_stream .column-user_id a {
182 183 vertical-align: top;
183 184 }
184 185
185 -.toplevel_page_wp_stream .column-author img {
186 +.toplevel_page_wp_stream .column-user_id img {
186 187 float: left;
187 - margin-right: 10px;
188 - margin-top: 1px;
189 - width: 40px;
190 - height: 40px;
188 + margin: 1px 10px 8px 0;
189 + width: 32px;
190 + height: 32px;
191 191 }
192 192
193 -.toplevel_page_wp_stream .column-author .deleted {
193 +.toplevel_page_wp_stream .column-user_id .deleted {
194 194 font-style: italic;
195 195 color: #aaa;
196 196 }
197 197
@@ -225,53 +225,73 @@
225 225 }
226 226
227 227 .toplevel_page_wp_stream .new-row,
228 228 #dashboard_stream_activity .new-row {
229 - background-color: #ffffe0;
229 + background-color: #ffffe0 !important;
230 230
231 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;
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 236 }
237 237
238 +.toplevel_page_wp_stream .new-row.alternate,
239 +#dashboard_stream_activity .new-row.alternate {
240 + background-color: #ffffcd !important;
241 +}
242 +
238 243 .toplevel_page_wp_stream .new-row.fadeout,
239 244 #dashboard_stream_activity .new-row.fadeout {
240 - background-color: transparent;
245 + background-color: transparent !important;
241 246 }
242 247
243 248 .toplevel_page_wp_stream .new-row.alternate.fadeout,
244 249 #dashboard_stream_activity .new-row.alternate.fadeout {
245 - background-color: #f9f9f9;
250 + background-color: #f9f9f9 !important;
246 251 }
247 252
248 -.toplevel_page_wp_stream #the-list .no-items .stream-list-table-upgrade {
253 +.toplevel_page_wp_stream #the-list .no-items .stream-list-table-no-items {
249 254 text-align: center;
250 255 }
251 256
257 +.toplevel_page_wp_stream #the-list .no-items .stream-list-table-no-items p {
258 + margin: 2px 0;
259 +}
252 260
261 +
253 262 /* Settings */
254 263
255 -.wp_stream_settings .nav-tab-wrapper a:not(.nav-tab-active) {
256 - border-bottom: 1px solid #ccc;
264 +.wp_stream_settings .select2.select2-container,
265 +.wp_stream_network_settings .select2.select2-container,
266 +.wp_stream_default_settings .select2.select2-container {
267 + min-width: 160px;
268 + max-width: 100%;
257 269 }
258 270
259 -.wp_stream_settings .select2-container {
260 - width: 100%;
271 +.wp_stream_settings .tablenav,
272 +.wp_stream_network_settings .tablenav,
273 +.wp_stream_default_settings .tablenav {
274 + margin-top: 16px;
261 275 }
262 276
263 -.wp_stream_settings .tablenav {
264 - margin-top: 16px;
277 +.wp_stream_settings .tablenav input,
278 +.wp_stream_network_settings .tablenav input,
279 +.wp_stream_default_settings .tablenav input {
280 + margin-right: 1em;
265 281 }
266 282
267 -.wp_stream_settings .tablenav input {
268 - margin-right: 1em;
283 +.post-type-wp_stream_alerts a.warning {
284 + color: #a00;
269 285 }
270 286
287 +.post-type-wp_stream_alerts a.warning:hover {
288 + color: #f00;
289 +}
290 +
271 291 /* Date Interval Common */
272 292
273 -.wp_stream_screen .date-interval .field-predefined {
293 +.post-type-wp_stream_alerts .date-interval .field-predefined {
274 294 width: 165px;
275 295 float: left;
276 296 margin-right: 6px;
277 297 margin-bottom: 6px;
@@ -276,16 +296,16 @@
276 296 margin-right: 6px;
277 297 margin-bottom: 6px;
278 298 }
279 299
280 -.wp_stream_screen .date-interval .date-inputs {
300 +.post-type-wp_stream_alerts .date-interval .date-inputs {
281 301 float: left;
282 302 margin-right: 6px;
283 303 margin-bottom: 6px;
284 304 }
285 305
286 -.wp_stream_screen .date-interval .date-inputs .field-to,
287 -.wp_stream_screen .date-interval .date-inputs .field-from {
306 +.post-type-wp_stream_alerts .date-interval .date-inputs .field-to,
307 +.post-type-wp_stream_alerts .date-interval .date-inputs .field-from {
288 308 line-height: 28px;
289 309 height: 28px;
290 310 margin: 0;
291 311 width: 125px;
@@ -290,15 +310,15 @@
290 310 margin: 0;
291 311 width: 125px;
292 312 }
293 313
294 -.wp_stream_screen .date-interval .date-inputs .box {
314 +.post-type-wp_stream_alerts .date-interval .date-inputs .box {
295 315 position: relative;
296 316 display: block;
297 317 float: left;
298 318 }
299 319
300 -.wp_stream_screen .date-interval .date-inputs .box .date-remove {
320 +.post-type-wp_stream_alerts .date-interval .date-inputs .box .date-remove {
301 321 display: none;
302 322 position: absolute;
303 323 cursor: pointer;
304 324 top: 0;
@@ -310,13 +330,13 @@
310 330 padding-top: 1px;
311 331 padding-right: 2px;
312 332 }
313 333
314 -.wp_stream_screen .date-interval .date-inputs .box .date-remove:before {
334 +.post-type-wp_stream_alerts .date-interval .date-inputs .box .date-remove:before {
315 335 content: '\f158';
316 336 }
317 337
318 -.wp_stream_screen .date-interval .date-inputs .connector {
338 +.post-type-wp_stream_alerts .date-interval .date-inputs .connector {
319 339 display: block;
320 340 float: left;
321 341 border: 1px solid #ddd;
322 342 border-left: 0;
@@ -328,9 +348,9 @@
328 348 text-align: center;
329 349 font-size: 14px;
330 350 }
331 351
332 -.wp_stream_screen .date-interval .date-inputs .connector:before {
352 +.post-type-wp_stream_alerts .date-interval .date-inputs .connector:before {
333 353 content: '\f345';
334 354 }
335 355
336 356
@@ -335,57 +355,52 @@
335 355
336 356
337 357 /* Select2 Common */
338 358
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 {
359 +.post-type-wp_stream_alerts li.select2-searching,
360 +.post-type-wp_stream_alerts li.select2-no-results {
343 361 background: none;
344 362 padding: 7px 7px 0;
345 363 color: #999;
346 364 }
347 365
348 -.wp_stream_screen li.select2-result,
349 -.wp_stream_settings li.select2-result {
350 - margin-bottom: 0;
366 +.post-type-wp_stream_alerts .select2 .select2-selection .select2-selection__placeholder {
367 + color: #72777c;
351 368 }
352 369
353 -.wp_stream_screen li.select2-result.level-1 {
354 - font-weight: bold;
370 +.post-type-wp_stream_alerts .select2-results .select2-disabled {
371 + background: transparent;
372 + color: #aaa;
355 373 }
356 374
357 -.wp_stream_screen li.select2-result.level-2 {
358 - padding-left: 1em;
375 +.post-type-wp_stream_alerts .select2 .select2-search--inline {
376 + float: none;
377 + margin-bottom: 4px;
378 + margin-left: 2px;
359 379 }
360 380
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;
381 +.post-type-wp_stream_alerts .select2-selection .icon16 {
382 + margin: -3px 1px 0 -3px;
368 383 padding: 0;
369 384 width: 16px;
370 385 height: 16px;
371 386 }
372 387
373 -.wp_stream_screen .select2-chosen .icon16 {
374 - padding-right: 1px;
388 +.post-type-wp_stream_alerts .select2-selection .icon16 {
389 + padding-right: 8px;
375 390 }
376 391
377 -.wp_stream_screen .select2-chosen .icon16:before,
378 -.wp_stream_screen .select2-search-choice .icon16:before {
392 +.post-type-wp_stream_alerts .select2-chosen .icon16:before,
393 +.post-type-wp_stream_alerts .select2-search-choice .icon16:before {
379 394 font-size: 15px !important;
380 395 color: #656565;
381 396 }
382 397
383 -.wp_stream_screen .select2-search-choice-close {
398 +.post-type-wp_stream_alerts .select2-search-choice-close {
384 399 -webkit-transition: none;
385 - -moz-transition: none;
386 - -o-transition: all 0 none;
387 - transition: none;
400 + -moz-transition: none;
401 + -o-transition: all 0 none;
402 + transition: none;
388 403 }
389 404
390 405 .wp-stream-select2-icon {
391 406 position: relative;
@@ -395,12 +410,12 @@
395 410 height: 16px;
396 411 }
397 412
398 413 .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 */
414 + 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+ */
415 + filter: gray; /* IE6-9 */
401 416 -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
402 - -moz-filter: grayscale(100%); /* Firefox < 3.5 */
417 + -moz-filter: grayscale(100%); /* Firefox < 3.5 */
403 418 }
404 419
405 420
406 421 /* Exclude List Table */
@@ -461,9 +476,24 @@
461 476 .stream-exclude-list tbody td .ip_address.invalid {
462 477 border: 1px solid rgba(160,0,0,0.75);
463 478 }
464 479
480 +.stream-exclude-list .icon-users {
481 + top: -3px !important;
482 + position: relative !important;
483 +}
484 +
485 +.wp_stream_screen .select2-results__option .parent {
486 + font-weight: bold;
487 +}
488 +
489 +.wp_stream_screen .select2-results__option .child {
490 + padding-left: 8px;
491 +}
492 +
465 493 @media screen and ( max-width: 900px ) {
494 + .wp_stream_settings .stream-exclude-list .actions-column,
495 + .wp_stream_network_settings .stream-exclude-list .actions-column,
466 496 .wp_stream_settings .stream-exclude-list .actions-column {
467 497 display: none;
468 498 }
469 499 }
@@ -468,228 +498,70 @@
468 498 }
469 499 }
470 500
471 501 @media screen and ( max-width: 782px ) {
472 - .wp_stream_settings .stream-exclude-list td {
502 + .toplevel_page_wp_stream #record-actions-form {
503 + margin-top: 0;
504 + margin-bottom: 35px;
505 + }
506 +
507 + .wp_stream_settings .stream-exclude-list td,
508 + .wp_stream_network_settings .stream-exclude-list td,
509 + .wp_stream_default_settings .stream-exclude-list td {
473 510 padding: 10px 10px 0 0;
474 511 }
475 512
476 - .wp_stream_settings .stream-exclude-list th {
513 + .wp_stream_settings .stream-exclude-list th,
514 + .wp_stream_network_settings .stream-exclude-list th,
515 + .wp_stream_default_settings .stream-exclude-list th {
477 516 display: none;
478 517 }
479 518
480 - .wp_stream_settings .stream-exclude-list .check-column {
519 + .wp_stream_settings .stream-exclude-list .check-column,
520 + .wp_stream_network_settings .stream-exclude-list .check-column,
521 + .wp_stream_default_settings .stream-exclude-list .check-column {
481 522 display: table-cell;
482 523 padding: 13px 10px 0 3px;
483 524 }
484 525
485 - .wp_stream_settings .stream-exclude-list thead .actions-column {
526 + .wp_stream_settings .stream-exclude-list thead .actions-column,
527 + .wp_stream_network_settings .stream-exclude-list thead .actions-column,
528 + .wp_stream_default_settings .stream-exclude-list thead .actions-column {
486 529 display: table-cell;
487 530 width: auto;
488 531 }
489 532
490 - .wp_stream_settings .stream-exclude-list thead .actions-column .hidden {
533 + .wp_stream_settings .stream-exclude-list thead .actions-column .hidden,
534 + .wp_stream_network_settings .stream-exclude-list thead .actions-column .hidden,
535 + .wp_stream_default_settings .stream-exclude-list thead .actions-column .hidden {
491 536 display: block;
492 537 }
493 538
494 - .wp_stream_settings .stream-exclude-list tfoot {
539 + .wp_stream_settings .stream-exclude-list tfoot,
540 + .wp_stream_network_settings .stream-exclude-list tfoot,
541 + .wp_stream_default_settings .stream-exclude-list tfoot {
495 542 display: none;
496 543 }
497 544 }
498 545
499 546
500 -/* User Profile */
501 -
502 -.wp-stream-feeds-key .spinner {
503 - margin-top: 5px;
504 - position: absolute;
505 - float: none;
547 +.toplevel_page_wp_stream .alert-highlight.highlight-yellow {
548 + background-color: #ffffe0;
506 549 }
507 550
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;
551 +.toplevel_page_wp_stream .alert-highlight.highlight-red {
552 + background-color: #fbeaea;
515 553 }
516 554
517 -.stream-example {
518 - position: fixed;
519 - width: calc(100% - 180px);
520 - height: 100%;
521 - background-repeat: no-repeat;
555 +.toplevel_page_wp_stream .alert-highlight.highlight-green {
556 + background-color: #ecf7ed;
522 557 }
523 558
524 -.post-type-stream_notification .stream-example {
525 - background-image: url(../../extensions/notifications/ui/images/stream-notifications-example.jpg);
559 +.toplevel_page_wp_stream .alert-highlight.highlight-blue {
560 + background-color: #e5f5fa;
526 561 }
527 562
528 -.stream_page_wp_stream_reports .stream-example {
529 - background-image: url(../../extensions/reports/ui/images/stream-reports-example.jpg);
530 -}
563 +/* Extensions */
531 564
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 {
565 +.post-type-stream_notification .view-switch {
613 566 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 567 }