amcharts.rb 3.2.0.2 → 3.4.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. checksums.yaml +8 -8
  2. data/lib/amcharts.rb +1 -1
  3. data/lib/amcharts/version.rb +1 -1
  4. data/lib/tasks/amcharts.thor +27 -10
  5. data/vendor/assets/images/amcharts/dragIconBlack.gif +0 -0
  6. data/vendor/assets/images/amcharts/dragIconHBlack.gif +0 -0
  7. data/vendor/assets/images/amcharts/export.png +0 -0
  8. data/vendor/assets/images/amcharts/exportWhite.png +0 -0
  9. data/vendor/assets/images/amcharts/lensWhite.png +0 -0
  10. data/vendor/assets/images/amcharts/patterns/black/pattern1.png +0 -0
  11. data/vendor/assets/images/amcharts/patterns/black/pattern2.png +0 -0
  12. data/vendor/assets/images/amcharts/patterns/black/pattern3.png +0 -0
  13. data/vendor/assets/javascripts/amcharts/amcharts.js +337 -321
  14. data/vendor/assets/javascripts/amcharts/amstock.js +88 -85
  15. data/vendor/assets/javascripts/amcharts/changeLog.txt +265 -168
  16. data/vendor/assets/javascripts/amcharts/exporting/amexport.js +73 -72
  17. data/vendor/assets/javascripts/amcharts/exporting/filesaver.js +3 -2
  18. data/vendor/assets/javascripts/amcharts/funnel.js +7 -7
  19. data/vendor/assets/javascripts/amcharts/gauge.js +18 -16
  20. data/vendor/assets/javascripts/amcharts/pie.js +10 -9
  21. data/vendor/assets/javascripts/amcharts/radar.js +5 -5
  22. data/vendor/assets/javascripts/amcharts/serial.js +52 -49
  23. data/vendor/assets/javascripts/amcharts/themes/black.js +206 -0
  24. data/vendor/assets/javascripts/amcharts/themes/chalk.js +216 -0
  25. data/vendor/assets/javascripts/amcharts/themes/dark.js +205 -0
  26. data/vendor/assets/javascripts/amcharts/themes/light.js +197 -0
  27. data/vendor/assets/javascripts/amcharts/themes/patterns.js +259 -0
  28. data/vendor/assets/javascripts/amcharts/xy.js +17 -17
  29. data/vendor/assets/stylesheets/amcharts/style.css +20 -12
  30. metadata +12 -2
