active_frontend 4.5.1 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/placeholders/camera.png +0 -0
  3. data/app/assets/images/placeholders/person.png +0 -0
  4. data/app/assets/images/placeholders/picture.png +0 -0
  5. data/lib/active_frontend/version.rb +1 -1
  6. data/vendor/assets/stylesheets/alert.scss +4 -4
  7. data/vendor/assets/stylesheets/aside.scss +3 -3
  8. data/vendor/assets/stylesheets/breadcrumb.scss +2 -2
  9. data/vendor/assets/stylesheets/button.scss +82 -40
  10. data/vendor/assets/stylesheets/code.scss +53 -51
  11. data/vendor/assets/stylesheets/datepicker.scss +6 -6
  12. data/vendor/assets/stylesheets/dropdown.scss +6 -1
  13. data/vendor/assets/stylesheets/footer.scss +6 -6
  14. data/vendor/assets/stylesheets/form.scss +4 -4
  15. data/vendor/assets/stylesheets/header.scss +66 -17
  16. data/vendor/assets/stylesheets/image.scss +3 -2
  17. data/vendor/assets/stylesheets/label_and_badge.scss +21 -20
  18. data/vendor/assets/stylesheets/link.scss +6 -6
  19. data/vendor/assets/stylesheets/loader.scss +4 -4
  20. data/vendor/assets/stylesheets/modal.scss +14 -5
  21. data/vendor/assets/stylesheets/nav_and_tab.scss +4 -4
  22. data/vendor/assets/stylesheets/navbar.scss +3 -3
  23. data/vendor/assets/stylesheets/pagination.scss +1 -1
  24. data/vendor/assets/stylesheets/panel.scss +2 -5
  25. data/vendor/assets/stylesheets/placeholder.scss +1 -1
  26. data/vendor/assets/stylesheets/progress.scss +1 -1
  27. data/vendor/assets/stylesheets/reset.scss +1 -0
  28. data/vendor/assets/stylesheets/sidebar.scss +2 -2
  29. data/vendor/assets/stylesheets/spinner.scss +29 -29
  30. data/vendor/assets/stylesheets/swoggle.scss +12 -12
  31. data/vendor/assets/stylesheets/timepicker.scss +1 -1
  32. data/vendor/assets/stylesheets/trunk.scss +9 -6
  33. data/vendor/assets/stylesheets/typeahead.scss +1 -1
  34. data/vendor/assets/stylesheets/typography.scss +8 -8
  35. metadata +2 -2
@@ -27,7 +27,8 @@
27
27
  .modal {
28
28
  background-clip: padding-box;
29
29
  background: rgba(255,255,255,1);
30
- box-shadow: 0 0 3px rgba(0,0,0,0.5);
30
+ border-radius: 3px;
31
+ box-shadow: 0 0 3px rgba(0,0,0,0.3);
31
32
  display: none;
32
33
  left: 50%;
33
34
  margin-left: -280px;
@@ -44,7 +45,10 @@
44
45
  }
45
46
  .modal.fade.in { top: 15%; }
46
47
  .modal-header {
47
- background: rgba(91,146,250,1);
48
+ background: rgba(0,153,255,1);
49
+ border-bottom: 2px solid rgba(0,0,0,0.2);
50
+ border-top-right-radius: 3px;
51
+ border-top-left-radius: 3px;
48
52
  padding: 22px 15px 18px 15px;
49
53
  }
50
54
  .modal-header h3 {
@@ -58,7 +62,6 @@
58
62
  }
59
63
  .modal-body {
60
64
  border-bottom: 1px solid rgba(230,237,242,1);
61
- border-top: 4px solid rgba(86,131,235,1);
62
65
  max-height: 300px;
63
66
  overflow-y: scroll;
64
67
  padding: 15px 18px;
@@ -66,8 +69,8 @@
66
69
  }
67
70
  .modal-body p:last-child { margin-bottom: 0; }
68
71
  .modal-footer {
69
- border-bottom-right-radius: 5px;
70
- border-bottom-left-radius: 5px;
72
+ border-bottom-right-radius: 3px;
73
+ border-bottom-left-radius: 3px;
71
74
  margin-bottom: 0;
72
75
  padding: 0;
73
76
  }
