active_frontend 4.5.1 → 5.0.0

Sign up to get free protection for your applications and to get access to all the features.
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;