framework7_rails 1.0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,597 @@
1
+ /**
2
+ * Framework7 1.0.0
3
+ * Full Featured Mobile HTML Framework For Building iOS Apps
4
+ *
5
+ * http://www.idangero.us/framework7
6
+ *
7
+ * Copyright 2015, Vladimir Kharlampidi
8
+ * The iDangero.us
9
+ * http://www.idangero.us/
10
+ *
11
+ * Licensed under MIT
12
+ *
13
+ * Released on: February 6, 2015
14
+ */
15
+ /*=============
16
+ Framework 7 RTL Additions
17
+ =============*/
18
+ html {
19
+ direction: rtl;
20
+ }
21
+ /* === Lists === */
22
+ .list-block ul ul {
23
+ padding-left: 0;
24
+ padding-right: 45px;
25
+ }
26
+ .list-block .item-content {
27
+ padding-left: 0;
28
+ padding-right: 15px;
29
+ }
30
+ .list-block .item-inner {
31
+ padding-right: 0;
32
+ padding-left: 15px;
33
+ }
34
+ .list-block .item-after {
35
+ margin-left: 0;
36
+ margin-right: 5px;
37
+ }
38
+ .list-block .item-media i + i,
39
+ .list-block .item-media i + img {
40
+ margin-left: 0;
41
+ margin-right: 5px;
42
+ }
43
+ .list-block .item-media + .item-inner {
44
+ margin-left: 0;
45
+ margin-right: 15px;
46
+ }
47
+ .list-block .item-link .item-inner {
48
+ padding-right: 0;
49
+ padding-left: 35px;
50
+ background-position: 15px center;
51
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc' transform='translate(60,120) rotate(180)'/></svg>");
52
+ }
53
+ .list-block.media-list .item-link .item-inner,
54
+ .list-block li.media-item .item-link .item-inner {
55
+ padding-right: 0;
56
+ padding-left: 15px;
57
+ }
58
+ .list-block.media-list .item-link .item-title-row,
59
+ .list-block li.media-item .item-link .item-title-row {
60
+ padding-right: 0;
61
+ padding-left: 20px;
62
+ background-position: center left;
63
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc' transform='translate(60,120) rotate(180)'/></svg>");
64
+ }
65
+ .list-block .sortable-handler {
66
+ right: auto;
67
+ left: 0;
68
+ }
69
+ .list-block.sortable-opened .item-inner,
70
+ .list-block.sortable-opened .item-link .item-inner {
71
+ padding-right: 0;
72
+ padding-left: 35px;
73
+ }
74
+ .list-block.sortable-opened .item-link .item-inner,
75
+ .list-block.sortable-opened .item-link .item-title-row {
76
+ background-image: none;
77
+ }
78
+ .list-block .swipeout-actions-left,
79
+ .list-block .swipeout-actions-right {
80
+ direction: ltr;
81
+ }
82
+ /* === Toolbars === */
83
+ .navbar a.link i + span,
84
+ .toolbar a.link i + span,
85
+ .navbar a.link i + i,
86
+ .toolbar a.link i + i,
87
+ .navbar a.link span + i,
88
+ .toolbar a.link span + i,
89
+ .navbar a.link span + span,
90
+ .toolbar a.link span + span {
91
+ margin-left: 0;
92
+ margin-right: 7px;
93
+ }
94
+ .navbar .left a + a,
95
+ .navbar .right a + a {
96
+ margin-left: 0;
97
+ margin-right: 15px;
98
+ }
99
+ .navbar .left {
100
+ margin-right: 0px;
101
+ margin-left: 10px;
102
+ }
103
+ .navbar .right {
104
+ margin-left: 0px;
105
+ margin-right: 10px;
106
+ }
107
+ .navbar .right:first-child {
108
+ right: auto;
109
+ left: 8px;
110
+ }
111
+ /* === Forms === */
112
+ .list-block input[type="text"],
113
+ .list-block input[type="password"],
114
+ .list-block input[type="email"],
115
+ .list-block input[type="tel"],
116
+ .list-block input[type="url"],
117
+ .list-block input[type="date"],
118
+ .list-block input[type="datetime-local"],
119
+ .list-block input[type="number"],
120
+ .list-block select,
121
+ .list-block textarea {
122
+ padding-left: 0;
123
+ padding-right: 5px;
124
+ }
125
+ .buttons-row .button:first-child {
126
+ border-radius: 0 5px 5px 0;
127
+ border-left: none;
128
+ }
129
+ .buttons-row .button:last-child {
130
+ border-radius: 5px 0 0 5px;
131
+ border-left-width: 1px;
132
+ border-left-style: solid;
133
+ }
134
+ .buttons-row .button.button-round:first-child {
135
+ border-radius: 0 27px 27px 0;
136
+ }
137
+ .buttons-row .button.button-round:last-child {
138
+ border-radius: 27px 0 0 27px;
139
+ }
140
+ .label-switch input[type="checkbox"] + .checkbox:before {
141
+ left: auto;
142
+ right: 2px;
143
+ }
144
+ .label-switch input[type="checkbox"] + .checkbox:after {
145
+ right: 2px;
146
+ left: auto;
147
+ -webkit-transform: translate3d(0, 0, 0);
148
+ transform: translate3d(0, 0, 0);
149
+ }
150
+ .label-switch input[type="checkbox"]:checked + .checkbox:after {
151
+ left: auto;
152
+ right: 22px;
153
+ }
154
+ .range-slider {
155
+ padding-left: 0;
156
+ padding-right: 0;
157
+ margin-left: 0;
158
+ padding-right: 3px;
159
+ padding-left: 3px;
160
+ margin-right: -1px;
161
+ }
162
+ .range-slider input[type="range"]:after {
163
+ left: auto;
164
+ right: -5px;
165
+ }
166
+ .range-slider input[type="range"]::-webkit-slider-thumb:after {
167
+ left: auto;
168
+ right: 0;
169
+ }
170
+ .range-slider input[type="range"]::-webkit-slider-thumb:before {
171
+ right: auto;
172
+ left: 100%;
173
+ }
174
+ label.label-radio input[type="checkbox"] ~ .item-inner,
175
+ label.label-radio input[type="radio"] ~ .item-inner {
176
+ padding-left: 35px;
177
+ padding-right: 0;
178
+ }
179
+ label.label-radio input[type="checkbox"]:checked ~ .item-inner,
180
+ label.label-radio input[type="radio"]:checked ~ .item-inner {
181
+ background-position: 15px center;
182
+ }
183
+ /* === Search Bar === */
184
+ .searchbar input[type="search"] {
185
+ background-position: right center;
186
+ background-position: -webkit-calc(100% - 8px) center;
187
+ background-position: calc(100% - 8px) center;
188
+ }
189
+ .searchbar .searchbar-clear {
190
+ right: auto;
191
+ left: 0;
192
+ }
193
+ .searchbar.searchbar-active .searchbar-cancel {
194
+ margin-left: 0;
195
+ margin-right: 8px;
196
+ }
197
+ /* === Message Bar === */
198
+ .messagebar .link + textarea {
199
+ margin-left: 0;
200
+ margin-right: 8px;
201
+ }
202
+ .messagebar textarea + .link {
203
+ margin-left: 0;
204
+ margin-right: 8px;
205
+ }
206
+ /* === Modals === */
207
+ .modal-button:first-child {
208
+ border-radius: 0 0 7px 0;
209
+ border-right: none;
210
+ }
211
+ .modal-button:last-child {
212
+ border-right: 1px solid #b5b5b5;
213
+ border-radius: 0 0 0 7px;
214
+ }
215
+ .modal-button:first-child:last-child {
216
+ border-radius: 0 0 7px 7px;
217
+ }
218
+ /* === Content Block === */
219
+ .content-block-inner {
220
+ margin-left: 0;
221
+ margin-right: -15px;
222
+ }
223
+ /* === Pages === */
224
+ .page-on-left {
225
+ -webkit-transform: translate3d(20%, 0, 0);
226
+ transform: translate3d(20%, 0, 0);
227
+ }
228
+ .page-on-right {
229
+ -webkit-transform: translate3d(-100%, 0, 0);
230
+ transform: translate3d(-100%, 0, 0);
231
+ }
232
+ @-webkit-keyframes pageFromRightToCenter {
233
+ from {
234
+ -webkit-box-shadow: none;
235
+ box-shadow: none;
236
+ -webkit-transform: translate3d(-100%, 0, 0);
237
+ }
238
+ to {
239
+ -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
240
+ box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
241
+ -webkit-transform: translate3d(0, 0, 0);
242
+ }
243
+ }
244
+ @-webkit-keyframes pageFromCenterToRight {
245
+ from {
246
+ -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
247
+ box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
248
+ -webkit-transform: translate3d(0, 0, 0);
249
+ }
250
+ to {
251
+ -webkit-box-shadow: none;
252
+ box-shadow: none;
253
+ -webkit-transform: translate3d(-100%, 0, 0);
254
+ }
255
+ }
256
+ @keyframes pageFromRightToCenter {
257
+ from {
258
+ -webkit-box-shadow: none;
259
+ box-shadow: none;
260
+ transform: translate3d(-100%, 0, 0);
261
+ }
262
+ to {
263
+ -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
264
+ box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
265
+ transform: translate3d(0, 0, 0);
266
+ }
267
+ }
268
+ @keyframes pageFromCenterToRight {
269
+ from {
270
+ -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
271
+ box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
272
+ transform: translate3d(0, 0, 0);
273
+ }
274
+ to {
275
+ -webkit-box-shadow: none;
276
+ box-shadow: none;
277
+ transform: translate3d(100%, 0, 0);
278
+ }
279
+ }
280
+ @-webkit-keyframes pageFromCenterToLeft {
281
+ from {
282
+ opacity: 1;
283
+ -webkit-transform: translate3d(0, 0, 0);
284
+ }
285
+ to {
286
+ opacity: 0.9;
287
+ -webkit-transform: translate3d(20%, 0, 0);
288
+ }
289
+ }
290
+ @-webkit-keyframes pageFromLeftToCenter {
291
+ from {
292
+ opacity: 0.9;
293
+ -webkit-transform: translate3d(20%, 0, 0);
294
+ }
295
+ to {
296
+ opacity: 1;
297
+ -webkit-transform: translate3d(0, 0, 0);
298
+ }
299
+ }
300
+ @keyframes pageFromCenterToLeft {
301
+ from {
302
+ opacity: 1;
303
+ transform: translate3d(0, 0, 0);
304
+ }
305
+ to {
306
+ opacity: 0.9;
307
+ transform: translate3d(20%, 0, 0);
308
+ }
309
+ }
310
+ @keyframes pageFromLeftToCenter {
311
+ from {
312
+ opacity: 0.9;
313
+ transform: translate3d(20%, 0, 0);
314
+ }
315
+ to {
316
+ opacity: 1;
317
+ transform: translate3d(0, 0, 0);
318
+ }
319
+ }
320
+ @-webkit-keyframes pageFromRightToCenterDegrade {
321
+ from {
322
+ -webkit-transform: translate3d(-100%, 0, 0);
323
+ }
324
+ to {
325
+ -webkit-transform: translate3d(0, 0, 0);
326
+ }
327
+ }
328
+ @-webkit-keyframes pageFromCenterToRightDegrade {
329
+ from {
330
+ -webkit-transform: translate3d(0, 0, 0);
331
+ }
332
+ to {
333
+ -webkit-transform: translate3d(-100%, 0, 0);
334
+ }
335
+ }
336
+ @keyframes pageFromRightToCenterDegrade {
337
+ from {
338
+ transform: translate3d(-100%, 0, 0);
339
+ }
340
+ to {
341
+ transform: translate3d(0, 0, 0);
342
+ }
343
+ }
344
+ @keyframes pageFromCenterToRightDegrade {
345
+ from {
346
+ transform: translate3d(0, 0, 0);
347
+ }
348
+ to {
349
+ transform: translate3d(-100%, 0, 0);
350
+ }
351
+ }
352
+ /* === Messages === */
353
+ .message-received {
354
+ -ms-flex-item-align: end;
355
+ -webkit-align-self: flex-end;
356
+ align-self: flex-end;
357
+ -webkit-box-align: end;
358
+ -ms-flex-align: end;
359
+ -webkit-align-items: flex-end;
360
+ align-items: flex-end;
361
+ }
362
+ .message-sent {
363
+ -ms-flex-item-align: start;
364
+ -webkit-align-self: flex-start;
365
+ align-self: flex-start;
366
+ -webkit-box-align: start;
367
+ -ms-flex-align: start;
368
+ -webkit-align-items: flex-start;
369
+ align-items: flex-start;
370
+ }
371
+ /* === Back Icons === */
372
+ i.icon.icon-back {
373
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23007aff' transform='translate(12,20) rotate(180)'/></svg>");
374
+ }
375
+ i.icon.icon-forward {
376
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='%23007aff' transform='translate(12,20) rotate(180)'/></svg>");
377
+ }
378
+ i.icon.icon-next {
379
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23007aff' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
380
+ }
381
+ i.icon.icon-prev {
382
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23007aff' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
383
+ }
384
+ i.icon-back.color-gray,
385
+ i.icon-back.theme-gray,
386
+ .theme-gray i.icon-back {
387
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%238e8e93' transform='translate(12,20) rotate(180)'/></svg>");
388
+ }
389
+ i.icon-forward.color-gray,
390
+ i.icon-forward.theme-gray,
391
+ .theme-gray i.icon-forward {
392
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='%238e8e93' transform='translate(12,20) rotate(180)'/></svg>");
393
+ }
394
+ i.icon-next.color-gray,
395
+ i.icon-next.theme-gray,
396
+ .theme-gray i.icon-next {
397
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%238e8e93' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
398
+ }
399
+ i.icon-prev.color-gray,
400
+ i.icon-prev.theme-gray,
401
+ .theme-gray i.icon-prev {
402
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%238e8e93' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
403
+ }
404
+ i.icon-back.color-white,
405
+ i.icon-back.theme-white,
406
+ .theme-white i.icon-back {
407
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23ffffff' transform='translate(12,20) rotate(180)'/></svg>");
408
+ }
409
+ i.icon-forward.color-white,
410
+ i.icon-forward.theme-white,
411
+ .theme-white i.icon-forward {
412
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='%23ffffff' transform='translate(12,20) rotate(180)'/></svg>");
413
+ }
414
+ i.icon-next.color-white,
415
+ i.icon-next.theme-white,
416
+ .theme-white i.icon-next {
417
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23ffffff' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
418
+ }
419
+ i.icon-prev.color-white,
420
+ i.icon-prev.theme-white,
421
+ .theme-white i.icon-prev {
422
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23ffffff' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
423
+ }
424
+ i.icon-back.color-black,
425
+ i.icon-back.theme-black,
426
+ .theme-black i.icon-back {
427
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23000000' transform='translate(12,20) rotate(180)'/></svg>");
428
+ }
429
+ i.icon-forward.color-black,
430
+ i.icon-forward.theme-black,
431
+ .theme-black i.icon-forward {
432
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='%23000000' transform='translate(12,20) rotate(180)'/></svg>");
433
+ }
434
+ i.icon-next.color-black,
435
+ i.icon-next.theme-black,
436
+ .theme-black i.icon-next {
437
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23000000' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
438
+ }
439
+ i.icon-prev.color-black,
440
+ i.icon-prev.theme-black,
441
+ .theme-black i.icon-prev {
442
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23000000' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
443
+ }
444
+ i.icon-back.color-lightblue,
445
+ i.icon-back.theme-lightblue,
446
+ .theme-lightblue i.icon-back {
447
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%235ac8fa' transform='translate(12,20) rotate(180)'/></svg>");
448
+ }
449
+ i.icon-forward.color-lightblue,
450
+ i.icon-forward.theme-lightblue,
451
+ .theme-lightblue i.icon-forward {
452
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='%235ac8fa' transform='translate(12,20) rotate(180)'/></svg>");
453
+ }
454
+ i.icon-next.color-lightblue,
455
+ i.icon-next.theme-lightblue,
456
+ .theme-lightblue i.icon-next {
457
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%235ac8fa' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
458
+ }
459
+ i.icon-prev.color-lightblue,
460
+ i.icon-prev.theme-lightblue,
461
+ .theme-lightblue i.icon-prev {
462
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%235ac8fa' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
463
+ }
464
+ i.icon-back.color-yellow,
465
+ i.icon-back.theme-yellow,
466
+ .theme-yellow i.icon-back {
467
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23ffcc00' transform='translate(12,20) rotate(180)'/></svg>");
468
+ }
469
+ i.icon-forward.color-yellow,
470
+ i.icon-forward.theme-yellow,
471
+ .theme-yellow i.icon-forward {
472
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='%23ffcc00' transform='translate(12,20) rotate(180)'/></svg>");
473
+ }
474
+ i.icon-next.color-yellow,
475
+ i.icon-next.theme-yellow,
476
+ .theme-yellow i.icon-next {
477
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23ffcc00' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
478
+ }
479
+ i.icon-prev.color-yellow,
480
+ i.icon-prev.theme-yellow,
481
+ .theme-yellow i.icon-prev {
482
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23ffcc00' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
483
+ }
484
+ i.icon-back.color-orange,
485
+ i.icon-back.theme-orange,
486
+ .theme-orange i.icon-back {
487
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23ff9500' transform='translate(12,20) rotate(180)'/></svg>");
488
+ }
489
+ i.icon-forward.color-orange,
490
+ i.icon-forward.theme-orange,
491
+ .theme-orange i.icon-forward {
492
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='%23ff9500' transform='translate(12,20) rotate(180)'/></svg>");
493
+ }
494
+ i.icon-next.color-orange,
495
+ i.icon-next.theme-orange,
496
+ .theme-orange i.icon-next {
497
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23ff9500' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
498
+ }
499
+ i.icon-prev.color-orange,
500
+ i.icon-prev.theme-orange,
501
+ .theme-orange i.icon-prev {
502
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23ff9500' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
503
+ }
504
+ i.icon-back.color-pink,
505
+ i.icon-back.theme-pink,
506
+ .theme-pink i.icon-back {
507
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23ff2d55' transform='translate(12,20) rotate(180)'/></svg>");
508
+ }
509
+ i.icon-forward.color-pink,
510
+ i.icon-forward.theme-pink,
511
+ .theme-pink i.icon-forward {
512
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='%23ff2d55' transform='translate(12,20) rotate(180)'/></svg>");
513
+ }
514
+ i.icon-next.color-pink,
515
+ i.icon-next.theme-pink,
516
+ .theme-pink i.icon-next {
517
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23ff2d55' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
518
+ }
519
+ i.icon-prev.color-pink,
520
+ i.icon-prev.theme-pink,
521
+ .theme-pink i.icon-prev {
522
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23ff2d55' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
523
+ }
524
+ i.icon-back.color-blue,
525
+ i.icon-back.theme-blue,
526
+ .theme-blue i.icon-back {
527
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23007aff' transform='translate(12,20) rotate(180)'/></svg>");
528
+ }
529
+ i.icon-forward.color-blue,
530
+ i.icon-forward.theme-blue,
531
+ .theme-blue i.icon-forward {
532
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='%23007aff' transform='translate(12,20) rotate(180)'/></svg>");
533
+ }
534
+ i.icon-next.color-blue,
535
+ i.icon-next.theme-blue,
536
+ .theme-blue i.icon-next {
537
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23007aff' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
538
+ }
539
+ i.icon-prev.color-blue,
540
+ i.icon-prev.theme-blue,
541
+ .theme-blue i.icon-prev {
542
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23007aff' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
543
+ }
544
+ i.icon-back.color-green,
545
+ i.icon-back.theme-green,
546
+ .theme-green i.icon-back {
547
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%234cd964' transform='translate(12,20) rotate(180)'/></svg>");
548
+ }
549
+ i.icon-forward.color-green,
550
+ i.icon-forward.theme-green,
551
+ .theme-green i.icon-forward {
552
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='%234cd964' transform='translate(12,20) rotate(180)'/></svg>");
553
+ }
554
+ i.icon-next.color-green,
555
+ i.icon-next.theme-green,
556
+ .theme-green i.icon-next {
557
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%234cd964' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
558
+ }
559
+ i.icon-prev.color-green,
560
+ i.icon-prev.theme-green,
561
+ .theme-green i.icon-prev {
562
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%234cd964' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
563
+ }
564
+ i.icon-back.color-red,
565
+ i.icon-back.theme-red,
566
+ .theme-red i.icon-back {
567
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23ff3b30' transform='translate(12,20) rotate(180)'/></svg>");
568
+ }
569
+ i.icon-forward.color-red,
570
+ i.icon-forward.theme-red,
571
+ .theme-red i.icon-forward {
572
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='%23ff3b30' transform='translate(12,20) rotate(180)'/></svg>");
573
+ }
574
+ i.icon-next.color-red,
575
+ i.icon-next.theme-red,
576
+ .theme-red i.icon-next {
577
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23ff3b30' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
578
+ }
579
+ i.icon-prev.color-red,
580
+ i.icon-prev.theme-red,
581
+ .theme-red i.icon-prev {
582
+ background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='%23ff3b30' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z' transform='translate(15,15) rotate(180)'/></g></svg>");
583
+ }
584
+ /* === Accordion === */
585
+ .list-block .accordion-toggle .item-inner {
586
+ padding-right: 0;
587
+ padding-left: 35px;
588
+ background-position: 15px center;
589
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc' transform='translate(60,120) rotate(180)'/></svg>");
590
+ }
591
+ .list-block .accordion-item-expanded .accordion-toggle .item-inner,
592
+ .list-block .accordion-item-expanded > .item-link .item-inner {
593
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' transform='translate(70, 30) rotate(90)' fill='%23c7c7cc'/></svg>");
594
+ }
595
+ .list-block .accordion-item ul {
596
+ padding-right: 0;
597
+ }