1
|
|
|
import React, {StyleSheet, Dimensions, PixelRatio} from "react-native"; |
|
|
|
|
2
|
|
|
const {width, height, scale} = Dimensions.get("window"), |
3
|
|
|
vw = width / 100, |
4
|
|
|
vh = height / 100, |
5
|
|
|
vmin = Math.min(vw, vh), |
|
|
|
|
6
|
|
|
vmax = Math.max(vw, vh); |
|
|
|
|
7
|
|
|
|
8
|
|
|
export default StyleSheet.create({ |
9
|
|
|
":global label": { |
10
|
|
|
"display": "inline-block", |
11
|
|
|
"fontWeight": "bold", |
12
|
|
|
"marginBottom": 5, |
13
|
|
|
"maxWidth": "100%" |
14
|
|
|
}, |
15
|
|
|
":global gte_button": { |
16
|
|
|
"border": "1px solid #999", |
17
|
|
|
"borderRadius": 2, |
18
|
|
|
"boxShadow": "1px 1px 3px #ccc", |
19
|
|
|
"color": "#000 !important", |
20
|
|
|
"cursor": "pointer", |
21
|
|
|
"display": "inline-block", |
22
|
|
|
"fontSize": 0.88, |
23
|
|
|
"marginRight": 3, |
24
|
|
|
"paddingTop": 5, |
25
|
|
|
"paddingRight": 8, |
26
|
|
|
"paddingBottom": 5, |
27
|
|
|
"paddingLeft": 8, |
28
|
|
|
"position": "relative", |
29
|
|
|
"float": "left", |
30
|
|
|
"background": "linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%)", |
31
|
|
|
"filter": "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 )" |
32
|
|
|
}, |
33
|
|
|
":global gte_button:hover:not(gte_btn_disabled)": { |
34
|
|
|
"border": "1px solid #666", |
35
|
|
|
"boxShadow": "1px 1px 1px #999", |
36
|
|
|
"background": "linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%)", |
37
|
|
|
"filter": "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 )" |
38
|
|
|
}, |
39
|
|
|
":global gte_buttons_container": { |
40
|
|
|
"float": "left", |
41
|
|
|
"marginTop": 0, |
42
|
|
|
"marginRight": 5, |
43
|
|
|
"marginBottom": 0, |
44
|
|
|
"marginLeft": 0 |
45
|
|
|
}, |
46
|
|
|
":global gte_btn_disabled": { |
47
|
|
|
"background": "#fff", |
48
|
|
|
"boxShadow": "1px 1px 1px #999", |
49
|
|
|
"border": "1px solid #eee", |
50
|
|
|
"cursor": "default", |
51
|
|
|
"color": "#999 !important" |
52
|
|
|
}, |
53
|
|
|
":global gte_editor_popup": { |
54
|
|
|
"height": "100%", |
55
|
|
|
"left": "50%", |
56
|
|
|
"marginLeft": -390, |
57
|
|
|
"position": "fixed", |
58
|
|
|
"top": -20, |
59
|
|
|
"width": 780, |
60
|
|
|
"zIndex": 111, |
61
|
|
|
"opacity": 0 |
62
|
|
|
}, |
63
|
|
|
":global gte_popup_background": { |
64
|
|
|
"visibility": "hidden", |
65
|
|
|
"background": "rgba(0, 0, 0, 0) radial-gradient(ellipse farthest-corner at center center , rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0", |
66
|
|
|
"height": "100%", |
67
|
|
|
"left": 0, |
68
|
|
|
"position": "fixed", |
69
|
|
|
"top": 0, |
70
|
|
|
"width": "100%", |
71
|
|
|
"zIndex": 110 |
72
|
|
|
}, |
73
|
|
|
":global gte_popup_container": { |
74
|
|
|
"display": "table", |
75
|
|
|
"height": "100%", |
76
|
|
|
"width": "100%", |
77
|
|
|
"marginTop": "15%" |
78
|
|
|
}, |
79
|
|
|
":global gte_form_body": { |
80
|
|
|
"paddingTop": 50, |
81
|
|
|
"paddingRight": 0, |
82
|
|
|
"paddingBottom": 50, |
83
|
|
|
"paddingLeft": 0 |
84
|
|
|
}, |
85
|
|
|
":global gte_form_body_content": { |
86
|
|
|
"overflow": "auto", |
87
|
|
|
"position": "relative" |
88
|
|
|
}, |
89
|
|
|
":global gte_popup_container_wrapper": { |
90
|
|
|
"display": "table", |
91
|
|
|
"height": "100%", |
92
|
|
|
"verticalAlign": "middle", |
93
|
|
|
"width": "100%" |
94
|
|
|
}, |
95
|
|
|
":global gte_form_border_box": { |
96
|
|
|
"border": "7px solid rgba(220, 220, 220, 0.5)", |
97
|
|
|
"borderRadius": 10, |
98
|
|
|
"boxShadow": "2px 2px 10px #555", |
99
|
|
|
"boxSizing": "border-box", |
100
|
|
|
"position": "relative" |
101
|
|
|
}, |
102
|
|
|
":global gte_form_fields": { |
103
|
|
|
"background": "white none repeat scroll 0 0", |
104
|
|
|
"border": "2px solid #444", |
105
|
|
|
"borderRadius": 6, |
106
|
|
|
"boxShadow": "0 0 5px #555", |
107
|
|
|
"boxSizing": "border-box" |
108
|
|
|
}, |
109
|
|
|
":global gte_editor_fields": { |
110
|
|
|
"border": "1px solid transparent", |
111
|
|
|
"clear": "both", |
112
|
|
|
"paddingTop": 5, |
113
|
|
|
"paddingRight": "20%", |
114
|
|
|
"paddingBottom": 5, |
115
|
|
|
"paddingLeft": "20%", |
116
|
|
|
"position": "relative" |
117
|
|
|
}, |
118
|
|
|
":global gte_form_content": { |
119
|
|
|
"paddingTop": 10, |
120
|
|
|
"paddingRight": 10, |
121
|
|
|
"paddingBottom": 10, |
122
|
|
|
"paddingLeft": 10, |
123
|
|
|
"position": "relative" |
124
|
|
|
}, |
125
|
|
|
":global gte_header": { |
126
|
|
|
"backgroundColor": "#f3f3f3", |
127
|
|
|
"borderBottom": "1px solid #ddd", |
128
|
|
|
"boxSizing": "border-box", |
129
|
|
|
"fontSize": 1.3, |
130
|
|
|
"height": 50, |
131
|
|
|
"paddingTop": 16, |
132
|
|
|
"paddingRight": 10, |
133
|
|
|
"paddingBottom": 2, |
134
|
|
|
"paddingLeft": 16, |
135
|
|
|
"position": "absolute", |
136
|
|
|
"borderTopLeftRadius": 5, |
137
|
|
|
"borderTopRightRadius": 5, |
138
|
|
|
"left": 2, |
139
|
|
|
"right": 2, |
140
|
|
|
"top": 2, |
141
|
|
|
"width": "auto" |
142
|
|
|
}, |
143
|
|
|
":global gte_footer": { |
144
|
|
|
"backgroundColor": "#f3f3f3", |
145
|
|
|
"borderTop": "1px solid #ddd", |
146
|
|
|
"boxSizing": "border-box", |
147
|
|
|
"height": 50, |
148
|
|
|
"paddingTop": 10, |
149
|
|
|
"paddingRight": 10, |
150
|
|
|
"paddingBottom": 10, |
151
|
|
|
"paddingLeft": 10, |
152
|
|
|
"position": "absolute", |
153
|
|
|
"borderBottomLeftRadius": 5, |
154
|
|
|
"borderBottomRightRadius": 5, |
155
|
|
|
"bottom": 2, |
156
|
|
|
"left": 2, |
157
|
|
|
"right": 2, |
158
|
|
|
"width": "auto" |
159
|
|
|
}, |
160
|
|
|
":global gte_form_err": { |
161
|
|
|
"color": "#b11f1f", |
162
|
|
|
"display": "none", |
163
|
|
|
"float": "left", |
164
|
|
|
"paddingTop": 5, |
165
|
|
|
"paddingRight": 5, |
166
|
|
|
"paddingBottom": 5, |
167
|
|
|
"paddingLeft": 5 |
168
|
|
|
}, |
169
|
|
|
":global gte_form_buttons btn": { |
170
|
|
|
"position": "relative", |
171
|
|
|
"textAlign": "center", |
172
|
|
|
"display": "block", |
173
|
|
|
"marginTop": 0, |
174
|
|
|
"paddingTop": 5, |
175
|
|
|
"paddingRight": 15, |
176
|
|
|
"paddingBottom": 5, |
177
|
|
|
"paddingLeft": 15, |
178
|
|
|
"cursor": "pointer", |
179
|
|
|
"float": "right", |
180
|
|
|
"fontSize": 14, |
181
|
|
|
"textShadow": "0 1px 0 white", |
182
|
|
|
"border": "1px solid #999", |
183
|
|
|
"WebkitBorderRadius": 4, |
184
|
|
|
"MozBorderRadius": 4, |
185
|
|
|
"MsBorderRadius": 4, |
186
|
|
|
"OBorderRadius": 4, |
187
|
|
|
"borderRadius": 4, |
188
|
|
|
"WebkitBoxShadow": "1px 1px 3px #cccccc", |
189
|
|
|
"MozBoxShadow": "1px 1px 3px #cccccc", |
190
|
|
|
"boxShadow": "1px 1px 3px #cccccc", |
191
|
|
|
"backgroundColor": "#f9f9f9 100%", |
192
|
|
|
"backgroundImage": "linear-gradient(top, white 0%, #eeeeee 65%, #f9f9f9 100%)", |
193
|
|
|
"filter": "progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f9f9f9')" |
194
|
|
|
}, |
195
|
|
|
":global gte_form_buttons btn:hover": { |
196
|
|
|
"backgroundColor": "#f3f3f3 100%", |
197
|
|
|
"backgroundImage": "linear-gradient(top, white 0%, #dedede 65%, #f3f3f3 100%)", |
198
|
|
|
"filter": "progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f3f3f3')", |
199
|
|
|
"border": "1px solid #666", |
200
|
|
|
"boxShadow": "1px 1px 3px #888" |
201
|
|
|
}, |
202
|
|
|
":global gte_label": { |
203
|
|
|
"float": "left", |
204
|
|
|
"paddingTop": 6, |
205
|
|
|
"width": "40%" |
206
|
|
|
}, |
207
|
|
|
":global gte_label_text": { |
208
|
|
|
"fontWeight": "normal" |
209
|
|
|
}, |
210
|
|
|
"divgte_field input[type=\"color\"]": { |
211
|
|
|
"paddingTop": 6, |
212
|
|
|
"paddingRight": 4, |
213
|
|
|
"paddingBottom": 6, |
214
|
|
|
"paddingLeft": 4, |
215
|
|
|
"width": "100%", |
216
|
|
|
"resize": "vertical" |
217
|
|
|
}, |
218
|
|
|
"divgte_field input[type=\"date\"]": { |
219
|
|
|
"paddingTop": 6, |
220
|
|
|
"paddingRight": 4, |
221
|
|
|
"paddingBottom": 6, |
222
|
|
|
"paddingLeft": 4, |
223
|
|
|
"width": "100%", |
224
|
|
|
"resize": "vertical" |
225
|
|
|
}, |
226
|
|
|
"divgte_field input[type=\"datetime\"]": { |
227
|
|
|
"paddingTop": 6, |
228
|
|
|
"paddingRight": 4, |
229
|
|
|
"paddingBottom": 6, |
230
|
|
|
"paddingLeft": 4, |
231
|
|
|
"width": "100%", |
232
|
|
|
"resize": "vertical" |
233
|
|
|
}, |
234
|
|
|
"divgte_field input[type=\"datetime-local\"]": { |
235
|
|
|
"paddingTop": 6, |
236
|
|
|
"paddingRight": 4, |
237
|
|
|
"paddingBottom": 6, |
238
|
|
|
"paddingLeft": 4, |
239
|
|
|
"width": "100%", |
240
|
|
|
"resize": "vertical" |
241
|
|
|
}, |
242
|
|
|
"divgte_field input[type=\"email\"]": { |
243
|
|
|
"paddingTop": 6, |
244
|
|
|
"paddingRight": 4, |
245
|
|
|
"paddingBottom": 6, |
246
|
|
|
"paddingLeft": 4, |
247
|
|
|
"width": "100%", |
248
|
|
|
"resize": "vertical" |
249
|
|
|
}, |
250
|
|
|
"divgte_field input[type=\"month\"]": { |
251
|
|
|
"paddingTop": 6, |
252
|
|
|
"paddingRight": 4, |
253
|
|
|
"paddingBottom": 6, |
254
|
|
|
"paddingLeft": 4, |
255
|
|
|
"width": "100%", |
256
|
|
|
"resize": "vertical" |
257
|
|
|
}, |
258
|
|
|
"divgte_field input[type=\"number\"]": { |
259
|
|
|
"paddingTop": 6, |
260
|
|
|
"paddingRight": 4, |
261
|
|
|
"paddingBottom": 6, |
262
|
|
|
"paddingLeft": 4, |
263
|
|
|
"width": "100%", |
264
|
|
|
"resize": "vertical" |
265
|
|
|
}, |
266
|
|
|
"divgte_field input[type=\"password\"]": { |
267
|
|
|
"paddingTop": 6, |
268
|
|
|
"paddingRight": 4, |
269
|
|
|
"paddingBottom": 6, |
270
|
|
|
"paddingLeft": 4, |
271
|
|
|
"width": "100%", |
272
|
|
|
"resize": "vertical" |
273
|
|
|
}, |
274
|
|
|
"divgte_field input[type=\"search\"]": { |
275
|
|
|
"paddingTop": 6, |
276
|
|
|
"paddingRight": 4, |
277
|
|
|
"paddingBottom": 6, |
278
|
|
|
"paddingLeft": 4, |
279
|
|
|
"width": "100%", |
280
|
|
|
"resize": "vertical" |
281
|
|
|
}, |
282
|
|
|
"divgte_field input[type=\"tel\"]": { |
283
|
|
|
"paddingTop": 6, |
284
|
|
|
"paddingRight": 4, |
285
|
|
|
"paddingBottom": 6, |
286
|
|
|
"paddingLeft": 4, |
287
|
|
|
"width": "100%", |
288
|
|
|
"resize": "vertical" |
289
|
|
|
}, |
290
|
|
|
"divgte_field input[type=\"text\"]": { |
291
|
|
|
"paddingTop": 6, |
292
|
|
|
"paddingRight": 4, |
293
|
|
|
"paddingBottom": 6, |
294
|
|
|
"paddingLeft": 4, |
295
|
|
|
"width": "100%", |
296
|
|
|
"resize": "vertical" |
297
|
|
|
}, |
298
|
|
|
"divgte_field input[type=\"time\"]": { |
299
|
|
|
"paddingTop": 6, |
300
|
|
|
"paddingRight": 4, |
301
|
|
|
"paddingBottom": 6, |
302
|
|
|
"paddingLeft": 4, |
303
|
|
|
"width": "100%", |
304
|
|
|
"resize": "vertical" |
305
|
|
|
}, |
306
|
|
|
"divgte_field input[type=\"url\"]": { |
307
|
|
|
"paddingTop": 6, |
308
|
|
|
"paddingRight": 4, |
309
|
|
|
"paddingBottom": 6, |
310
|
|
|
"paddingLeft": 4, |
311
|
|
|
"width": "100%", |
312
|
|
|
"resize": "vertical" |
313
|
|
|
}, |
314
|
|
|
"divgte_field input[type=\"week\"]": { |
315
|
|
|
"paddingTop": 6, |
316
|
|
|
"paddingRight": 4, |
317
|
|
|
"paddingBottom": 6, |
318
|
|
|
"paddingLeft": 4, |
319
|
|
|
"width": "100%", |
320
|
|
|
"resize": "vertical" |
321
|
|
|
}, |
322
|
|
|
"divgte_field textarea": { |
323
|
|
|
"paddingTop": 6, |
324
|
|
|
"paddingRight": 4, |
325
|
|
|
"paddingBottom": 6, |
326
|
|
|
"paddingLeft": 4, |
327
|
|
|
"width": "100%", |
328
|
|
|
"resize": "vertical", |
329
|
|
|
"backgroundColor": "white", |
330
|
|
|
"boxSizing": "border-box", |
331
|
|
|
"transition": "background-color 0.15s ease-in-out 0s", |
332
|
|
|
"MozBorderRadius": 3, |
333
|
|
|
"WebkitBorderRadius": 3, |
334
|
|
|
"KhtmlBorderRadius": 3, |
335
|
|
|
"borderRadius": 3 |
336
|
|
|
}, |
337
|
|
|
"divgte_field input": { |
338
|
|
|
"backgroundColor": "white", |
339
|
|
|
"boxSizing": "border-box", |
340
|
|
|
"transition": "background-color 0.15s ease-in-out 0s", |
341
|
|
|
"MozBorderRadius": 3, |
342
|
|
|
"WebkitBorderRadius": 3, |
343
|
|
|
"KhtmlBorderRadius": 3, |
344
|
|
|
"borderRadius": 3 |
345
|
|
|
}, |
346
|
|
|
":global gte_field": { |
347
|
|
|
"float": "right", |
348
|
|
|
"width": "60%" |
349
|
|
|
}, |
350
|
|
|
"gte_field input:focus": { |
351
|
|
|
"backgroundColor": "#ffe !important", |
352
|
|
|
"MozBorderRadius": 3, |
353
|
|
|
"WebkitBorderRadius": 3, |
354
|
|
|
"KhtmlBorderRadius": 3, |
355
|
|
|
"borderRadius": 3 |
356
|
|
|
}, |
357
|
|
|
"textarea:focus": { |
358
|
|
|
"backgroundColor": "#ffe !important", |
359
|
|
|
"MozBorderRadius": 3, |
360
|
|
|
"WebkitBorderRadius": 3, |
361
|
|
|
"KhtmlBorderRadius": 3, |
362
|
|
|
"borderRadius": 3 |
363
|
|
|
}, |
364
|
|
|
":global gte_msg": { |
365
|
|
|
"paddingTop": 4, |
366
|
|
|
"paddingRight": 6, |
367
|
|
|
"paddingBottom": 4, |
368
|
|
|
"paddingLeft": 6, |
369
|
|
|
"textAlign": "center" |
370
|
|
|
}, |
371
|
|
|
":global fade_in": { |
372
|
|
|
"visibility": "visible", |
373
|
|
|
"opacity": 1, |
374
|
|
|
"transition": "opacity 0.3s linear" |
375
|
|
|
}, |
376
|
|
|
":global fade_out": { |
377
|
|
|
"visibility": "hidden", |
378
|
|
|
"opacity": 0, |
379
|
|
|
"transition": "visibility 0s 0.3s, opacity 0.3s linear" |
380
|
|
|
} |
381
|
|
|
}); |