@@ -98,6 +101,12 @@ input.modal-footer-btn {
98
101
  vertical-align: middle;
99
102
  width: 100%;
100
103
  }
104
+ .modal-footer-btn:first-child,
105
+ button.modal-footer-btn:first-child,
106
+ input.modal-footer-btn:first-child { border-bottom-left-radius: 3px; }
107
+ .modal-footer-btn:last-child,
108
+ button.modal-footer-btn:last-child,
109
+ input.modal-footer-btn:last-child { border-bottom-right-radius: 3px; }
101
110
  .modal-footer-btn[disabled],
102
111
  button.modal-footer-btn[disabled],
103
112
  input.modal-footer-btn[disabled] {
@@ -26,7 +26,7 @@
26
26
  text-decoration: none;
27
27
  }
28
28
  .nav-header {
29
- background: rgba(91,146,250,1);
29
+ background: rgba(0,153,255,1);
30
30
  border-top-right-radius: 3px;
31
31
  border-top-left-radius: 3px;
32
32
  color: rgba(255,255,255,1);
@@ -87,7 +87,7 @@
87
87
  .nav-tabs > .active > a:hover,
88
88
  .nav-tabs > .active > a:focus {
89
89
  border-bottom-color: rgba(235,238,240,1);
90
- color: rgba(91,146,250,1);
90
+ color: rgba(0,153,255,1);
91
91
  }
92
92
  .nav-tabs .open a.dropdown-toggle { background: transparent; }
93
93
  .nav-pills > li > a {
@@ -101,7 +101,7 @@
101
101
  .nav-pills > .active > a,
102
102
  .nav-pills > .active > a:hover,
103
103
  .nav-pills > .active > a:focus {
104
- background: rgba(91,146,250,1);
104
+ background: rgba(0,153,255,1);
105
105
  color: rgba(255,255,255,1);
106
106
  }
107
107
  .nav-stacked > li { float: none; }
@@ -129,7 +129,7 @@
129
129
  .nav-tabs.nav-stacked > .active > a,
130
130
  .nav-tabs.nav-stacked > .active > a:hover,
131
131
  .nav-tabs.nav-stacked > .active > a:focus {
132
- background: rgba(91,146,250,1);
132
+ background: rgba(0,153,255,1);
133
133
  color: rgba(255,255,255,1);
134
134
  border-bottom: 0;
135
135
  padding: 10px;
@@ -12,12 +12,12 @@
12
12
  z-index: 1030;
13
13
  }
14
14
  .navbar {
15
- background: rgba(91,146,250,1);
15
+ background: rgba(0,153,255,1);
16
16
  border-collapse: separate;
17
- border-top: 4px solid rgba(0,0,0,0.1);
17
+ border-top: 2px solid rgba(0,0,0,0.1);
18
18
  box-sizing: border-box;
19
19
  display: table;
20
- height: 46px;
20
+ height: 48px;
21
21
  table-layout: fixed;
22
22
  width: 100%;
23
23
  }
@@ -28,7 +28,7 @@
28
28
  .pagination ul > li > a:hover,
29
29
  .pagination ul > li > a:focus { background: rgba(235,238,240,1); }
30
30
  .pagination ul > .active {
31
- background: rgba(91,146,250,1);
31
+ background: rgba(0,153,255,1);
32
32
  border-radius: 500px;
33
33
  color: rgba(255,255,255,1);
34
34
  min-width: 8px;
@@ -37,11 +37,8 @@
37
37
  margin-bottom: 0;
38
38
  margin-top: 0;
39
39
  }
40
- .panel-title > a,
41
- .panel-title > a.active,
42
- .panel-title > a:active,
43
- .panel-title > a:hover,
44
- .panel-title > a:focus { color: rgba(42,44,48,1); }
40
+ .panel-title > a { color: rgba(42,44,48,1); }
41
+ .panel-title > a:hover { color: rgba(42,44,48,1); }
45
42
  .panel-body { padding: 15px; }
46
43
  .panel-body-chart {
47
44
  margin-bottom: -10px;
@@ -8,7 +8,7 @@
8
8
  ================================================== */
9
9
  .placeholder { text-align: center; }
10
10
  .placeholder i {
11
- background: rgba(91,146,250,1);
11
+ background: rgba(0,153,255,1);
12
12
  border-radius: 500px;
13
13
  color: rgba(255,255,255,1);
14
14
  display: inline-block;
@@ -19,7 +19,7 @@
19
19
  overflow: hidden;
20
20
  }
21
21
  .progress .bar {
22
- background: rgba(91,146,250,1);
22
+ background: rgba(0,153,255,1);
23
23
  box-sizing: border-box;
24
24
  color: rgba(255,255,255,1);
25
25
  float: left;
@@ -74,6 +74,7 @@ select {
74
74
  }
75
75
  html,
76
76
  body {
77
+ background: rgba(255,255,255,1);
77
78
  color: rgba(42,44,48,1);
78
79
  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
79
80
  font-size: 100%;
@@ -6,8 +6,8 @@
6
6
  /* # Sidebar
7
7
  ================================================== */
8
8
  .sidebar {
9
- background: rgba(42,44,48,1);
10
- border-left: 4px solid rgba(0,0,0,0.2);
9
+ background: rgba(52,64,68,1);
10
+ border-left: 2px solid rgba(0,0,0,0.2);
11
11
  box-sizing: border-box;
12
12
  height: 100%;
13
13
  min-width: 280px;
@@ -82,7 +82,7 @@
82
82
  -webkit-animation: spinnerBeat 1.3s infinite ease-in-out;
83
83
  animation: spinnerBeat 1.3s infinite ease-in-out;
84
84
  background: rgba(255,255,255,1);
85
- border: 2px solid rgba(91,146,250,1);
85
+ border: 2px solid rgba(0,153,255,1);
86
86
  border-radius: 500px;
87
87
  -moz-box-sizing: border-box;
88
88
  box-sizing: border-box;
@@ -114,8 +114,8 @@
114
114
  .spinner-circle-container-3 > div {
115
115
  -webkit-animation: spinnerCircle 1.2s infinite ease-in-out;
116
116
  animation: spinnerCircle 1.2s infinite ease-in-out;
117
- background: rgba(91,146,250,1);
118
- border: 1px solid rgba(91,146,250,1);
117
+ background: rgba(0,153,255,1);
118
+ border: 1px solid rgba(0,153,255,1);
119
119
  border-radius: 500px;
120
120
  -moz-box-sizing: border-box;
121
121
  box-sizing: border-box;
@@ -232,8 +232,8 @@
232
232
  .spinner-chase-2 {
233
233
  -webkit-animation: spinnerChaseBounce 2.0s infinite ease-in-out;
234
234
  animation: spinnerChaseBounce 2.0s infinite ease-in-out;
235
- background: rgba(91,146,250,1);
236
- border: 1px solid rgba(91,146,250,1);
235
+ background: rgba(0,153,255,1);
236
+ border: 1px solid rgba(0,153,255,1);
237
237
  border-radius: 500px;
238
238
  -moz-box-sizing: border-box;
239
239
  box-sizing: border-box;
@@ -276,7 +276,7 @@
276
276
  .spinner-crescent {
277
277
  -webkit-animation: spinnerCrescent 1.2s infinite linear;
278
278
  animation: spinnerCrescent 1.2s infinite linear;
279
- border: 9px solid rgba(91,146,250,1);
279
+ border: 9px solid rgba(0,153,255,1);
280
280
  border-right-color: transparent;
281
281
  border-radius: 500px;
282
282
  -moz-box-sizing: border-box;
@@ -315,7 +315,7 @@
315
315
  .spinner-cube-9 {
316
316
  -webkit-animation: spinnerCube 1.3s infinite ease-in-out;
317
317
  animation: spinnerCube 1.3s infinite ease-in-out;
318
- background: rgba(91,146,250,1);
318
+ background: rgba(0,153,255,1);
319
319
  border: 1px solid rgba(255,255,255,1);
320
320
  border-radius: 500px;
321
321
  -moz-box-sizing: border-box;
@@ -388,8 +388,8 @@
388
388
  .spinner-double-bounce-2 {
389
389
  -webkit-animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
390
390
  animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
391
- background: rgba(91,146,250,1);
392
- border: 1px solid rgba(91,146,250,1);
391
+ background: rgba(0,153,255,1);
392
+ border: 1px solid rgba(0,153,255,1);
393
393
  border-radius: 50%;
394
394
  -moz-box-sizing: border-box;
395
395
  box-sizing: border-box;
@@ -409,13 +409,13 @@
409
409
  -webkit-transform: rotate(0deg);
410
410
  -ms-transform: rotate(0deg);
411
411
  transform: rotate(0deg);
412
- box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0;
412
+ box-shadow: rgba(0,153,255,1) 0 0 23px 0, rgba(0,153,255,1) -20px -20px 0 0, rgba(0,153,255,1) 20px -20px 0 0, rgba(0,153,255,1) 20px 20px 0 0, rgba(0,153,255,1) -20px 20px 0 0;
413
413
  }
414
414
  50% {
415
415
  -webkit-transform: rotate(1080deg);
416
416
  -ms-transform: rotate(1080deg);
417
417
  transform: rotate(1080deg);
418
- box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0;
418
+ box-shadow: rgba(0,153,255,1) 0 0 23px 0, rgba(0,153,255,1) 20px 20px 0 0, rgba(0,153,255,1) -20px 20px 0 0, rgba(0,153,255,1) -20px -20px 0 0, rgba(0,153,255,1) 20px -20px 0 0;
419
419
  }
420
420
  }
421
421
  @keyframes spinnerFlower {
@@ -423,13 +423,13 @@
423
423
  -webkit-transform: rotate(0deg);
424
424
  -ms-transform: rotate(0deg);
425
425
  transform: rotate(0deg);
426
- box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0;
426
+ box-shadow: rgba(0,153,255,1) 0 0 23px 0, rgba(0,153,255,1) -20px -20px 0 0, rgba(0,153,255,1) 20px -20px 0 0, rgba(0,153,255,1) 20px 20px 0 0, rgba(0,153,255,1) -20px 20px 0 0;
427
427
  }
428
428
  50% {
429
429
  -webkit-transform: rotate(1080deg);
430
430
  -ms-transform: rotate(1080deg);
431
431
  transform: rotate(1080deg);
432
- box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0;
432
+ box-shadow: rgba(0,153,255,1) 0 0 23px 0, rgba(0,153,255,1) 20px 20px 0 0, rgba(0,153,255,1) -20px 20px 0 0, rgba(0,153,255,1) -20px -20px 0 0, rgba(0,153,255,1) 20px -20px 0 0;
433
433
  }
434
434
  }
435
435
  .spinner-flower {
@@ -461,14 +461,14 @@
461
461
  .spinner-orbit {
462
462
  -webkit-animation: spinnerOrbit 1s linear infinite;
463
463
  animation: spinnerOrbit 1s linear infinite;
464
- border: 1px solid rgba(91,146,250,1);
464
+ border: 1px solid rgba(0,153,255,1);
465
465
  border-radius: 500px;
466
466
  height: 60px;
467
467
  width: 60px;
468
468
  }
469
469
  .spinner-orbit-1 {
470
- background: rgba(91,146,250,1);
471
- border: 1px solid rgba(91,146,250,1);
470
+ background: rgba(0,153,255,1);
471
+ border: 1px solid rgba(0,153,255,1);
472
472
  border-radius: 500px;
473
473
  -moz-box-sizing: border-box;
474
474
  box-sizing: border-box;
@@ -498,8 +498,8 @@
498
498
  .spinner-pulse {
499
499
  -webkit-animation: spinnerPulse 1.0s infinite ease-in-out;
500
500
  animation: spinnerPulse 1.0s infinite ease-in-out;
501
- background: rgba(91,146,250,1);
502
- border: 1px solid rgba(91,146,250,1);
501
+ background: rgba(0,153,255,1);
502
+ border: 1px solid rgba(0,153,255,1);
503
503
  border-radius: 500px;
504
504
  -moz-box-sizing: border-box;
505
505
  box-sizing: border-box;
@@ -531,8 +531,8 @@
531
531
  .spinner-rotating-plane {
532
532
  -webkit-animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
533
533
  animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
534
- background: rgba(91,146,250,1);
535
- border: 1px solid rgba(91,146,250,1);
534
+ background: rgba(0,153,255,1);
535
+ border: 1px solid rgba(0,153,255,1);
536
536
  -moz-box-sizing: border-box;
537
537
  box-sizing: border-box;
538
538
  height: 100px;
@@ -558,8 +558,8 @@
558
558
  .spinner-triple-bounce > div {
559
559
  -webkit-animation: spinnerTripleBounce 1.4s infinite ease-in-out;
560
560
  animation: spinnerTripleBounce 1.4s infinite ease-in-out;
561
- background: rgba(91,146,250,1);
562
- border: 1px solid rgba(91,146,250,1);
561
+ background: rgba(0,153,255,1);
562
+ border: 1px solid rgba(0,153,255,1);
563
563
  border-radius: 500px;
564
564
  -moz-box-sizing: border-box;
565
565
  box-sizing: border-box;
@@ -616,8 +616,8 @@
616
616
  .spinner-wander-2 {
617
617
  -webkit-animation: spinnerWander 1.8s infinite ease-in-out;
618
618
  animation: spinnerWander 1.8s infinite ease-in-out;
619
- background: rgba(91,146,250,1);
620
- border: 1px solid rgba(91,146,250,1);
619
+ background: rgba(0,153,255,1);
620
+ border: 1px solid rgba(0,153,255,1);
621
621
  -moz-box-sizing: border-box;
622
622
  box-sizing: border-box;
623
623
  height: 20px;
@@ -650,8 +650,8 @@
650
650
  .spinner-wave > div {
651
651
  -webkit-animation: spinnerWave 1.2s infinite ease-in-out;
652
652
  animation: spinnerWave 1.2s infinite ease-in-out;
653
- background: rgba(91,146,250,1);
654
- border: 1px solid rgba(91,146,250,1);
653
+ background: rgba(0,153,255,1);
654
+ border: 1px solid rgba(0,153,255,1);
655
655
  -moz-box-sizing: border-box;
656
656
  box-sizing: border-box;
657
657
  display: inline-block;
@@ -731,7 +731,7 @@
731
731
  97% { left: 104px; }
732
732
  }
733
733
  .spinner-wobbler {
734
- border: 1px solid rgba(91,146,250,1);
734
+ border: 1px solid rgba(0,153,255,1);
735
735
  border-radius: 500px;
736
736
  -moz-box-sizing: border-box;
737
737
  box-sizing: border-box;
@@ -741,8 +741,8 @@
741
741
  .spinner-wobbler::after {
742
742
  -webkit-animation: spinnerWobbler 15s infinite ease-in-out;
743
743
  animation: spinnerWobbler 15s infinite ease-in-out;
744
- background: rgba(91,146,250,1);
745
- border: 1px solid rgba(91,146,250,1);
744
+ background: rgba(0,153,255,1);
745
+ border: 1px solid rgba(0,153,255,1);
746
746
  border-radius: 500px;
747
747
  -moz-box-sizing: border-box;
748
748
  box-sizing: border-box;
@@ -90,32 +90,32 @@
90
90
  border-color: rgba(42,44,48,1);
91
91
  }
92
92
  .swoggle.swoggle-on.swoggle-blue {
93
- background: rgba(91,146,250,1);
94
- border-color: rgba(91,146,250,1);
93
+ background: rgba(0,153,255,1);
94
+ border-color: rgba(0,153,255,1);
95
95
  }
96
96
  .swoggle.swoggle-on.swoggle-green {
97
- background: rgba(27,192,109,1);
98
- border-color: rgba(27,192,109,1);
97
+ background: rgba(117,210,24,1);
98
+ border-color: rgba(117,210,24,1);
99
99
  }
100
100
  .swoggle.swoggle-on.swoggle-orange {
101
- background: rgba(255,154,46,1);
102
- border-color: rgba(255,154,46,1);
101
+ background: rgba(255,131,0,1);
102
+ border-color: rgba(255,131,0,1);
103
103
  }
104
104
  .swoggle.swoggle-on.swoggle-purple {
105
- background: rgba(81,68,95,1);
106
- border-color: rgba(81,68,95,1);
105
+ background: rgba(126,78,194,1);
106
+ border-color: rgba(126,78,194,1);
107
107
  }
108
108
  .swoggle.swoggle-on.swoggle-red {
109
- background: rgba(225,80,80,1);
110
- border-color: rgba(225,80,80,1);
109
+ background: rgba(240,35,17,1);
110
+ border-color: rgba(240,35,17,1);
111
111
  }
112
112
  .swoggle.swoggle-on.swoggle-smoke {
113
113
  background: rgba(85,94,113,1);
114
114
  border-color: rgba(85,94,113,1);
115
115
  }
116
116
  .swoggle.swoggle-on.swoggle-yellow {
117
- background: rgba(253,245,98,1);
118
- border-color: rgba(253,245,98,1);
117
+ background: rgba(255,245,0,1);
118
+ border-color: rgba(255,245,0,1);
119
119
  }
120
120
  .swoggle.swoggle-animate > div {
121
121
  -webkit-transition: margin-left 0.5s;
@@ -65,7 +65,7 @@
65
65
  width: 100%;
66
66
  }
67
67
  .timepicker-widget table td a:hover {
68
- color: rgba(91,146,250,1);
68
+ color: rgba(0,153,255,1);
69
69
  text-decoration: none;
70
70
  }
71
71
  .timepicker-widget table td input {
@@ -5,8 +5,8 @@
5
5
  /* # Trunk
6
6
  ================================================== */
7
7
  .trunk {
8
- background: rgba(42,44,48,1);
9
- border-bottom: 4px solid rgba(0,0,0,0.2);
8
+ background: rgba(52,64,68,1);
9
+ border-bottom: 2px solid rgba(0,0,0,0.2);
10
10
  left: 0;
11
11
  position: fixed;
12
12
  right: 0;
@@ -30,7 +30,8 @@
30
30
  .trunk-nav > li > a {
31
31
  -webkit-appearance: none;
32
32
  -moz-appearance: none;
33
- border: 1px solid rgba(53,53,53,1);
33
+ border: 1px solid rgba(42,44,48,1);
34
+ border-radius: 0;
34
35
  color: rgba(136,153,166,1);
35
36
  cursor: pointer;
36
37
  display: block;
@@ -53,7 +54,7 @@
53
54
  .trunk-nav > li > a:active,
54
55
  .trunk-nav > li > a:hover,
55
56
  .trunk-nav > li > a:focus {
56
- border-color: rgba(230,230,230,1);
57
+ border-color: rgba(255,255,255,1);
57
58
  color: rgba(255,255,255,1);
58
59
  }
59
60
  .trunk-user {
@@ -73,6 +74,8 @@
73
74
  .trunk-user > li > a {
74
75
  -webkit-appearance: none;
75
76
  -moz-appearance: none;
77
+ border: 0;
78
+ border-radius: 0;
76
79
  color: rgba(136,153,166,1);
77
80
  cursor: pointer;
78
81
  display: block;
@@ -97,9 +100,9 @@
97
100
  .trunk-user > li > a:focus { color: rgba(255,255,255,1); }
98
101
  .trunk-user img,
99
102
  .trunk-user > li.trunk-user-placeholder {
100
- background: rgba(255,255,255,1);
103
+ background: rgba(136,153,166,1);
101
104
  border-radius: 500px;
102
- color: rgba(42,44,48,1);
105
+ color: rgba(255,255,255,1);
103
106
  display: inline-block;
104
107
  height: 40px;
105
108
  margin: 0;