active_frontend 1.0.11 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (54) hide show
  1. checksums.yaml +4 -4
  2. data/lib/active_frontend/version.rb +1 -1
  3. data/vendor/assets/javascripts/affix.js +2 -2
  4. data/vendor/assets/javascripts/alert.js +1 -1
  5. data/vendor/assets/javascripts/button.js +1 -1
  6. data/vendor/assets/javascripts/carousel.js +1 -1
  7. data/vendor/assets/javascripts/collapse.js +2 -2
  8. data/vendor/assets/javascripts/dropdown.js +8 -4
  9. data/vendor/assets/javascripts/loader.js +361 -0
  10. data/vendor/assets/javascripts/map.js +8 -0
  11. data/vendor/assets/javascripts/popover.js +2 -2
  12. data/vendor/assets/javascripts/scrollspy.js +2 -2
  13. data/vendor/assets/javascripts/tab.js +1 -1
  14. data/vendor/assets/javascripts/tooltip.js +3 -3
  15. data/vendor/assets/stylesheets/affix.scss +4 -1
  16. data/vendor/assets/stylesheets/alert.scss +23 -8
  17. data/vendor/assets/stylesheets/animation.scss +185 -185
  18. data/vendor/assets/stylesheets/aside.scss +13 -13
  19. data/vendor/assets/stylesheets/breadcrumb.scss +2 -2
  20. data/vendor/assets/stylesheets/button.scss +102 -239
  21. data/vendor/assets/stylesheets/canvas.scss +77 -0
  22. data/vendor/assets/stylesheets/carousel.scss +3 -3
  23. data/vendor/assets/stylesheets/code.scss +48 -54
  24. data/vendor/assets/stylesheets/collapse.scss +2 -2
  25. data/vendor/assets/stylesheets/datepicker.scss +17 -17
  26. data/vendor/assets/stylesheets/dropdown.scss +11 -11
  27. data/vendor/assets/stylesheets/footer.scss +88 -20
  28. data/vendor/assets/stylesheets/form.scss +25 -59
  29. data/vendor/assets/stylesheets/grid.scss +137 -168
  30. data/vendor/assets/stylesheets/header.scss +61 -98
  31. data/vendor/assets/stylesheets/image.scss +24 -269
  32. data/vendor/assets/stylesheets/label_and_badge.scss +50 -49
  33. data/vendor/assets/stylesheets/link.scss +11 -7
  34. data/vendor/assets/stylesheets/loader.scss +56 -0
  35. data/vendor/assets/stylesheets/map.scss +1 -1
  36. data/vendor/assets/stylesheets/modal.scss +13 -13
  37. data/vendor/assets/stylesheets/nav_and_tab.scss +12 -12
  38. data/vendor/assets/stylesheets/pagination.scss +3 -3
  39. data/vendor/assets/stylesheets/panel.scss +2 -2
  40. data/vendor/assets/stylesheets/placeholder.scss +1 -1
  41. data/vendor/assets/stylesheets/popover.scss +12 -12
  42. data/vendor/assets/stylesheets/progress.scss +5 -5
  43. data/vendor/assets/stylesheets/reset.scss +10 -9
  44. data/vendor/assets/stylesheets/sidebar.scss +65 -0
  45. data/vendor/assets/stylesheets/spinner.scss +100 -112
  46. data/vendor/assets/stylesheets/swoggle.scss +29 -26
  47. data/vendor/assets/stylesheets/table.scss +7 -7
  48. data/vendor/assets/stylesheets/timepicker.scss +10 -10
  49. data/vendor/assets/stylesheets/tooltip.scss +9 -9
  50. data/vendor/assets/stylesheets/transition.scss +1 -1
  51. data/vendor/assets/stylesheets/trunk.scss +19 -24
  52. data/vendor/assets/stylesheets/typeahead.scss +1 -1
  53. data/vendor/assets/stylesheets/typography.scss +7 -7
  54. metadata +6 -2
@@ -7,10 +7,11 @@
7
7
  .badge,
