@innovastudio/contentbox 1.6.8 → 1.6.10
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +2 -4
- package/public/contentbox/contentbox.css +145 -845
- package/public/contentbox/contentbox.esm.js +342 -6870
- package/public/contentbox/contentbox.min.js +9 -10
- package/readme.txt +1 -1
@@ -711,6 +711,127 @@ body.controlpanel .is-content-view.fullview iframe {
|
|
711
711
|
.builder-ui .accordion-content.last[aria-hidden=false] {
|
712
712
|
transition: max-height 0.2s ease-out, opacity 0.1s ease-out;
|
713
713
|
}
|
714
|
+
.builder-ui .custom-select {
|
715
|
+
--cs-height: 46px;
|
716
|
+
--cs-border: 1px solid #ddd;
|
717
|
+
--cs-background: #fff;
|
718
|
+
--cs-hover-background: #f2f2f2;
|
719
|
+
--cs-selected-background: #eee;
|
720
|
+
position: relative;
|
721
|
+
display: inline-block;
|
722
|
+
font-size: 15px;
|
723
|
+
height: var(--cs-height);
|
724
|
+
}
|
725
|
+
.builder-ui .custom-select .select-styled {
|
726
|
+
display: flex;
|
727
|
+
align-items: center;
|
728
|
+
justify-content: space-between;
|
729
|
+
padding: 0 6px 0 6px;
|
730
|
+
border: var(--cs-border);
|
731
|
+
cursor: pointer;
|
732
|
+
position: relative;
|
733
|
+
user-select: none;
|
734
|
+
box-sizing: border-box;
|
735
|
+
height: var(--cs-height);
|
736
|
+
overflow: hidden;
|
737
|
+
border-radius: 3px;
|
738
|
+
outline: none;
|
739
|
+
}
|
740
|
+
.builder-ui .custom-select .select-styled span {
|
741
|
+
display: flex;
|
742
|
+
}
|
743
|
+
.builder-ui .custom-select .select-styled span img {
|
744
|
+
height: 25px;
|
745
|
+
margin-top: 3px;
|
746
|
+
}
|
747
|
+
.builder-ui .custom-select .select-styled:focus {
|
748
|
+
outline: #3e93f7 2px solid;
|
749
|
+
outline-offset: -1px;
|
750
|
+
}
|
751
|
+
.builder-ui .custom-select .select-styled > span:first-child {
|
752
|
+
position: absolute;
|
753
|
+
margin-right: 23px;
|
754
|
+
}
|
755
|
+
.builder-ui .custom-select .select-styled > span:nth-child(2) {
|
756
|
+
position: absolute;
|
757
|
+
height: 15px;
|
758
|
+
top: calc(50% - 7.5px);
|
759
|
+
right: 6px;
|
760
|
+
display: flex;
|
761
|
+
}
|
762
|
+
.builder-ui .custom-select .select-styled svg {
|
763
|
+
width: 15px;
|
764
|
+
height: 15px;
|
765
|
+
}
|
766
|
+
.builder-ui .custom-select .select-styled[aria-expanded=true] > span:nth-child(2) {
|
767
|
+
-webkit-transform: rotate(-180deg);
|
768
|
+
transform: rotate(-180deg);
|
769
|
+
top: calc(50% - 7.5px);
|
770
|
+
}
|
771
|
+
.builder-ui .custom-select input {
|
772
|
+
display: none;
|
773
|
+
width: 100%;
|
774
|
+
height: 40px;
|
775
|
+
border: var(--cs-border);
|
776
|
+
border-top: none;
|
777
|
+
padding: 0 3px 0 8px;
|
778
|
+
box-sizing: border-box;
|
779
|
+
margin: 0;
|
780
|
+
position: absolute;
|
781
|
+
top: var(--cs-height);
|
782
|
+
left: 0;
|
783
|
+
font-size: 15px;
|
784
|
+
z-index: 2;
|
785
|
+
outline-offset: 0;
|
786
|
+
background: var(--cs-background);
|
787
|
+
}
|
788
|
+
.builder-ui .custom-select input:focus {
|
789
|
+
outline: none;
|
790
|
+
}
|
791
|
+
.builder-ui .custom-select .select-options {
|
792
|
+
display: none;
|
793
|
+
position: absolute;
|
794
|
+
top: calc(var(--cs-height) + 1px);
|
795
|
+
left: 0;
|
796
|
+
border: var(--cs-border);
|
797
|
+
box-sizing: border-box;
|
798
|
+
border-top: none;
|
799
|
+
z-index: 1;
|
800
|
+
list-style: none;
|
801
|
+
margin: 0;
|
802
|
+
padding: 0;
|
803
|
+
width: 100%;
|
804
|
+
background-color: var(--cs-background);
|
805
|
+
z-index: 1;
|
806
|
+
max-height: 200px;
|
807
|
+
overflow-y: auto;
|
808
|
+
}
|
809
|
+
.builder-ui .custom-select.has-search .select-options {
|
810
|
+
top: calc(var(--cs-height) + 40px);
|
811
|
+
}
|
812
|
+
.builder-ui .custom-select .select-options.active {
|
813
|
+
display: block;
|
814
|
+
}
|
815
|
+
.builder-ui .custom-select .select-options li {
|
816
|
+
padding: 0 8px;
|
817
|
+
cursor: pointer;
|
818
|
+
white-space: nowrap;
|
819
|
+
min-height: 36px;
|
820
|
+
align-items: center;
|
821
|
+
}
|
822
|
+
.builder-ui .custom-select .select-options li img {
|
823
|
+
margin: 8px 0;
|
824
|
+
height: 25px;
|
825
|
+
}
|
826
|
+
.builder-ui .custom-select .select-options li:hover {
|
827
|
+
background-color: var(--cs-hover-background);
|
828
|
+
}
|
829
|
+
.builder-ui .custom-select .select-options li.selected {
|
830
|
+
background-color: var(--cs-selected-background);
|
831
|
+
}
|
832
|
+
.builder-ui .inp-heading .select-options li {
|
833
|
+
padding: 3px 8px;
|
834
|
+
}
|
714
835
|
.builder-ui .scroll-darker * {
|
715
836
|
scrollbar-width: thin;
|
716
837
|
scrollbar-color: rgba(0, 0, 0, 0.2) auto;
|
@@ -1116,20 +1237,6 @@ body.controlpanel .is-wrapper {
|
|
1116
1237
|
font-size: 24px;
|
1117
1238
|
opacity: 0.9;
|
1118
1239
|
}
|
1119
|
-
.builder-ui .is-controlpanel .panel-dialog.blocks > .choices {
|
1120
|
-
margin: 0;
|
1121
|
-
width: 100%;
|
1122
|
-
}
|
1123
|
-
.builder-ui .is-controlpanel .panel-dialog.blocks > .choices .choices__inner {
|
1124
|
-
padding-left: 15px;
|
1125
|
-
border: transparent 1px solid;
|
1126
|
-
}
|
1127
|
-
.builder-ui .is-controlpanel .panel-dialog.blocks > .choices .choices__list--dropdown .choices__item {
|
1128
|
-
padding-left: 20px;
|
1129
|
-
}
|
1130
|
-
.builder-ui .is-controlpanel .panel-dialog.blocks > .choices .choices__list--dropdown {
|
1131
|
-
border: #eaeaea 1px solid;
|
1132
|
-
}
|
1133
1240
|
.builder-ui .is-controlpanel .panel-dialog.blocks .div-blocks {
|
1134
1241
|
width: 100%;
|
1135
1242
|
height: calc(100vh - 90px);
|
@@ -1318,425 +1425,6 @@ body.controlpanel .is-wrapper {
|
|
1318
1425
|
outline: none !important;
|
1319
1426
|
}
|
1320
1427
|
|
1321
|
-
.choices {
|
1322
|
-
position: relative;
|
1323
|
-
margin-bottom: 24px;
|
1324
|
-
font-size: 16px;
|
1325
|
-
}
|
1326
|
-
|
1327
|
-
.choices:focus {
|
1328
|
-
outline: 0;
|
1329
|
-
}
|
1330
|
-
|
1331
|
-
.choices:last-child {
|
1332
|
-
margin-bottom: 0;
|
1333
|
-
}
|
1334
|
-
|
1335
|
-
.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
|
1336
|
-
background-color: #eaeaea;
|
1337
|
-
cursor: not-allowed;
|
1338
|
-
-webkit-user-select: none;
|
1339
|
-
-ms-user-select: none;
|
1340
|
-
user-select: none;
|
1341
|
-
}
|
1342
|
-
|
1343
|
-
.choices.is-disabled .choices__item {
|
1344
|
-
cursor: not-allowed;
|
1345
|
-
}
|
1346
|
-
|
1347
|
-
.choices [hidden] {
|
1348
|
-
display: none !important;
|
1349
|
-
}
|
1350
|
-
|
1351
|
-
.choices[data-type*=select-one] {
|
1352
|
-
cursor: pointer;
|
1353
|
-
}
|
1354
|
-
|
1355
|
-
.choices[data-type*=select-one] .choices__inner {
|
1356
|
-
padding-bottom: 7.5px;
|
1357
|
-
}
|
1358
|
-
|
1359
|
-
.choices[data-type*=select-one] .choices__input {
|
1360
|
-
display: block;
|
1361
|
-
width: 100%;
|
1362
|
-
padding: 10px;
|
1363
|
-
border-bottom: 1px solid #ddd;
|
1364
|
-
background-color: #fff;
|
1365
|
-
margin: 0;
|
1366
|
-
}
|
1367
|
-
|
1368
|
-
.choices[data-type*=select-one] .choices__button {
|
1369
|
-
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
1370
|
-
padding: 0;
|
1371
|
-
background-size: 8px;
|
1372
|
-
position: absolute;
|
1373
|
-
top: 50%;
|
1374
|
-
right: 0;
|
1375
|
-
margin-top: -10px;
|
1376
|
-
margin-right: 25px;
|
1377
|
-
height: 20px;
|
1378
|
-
width: 20px;
|
1379
|
-
border-radius: 10em;
|
1380
|
-
opacity: 0.5;
|
1381
|
-
}
|
1382
|
-
|
1383
|
-
.choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover {
|
1384
|
-
opacity: 1;
|
1385
|
-
}
|
1386
|
-
|
1387
|
-
.choices[data-type*=select-one] .choices__button:focus {
|
1388
|
-
box-shadow: 0 0 0 2px #00bcd4;
|
1389
|
-
}
|
1390
|
-
|
1391
|
-
.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
|
1392
|
-
display: none;
|
1393
|
-
}
|
1394
|
-
|
1395
|
-
.choices[data-type*=select-one]:after {
|
1396
|
-
content: "";
|
1397
|
-
height: 0;
|
1398
|
-
width: 0;
|
1399
|
-
border-style: solid;
|
1400
|
-
border-color: #333 transparent transparent;
|
1401
|
-
border-width: 5px;
|
1402
|
-
position: absolute;
|
1403
|
-
right: 11.5px;
|
1404
|
-
top: 50%;
|
1405
|
-
margin-top: -2.5px;
|
1406
|
-
pointer-events: none;
|
1407
|
-
}
|
1408
|
-
|
1409
|
-
.choices[data-type*=select-one].is-open:after {
|
1410
|
-
border-color: transparent transparent #333;
|
1411
|
-
margin-top: -7.5px;
|
1412
|
-
}
|
1413
|
-
|
1414
|
-
.choices[data-type*=select-one][dir=rtl]:after {
|
1415
|
-
left: 11.5px;
|
1416
|
-
right: auto;
|
1417
|
-
}
|
1418
|
-
|
1419
|
-
.choices[data-type*=select-one][dir=rtl] .choices__button {
|
1420
|
-
right: auto;
|
1421
|
-
left: 0;
|
1422
|
-
margin-left: 25px;
|
1423
|
-
margin-right: 0;
|
1424
|
-
}
|
1425
|
-
|
1426
|
-
.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
|
1427
|
-
cursor: text;
|
1428
|
-
}
|
1429
|
-
|
1430
|
-
.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
|
1431
|
-
position: relative;
|
1432
|
-
display: inline-block;
|
1433
|
-
margin: 0 -4px 0 8px;
|
1434
|
-
padding-left: 16px;
|
1435
|
-
border-left: 1px solid #008fa1;
|
1436
|
-
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
1437
|
-
background-size: 8px;
|
1438
|
-
width: 8px;
|
1439
|
-
line-height: 1;
|
1440
|
-
opacity: 0.75;
|
1441
|
-
border-radius: 0;
|
1442
|
-
}
|
1443
|
-
|
1444
|
-
.choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover {
|
1445
|
-
opacity: 1;
|
1446
|
-
}
|
1447
|
-
|
1448
|
-
.choices__inner {
|
1449
|
-
display: inline-block;
|
1450
|
-
vertical-align: top;
|
1451
|
-
width: 100%;
|
1452
|
-
background-color: #f9f9f9;
|
1453
|
-
padding: 7.5px 7.5px 3.75px;
|
1454
|
-
border: 1px solid #ddd;
|
1455
|
-
border-radius: 2.5px;
|
1456
|
-
font-size: 14px;
|
1457
|
-
min-height: 44px;
|
1458
|
-
overflow: hidden;
|
1459
|
-
}
|
1460
|
-
|
1461
|
-
.is-focused .choices__inner, .is-open .choices__inner {
|
1462
|
-
border-color: #b7b7b7;
|
1463
|
-
}
|
1464
|
-
|
1465
|
-
.is-open .choices__inner {
|
1466
|
-
border-radius: 2.5px 2.5px 0 0;
|
1467
|
-
}
|
1468
|
-
|
1469
|
-
.is-flipped.is-open .choices__inner {
|
1470
|
-
border-radius: 0 0 2.5px 2.5px;
|
1471
|
-
}
|
1472
|
-
|
1473
|
-
.choices__list {
|
1474
|
-
margin: 0;
|
1475
|
-
padding-left: 0;
|
1476
|
-
list-style: none;
|
1477
|
-
}
|
1478
|
-
|
1479
|
-
.choices__list--single {
|
1480
|
-
display: inline-block;
|
1481
|
-
padding: 4px 16px 4px 4px;
|
1482
|
-
width: 100%;
|
1483
|
-
}
|
1484
|
-
|
1485
|
-
[dir=rtl] .choices__list--single {
|
1486
|
-
padding-right: 4px;
|
1487
|
-
padding-left: 16px;
|
1488
|
-
}
|
1489
|
-
|
1490
|
-
.choices__list--single .choices__item {
|
1491
|
-
width: 100%;
|
1492
|
-
}
|
1493
|
-
|
1494
|
-
.choices__list--multiple {
|
1495
|
-
display: inline;
|
1496
|
-
}
|
1497
|
-
|
1498
|
-
.choices__list--multiple .choices__item {
|
1499
|
-
display: inline-block;
|
1500
|
-
vertical-align: middle;
|
1501
|
-
border-radius: 20px;
|
1502
|
-
padding: 4px 10px;
|
1503
|
-
font-size: 12px;
|
1504
|
-
font-weight: 500;
|
1505
|
-
margin-right: 3.75px;
|
1506
|
-
margin-bottom: 3.75px;
|
1507
|
-
background-color: #00bcd4;
|
1508
|
-
border: 1px solid #00a5bb;
|
1509
|
-
color: #fff;
|
1510
|
-
word-break: break-all;
|
1511
|
-
box-sizing: border-box;
|
1512
|
-
}
|
1513
|
-
|
1514
|
-
.choices__list--multiple .choices__item[data-deletable] {
|
1515
|
-
padding-right: 5px;
|
1516
|
-
}
|
1517
|
-
|
1518
|
-
[dir=rtl] .choices__list--multiple .choices__item {
|
1519
|
-
margin-right: 0;
|
1520
|
-
margin-left: 3.75px;
|
1521
|
-
}
|
1522
|
-
|
1523
|
-
.choices__list--multiple .choices__item.is-highlighted {
|
1524
|
-
background-color: #00a5bb;
|
1525
|
-
border: 1px solid #008fa1;
|
1526
|
-
}
|
1527
|
-
|
1528
|
-
.is-disabled .choices__list--multiple .choices__item {
|
1529
|
-
background-color: #aaa;
|
1530
|
-
border: 1px solid #919191;
|
1531
|
-
}
|
1532
|
-
|
1533
|
-
.choices__list--dropdown {
|
1534
|
-
visibility: hidden;
|
1535
|
-
z-index: 1;
|
1536
|
-
position: absolute;
|
1537
|
-
width: 100%;
|
1538
|
-
background-color: #fff;
|
1539
|
-
border: 1px solid #ddd;
|
1540
|
-
top: 100%;
|
1541
|
-
margin-top: -1px;
|
1542
|
-
border-bottom-left-radius: 2.5px;
|
1543
|
-
border-bottom-right-radius: 2.5px;
|
1544
|
-
overflow: hidden;
|
1545
|
-
word-break: break-all;
|
1546
|
-
will-change: visibility;
|
1547
|
-
}
|
1548
|
-
|
1549
|
-
.choices__list--dropdown.is-active {
|
1550
|
-
visibility: visible;
|
1551
|
-
}
|
1552
|
-
|
1553
|
-
.is-open .choices__list--dropdown {
|
1554
|
-
border-color: #b7b7b7;
|
1555
|
-
}
|
1556
|
-
|
1557
|
-
.is-flipped .choices__list--dropdown {
|
1558
|
-
top: auto;
|
1559
|
-
bottom: 100%;
|
1560
|
-
margin-top: 0;
|
1561
|
-
margin-bottom: -1px;
|
1562
|
-
border-radius: 0.25rem 0.25rem 0 0;
|
1563
|
-
}
|
1564
|
-
|
1565
|
-
.choices__list--dropdown .choices__list {
|
1566
|
-
position: relative;
|
1567
|
-
max-height: 300px;
|
1568
|
-
overflow: auto;
|
1569
|
-
-webkit-overflow-scrolling: touch;
|
1570
|
-
will-change: scroll-position;
|
1571
|
-
}
|
1572
|
-
|
1573
|
-
.choices__list--dropdown .choices__item {
|
1574
|
-
position: relative;
|
1575
|
-
padding: 10px;
|
1576
|
-
font-size: 14px;
|
1577
|
-
}
|
1578
|
-
|
1579
|
-
[dir=rtl] .choices__list--dropdown .choices__item {
|
1580
|
-
text-align: right;
|
1581
|
-
}
|
1582
|
-
|
1583
|
-
@media (min-width: 640px) {
|
1584
|
-
.choices__list--dropdown .choices__item--selectable {
|
1585
|
-
padding-right: 100px;
|
1586
|
-
}
|
1587
|
-
|
1588
|
-
.choices__list--dropdown .choices__item--selectable:after {
|
1589
|
-
content: attr(data-select-text);
|
1590
|
-
font-size: 12px;
|
1591
|
-
opacity: 0;
|
1592
|
-
position: absolute;
|
1593
|
-
right: 10px;
|
1594
|
-
top: 50%;
|
1595
|
-
transform: translateY(-50%);
|
1596
|
-
}
|
1597
|
-
|
1598
|
-
[dir=rtl] .choices__list--dropdown .choices__item--selectable {
|
1599
|
-
text-align: right;
|
1600
|
-
padding-left: 100px;
|
1601
|
-
padding-right: 10px;
|
1602
|
-
}
|
1603
|
-
|
1604
|
-
[dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
|
1605
|
-
right: auto;
|
1606
|
-
left: 10px;
|
1607
|
-
}
|
1608
|
-
}
|
1609
|
-
.choices__list--dropdown .choices__item--selectable.is-highlighted {
|
1610
|
-
background-color: #f2f2f2;
|
1611
|
-
}
|
1612
|
-
|
1613
|
-
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
|
1614
|
-
opacity: 0.5;
|
1615
|
-
}
|
1616
|
-
|
1617
|
-
.choices__item {
|
1618
|
-
cursor: default;
|
1619
|
-
}
|
1620
|
-
|
1621
|
-
.choices__item--selectable {
|
1622
|
-
cursor: pointer;
|
1623
|
-
}
|
1624
|
-
|
1625
|
-
.choices__item--disabled {
|
1626
|
-
cursor: not-allowed;
|
1627
|
-
-webkit-user-select: none;
|
1628
|
-
-ms-user-select: none;
|
1629
|
-
user-select: none;
|
1630
|
-
opacity: 0.5;
|
1631
|
-
}
|
1632
|
-
|
1633
|
-
.choices__heading {
|
1634
|
-
font-weight: 600;
|
1635
|
-
font-size: 12px;
|
1636
|
-
padding: 10px;
|
1637
|
-
border-bottom: 1px solid #f7f7f7;
|
1638
|
-
color: gray;
|
1639
|
-
}
|
1640
|
-
|
1641
|
-
.choices__button {
|
1642
|
-
text-indent: -9999px;
|
1643
|
-
-webkit-appearance: none;
|
1644
|
-
-moz-appearance: none;
|
1645
|
-
appearance: none;
|
1646
|
-
border: 0;
|
1647
|
-
background-color: transparent;
|
1648
|
-
background-repeat: no-repeat;
|
1649
|
-
background-position: center;
|
1650
|
-
cursor: pointer;
|
1651
|
-
}
|
1652
|
-
|
1653
|
-
.choices__button:focus, .choices__input:focus {
|
1654
|
-
outline: 0;
|
1655
|
-
}
|
1656
|
-
|
1657
|
-
.choices__input {
|
1658
|
-
display: inline-block;
|
1659
|
-
vertical-align: baseline;
|
1660
|
-
background-color: #f9f9f9;
|
1661
|
-
font-size: 14px;
|
1662
|
-
margin-bottom: 5px;
|
1663
|
-
border: 0;
|
1664
|
-
border-radius: 0;
|
1665
|
-
max-width: 100%;
|
1666
|
-
padding: 4px 0 4px 2px;
|
1667
|
-
}
|
1668
|
-
|
1669
|
-
[dir=rtl] .choices__input {
|
1670
|
-
padding-right: 2px;
|
1671
|
-
padding-left: 0;
|
1672
|
-
}
|
1673
|
-
|
1674
|
-
.choices__placeholder {
|
1675
|
-
opacity: 0.5;
|
1676
|
-
}
|
1677
|
-
|
1678
|
-
.choices {
|
1679
|
-
display: flex;
|
1680
|
-
width: 100%;
|
1681
|
-
}
|
1682
|
-
|
1683
|
-
.choices__list--single .choices__item {
|
1684
|
-
display: flex;
|
1685
|
-
}
|
1686
|
-
|
1687
|
-
.choices__inner {
|
1688
|
-
height: 40px;
|
1689
|
-
border-radius: 5px;
|
1690
|
-
background: transparent;
|
1691
|
-
}
|
1692
|
-
|
1693
|
-
.choices__list--dropdown {
|
1694
|
-
box-sizing: border-box;
|
1695
|
-
}
|
1696
|
-
|
1697
|
-
.choices__inner {
|
1698
|
-
padding: 0 10px;
|
1699
|
-
}
|
1700
|
-
|
1701
|
-
.choices[data-type*=select-one] .choices__inner {
|
1702
|
-
padding: 0 8px 0 2px;
|
1703
|
-
display: flex;
|
1704
|
-
align-items: center;
|
1705
|
-
}
|
1706
|
-
|
1707
|
-
.choices__list--single .choices__item img {
|
1708
|
-
height: 25px;
|
1709
|
-
margin-top: 3px;
|
1710
|
-
}
|
1711
|
-
|
1712
|
-
.choices__list--dropdown .choices__item {
|
1713
|
-
display: flex;
|
1714
|
-
align-items: center;
|
1715
|
-
justify-content: flex-start;
|
1716
|
-
}
|
1717
|
-
|
1718
|
-
.choices__list--dropdown .choices__item img {
|
1719
|
-
height: 25px;
|
1720
|
-
}
|
1721
|
-
|
1722
|
-
.choices__list--dropdown .choices__item--selectable {
|
1723
|
-
padding-right: 0;
|
1724
|
-
}
|
1725
|
-
|
1726
|
-
.is-focused .choices__inner,
|
1727
|
-
.is-open .choices__inner,
|
1728
|
-
.is-open .choices__list--dropdown {
|
1729
|
-
border-color: #e1e1e1;
|
1730
|
-
}
|
1731
|
-
|
1732
|
-
.choices[data-type*=select-one]:after {
|
1733
|
-
border-top-color: #444;
|
1734
|
-
}
|
1735
|
-
|
1736
|
-
.choices[data-type*=select-one].is-open:after {
|
1737
|
-
border-bottom-color: #444;
|
1738
|
-
}
|
1739
|
-
|
1740
1428
|
input.clr-color:focus {
|
1741
1429
|
border: #3e93f7 2px solid !important;
|
1742
1430
|
}
|
@@ -2163,436 +1851,48 @@ body.frame-center.controlpanel .is-content-view {
|
|
2163
1851
|
.dark .builder-ui .is-controlpanel .panel-dialog {
|
2164
1852
|
background-color: rgb(24, 24, 24);
|
2165
1853
|
}
|
2166
|
-
.dark .builder-ui .is-controlpanel .panel-dialog.blocks > .choices .choices__list--dropdown {
|
2167
|
-
border: #eaeaea 1px solid;
|
2168
|
-
}
|
2169
1854
|
.dark .builder-ui .is-controlpanel .panel-dialog.blocks .div-blocks {
|
2170
1855
|
border-top: #efefef 1px solid;
|
2171
1856
|
}
|
2172
1857
|
.dark .builder-ui .is-controlpanel .panel-dialog.blocks .div-blocks > div {
|
2173
1858
|
outline: #d5d5d5 1px solid;
|
2174
1859
|
}
|
2175
|
-
.dark .
|
2176
|
-
|
1860
|
+
.dark .builder-ui .custom-select {
|
1861
|
+
--cs-height: 46px;
|
1862
|
+
--cs-border: 1px solid #5e5e5e;
|
1863
|
+
--cs-background: #323232;
|
1864
|
+
--cs-hover-background: #484848;
|
1865
|
+
--cs-selected-background: #484848;
|
2177
1866
|
}
|
2178
|
-
.dark .
|
2179
|
-
|
2180
|
-
.dark .is-open .choices__inner,
|
2181
|
-
.dark .is-open .choices__list--dropdown {
|
2182
|
-
border-color: #646464 !important;
|
2183
|
-
}
|
2184
|
-
.dark .choices[data-type*=select-one]:after {
|
2185
|
-
border-top-color: #c7c7c7;
|
1867
|
+
.dark .builder-ui .custom-select .select-styled span {
|
1868
|
+
color: #fff;
|
2186
1869
|
}
|
2187
|
-
.dark .
|
2188
|
-
|
1870
|
+
.dark .builder-ui .custom-select .select-styled span img {
|
1871
|
+
filter: invert(1);
|
1872
|
+
opacity: 0.7;
|
2189
1873
|
}
|
2190
|
-
.dark .
|
2191
|
-
|
1874
|
+
.dark .builder-ui .custom-select .select-options li {
|
1875
|
+
color: #fff;
|
2192
1876
|
}
|
2193
|
-
.dark .
|
2194
|
-
mix-blend-mode: screen;
|
1877
|
+
.dark .builder-ui .custom-select .select-options li img {
|
2195
1878
|
filter: invert(1);
|
1879
|
+
opacity: 0.7;
|
2196
1880
|
}
|
2197
|
-
.dark .
|
2198
|
-
|
2199
|
-
|
1881
|
+
.dark .builder-ui .scroll-darker * {
|
1882
|
+
scrollbar-width: thin;
|
1883
|
+
scrollbar-color: rgba(0, 0, 0, 0.2) auto;
|
2200
1884
|
}
|
2201
|
-
.dark .
|
2202
|
-
|
1885
|
+
.dark .builder-ui .scroll-darker *::-webkit-scrollbar {
|
1886
|
+
width: 12px;
|
2203
1887
|
}
|
2204
|
-
.dark .
|
2205
|
-
|
2206
|
-
background-color: inherit;
|
2207
|
-
color: #c7c7c7;
|
1888
|
+
.dark .builder-ui .scroll-darker *::-webkit-scrollbar-track {
|
1889
|
+
background: rgba(200, 200, 200, 0.2);
|
2208
1890
|
}
|
2209
|
-
.dark .
|
2210
|
-
background-color:
|
1891
|
+
.dark .builder-ui .scroll-darker *::-webkit-scrollbar-thumb {
|
1892
|
+
background-color: rgba(0, 0, 0, 0.4);
|
2211
1893
|
}
|
2212
1894
|
|
2213
1895
|
/* /THEME */
|
2214
|
-
/* Control Panel */
|
2215
|
-
/*
|
2216
|
-
|
2217
|
-
body.controlpanel {
|
2218
|
-
.is-controlpanel {
|
2219
|
-
right: 0px !important;
|
2220
|
-
box-shadow: rgba(0, 0, 0, 0.05) 0 0 16px 0px !important;
|
2221
|
-
}
|
2222
|
-
}
|
2223
|
-
|
2224
|
-
#_cbhtml .is-side.is-controlpanel {
|
2225
|
-
position: fixed;
|
2226
|
-
width:290px !important;
|
2227
|
-
height:100vh;
|
2228
|
-
display: flex !important;
|
2229
|
-
top:0 !important;
|
2230
|
-
right: -290px;
|
2231
|
-
left: auto !important;
|
2232
|
-
z-index:1 !important;
|
2233
|
-
display:flex;
|
2234
|
-
overflow-y: auto !important;
|
2235
|
-
flex-direction: column;
|
2236
|
-
transition: all 0.3s ease;
|
2237
|
-
box-shadow: none;
|
2238
|
-
|
2239
|
-
& > button.btn-close {
|
2240
|
-
width: 43px !important;
|
2241
|
-
height: 40px !important;
|
2242
|
-
border-radius: 5px !important;
|
2243
|
-
svg {
|
2244
|
-
width: 22px !important;
|
2245
|
-
height: 22px !important;
|
2246
|
-
}
|
2247
|
-
}
|
2248
|
-
|
2249
|
-
.panelnav {
|
2250
|
-
padding: 8px 24px 8px;
|
2251
|
-
box-sizing: border-box;
|
2252
|
-
|
2253
|
-
.part-breadcrumb {
|
2254
|
-
display: flex;
|
2255
|
-
flex-direction: column;
|
2256
|
-
div {
|
2257
|
-
display: flex;
|
2258
|
-
flex-direction: row;
|
2259
|
-
align-items: center;
|
2260
|
-
margin:0 0 5px;
|
2261
|
-
}
|
2262
|
-
a {
|
2263
|
-
font-size: 12px;
|
2264
|
-
text-decoration: none;
|
2265
|
-
margin: 0 2px;
|
2266
|
-
}
|
2267
|
-
span {
|
2268
|
-
font-size: 10px;
|
2269
|
-
display: inline-block;
|
2270
|
-
margin: 0 2px;
|
2271
|
-
|
2272
|
-
}
|
2273
|
-
svg {
|
2274
|
-
width:10px;
|
2275
|
-
height:10px;
|
2276
|
-
}
|
2277
|
-
}
|
2278
|
-
|
2279
|
-
h3 {
|
2280
|
-
font-family: sans-serif;
|
2281
|
-
font-weight: 300;
|
2282
|
-
font-size: 20px;
|
2283
|
-
margin: 15px 0 12px;
|
2284
|
-
}
|
2285
|
-
}
|
2286
|
-
|
2287
|
-
[class^="panel-"] {
|
2288
|
-
display: none;
|
2289
|
-
flex-direction: column;
|
2290
|
-
&.active {
|
2291
|
-
display: flex;
|
2292
|
-
}
|
2293
|
-
|
2294
|
-
.submain {
|
2295
|
-
padding: 0 24px 13px;
|
2296
|
-
}
|
2297
|
-
.subpanel {
|
2298
|
-
padding: 12px 24px 15px;
|
2299
|
-
}
|
2300
|
-
button.accordion-item {
|
2301
|
-
width: 100% !important;
|
2302
|
-
background-color: rgba(0,0,0,0.05);
|
2303
|
-
justify-content: flex-start;
|
2304
|
-
padding-left: 25px !important;
|
2305
|
-
height: 45px !important;
|
2306
|
-
margin: 0 !important;
|
2307
|
-
}
|
2308
|
-
}
|
2309
|
-
|
2310
|
-
.label {
|
2311
|
-
font-size: 13px;
|
2312
|
-
margin: 20px 0 6px;
|
2313
|
-
font-weight: 400;
|
2314
|
-
color: #4b4b4b;
|
2315
|
-
}
|
2316
|
-
.group {
|
2317
|
-
border: 1px solid #e1e1e1;
|
2318
|
-
margin-bottom: 11px;
|
2319
|
-
border-radius: 6px;
|
2320
|
-
overflow: hidden;
|
2321
|
-
display: inline-flex;
|
2322
|
-
padding: 2px;
|
2323
|
-
|
2324
|
-
&.fontsizes,
|
2325
|
-
&.fontweight,
|
2326
|
-
&.linespacing,
|
2327
|
-
&.letterspacing {
|
2328
|
-
width: 211px;
|
2329
|
-
display: flex;
|
2330
|
-
flex-wrap: wrap;
|
2331
|
-
}
|
2332
|
-
|
2333
|
-
&.listindent {
|
2334
|
-
width: 168px;
|
2335
|
-
display: flex;
|
2336
|
-
flex-wrap: wrap;
|
2337
|
-
}
|
2338
|
-
}
|
2339
|
-
button {
|
2340
|
-
width: 38px !important;
|
2341
|
-
height: 34px!important;
|
2342
|
-
background-color: transparent;
|
2343
|
-
box-shadow: none !important;
|
2344
|
-
margin: 2px !important;
|
2345
|
-
}
|
2346
|
-
button.on {
|
2347
|
-
background-color: rgba(0,0,0,0.05);
|
2348
|
-
|
2349
|
-
border-radius: 5px !important;
|
2350
|
-
}
|
2351
|
-
button:not(.choices__button):not(.is-btn-color):hover {
|
2352
|
-
background: rgba(0,0,0,0.035) !important;
|
2353
|
-
}
|
2354
|
-
button.is-btn-color {
|
2355
|
-
border-radius: 5px !important;
|
2356
|
-
}
|
2357
|
-
|
2358
|
-
.group.color-pick { // If using Coloris
|
2359
|
-
& > div {
|
2360
|
-
width: 140px;
|
2361
|
-
display: flex;
|
2362
|
-
padding:1px;
|
2363
|
-
align-items: center;
|
2364
|
-
// flex-direction: row-reverse;
|
2365
|
-
button {
|
2366
|
-
margin: 0 !important;
|
2367
|
-
border-radius: 6px !important;
|
2368
|
-
z-index: 1;
|
2369
|
-
width:34px !important;
|
2370
|
-
flex: none;
|
2371
|
-
color: inherit !important;
|
2372
|
-
background:
|
2373
|
-
repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa),
|
2374
|
-
repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa) !important;
|
2375
|
-
background-position: 0 0, 4px 4px !important;
|
2376
|
-
background-size: 8px 8px !important;
|
2377
|
-
}
|
2378
|
-
input {
|
2379
|
-
height: 34px !important;
|
2380
|
-
border-radius: 6px!important;
|
2381
|
-
font-weight: 200;
|
2382
|
-
width:100px !important;
|
2383
|
-
outline: none !important;
|
2384
|
-
margin-left: 4px !important;
|
2385
|
-
text-align: center !important;
|
2386
|
-
}
|
2387
|
-
}
|
2388
|
-
}
|
2389
|
-
|
2390
|
-
.panel-dialog {
|
2391
|
-
position: absolute;
|
2392
|
-
top: 0; left: 0;
|
2393
|
-
width: 100%;
|
2394
|
-
height: 100%;
|
2395
|
-
display: none;
|
2396
|
-
background-color: #fff;
|
2397
|
-
|
2398
|
-
button.btn-close {
|
2399
|
-
z-index:1;
|
2400
|
-
background-color:transparent !important;
|
2401
|
-
width:50px !important;
|
2402
|
-
height:45px !important;
|
2403
|
-
position:absolute;
|
2404
|
-
top:0;right:2px;
|
2405
|
-
padding:0;
|
2406
|
-
cursor:pointer;
|
2407
|
-
&:hover {
|
2408
|
-
background-color:transparent !important;
|
2409
|
-
}
|
2410
|
-
svg {
|
2411
|
-
width:25px;height:25px;
|
2412
|
-
}
|
2413
|
-
}
|
2414
|
-
|
2415
|
-
&.icons {
|
2416
|
-
& > div {
|
2417
|
-
display: flex;
|
2418
|
-
flex-wrap: wrap;
|
2419
|
-
margin-top: 47px;
|
2420
|
-
width:100%;
|
2421
|
-
height: calc(100% - 47px);
|
2422
|
-
overflow-y: auto;
|
2423
|
-
|
2424
|
-
button {
|
2425
|
-
width: 63px !important;
|
2426
|
-
height: 60px!important;
|
2427
|
-
font-size: 24px;
|
2428
|
-
opacity: 0.9;
|
2429
|
-
}
|
2430
|
-
}
|
2431
|
-
}
|
2432
|
-
}
|
2433
|
-
|
2434
|
-
|
2435
|
-
}
|
2436
|
-
|
2437
|
-
.clr-picker {
|
2438
|
-
margin-left: -40px;
|
2439
|
-
margin-top: 2px;
|
2440
|
-
padding: 6px;
|
2441
|
-
}
|
2442
|
-
input.clr-color:focus {
|
2443
|
-
border-color: #ddd !important;
|
2444
|
-
}
|
2445
|
-
|
2446
|
-
.choices{position:relative;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;-ms-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=''] .choices__button{display:none}.choices[data-type*=select-one]:after{content:'';height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.choices__list--dropdown.is-active{visibility:visible}.is-open .choices__list--dropdown{border-color:#b7b7b7}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}
|
2447
|
-
|
2448
|
-
.choices {
|
2449
|
-
display: flex;
|
2450
|
-
width: 100%;
|
2451
|
-
}
|
2452
|
-
.choices__list--single .choices__item {
|
2453
|
-
display: flex;
|
2454
|
-
}
|
2455
|
-
.choices__inner {
|
2456
|
-
height: 40px;
|
2457
|
-
border-radius: 5px;
|
2458
|
-
background: transparent;
|
2459
|
-
}
|
2460
|
-
.choices__list--dropdown {
|
2461
|
-
box-sizing: border-box;
|
2462
|
-
}
|
2463
|
-
.is-focused .choices__inner,
|
2464
|
-
.is-open .choices__inner,
|
2465
|
-
.is-open .choices__list--dropdown {
|
2466
|
-
border-color: #e1e1e1;
|
2467
|
-
}
|
2468
|
-
.choices__inner {
|
2469
|
-
padding: 0 10px;
|
2470
|
-
}
|
2471
|
-
.choices[data-type*=select-one] .choices__inner {
|
2472
|
-
padding: 0 8px 0 2px;
|
2473
|
-
display: flex;
|
2474
|
-
align-items: center;
|
2475
|
-
}
|
2476
|
-
.choices__list--single .choices__item img {
|
2477
|
-
height:25px;
|
2478
|
-
margin-top: 3px;
|
2479
|
-
}
|
2480
|
-
.choices__list--dropdown .choices__item {
|
2481
|
-
display: flex;
|
2482
|
-
align-items: center;
|
2483
|
-
justify-content: flex-start;
|
2484
|
-
}
|
2485
|
-
.choices__list--dropdown .choices__item img {
|
2486
|
-
height:25px;
|
2487
|
-
}
|
2488
|
-
.choices[data-type*=select-one]:after {
|
2489
|
-
border-top-color: #444;
|
2490
|
-
}
|
2491
|
-
.choices[data-type*=select-one].is-open:after {
|
2492
|
-
border-bottom-color: #444;
|
2493
|
-
}
|
2494
|
-
.choices__list--dropdown .choices__item--selectable {
|
2495
|
-
padding-right:0;
|
2496
|
-
}
|
2497
|
-
|
2498
|
-
.dark {
|
2499
|
-
.is-responsive-toolbar button { color: #000 !important; }
|
2500
|
-
|
2501
|
-
.is-controlpanel {
|
2502
|
-
background-color: #343434;
|
2503
|
-
a { color:#efefef; }
|
2504
|
-
}
|
2505
|
-
.is-controlpanel button { color:#efefef !important; }
|
2506
|
-
.is-controlpanel button.on { background-color: rgb(77 75 75) !important; }
|
2507
|
-
.is-controlpanel .group { border-color: #646464; }
|
2508
|
-
.is-controlpanel .label {
|
2509
|
-
color: #d9d9d9;
|
2510
|
-
}
|
2511
|
-
.choices__list--dropdown {
|
2512
|
-
background-color: #343434;
|
2513
|
-
}
|
2514
|
-
.choices__inner,
|
2515
|
-
.is-focused .choices__inner,
|
2516
|
-
.is-open .choices__inner,
|
2517
|
-
.is-open .choices__list--dropdown {
|
2518
|
-
border-color: #646464 !important;
|
2519
|
-
}
|
2520
|
-
|
2521
|
-
.choices[data-type*=select-one]:after {
|
2522
|
-
border-top-color: #eee;
|
2523
|
-
}
|
2524
|
-
.choices[data-type*=select-one].is-open:after {
|
2525
|
-
border-top-color: transparent;
|
2526
|
-
}
|
2527
|
-
.choices[data-type*=select-one].is-open:after {
|
2528
|
-
border-bottom-color: #eee;
|
2529
|
-
}
|
2530
|
-
.choices__list--single .choices__item img {
|
2531
|
-
mix-blend-mode: screen;
|
2532
|
-
filter: invert(1);
|
2533
|
-
}
|
2534
|
-
.choices__list--dropdown .choices__item--selectable img {
|
2535
|
-
mix-blend-mode: screen;
|
2536
|
-
filter: invert(1);
|
2537
|
-
}
|
2538
|
-
.choices__list--dropdown .choices__item--selectable {
|
2539
|
-
background-color: inherit;
|
2540
|
-
}
|
2541
|
-
.choices[data-type*=select-one] .choices__input {
|
2542
|
-
border-bottom: 1px solid #646464;
|
2543
|
-
background-color: inherit;
|
2544
|
-
color:#efefef;
|
2545
|
-
}
|
2546
|
-
.choices__list--dropdown .choices__item--selectable.is-highlighted {
|
2547
|
-
background-color: rgb(77 75 75);
|
2548
|
-
}
|
2549
|
-
}
|
2550
|
-
.colored-dark {
|
2551
|
-
.is-responsive-toolbar button { color: #000 !important; }
|
2552
|
-
|
2553
|
-
.is-controlpanel button { color:#000 !important; }
|
2554
|
-
|
2555
|
-
.is-controlpanel .group { border-color: #bfbfbf; }
|
2556
|
-
|
2557
|
-
.choices__inner,
|
2558
|
-
.is-focused .choices__inner,
|
2559
|
-
.is-open .choices__inner,
|
2560
|
-
.is-open .choices__list--dropdown {
|
2561
|
-
border-color: #bfbfbf !important;
|
2562
|
-
}
|
2563
|
-
.choices[data-type*=select-one] .choices__input {
|
2564
|
-
background-color: #8b8b8b17;
|
2565
|
-
}
|
2566
|
-
.choices__list--dropdown {
|
2567
|
-
background-color: #d6d6d6;
|
2568
|
-
}
|
2569
|
-
}
|
2570
|
-
.colored {
|
2571
|
-
.is-controlpanel .group { border-color: #82828236; }
|
2572
|
-
|
2573
|
-
.choices__inner,
|
2574
|
-
.is-focused .choices__inner,
|
2575
|
-
.is-open .choices__inner,
|
2576
|
-
.is-open .choices__list--dropdown {
|
2577
|
-
border-color: #82828236 !important;
|
2578
|
-
}
|
2579
|
-
|
2580
|
-
.choices[data-type*=select-one] .choices__input {
|
2581
|
-
border-bottom: 1px solid transparent;
|
2582
|
-
}
|
2583
|
-
}
|
2584
|
-
.light {
|
2585
|
-
.is-controlpanel .group { border: 1px solid #82828236; }
|
2586
|
-
|
2587
|
-
.choices__inner,
|
2588
|
-
.is-focused .choices__inner,
|
2589
|
-
.is-open .choices__inner,
|
2590
|
-
.is-open .choices__list--dropdown {
|
2591
|
-
border-color: #82828236 !important;
|
2592
|
-
}
|
2593
|
-
}
|
2594
|
-
*/
|
2595
|
-
/* /Control Panel */
|
2596
1896
|
.is-box-tool {
|
2597
1897
|
display: none;
|
2598
1898
|
z-index: 1;
|