@@ -0,0 +1,216 @@
1
+ AmCharts.themes.chalk = {
2
+
3
+ themeName: "chalk",
4
+
5
+ AmChart: {
6
+ color: "#e7e7e7",
7
+ fontFamily: "Covered By Your Grace",
8
+ fontSize: 18,
9
+ handDrawn: true
10
+ },
11
+
12
+ AmCoordinateChart: {
13
+ colors: ["#FFFFFF", "#e384a6", "#f4d499", "#4d90d6", "#c7e38c", "#9986c8", "#edf28c", "#ffd1d4", "#5ee1dc", "#b0eead", "#fef85a", "#8badd2"]
14
+ },
15
+
16
+ AmSlicedChart: {
17
+ outlineAlpha: 1,
18
+ labelTickColor: "#FFFFFF",
19
+ labelTickAlpha: 0.3,
20
+ colors: ["#FFFFFF", "#e384a6", "#f4d499", "#4d90d6", "#c7e38c", "#9986c8", "#edf28c", "#ffd1d4", "#5ee1dc", "#b0eead", "#fef85a", "#8badd2"]
21
+ },
22
+
23
+ AmStockChart: {
24
+ colors: ["#FFFFFF", "#e384a6", "#f4d499", "#4d90d6", "#c7e38c", "#9986c8", "#edf28c", "#ffd1d4", "#5ee1dc", "#b0eead", "#fef85a", "#8badd2"]
25
+ },
26
+
27
+ AmRectangularChart: {
28
+
29
+ zoomOutButtonColor: '#FFFFFF',
30
+ zoomOutButtonRollOverAlpha: 0.15,
31
+ zoomOutButtonImage: "lensWhite.png"
32
+ },
33
+
34
+ AxisBase: {
35
+ axisColor: "#FFFFFF",
36
+ gridColor: "#FFFFFF"
37
+ },
38
+
39
+ ChartScrollbar: {
40
+ backgroundColor: "#FFFFFF",
41
+ backgroundAlpha: 0.2,
42
+ graphFillAlpha: 0.5,
43
+ graphLineAlpha: 0,
44
+ selectedBackgroundColor: "#000000",
45
+ selectedBackgroundAlpha: 0.25,
46
+ fontSize: 15,
47
+ gridAlpha: 0.15
48
+ },
49
+
50
+ ChartCursor: {
51
+ cursorColor: "#FFFFFF",
52
+ color: "#000000"
53
+ },
54
+
55
+ AmLegend: {
56
+ color: "#e7e7e7",
57
+ markerSize: 20
58
+ },
59
+
60
+ AmGraph: {
61
+ lineAlpha: 0.8
62
+ },
63
+
64
+
65
+ GaugeArrow: {
66
+ color: "#FFFFFF",
67
+ alpha: 0.1,
68
+ nailAlpha: 0,
69
+ innerRadius: "40%",
70
+ nailRadius: 15,
71
+ startWidth: 15,
72
+ borderAlpha: 0.8,
73
+ nailBorderAlpha: 0
74
+ },
75
+
76
+ GaugeAxis: {
77
+ tickColor: "#FFFFFF",
78
+ tickAlpha: 0.8,
79
+ tickLength: 15,
80
+ minorTickLength: 8,
81
+ axisThickness: 3,
82
+ axisColor: '#FFFFFF',
83
+ axisAlpha: 0.8,
84
+ bandAlpha: 0.4
85
+ },
86
+
87
+ TrendLine: {
88
+ lineColor: "#c03246",
89
+ lineAlpha: 0.8
90
+ },
91
+
92
+ // ammap
93
+ AmMap: {
94
+ handDrawn: false
95
+ },
96
+
97
+ AreasSettings: {
98
+ alpha: 0.8,
99
+ color: "#FFFFFF",
100
+ colorSolid: "#000000",
101
+ unlistedAreasAlpha: 0.4,
102
+ unlistedAreasColor: "#FFFFFF",
103
+ outlineColor: "#000000",
104
+ outlineAlpha: 0.5,
105
+ outlineThickness: 0.5,
106
+ rollOverColor: "#4d90d6",
107
+ rollOverOutlineColor: "#000000",
108
+ selectedOutlineColor: "#000000",
109
+ selectedColor: "#e384a6",
110
+ unlistedAreasOutlineColor: "#000000",
111
+ unlistedAreasOutlineAlpha: 0.5
112
+ },
113
+
114
+ LinesSettings: {
115
+ color: "#FFFFFF",
116
+ alpha: 0.8
117
+ },
118
+
119
+ ImagesSettings: {
120
+ alpha: 0.8,
121
+ labelFontSize: 16,
122
+ labelColor: "#FFFFFF",
123
+ color: "#FFFFFF",
124
+ labelRollOverColor: "#4d90d6"
125
+ },
126
+
127
+ ZoomControl: {
128
+ buttonRollOverColor: "#4d90d6",
129
+ buttonFillColor: "#e384a6",
130
+ buttonFillAlpha: 0.8,
131
+ buttonBorderColor: "#FFFFFF",
132
+ gridBackgroundColor: "#FFFFFF",
133
+ gridAlpha: 0.8
134
+ },
135
+
136
+ SmallMap: {
137
+ mapColor: "#FFFFFF",
138
+ rectangleColor: "#FFFFFF",
139
+ backgroundColor: "#000000",
140
+ backgroundAlpha: 0.7,
141
+ borderThickness: 1,
142
+ borderAlpha: 0.8
143
+ },
144
+
145
+
146
+ // the defaults below are set using CSS syntax, you can use any existing css property
147
+ // if you don't use Stock chart, you can delete lines below
148
+ PeriodSelector: {
149
+ fontFamily: "Covered By Your Grace",
150
+ fontSize:"16px",
151
+ color: "#e7e7e7"
152
+ },
153
+
154
+ PeriodButton: {
155
+ fontFamily: "Covered By Your Grace",
156
+ fontSize:"16px",
157
+ color: "#e7e7e7",
158
+ background: "transparent",
159
+ opacity: 0.7,
160
+ border: "1px solid rgba(255, 255, 255, .15)",
161
+ MozBorderRadius: "5px",
162
+ borderRadius: "5px",
163
+ margin: "1px",
164
+ outline: "none",
165
+ boxSizing: "border-box"
166
+ },
167
+
168
+ PeriodButtonSelected: {
169
+ fontFamily: "Covered By Your Grace",
170
+ fontSize:"16px",
171
+ color: "#e7e7e7",
172
+ backgroundColor: "rgba(255, 255, 255, 0.1)",
173
+ border: "1px solid rgba(255, 255, 255, .3)",
174
+ MozBorderRadius: "5px",
175
+ borderRadius: "5px",
176
+ margin: "1px",
177
+ outline: "none",
178
+ opacity: 1,
179
+ boxSizing: "border-box"
180
+ },
181
+
182
+ PeriodInputField: {
183
+ fontFamily: "Covered By Your Grace",
184
+ fontSize:"16px",
185
+ color: "#e7e7e7",
186
+ background: "transparent",
187
+ border: "1px solid rgba(255, 255, 255, .15)",
188
+ outline: "none"
189
+ },
190
+
191
+ DataSetSelector: {
192
+ fontFamily: "Covered By Your Grace",
193
+ fontSize:"16px",
194
+ color: "#e7e7e7",
195
+ selectedBackgroundColor: "rgba(255, 255, 255, .25)",
196
+ rollOverBackgroundColor: "rgba(255, 255, 255, .15)"
197
+ },
198
+
199
+ DataSetCompareList: {
200
+ fontFamily: "Covered By Your Grace",
201
+ fontSize:"16px",
202
+ color: "#e7e7e7",
203
+ lineHeight: "100%",
204
+ boxSizing: "initial",
205
+ webkitBoxSizing: "initial",
206
+ border: "1px solid rgba(255, 255, 255, .15)"
207
+ },
208
+
209
+ DataSetSelect: {
210
+ fontFamily: "Covered By Your Grace",
211
+ fontSize:"16px",
212
+ border: "1px solid rgba(255, 255, 255, .15)",
213
+ outline: "none"
214
+ }
215
+
216
+ };
@@ -0,0 +1,205 @@
1
+ AmCharts.themes.dark = {
2
+
3
+ themeName: "dark",
4
+
5
+ AmChart: {
6
+ color: "#e7e7e7"
7
+ },
8
+
9
+ AmCoordinateChart: {
10
+ colors: ["#ae85c9", "#aab9f7", "#b6d2ff", "#c9e6f2", "#c9f0e1", "#e8d685", "#e0ad63", "#d48652", "#d27362", "#495fba", "#7a629b", "#8881cc"]
11
+ },
12
+
13
+ AmStockChart: {
14
+ colors: ["#639dbd", "#e8d685", "#ae85c9", "#c9f0e1", "#d48652", "#629b6d", "#719dc3", "#719dc3"]
15
+ },
16
+
17
+ AmSlicedChart: {
18
+ outlineAlpha: 1,
19
+ outlineThickness: 2,
20
+ labelTickColor: "#FFFFFF",
21
+ labelTickAlpha: 0.3,
22
+ colors: ["#495fba", "#e8d685", "#ae85c9", "#c9f0e1", "#d48652", "#629b6d", "#719dc3", "#719dc3"]
23
+ },
24
+
25
+ AmRectangularChart: {
26
+ zoomOutButtonColor: '#FFFFFF',
27
+ zoomOutButtonRollOverAlpha: 0.15,
28
+ zoomOutButtonImage: "lensWhite.png"
29
+ },
30
+
31
+ AxisBase: {
32
+ axisColor: "#FFFFFF",
33
+ axisAlpha: 0.3,
34
+ gridAlpha: 0.1,
35
+ gridColor: "#FFFFFF",
36
+ dashLength: 3
37
+ },
38
+
39
+ ChartScrollbar: {
40
+ backgroundColor: "#000000",
41
+ backgroundAlpha: 0.2,
42
+ graphFillAlpha: 0.2,
43
+ graphLineAlpha: 0,
44
+ graphFillColor: "#FFFFFF",
45
+ selectedGraphFillColor: "#FFFFFF",
46
+ selectedGraphFillAlpha: 0.4,
47
+ selectedGraphLineColor: "#FFFFFF",
48
+ selectedBackgroundColor: "#FFFFFF",
49
+ selectedBackgroundAlpha: 0.09,
50
+ gridAlpha: 0.15
51
+ },
52
+
53
+ ChartCursor: {
54
+ cursorColor: "#FFFFFF",
55
+ color: "#000000",
56
+ cursorAlpha: 0.5
57
+ },
58
+
59
+ AmLegend: {
60
+ color: "#e7e7e7"
61
+ },
62
+
63
+ AmGraph: {
64
+ lineAlpha: 0.9
65
+ },
66
+
67
+
68
+ GaugeArrow: {
69
+ color: "#FFFFFF",
70
+ alpha: 0.8,
71
+ nailAlpha: 0,
72
+ innerRadius: "40%",
73
+ nailRadius: 15,
74
+ startWidth: 15,
75
+ borderAlpha: 0.8,
76
+ nailBorderAlpha: 0
77
+ },
78
+
79
+ GaugeAxis: {
80
+ tickColor: "#FFFFFF",
81
+ tickAlpha: 1,
82
+ tickLength: 15,
83
+ minorTickLength: 8,
84
+ axisThickness: 3,
85
+ axisColor: '#FFFFFF',
86
+ axisAlpha: 1,
87
+ bandAlpha: 0.8
88
+ },
89
+
90
+ TrendLine: {
91
+ lineColor: "#c03246",
92
+ lineAlpha: 0.8
93
+ },
94
+
95
+ // ammap
96
+ AreasSettings: {
97
+ alpha: 0.8,
98
+ color: "#FFFFFF",
99
+ colorSolid: "#000000",
100
+ unlistedAreasAlpha: 0.4,
101
+ unlistedAreasColor: "#FFFFFF",
102
+ outlineColor: "#000000",
103
+ outlineAlpha: 0.5,
104
+ outlineThickness: 0.5,
105
+ rollOverColor: "#3c5bdc",
106
+ rollOverOutlineColor: "#000000",
107
+ selectedOutlineColor: "#000000",
108
+ selectedColor: "#f15135",
109
+ unlistedAreasOutlineColor: "#000000",
110
+ unlistedAreasOutlineAlpha: 0.5
111
+ },
112
+
113
+ LinesSettings: {
114
+ color: "#FFFFFF",
115
+ alpha: 0.8
116
+ },
117
+
118
+ ImagesSettings: {
119
+ alpha: 0.8,
120
+ labelColor: "#FFFFFF",
121
+ color: "#FFFFFF",
122
+ labelRollOverColor: "#3c5bdc"
123
+ },
124
+
125
+ ZoomControl: {
126
+ buttonRollOverColor: "#3c5bdc",
127
+ buttonFillColor: "#f15135",
128
+ buttonFillAlpha: 0.8,
129
+ gridBackgroundColor: "#FFFFFF",
130
+ buttonBorderAlpha:0,
131
+ buttonCornerRadius:2,
132
+ gridAlpha:0.5,
133
+ gridBackgroundColor:"#FFFFFF",
134
+ homeIconFile:"homeIconWhite.gif",
135
+ buttonIconAlpha:0.6,
136
+ gridAlpha: 0.2,
137
+ buttonSize:20
138
+ },
139
+
140
+ SmallMap: {
141
+ mapColor: "#FFFFFF",
142
+ rectangleColor: "#FFFFFF",
143
+ backgroundColor: "#000000",
144
+ backgroundAlpha: 0.7,
145
+ borderThickness: 1,
146
+ borderAlpha: 0.8
147
+ },
148
+
149
+ // the defaults below are set using CSS syntax, you can use any existing css property
150
+ // if you don't use Stock chart, you can delete lines below
151
+ PeriodSelector: {
152
+ color: "#e7e7e7"
153
+ },
154
+
155
+ PeriodButton: {
156
+ color: "#e7e7e7",
157
+ background: "transparent",
158
+ opacity: 0.7,
159
+ border: "1px solid rgba(255, 255, 255, .15)",
160
+ MozBorderRadius: "5px",
161
+ borderRadius: "5px",
162
+ margin: "1px",
163
+ outline: "none",
164
+ boxSizing: "border-box"
165
+ },
166
+
167
+ PeriodButtonSelected: {
168
+ color: "#e7e7e7",
169
+ backgroundColor: "rgba(255, 255, 255, 0.1)",
170
+ border: "1px solid rgba(255, 255, 255, .3)",
171
+ MozBorderRadius: "5px",
172
+ borderRadius: "5px",
173
+ margin: "1px",
174
+ outline: "none",
175
+ opacity: 1,
176
+ boxSizing: "border-box"
177
+ },
178
+
179
+ PeriodInputField: {
180
+ color: "#e7e7e7",
181
+ background: "transparent",
182
+ border: "1px solid rgba(255, 255, 255, .15)",
183
+ outline: "none"
184
+ },
185
+
186
+ DataSetSelector: {
187
+ color: "#e7e7e7",
188
+ selectedBackgroundColor: "rgba(255, 255, 255, .25)",
189
+ rollOverBackgroundColor: "rgba(255, 255, 255, .15)"
190
+ },
191
+
192
+ DataSetCompareList: {
193
+ color: "#e7e7e7",
194
+ lineHeight: "100%",
195
+ boxSizing: "initial",
196
+ webkitBoxSizing: "initial",
197
+ border: "1px solid rgba(255, 255, 255, .15)"
198
+ },
199
+
200
+ DataSetSelect: {
201
+ border: "1px solid rgba(255, 255, 255, .15)",
202
+ outline: "none"
203
+ }
204
+
205
+ };
@@ -0,0 +1,197 @@
1
+ AmCharts.themes.light = {
2
+
3
+ AmChart: {
4
+ color: "#000000"
5
+ },
6
+
7
+ AmCoordinateChart: {
8
+ colors: ["#67b7dc", "#fdd400", "#84b761", "#cc4748", "#cd82ad", "#2f4074", "#448e4d", "#b7b83f", "#b9783f", "#b93e3d", "#913167"]
9
+ },
10
+
11
+ AmStockChart: {
12
+ colors: ["#67b7dc", "#fdd400", "#84b761", "#cc4748", "#cd82ad", "#2f4074", "#448e4d", "#b7b83f", "#b9783f", "#b93e3d", "#913167"]
13
+ },
14
+
15
+ AmSlicedChart: {
16
+ colors: ["#67b7dc", "#fdd400", "#84b761", "#cc4748", "#cd82ad", "#2f4074", "#448e4d", "#b7b83f", "#b9783f", "#b93e3d", "#913167"],
17
+ outlineAlpha: 1,
18
+ outlineThickness: 2,
19
+ labelTickColor: "#000000",
20
+ labelTickAlpha: 0.3
21
+ },
22
+
23
+ AmRectangularChart: {
24
+ zoomOutButtonColor: '#000000',
25
+ zoomOutButtonRollOverAlpha: 0.15,
26
+ zoomOutButtonImage: "lens.png"
27
+ },
28
+
29
+ AxisBase: {
30
+ axisColor: "#000000",
31
+ axisAlpha: 0.3,
32
+ gridAlpha: 0.1,
33
+ gridColor: "#000000"
34
+ },
35
+
36
+ ChartScrollbar: {
37
+ backgroundColor: "#000000",
38
+ backgroundAlpha: 0.12,
39
+ graphFillAlpha: 0.5,
40
+ graphLineAlpha: 0,
41
+ selectedBackgroundColor: "#FFFFFF",
42
+ selectedBackgroundAlpha: 0.4,
43
+ gridAlpha: 0.15
44
+ },
45
+
46
+ ChartCursor: {
47
+ cursorColor: "#000000",
48
+ color: "#FFFFFF",
49
+ cursorAlpha: 0.5
50
+ },
51
+
52
+ AmLegend: {
53
+ color: "#000000"
54
+ },
55
+
56
+ AmGraph: {
57
+ lineAlpha: 0.9
58
+ },
59
+ GaugeArrow: {
60
+ color: "#000000",
61
+ alpha: 0.8,
62
+ nailAlpha: 0,
63
+ innerRadius: "40%",
64
+ nailRadius: 15,
65
+ startWidth: 15,
66
+ borderAlpha: 0.8,
67
+ nailBorderAlpha: 0
68
+ },
69
+
70
+ GaugeAxis: {
71
+ tickColor: "#000000",
72
+ tickAlpha: 1,
73
+ tickLength: 15,
74
+ minorTickLength: 8,
75
+ axisThickness: 3,
76
+ axisColor: '#000000',
77
+ axisAlpha: 1,
78
+ bandAlpha: 0.8
79
+ },
80
+
81
+ TrendLine: {
82
+ lineColor: "#c03246",
83
+ lineAlpha: 0.8
84
+ },
85
+
86
+ // ammap
87
+ AreasSettings: {
88
+ alpha: 0.8,
89
+ color: "#67b7dc",
90
+ colorSolid: "#003767",
91
+ unlistedAreasAlpha: 0.4,
92
+ unlistedAreasColor: "#000000",
93
+ outlineColor: "#FFFFFF",
94
+ outlineAlpha: 0.5,
95
+ outlineThickness: 0.5,
96
+ rollOverColor: "#3c5bdc",
97
+ rollOverOutlineColor: "#FFFFFF",
98
+ selectedOutlineColor: "#FFFFFF",
99
+ selectedColor: "#f15135",
100
+ unlistedAreasOutlineColor: "#FFFFFF",
101
+ unlistedAreasOutlineAlpha: 0.5
102
+ },
103
+
104
+ LinesSettings: {
105
+ color: "#000000",
106
+ alpha: 0.8
107
+ },
108
+
109
+ ImagesSettings: {
110
+ alpha: 0.8,
111
+ labelColor: "#000000",
112
+ color: "#000000",
113
+ labelRollOverColor: "#3c5bdc"
114
+ },
115
+
116
+ ZoomControl: {
117
+ buttonRollOverColor: "#3c5bdc",
118
+ buttonFillColor: "#3994e2",
119
+ buttonBorderColor: "#3994e2",
120
+ buttonFillAlpha: 0.8,
121
+ gridBackgroundColor: "#FFFFFF",
122
+ buttonBorderAlpha:0,
123
+ buttonCornerRadius:2,
124
+ gridColor:"#FFFFFF",
125
+ gridBackgroundColor:"#000000",
126
+ buttonIconAlpha:0.6,
127
+ gridAlpha: 0.6,
128
+ buttonSize:20
129
+ },
130
+
131
+ SmallMap: {
132
+ mapColor: "#000000",
133
+ rectangleColor: "#f15135",
134
+ backgroundColor: "#FFFFFF",
135
+ backgroundAlpha: 0.7,
136
+ borderThickness: 1,
137
+ borderAlpha: 0.8
138
+ },
139
+
140
+ // the defaults below are set using CSS syntax, you can use any existing css property
141
+ // if you don't use Stock chart, you can delete lines below
142
+ PeriodSelector: {
143
+ color: "#000000"
144
+ },
145
+
146
+ PeriodButton: {
147
+ color: "#000000",
148
+ background: "transparent",
149
+ opacity: 0.7,
150
+ border: "1px solid rgba(0, 0, 0, .3)",
151
+ MozBorderRadius: "5px",
152
+ borderRadius: "5px",
153
+ margin: "1px",
154
+ outline: "none",
155
+ boxSizing: "border-box"
156
+ },
157
+
158
+ PeriodButtonSelected: {
159
+ color: "#000000",
160
+ backgroundColor: "#b9cdf5",
161
+ border: "1px solid rgba(0, 0, 0, .3)",
162
+ MozBorderRadius: "5px",
163
+ borderRadius: "5px",
164
+ margin: "1px",
165
+ outline: "none",
166
+ opacity: 1,
167
+ boxSizing: "border-box"
168
+ },
169
+
170
+ PeriodInputField: {
171
+ color: "#000000",
172
+ background: "transparent",
173
+ border: "1px solid rgba(0, 0, 0, .3)",
174
+ outline: "none"
175
+ },
176
+
177
+ DataSetSelector: {
178
+
179
+ color: "#000000",
180
+ selectedBackgroundColor: "#b9cdf5",
181
+ rollOverBackgroundColor: "#a8b0e4"
182
+ },
183
+
184
+ DataSetCompareList: {
185
+ color: "#000000",
186
+ lineHeight: "100%",
187
+ boxSizing: "initial",
188
+ webkitBoxSizing: "initial",
189
+ border: "1px solid rgba(0, 0, 0, .3)"
190
+ },
191
+
192
+ DataSetSelect: {
193
+ border: "1px solid rgba(0, 0, 0, .3)",
194
+ outline: "none"
195
+ }
196
+
197
+ };