8
8
  .label {
9
9
  background: rgba(240,243,245,1);
10
+ border: 1px solid rgba(240,243,245,1);
10
11
  border-radius: 2px;
11
12
  color: rgba(43,50,53,1);
12
13
  display: inline-block;
13
- padding: 7px;
14
+ padding: 6px;
14
15
  font-size: 12px;
15
16
  font-weight: bold;
16
17
  line-height: 12px;
@@ -37,74 +38,74 @@
37
38
  .badge-smoke,
38
39
  .label-smoke,
39
40
  .badge-white,
40
- .label-white { color: rgba(255,255,255,1); }
41
+ .label-white,
42
+ .badge-yellow,
43
+ .label-yellow { color: rgba(255,255,255,1); }
41
44
  .badge-black,
42
- .label-black { background: rgba(56,67,81,1); }
45
+ .label-black {
46
+ background: rgba(43,50,53,1);
47
+ border-color: rgba(43,50,53,1);
48
+ }
43
49
  .badge-blue,
44
- .label-blue { background: rgba(15,135,226,1); }
50
+ .label-blue {
51
+ background: rgba(0,132,255,1);
52
+ border-color: rgba(0,132,255,1);
53
+ }
45
54
  .badge-green,
46
- .label-green { background: rgba(112,169,13,1); }
55
+ .label-green {
56
+ background: rgba(68,205,1,1);
57
+ border-color: rgba(68,205,1,1);
58
+ }
47
59
  .badge-orange,
48
- .label-orange { background: rgba(232,126,15,1); }
60
+ .label-orange {
61
+ background: rgba(255,131,0,1);
62
+ border-color: rgba(255,131,0,1);
63
+ }
49
64
  .badge-purple,
50
- .label-purple { background: rgba(117,73,170,1); }
65
+ .label-purple {
66
+ background: rgba(196,0,235,1);
67
+ border-color: rgba(196,0,235,1);
68
+ }
51
69
  .badge-red,
52
- .label-red { background: rgba(218,79,46,1);}
70
+ .label-red {
71
+ background: rgba(255,59,48,1);
72
+ border-color: rgba(255,59,48,1);
73
+ }
53
74
  .badge-smoke,
54
- .label-smoke { background: rgba(102,117,127,1); }
75
+ .label-smoke {
76
+ background: rgba(102,117,127,1);
77
+ border-color: rgba(102,117,127,1);
78
+ }
55
79
  .badge-white,
56
- .label-white { background: rgba(255,255,255,1); }
80
+ .label-white {
81
+ background: rgba(255,255,255,1);
82
+ border-color: rgba(255,255,255,1);
83
+ }
57
84
  .badge-yellow,
58
- .label-yellow { background: rgba(255,217,15,1); }
85
+ .label-yellow {
86
+ background: rgba(255,235,0,1);
87
+ border-color: rgba(255,235,0,1);
88
+ }
59
89
  .badge.badge-outline,
60
90
  .label.label-outline {
61
91
  background: transparent;
62
- border: 1px solid rgba(136,153,166,1);
63
92
  color: rgba(136,153,166,1);
64
- padding: 6px;
65
93
  }
66
94
  .badge-black.badge-outline,
67
- .label-black.label-outline {
68
- border-color: rgba(56,67,81,1);
69
- color: rgba(56,67,81,1);
70
- }
95
+ .label-black.label-outline { color: rgba(43,50,53,1); }
71
96
  .badge-blue.badge-outline,
72
- .label-blue.label-outline {
73
- border-color: rgba(15,135,226,1);
74
- color: rgba(15,135,226,1);
75
- }
97
+ .label-blue.label-outline { color: rgba(0,132,255,1); }
76
98
  .badge-green.badge-outline,
77
- .label-green.label-outline {
78
- border-color: rgba(112,169,13,1);
79
- color: rgba(112,169,13,1);
80
- }
99
+ .label-green.label-outline { color: rgba(68,205,1,1); }
81
100
  .badge-orange.badge-outline,
82
- .label-orange.label-outline {
83
- border-color: rgba(232,126,15,1);
84
- color: rgba(232,126,15,1);
85
- }
101
+ .label-orange.label-outline { color: rgba(255,131,0,1); }
86
102
  .badge-purple.badge-outline,
87
- .label-purple.label-outline {
88
- border-color: rgba(117,73,170,1);
89
- color: rgba(117,73,170,1);
90
- }
103
+ .label-purple.label-outline { color: rgba(196,0,235,1); }
91
104
  .badge-red.badge-outline,
92
- .label-red.label-outline {
93
- border-color: rgba(218,79,46,1);
94
- color: rgba(218,79,46,1);
95
- }
105
+ .label-red.label-outline { color: rgba(255,59,48,1); }
96
106
  .badge-smoke.badge-outline,
97
- .label-smoke.label-outline {
98
- border-color: rgba(102,117,127,1);
99
- color: rgba(102,117,127,1);
100
- }
107
+ .label-smoke.label-outline { color: rgba(102,117,127,1); }
101
108
  .badge-white.badge-outline,
102
- .label-white.label-outline {
103
- border-color: rgba(255,255,255,1);
104
- color: rgba(255,255,255,1);
105
- }
109
+ .label-white.label-outline { color: rgba(255,255,255,1); }
106
110
  .badge-yellow.badge-outline,
107
- .label-yellow.label-outline {
108
- border-color: rgba(255,217,15,1);
109
- color: rgba(255,217,15,1);
110
- }
111
+ .label-yellow.label-outline { color: rgba(255,235,0,1); }
@@ -7,19 +7,23 @@
7
7
  ================================================== */
8
8
  a {
9
9
  -webkit-transition: all 0.3s ease-in-out;
10
- transition: all 0.3s ease-in-out;
10
+ transition: all 0.3s ease-in-out;
11
11
  text-decoration: none;
12
12
  }
13
+ a[disabled] {
14
+ cursor: not-allowed;
15
+ pointer-events: none;
16
+ }
13
17
 
14
18
  /* # Colors
15
19
  ================================================== */
16
20
  .link-black { color: rgba(43,50,53,1); }
17
- .link-blue { color: rgba(15,135,226,1); }
21
+ .link-blue { color: rgba(0,132,255,1); }
18
22
  .link-gray { color: rgba(136,153,166,1); }
19
- .link-green { color: rgba(112,169,13,1); }
20
- .link-orange { color: rgba(232,126,15,1); }
21
- .text-purple { color: rgba(117,73,170,1); }
22
- .link-red { color: rgba(218,79,46,1); }
23
+ .link-green { color: rgba(68,205,1,1); }
24
+ .link-orange { color: rgba(255,131,0,1); }
25
+ .text-purple { color: rgba(196,0,235,1); }
26
+ .link-red { color: rgba(255,59,48,1); }
23
27
  .link-smoke { color: rgba(102,117,127,1); }
24
28
  .link-white { color: rgba(255,255,255,1); }
25
- .link-yellow { color: rgba(255,217,15,1); }
29
+ .link-yellow { color: rgba(255,235,0,1); }
@@ -0,0 +1,56 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Loader */
4
+
5
+ /* # Loader
6
+ ================================================== */
7
+ @-webkit-keyframes loader-spinner {
8
+ 0% { -webkit-transform: rotate(0deg); }
9
+ 100% { -webkit-transform: rotate(360deg); }
10
+ }
11
+ @keyframes loader-spinner {
12
+ 0% { transform: rotate(0deg); }
13
+ 100% { transform: rotate(360deg); }
14
+ }
15
+ .loader-bar {
16
+ background: rgba(0,132,255,1);
17
+ height: 2px;
18
+ left: 0;
19
+ pointer-events: none;
20
+ position: fixed;
21
+ top: 0;
22
+ width: 100%;
23
+ z-index: 9999;
24
+ }
25
+ .loader-peg {
26
+ box-shadow: 0 0 10px rgba(0,132,255,1), 0 0 5px rgba(0,132,255,1);
27
+ display: block;
28
+ height: 100%;
29
+ opacity: 1;
30
+ pointer-events: none;
31
+ position: absolute;
32
+ right: 0px;
33
+ -webkit-transform: rotate(3deg) translate(0px, -4px);
34
+ transform: rotate(3deg) translate(0px, -4px);
35
+ width: 100px;
36
+ }
37
+ .loader-spinner {
38
+ display: block;
39
+ pointer-events: none;
40
+ position: fixed;
41
+ right: 15px;
42
+ top: 15px;
43
+ z-index: 9999;
44
+ }
45
+ .loader-spinner-icon {
46
+ -webkit-animation: loader-spinner 400ms linear infinite;
47
+ animation: loader-spinner 400ms linear infinite;
48
+ border: solid 2px transparent;
49
+ border-left-color: rgba(0,132,255,1);
50
+ border-top-color: rgba(0,132,255,1);
51
+ border-radius: 500px;
52
+ box-sizing: border-box;
53
+ height: 18px;
54
+ pointer-events: none;
55
+ width: 18px;
56
+ }
@@ -8,6 +8,6 @@
8
8
  background: rgba(245,248,250,1);
9
9
  display: block;
10
10
  min-height: 220px;
11
- min-width:220px;
11
+ min-width:220px;
12
12
  }
