jsuites 4.17.7 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/jsuites.css +139 -88
- package/dist/jsuites.d.ts +10 -0
- package/dist/jsuites.js +12902 -12424
- package/dist/types/calendar.d.ts +83 -0
- package/dist/types/color.d.ts +50 -0
- package/dist/types/dropdown.d.ts +162 -0
- package/dist/types/editor.d.ts +96 -0
- package/dist/types/floating.d.ts +23 -0
- package/dist/types/form.d.ts +57 -0
- package/dist/types/index.d.ts +56 -0
- package/dist/types/mask.d.ts +50 -0
- package/dist/types/modal.d.ts +35 -0
- package/dist/types/notification.d.ts +27 -0
- package/dist/types/picker.d.ts +45 -0
- package/dist/types/rating.d.ts +19 -0
- package/dist/types/search.d.ts +23 -0
- package/dist/types/slider.d.ts +31 -0
- package/dist/types/tabs.d.ts +79 -0
- package/dist/types/tags.d.ts +103 -0
- package/dist/types/toolbar.d.ts +70 -0
- package/dist/types/upload.d.ts +45 -0
- package/dist/types/validations.d.ts +16 -0
- package/package.json +18 -5
- package/TODO.md +0 -13
- package/dist/jsuites.basic.css +0 -2334
- package/dist/jsuites.basic.js +0 -10212
- package/dist/jsuites.layout.css +0 -2321
- package/dist/jsuites.layout.js +0 -3454
package/dist/jsuites.css
CHANGED
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
* (c) jSuites Javascript Web Components
|
|
4
|
-
*
|
|
5
|
-
* Website: https://jsuites.net
|
|
6
|
-
* Description: Create amazing web based applications.
|
|
7
|
-
*
|
|
8
|
-
* MIT License
|
|
9
|
-
*
|
|
10
|
-
*/
|
|
11
|
-
|
|
12
1
|
:root {
|
|
13
2
|
--button-color: #298BA8;
|
|
14
3
|
--active-color: #007aff;
|
|
@@ -180,6 +169,44 @@ div[data-before]:before {
|
|
|
180
169
|
opacity: 1;
|
|
181
170
|
}
|
|
182
171
|
}
|
|
172
|
+
/** Loading */
|
|
173
|
+
.jloading {
|
|
174
|
+
position:fixed;
|
|
175
|
+
z-index:10001;
|
|
176
|
+
width:100%;
|
|
177
|
+
left:0;
|
|
178
|
+
right:0;
|
|
179
|
+
top:0;
|
|
180
|
+
bottom:0;
|
|
181
|
+
background-color: rgba(0,0,0,0.7);
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.jloading::after {
|
|
185
|
+
content:'';
|
|
186
|
+
display:block;
|
|
187
|
+
margin:0 auto;
|
|
188
|
+
margin-top:50vh;
|
|
189
|
+
width:40px;
|
|
190
|
+
height:40px;
|
|
191
|
+
border-style:solid;
|
|
192
|
+
border-color:white;
|
|
193
|
+
border-top-color:transparent;
|
|
194
|
+
border-width:4px;
|
|
195
|
+
border-radius:50%;
|
|
196
|
+
-webkit-animation: spin .8s linear infinite;
|
|
197
|
+
animation: spin .8s linear infinite;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
.jloading.spin {
|
|
201
|
+
background-color:transparent;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.jloading.spin::after {
|
|
205
|
+
margin:0 auto;
|
|
206
|
+
margin-top:80px;
|
|
207
|
+
border-color:#aaa;
|
|
208
|
+
border-top-color:transparent;
|
|
209
|
+
}
|
|
183
210
|
|
|
184
211
|
/** Animations **/
|
|
185
212
|
.fade-in {
|
|
@@ -377,7 +404,6 @@ div[data-before]:before {
|
|
|
377
404
|
transform:rotate(359deg);
|
|
378
405
|
}
|
|
379
406
|
}
|
|
380
|
-
|
|
381
407
|
.jcalendar {
|
|
382
408
|
position:absolute;
|
|
383
409
|
z-index:9000;
|
|
@@ -437,14 +463,14 @@ div[data-before]:before {
|
|
|
437
463
|
|
|
438
464
|
.jcalendar-prev {
|
|
439
465
|
cursor:pointer;
|
|
440
|
-
background-image:url("data:image/svg+xml,%3Csvg xmlns
|
|
466
|
+
background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
|
|
441
467
|
background-position:center;
|
|
442
468
|
background-repeat:no-repeat;
|
|
443
469
|
}
|
|
444
470
|
|
|
445
471
|
.jcalendar-next {
|
|
446
472
|
cursor:pointer;
|
|
447
|
-
background-image:url("data:image/svg+xml,%3Csvg xmlns
|
|
473
|
+
background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
|
|
448
474
|
background-position:center;
|
|
449
475
|
background-repeat:no-repeat;
|
|
450
476
|
}
|
|
@@ -494,7 +520,7 @@ div[data-before]:before {
|
|
|
494
520
|
|
|
495
521
|
.jcalendar-input {
|
|
496
522
|
padding-right:18px;
|
|
497
|
-
background-image:url("data:image/svg+xml,%3Csvg xmlns
|
|
523
|
+
background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27gray%27%3E%3Cpath d=%27M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z%27/%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0z%27/%3E%3C/svg%3E");
|
|
498
524
|
background-position:top 50% right 5px;
|
|
499
525
|
background-repeat:no-repeat;
|
|
500
526
|
box-sizing: border-box;
|
|
@@ -600,7 +626,6 @@ div[data-before]:before {
|
|
|
600
626
|
display: none;
|
|
601
627
|
}
|
|
602
628
|
|
|
603
|
-
|
|
604
629
|
.jcolor {
|
|
605
630
|
display: none;
|
|
606
631
|
outline: none;
|
|
@@ -609,7 +634,7 @@ div[data-before]:before {
|
|
|
609
634
|
|
|
610
635
|
.jcolor-input {
|
|
611
636
|
padding-right: 24px !important;
|
|
612
|
-
background: url("data:image/svg+xml,%0A%3Csvg xmlns
|
|
637
|
+
background: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z%27/%3E%3C/svg%3E") top 50% right 4px no-repeat, content-box;
|
|
613
638
|
box-sizing: border-box;
|
|
614
639
|
}
|
|
615
640
|
|
|
@@ -672,7 +697,7 @@ div[data-before]:before {
|
|
|
672
697
|
background-repeat:no-repeat;
|
|
673
698
|
background-size: 16px;
|
|
674
699
|
background-position: center;
|
|
675
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns
|
|
700
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27 fill=%27white%27/%3E%3C/svg%3E");
|
|
676
701
|
}
|
|
677
702
|
|
|
678
703
|
.jcolor-fullscreen {
|
|
@@ -855,7 +880,6 @@ div[data-before]:before {
|
|
|
855
880
|
padding-right: 15px !important;
|
|
856
881
|
font-size: 0.8em;
|
|
857
882
|
}
|
|
858
|
-
|
|
859
883
|
.jcontextmenu {
|
|
860
884
|
position:fixed;
|
|
861
885
|
z-index:10000;
|
|
@@ -1007,7 +1031,6 @@ div[data-before]:before {
|
|
|
1007
1031
|
}
|
|
1008
1032
|
}
|
|
1009
1033
|
|
|
1010
|
-
|
|
1011
1034
|
.jdropdown {
|
|
1012
1035
|
cursor:pointer;
|
|
1013
1036
|
-webkit-touch-callout: none;
|
|
@@ -1053,7 +1076,7 @@ div[data-before]:before {
|
|
|
1053
1076
|
}
|
|
1054
1077
|
|
|
1055
1078
|
.jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add {
|
|
1056
|
-
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns
|
|
1079
|
+
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2724px%27 height=%2724px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27/%3E%3C/svg%3E");
|
|
1057
1080
|
}
|
|
1058
1081
|
|
|
1059
1082
|
.jdropdown-container-header {
|
|
@@ -1068,7 +1091,7 @@ div[data-before]:before {
|
|
|
1068
1091
|
appearance: none;
|
|
1069
1092
|
background-repeat: no-repeat;
|
|
1070
1093
|
background-position:top 50% right 5px;
|
|
1071
|
-
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns
|
|
1094
|
+
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
|
|
1072
1095
|
text-overflow: ellipsis;
|
|
1073
1096
|
cursor:pointer;
|
|
1074
1097
|
box-sizing: border-box;
|
|
@@ -1099,7 +1122,7 @@ div[data-before]:before {
|
|
|
1099
1122
|
color: var(--active-color);
|
|
1100
1123
|
text-transform:uppercase;
|
|
1101
1124
|
text-align:right;
|
|
1102
|
-
padding:
|
|
1125
|
+
padding:12px;
|
|
1103
1126
|
font-weight:bold;
|
|
1104
1127
|
}
|
|
1105
1128
|
|
|
@@ -1211,7 +1234,7 @@ div[data-before]:before {
|
|
|
1211
1234
|
|
|
1212
1235
|
.jdropdown-default .jdropdown-selected
|
|
1213
1236
|
{
|
|
1214
|
-
background-image: url(
|
|
1237
|
+
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);
|
|
1215
1238
|
background-repeat:no-repeat;
|
|
1216
1239
|
background-position:top 50% right 5px;
|
|
1217
1240
|
background-color:#1f93ff;
|
|
@@ -1316,7 +1339,7 @@ div[data-before]:before {
|
|
|
1316
1339
|
|
|
1317
1340
|
.jdropdown-picker .jdropdown-selected
|
|
1318
1341
|
{
|
|
1319
|
-
background-image: url(
|
|
1342
|
+
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);
|
|
1320
1343
|
background-repeat:no-repeat;
|
|
1321
1344
|
background-position:top 50% right 15px;
|
|
1322
1345
|
background-color:#1f93ff;
|
|
@@ -1352,7 +1375,7 @@ div[data-before]:before {
|
|
|
1352
1375
|
top: 0px;
|
|
1353
1376
|
left: 0px;
|
|
1354
1377
|
z-index: 9002;
|
|
1355
|
-
padding:
|
|
1378
|
+
padding: 6px;
|
|
1356
1379
|
background-color:#fff;
|
|
1357
1380
|
box-shadow: 0 1px 2px rgba(0,0,0,.1);
|
|
1358
1381
|
width: 100%;
|
|
@@ -1360,10 +1383,10 @@ div[data-before]:before {
|
|
|
1360
1383
|
|
|
1361
1384
|
.jdropdown-searchbar.jdropdown-focus .jdropdown-header
|
|
1362
1385
|
{
|
|
1363
|
-
border: 0px;
|
|
1386
|
+
border: 0px !important;
|
|
1387
|
+
background-position-x: 0% !important;
|
|
1388
|
+
background-position-y: 40% !important;
|
|
1364
1389
|
background-repeat: no-repeat;
|
|
1365
|
-
background-position-x: 0%;
|
|
1366
|
-
background-position-y: 40%;
|
|
1367
1390
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNlNmU2ZTgiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
|
|
1368
1391
|
padding-left: 30px !important;
|
|
1369
1392
|
padding-right: 60px !important;
|
|
@@ -1454,7 +1477,7 @@ div[data-before]:before {
|
|
|
1454
1477
|
|
|
1455
1478
|
.jdropdown-searchbar .jdropdown-selected
|
|
1456
1479
|
{
|
|
1457
|
-
background-image: url(
|
|
1480
|
+
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);
|
|
1458
1481
|
background-repeat:no-repeat;
|
|
1459
1482
|
background-position:top 50% right 15px;
|
|
1460
1483
|
}
|
|
@@ -1500,7 +1523,7 @@ div[data-before]:before {
|
|
|
1500
1523
|
|
|
1501
1524
|
.jdropdown-list .jdropdown-selected
|
|
1502
1525
|
{
|
|
1503
|
-
background-image: url(
|
|
1526
|
+
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);
|
|
1504
1527
|
background-repeat:no-repeat;
|
|
1505
1528
|
background-position:top 50% right 10px;
|
|
1506
1529
|
}
|
|
@@ -1546,7 +1569,6 @@ div[data-before]:before {
|
|
|
1546
1569
|
opacity: 0.5;
|
|
1547
1570
|
pointer-events: none;
|
|
1548
1571
|
}
|
|
1549
|
-
|
|
1550
1572
|
.jeditor-container {
|
|
1551
1573
|
border:1px solid #ccc;
|
|
1552
1574
|
box-sizing: border-box;
|
|
@@ -1670,7 +1692,7 @@ div[data-before]:before {
|
|
|
1670
1692
|
}
|
|
1671
1693
|
|
|
1672
1694
|
.jeditor .pdf {
|
|
1673
|
-
background-image: url("data:image/svg+xml,%3Csvg version
|
|
1695
|
+
background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512;%27 xml:space=%27preserve%27%3E%3Cpath style=%27fill:%23C30B15;%27 d=%27M511.344,274.266C511.77,268.231,512,262.143,512,256C512,114.615,397.385,0,256,0S0,114.615,0,256 c0,117.769,79.53,216.949,187.809,246.801L511.344,274.266z%27/%3E%3Cpath style=%27fill:%2385080E;%27 d=%27M511.344,274.266L314.991,77.913L119.096,434.087l68.714,68.714C209.522,508.787,232.385,512,256,512 C391.243,512,501.976,407.125,511.344,274.266z%27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27278.328,333.913 255.711,77.913 119.096,77.913 119.096,311.652 %27/%3E%3Cpolygon style=%27fill:%23E8E6E6;%27 points=%27392.904,311.652 392.904,155.826 337.252,133.565 314.991,77.913 255.711,77.913 256.067,333.913 %27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27314.991,155.826 314.991,77.913 392.904,155.826 %27/%3E%3Crect x=%27119.096%27 y=%27311.652%27 style=%27fill:%23FC0F1A;%27 width=%27273.809%27 height=%27122.435%27/%3E%3Cg%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M204.871,346.387c13.547,0,21.341,6.659,21.341,18.465c0,12.412-7.795,19.601-21.341,19.601h-9.611 v14.909h-13.471v-52.975L204.871,346.387L204.871,346.387z M195.26,373.858h8.93c5.904,0,9.308-2.952,9.308-8.552 c0-5.525-3.406-8.324-9.308-8.324h-8.93V373.858z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M257.928,346.387c16.649,0,28.152,10.746,28.152,26.487c0,15.666-11.655,26.488-28.683,26.488 h-22.25v-52.975H257.928z M248.619,388.615h9.611c8.249,0,14.151-6.357,14.151-15.665c0-9.384-6.205-15.817-14.757-15.817h-9.006 V388.615z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M308.563,356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595h-25.806 V356.982z%27/%3E%3C/g%3E%3C/svg%3E%0A");
|
|
1674
1696
|
background-repeat: no-repeat;
|
|
1675
1697
|
background-size: cover;
|
|
1676
1698
|
width:60px;
|
|
@@ -1735,45 +1757,85 @@ div[data-before]:before {
|
|
|
1735
1757
|
padding: 6px;
|
|
1736
1758
|
position: absolute;
|
|
1737
1759
|
}
|
|
1738
|
-
|
|
1739
|
-
.jloading {
|
|
1760
|
+
.jfloating {
|
|
1740
1761
|
position:fixed;
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1762
|
+
bottom:0px;
|
|
1763
|
+
right:0px;
|
|
1764
|
+
margin-right:5px;
|
|
1765
|
+
|
|
1766
|
+
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
|
|
1767
|
+
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
|
|
1768
|
+
border:1px solid #ccc;
|
|
1769
|
+
background-color:#fff;
|
|
1770
|
+
box-sizing: border-box;
|
|
1771
|
+
padding-top:50px !important;
|
|
1772
|
+
z-index:9002;
|
|
1773
|
+
border-radius: 8px;
|
|
1774
|
+
}
|
|
1775
|
+
|
|
1776
|
+
.jfloating.jfloating-big {
|
|
1777
|
+
width: 510px !important;
|
|
1778
|
+
height: 472px !important;
|
|
1779
|
+
}
|
|
1780
|
+
|
|
1781
|
+
.jfloating.jfloating-small {
|
|
1782
|
+
width: 300px !important;
|
|
1783
|
+
height: 320px !important;
|
|
1784
|
+
}
|
|
1785
|
+
|
|
1786
|
+
.jfloating.jfloating-large {
|
|
1787
|
+
width: 600px !important;
|
|
1788
|
+
height: 600px !important;
|
|
1789
|
+
}
|
|
1790
|
+
|
|
1791
|
+
.jfloating:before {
|
|
1792
|
+
position:absolute;
|
|
1745
1793
|
top:0;
|
|
1746
|
-
|
|
1747
|
-
|
|
1794
|
+
left:0;
|
|
1795
|
+
width:100%;
|
|
1796
|
+
content:attr(title);
|
|
1797
|
+
padding:15px;
|
|
1798
|
+
box-sizing: border-box;
|
|
1799
|
+
font-size:1.2em;
|
|
1800
|
+
box-shadow: 1px 1px 3px rgba(0,0,0,.2);
|
|
1801
|
+
background-color: #fff;
|
|
1802
|
+
border-radius: 8px 8px 0px 0px;
|
|
1803
|
+
background-color: #404040;
|
|
1804
|
+
font-size: .93rem;
|
|
1805
|
+
font-weight: 600;
|
|
1806
|
+
color: white;
|
|
1807
|
+
letter-spacing: .5px;
|
|
1748
1808
|
}
|
|
1749
1809
|
|
|
1750
|
-
.
|
|
1810
|
+
.jfloating:after {
|
|
1751
1811
|
content:'';
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
-webkit-animation: spin .8s linear infinite;
|
|
1763
|
-
animation: spin .8s linear infinite;
|
|
1812
|
+
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23FFF%27 d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
|
|
1813
|
+
position:absolute;
|
|
1814
|
+
top:0;
|
|
1815
|
+
right:0;
|
|
1816
|
+
margin:14px;
|
|
1817
|
+
font-size:24px;
|
|
1818
|
+
width:24px;
|
|
1819
|
+
height:24px;
|
|
1820
|
+
cursor:pointer;
|
|
1821
|
+
text-shadow: 0px 0px 5px #fff;
|
|
1764
1822
|
}
|
|
1765
1823
|
|
|
1766
|
-
.
|
|
1767
|
-
|
|
1824
|
+
.jfloating_content {
|
|
1825
|
+
padding:20px;
|
|
1826
|
+
overflow-y:auto;
|
|
1827
|
+
max-height:100%;
|
|
1828
|
+
box-sizing: border-box;
|
|
1829
|
+
height: -webkit-fill-available;
|
|
1768
1830
|
}
|
|
1769
1831
|
|
|
1770
|
-
.
|
|
1771
|
-
|
|
1772
|
-
margin-top:80px;
|
|
1773
|
-
border-color:#aaa;
|
|
1774
|
-
border-top-color:transparent;
|
|
1832
|
+
.jfloating.jfloating-minimized {
|
|
1833
|
+
height: 50px !important;
|
|
1775
1834
|
}
|
|
1776
1835
|
|
|
1836
|
+
.jfloating.jfloating-minimized .jfloating_content {
|
|
1837
|
+
display: none;
|
|
1838
|
+
}
|
|
1777
1839
|
|
|
1778
1840
|
.jmodal {
|
|
1779
1841
|
position:fixed;
|
|
@@ -1859,7 +1921,7 @@ div[data-before]:before {
|
|
|
1859
1921
|
|
|
1860
1922
|
.jmodal:after {
|
|
1861
1923
|
content: '';
|
|
1862
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns
|
|
1924
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
|
|
1863
1925
|
position: absolute;
|
|
1864
1926
|
top: 0;
|
|
1865
1927
|
right: 0;
|
|
@@ -1907,7 +1969,6 @@ div[data-before]:before {
|
|
|
1907
1969
|
position: fixed;
|
|
1908
1970
|
}
|
|
1909
1971
|
|
|
1910
|
-
|
|
1911
1972
|
.jnotification {
|
|
1912
1973
|
position: fixed;
|
|
1913
1974
|
z-index: 10000;
|
|
@@ -1934,7 +1995,7 @@ div[data-before]:before {
|
|
|
1934
1995
|
|
|
1935
1996
|
.jnotification-close {
|
|
1936
1997
|
content: '';
|
|
1937
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns
|
|
1998
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
|
|
1938
1999
|
font-size: 20px;
|
|
1939
2000
|
width: 20px;
|
|
1940
2001
|
height: 20px;
|
|
@@ -1995,7 +2056,7 @@ div[data-before]:before {
|
|
|
1995
2056
|
color: #790909;
|
|
1996
2057
|
}
|
|
1997
2058
|
.jnotification-close {
|
|
1998
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns
|
|
2059
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
|
|
1999
2060
|
}
|
|
2000
2061
|
}
|
|
2001
2062
|
|
|
@@ -2013,7 +2074,6 @@ div[data-before]:before {
|
|
|
2013
2074
|
-ms-flex-align: center;
|
|
2014
2075
|
align-items: center;
|
|
2015
2076
|
}
|
|
2016
|
-
|
|
2017
2077
|
.jpicker {
|
|
2018
2078
|
cursor: pointer;
|
|
2019
2079
|
white-space: nowrap;
|
|
@@ -2029,7 +2089,7 @@ div[data-before]:before {
|
|
|
2029
2089
|
.jpicker-header {
|
|
2030
2090
|
background-repeat: no-repeat;
|
|
2031
2091
|
background-position: top 50% right 5px;
|
|
2032
|
-
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns
|
|
2092
|
+
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
|
|
2033
2093
|
text-overflow: ellipsis;
|
|
2034
2094
|
cursor: pointer;
|
|
2035
2095
|
box-sizing: border-box;
|
|
@@ -2058,7 +2118,7 @@ div[data-before]:before {
|
|
|
2058
2118
|
padding: 4px;
|
|
2059
2119
|
z-index: 50;
|
|
2060
2120
|
text-align: left;
|
|
2061
|
-
max-height:
|
|
2121
|
+
max-height: 250px;
|
|
2062
2122
|
scrollbar-width: thin;
|
|
2063
2123
|
scrollbar-color: #333 transparent;
|
|
2064
2124
|
}
|
|
@@ -2109,7 +2169,6 @@ div[data-before]:before {
|
|
|
2109
2169
|
|
|
2110
2170
|
|
|
2111
2171
|
|
|
2112
|
-
|
|
2113
2172
|
.jprogressbar
|
|
2114
2173
|
{
|
|
2115
2174
|
cursor:pointer;
|
|
@@ -2151,7 +2210,6 @@ div[data-before]:before {
|
|
|
2151
2210
|
box-sizing: border-box;
|
|
2152
2211
|
height:31px;
|
|
2153
2212
|
}
|
|
2154
|
-
|
|
2155
2213
|
.jrating {
|
|
2156
2214
|
display:flex;
|
|
2157
2215
|
}
|
|
@@ -2159,19 +2217,18 @@ div[data-before]:before {
|
|
|
2159
2217
|
width:24px;
|
|
2160
2218
|
height:24px;
|
|
2161
2219
|
line-height:24px;
|
|
2162
|
-
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns
|
|
2220
|
+
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z%27 fill=%27gray%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
|
|
2163
2221
|
}
|
|
2164
2222
|
|
|
2165
2223
|
.jrating .jrating-over {
|
|
2166
|
-
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns
|
|
2224
|
+
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
|
|
2167
2225
|
opacity: 0.7;
|
|
2168
2226
|
}
|
|
2169
2227
|
|
|
2170
2228
|
.jrating .jrating-selected {
|
|
2171
|
-
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns
|
|
2229
|
+
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27red%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
|
|
2172
2230
|
}
|
|
2173
2231
|
|
|
2174
|
-
|
|
2175
2232
|
.jsearch {
|
|
2176
2233
|
position: relative;
|
|
2177
2234
|
display: none;
|
|
@@ -2189,6 +2246,7 @@ div[data-before]:before {
|
|
|
2189
2246
|
border-radius: 4px;
|
|
2190
2247
|
width: 280px;
|
|
2191
2248
|
padding: 8px 0;
|
|
2249
|
+
z-index: 1;
|
|
2192
2250
|
|
|
2193
2251
|
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
|
|
2194
2252
|
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
|
|
@@ -2252,7 +2310,6 @@ div[data-before]:before {
|
|
|
2252
2310
|
.jsearch_container .selected {
|
|
2253
2311
|
background-color: #e8eaed;
|
|
2254
2312
|
}
|
|
2255
|
-
|
|
2256
2313
|
.jslider {
|
|
2257
2314
|
outline: none;
|
|
2258
2315
|
}
|
|
@@ -2305,7 +2362,7 @@ div[data-before]:before {
|
|
|
2305
2362
|
.jslider-close {
|
|
2306
2363
|
width:24px;
|
|
2307
2364
|
height:24px;
|
|
2308
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns
|
|
2365
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
|
|
2309
2366
|
position:fixed;
|
|
2310
2367
|
top:15px;
|
|
2311
2368
|
right:15px;
|
|
@@ -2522,7 +2579,6 @@ div[data-before]:before {
|
|
|
2522
2579
|
display: block;
|
|
2523
2580
|
}
|
|
2524
2581
|
|
|
2525
|
-
|
|
2526
2582
|
.jtabs {
|
|
2527
2583
|
max-width: 100vw;
|
|
2528
2584
|
position: relative;
|
|
@@ -2613,24 +2669,24 @@ div[data-before]:before {
|
|
|
2613
2669
|
|
|
2614
2670
|
.jtabs .jtabs-prev {
|
|
2615
2671
|
margin-left: 10px;
|
|
2616
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns
|
|
2672
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
|
|
2617
2673
|
}
|
|
2618
2674
|
|
|
2619
2675
|
.jtabs .jtabs-prev.disabled {
|
|
2620
2676
|
margin-left: 10px;
|
|
2621
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns
|
|
2677
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
|
|
2622
2678
|
}
|
|
2623
2679
|
|
|
2624
2680
|
.jtabs .jtabs-next {
|
|
2625
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns
|
|
2681
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
|
|
2626
2682
|
}
|
|
2627
2683
|
|
|
2628
2684
|
.jtabs .jtabs-next.disabled {
|
|
2629
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns
|
|
2685
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
|
|
2630
2686
|
}
|
|
2631
2687
|
|
|
2632
2688
|
.jtabs .jtabs-add {
|
|
2633
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns
|
|
2689
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27 fill=%27%23bbbbbb%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
|
|
2634
2690
|
}
|
|
2635
2691
|
|
|
2636
2692
|
/** Modern skin **/
|
|
@@ -2663,7 +2719,6 @@ div[data-before]:before {
|
|
|
2663
2719
|
.jtabs.jtabs-modern .jtabs-border {
|
|
2664
2720
|
background-color: rgba(194, 197, 188, 0.884);
|
|
2665
2721
|
}
|
|
2666
|
-
|
|
2667
2722
|
.jtags {
|
|
2668
2723
|
display: flex;
|
|
2669
2724
|
flex-wrap: wrap;
|
|
@@ -2732,10 +2787,8 @@ div[data-before]:before {
|
|
|
2732
2787
|
color: #fff;
|
|
2733
2788
|
}
|
|
2734
2789
|
|
|
2735
|
-
|
|
2736
2790
|
.jtoolbar-container {
|
|
2737
2791
|
border-radius: 2px;
|
|
2738
|
-
margin-bottom: 5px;
|
|
2739
2792
|
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
|
|
2740
2793
|
display: inline-flex !important;
|
|
2741
2794
|
}
|
|
@@ -2898,7 +2951,7 @@ div[data-before]:before {
|
|
|
2898
2951
|
.jtoolbar .jtoolbar-arrow {
|
|
2899
2952
|
background-repeat: no-repeat;
|
|
2900
2953
|
background-position: center;
|
|
2901
|
-
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns
|
|
2954
|
+
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z%27/%3E%3C/svg%3E");
|
|
2902
2955
|
width: 24px;
|
|
2903
2956
|
height: 16px;
|
|
2904
2957
|
margin-left: 4px;
|
|
@@ -2926,5 +2979,3 @@ div[data-before]:before {
|
|
|
2926
2979
|
flex-wrap: wrap;
|
|
2927
2980
|
}
|
|
2928
2981
|
|
|
2929
|
-
|
|
2930
|
-
|