13
13
  .map-center { margin: 0 auto; }
@@ -40,14 +40,14 @@
40
40
  }
41
41
  .modal.fade {
42
42
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
43
- transition: opacity 0.3s linear, top 0.3s ease-out;
43
+ transition: opacity 0.3s linear, top 0.3s ease-out;
44
44
  top: -100%;
45
45
  }
46
46
  .modal.fade.in { top: 15%; }
47
47
  .modal-header {
48
48
  border-top-right-radius: 5px;
49
- border-top-left-radius: 5px;
50
- padding: 21px 15px 18px 15px;
49
+ border-top-left-radius: 5px;
50
+ padding: 19px 15px 20px 15px;
51
51
  }
52
52
  .modal-header h3 {
53
53
  font-size: 17px;
@@ -55,11 +55,11 @@
55
55
  line-height: 17px;
56
56
  margin: 0;
57
57
  text-transform: uppercase;
58
- text-align: center;
58
+ text-align: center;
59
59
  }
60
60
  .modal-body {
61
61
  border-bottom: 1px solid rgba(225,232,237,1);
62
- border-top: 1px solid rgba(225,232,237,1);
62
+ border-top: 1px solid rgba(225,232,237,1);
63
63
  max-height: 300px;
64
64
  overflow-y: scroll;
65
65
  padding: 15px 18px;
@@ -68,7 +68,7 @@
68
68
  .modal-body p:last-child { margin-bottom: 0; }
69
69
  .modal-footer {
70
70
  border-bottom-right-radius: 5px;
71
- border-bottom-left-radius: 5px;
71
+ border-bottom-left-radius: 5px;
72
72
  margin-bottom: 0;
73
73
  padding: 0;
74
74
  }
@@ -77,24 +77,24 @@
77
77
  button.modal-footer-btn,
78
78
  input.modal-footer-btn {
79
79
  -webkit-appearance: none;
80
- -moz-appearance: none;
80
+ -moz-appearance: none;
81
81
  background: rgba(255,255,255,1);
82
82
  border: 0;
83
83
  -moz-box-sizing: border-box;
84
- box-sizing: border-box;
85
- color: rgba(15,135,226,1) !important;
84
+ box-sizing: border-box;
85
+ color: rgba(0,132,255,1) !important;
86
86
  cursor: pointer;
87
87
  float: left;
88
88
  -webkit-font-smoothing: antialiased;
89
- font-weight: 500;
90
- font-size: 13px;
89
+ font-weight: 500;
90
+ font-size: 13px;
91
91
  line-height: 13px;
92
92
  margin: 0;
93
93
  padding: 20px 0 18px 0;
94
94
  text-rendering: geometricPrecision;
95
95
  text-transform: uppercase;
96
- text-indent: 0;
97
- text-align: center;
96
+ text-indent: 0;
97
+ text-align: center;
98
98
  vertical-align: middle;
99
99
  width: 100%;
100
100
  }
@@ -17,7 +17,7 @@
17
17
  color: rgba(136,153,166,1);
18
18
  display: block;
19
19
  font-weight: bold;
20
- font-size: 14px;
20
+ font-size: 14px;
21
21
  line-height: 14px;
22
22
  }
23
23
  .nav > li > a:hover,
@@ -26,13 +26,13 @@
26
26
  text-decoration: none;
27
27
  }
28
28
  .nav-header {
29
- background: rgba(15,135,226,1);
29
+ background: rgba(0,132,255,1);
30
30
  border-top-right-radius: 3px;
31
- border-top-left-radius: 3px;
31
+ border-top-left-radius: 3px;
32
32
  color: rgba(255,255,255,1);
33
33
  display: block;
34
34
  font-weight: bold;
35
- font-size: 14px;
35
+ font-size: 14px;
36
36
  line-height: 20px;
37
37
  padding: 10px 15px;
38
38
  }
@@ -40,12 +40,12 @@
40
40
  .nav-list {
41
41
  margin-bottom: 0;
42
42
  padding-right: 15px;
43
- padding-left: 15px;
43
+ padding-left: 15px;
44
44
  }
45
45
  .nav-list > li > a,
46
46
  .nav-list .nav-header {
47
47
  margin-right: -15px;
48
- margin-left: -15px;
48
+ margin-left: -15px;
49
49
  }
50
50
  .nav-list > li > a {
51
51
  color: rgba(136,153,166,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(15,135,226,1);
90
+ color: rgba(0,132,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(15,135,226,1);
104
+ background: rgba(0,132,255,1);
105
105
  color: rgba(255,255,255,1);
106
106
  }
107
107
  .nav-stacked > li { float: none; }
@@ -114,11 +114,11 @@
114
114
  }
115
115
  .nav-tabs.nav-stacked > li:first-child > a {
116
116
  border-top-right-radius: 3px;
117
- border-top-left-radius: 3px;
117
+ border-top-left-radius: 3px;
118
118
  }
119
119
  .nav-tabs.nav-stacked > li:last-child > a {
120
120
  border-bottom-right-radius: 3px;
121
- border-bottom-left-radius: 3px;
121
+ border-bottom-left-radius: 3px;
122
122
  }
123
123
  .nav-tabs.nav-stacked > li > a:hover,
124
124
  .nav-tabs.nav-stacked > li > a:focus {
@@ -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(15,135,226,1);
132
+ background: rgba(0,132,255,1);
133
133
  color: rgba(255,255,255,1);
134
134
  border-bottom: 0;
135
135
  padding: 10px;
@@ -168,7 +168,7 @@
168
168
  .tabs-left > .nav-tabs > li > a,
169
169
  .tabs-right > .nav-tabs > li > a {
170
170
  margin-bottom: 3px;
171
- margin-right: 0;
171
+ margin-right: 0;
172
172
  min-width: 50px;
173
173
  }
174
174
  .tabs-left > .nav-tabs {
@@ -7,7 +7,7 @@
7
7
  .pagination ul {
8
8
  display: inline-block;
9
9
  margin-bottom: 0;
10
- margin-left: 0;
10
+ margin-left: 0;
11
11
  padding: 0;
12
12
  }
13
13
  .pagination ul > li {
@@ -23,12 +23,12 @@
23
23
  min-width: 8px;
24
24
  padding: 9px 10px 7px 10px;
25
25
  text-decoration: none;
26
- text-align: center;
26
+ text-align: center;
27
27
  }
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(15,135,226,1);
31
+ background: rgba(0,132,255,1);
32
32
  border-radius: 500px;
33
33
  color: rgba(255,255,255,1);
34
34
  min-width: 8px;
@@ -12,7 +12,7 @@
12
12
  .panel > .list-group { margin-bottom: 0; }
13
13
  .panel > .list-group .list-group-item {
14
14
  border-radius: 0;
15
- border-width: 1px 0;
15
+ border-width: 1px 0;
16
16
  }
17
17
  .panel > .list-group .list-group-item:first-child { border-top: 0; }
18
18
  .panel > .list-group .list-group-item:last-child { border-bottom: 0; }
@@ -35,7 +35,7 @@
35
35
  font-size: 17px;
36
36
  line-height: 17px;
37
37
  margin-bottom: 0;
38
- margin-top: 0;
38
+ margin-top: 0;
39
39
  }
40
40
  .panel-title > a { color: rgba(71,74,84,1); }
41
41
  .panel-title > a:hover { color: rgba(15,135,226,1); }
@@ -8,7 +8,7 @@
8
8
  ================================================== */
9
9
  .placeholder { text-align: center; }
10
10
  .placeholder i {
11
- background: rgba(15,135,226,1);
11
+ background: rgba(0,132,255,1);
12
12
  border-radius: 500px;
13
13
  color: rgba(255,255,255,1);
14
14
  display: inline-block;
@@ -16,8 +16,8 @@
16
16
  left: 0;
17
17
  position: absolute;
18
18
  text-decoration: none;
19
- text-transform: none;
20
- text-align: left;
19
+ text-transform: none;
20
+ text-align: left;
21
21
  top: 0;
22
22
  width: 276px;
23
23
  white-space: normal;
@@ -32,7 +32,7 @@
32
32
  border-bottom: 1px solid rgba(225,232,237,1);
33
33
  color: rgba(43,50,53,1);
34
34
  font-weight: bold;
35
- font-size: 14px;
35
+ font-size: 14px;
36
36
  letter-spacing: 0;
37
37
  line-height: 18px;
38
38
  margin: 0;
@@ -44,7 +44,7 @@
44
44
  color: rgba(43,50,53,1);
45
45
  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
46
46
  font-weight: normal;
47
- font-size: 14px;
47
+ font-size: 14px;
48
48
  letter-spacing: 0;
49
49
  line-height: 20px;
50
50
  padding: 10px 15px;
@@ -65,53 +65,53 @@
65
65
  }
66
66
  .popover.top .arrow {
67
67
  border-bottom-width: 0;
68
- border-top-color: rgba(235,238,240,1);
68
+ border-top-color: rgba(235,238,240,1);
69
69
  bottom: -11px;
70
70
  left: 50%;
71
71
  margin-left: -11px;
72
72
  }
73
73
  .popover.top .arrow:after {
74
74
  border-bottom-width: 0;
75
- border-top-color: rgba(255,255,255,1);
75
+ border-top-color: rgba(255,255,255,1);
76
76
  bottom: 1px;
77
77
  margin-left: -10px;
78
78
  }
79
79
  .popover.right .arrow {
80
80
  border-right-color: rgba(235,238,240,1);
81
- border-left-width: 0;
81
+ border-left-width: 0;
82
82
  left: -11px;
83
83
  margin-top: -11px;
84
84
  top: 50%;
85
85
  }
86
86
  .popover.right .arrow:after {
87
87
  border-right-color: rgba(255,255,255,1);
88
- border-left-width: 0;
88
+ border-left-width: 0;
89
89
  bottom: -10px;
90
90
  left: 1px;
91
91
  }
92
92
  .popover.bottom .arrow {
93
93
  border-bottom-color: rgba(235,238,240,1);
94
- border-top-width: 0;
94
+ border-top-width: 0;
95
95
  left: 50%;
96
96
  margin-left: -11px;
97
97
  top: -11px;
98
98
  }
99
99
  .popover.bottom .arrow:after {
100
100
  border-bottom-color: rgba(255,255,255,1);
101
- border-top-width: 0;
101
+ border-top-width: 0;
102
102
  margin-left: -10px;
103
103
  top: 1px;
104
104
  }
105
105
  .popover.left .arrow {
106
106
  border-right-width: 0;
107
- border-left-color: rgba(235,238,240,1);
107
+ border-left-color: rgba(235,238,240,1);
108
108
  margin-top: -11px;
109
109
  right: -11px;
110
110
  top: 50%;
111
111
  }
112
112
  .popover.left .arrow:after {
113
113
  border-right-width: 0;
114
- border-left-color: rgba(255,255,255,1);
114
+ border-left-color: rgba(255,255,255,1);
115
115
  bottom: -10px;
116
116
  right: 1px;
117
117
  }