| @@ -24,8 +24,9 @@ | ||
| 24 | 24 | * 03. Fields |
| 25 | 25 | * 03. 01. Field |
| 26 | 26 | * 03. 02. Field: accordion |
| 27 | 27 | * 03. 03. Field: background |
| 28 | + * 03. 04. Field: backup | |
| 28 | 29 | * 03. 05. Field: border, spacing, dimensions, column, dimensions_advanced |
| 29 | 30 | * 03. 06. Field: button_set |
| 30 | 31 | * 03. 07. Field: checkbox, radio |
| 31 | 32 | * 03. 08. Field: code_editor |
| @@ -31,11 +32,15 @@ | ||
| 31 | 32 | * 03. 08. Field: code_editor |
| 32 | 33 | * 03. 09. Field: color |
| 33 | 34 | * 03. 10. Field: color_group |
| 34 | 35 | * 03. 11. Field: fieldset |
| 36 | + * 03. 12. Field: date | |
| 37 | + * 03. 13. Field: gallery | |
| 35 | 38 | * 03. 14. Field: group |
| 36 | 39 | * 03. 15. Field: icon |
| 40 | + * 03. 16. Field: image_select | |
| 37 | 41 | * 03. 17. Field: link_color |
| 42 | + * 03. 18. Field: media | |
| 38 | 43 | * 03. 19. Field: palette |
| 39 | 44 | * 03. 21. Field: select |
| 40 | 45 | * 03. 22. Field: slider |
| 41 | 46 | * 03. 23. Field: sortable |
| @@ -41,11 +46,14 @@ | ||
| 41 | 46 | * 03. 23. Field: sortable |
| 42 | 47 | * 03. 24. Field: sorter |
| 43 | 48 | * 03. 25. Field: spinner |
| 44 | 49 | * 03. 26. Field: switcher |
| 50 | + * 03. 27. Field: tabbed | |
| 45 | 51 | * 03. 28. Field: text |
| 46 | 52 | * 03. 29. Field: textarea |
| 47 | 53 | * 03. 30. Field: typography |
| 54 | + * 03. 31. Field: upload | |
| 55 | + * 03. 32. Field: wp_editor | |
| 48 | 56 | * 03. 33. Field: heading |
| 49 | 57 | * 03. 34. Field: subheading |
| 50 | 58 | * 03. 35. Field: submessage |
| 51 | 59 | * 03. 36. Field: notice |
| @@ -216,50 +224,8 @@ | ||
| 216 | 224 | } |
| 217 | 225 | .spf-buttons .button.spf-save-ajax:hover { |
| 218 | 226 | background-color: #02bb71; |
| 219 | 227 | } |
| 220 | -.sp_post_carousel_page_pcp_replace_layout .spf-header-right .spf-buttons .button.spf-save, | |
| 221 | -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-save { | |
| 222 | - background-color: #c5c5c6; | |
| 223 | - border-color: transparent; | |
| 224 | - color: #fff; | |
| 225 | - -webkit-box-shadow: none; | |
| 226 | - box-shadow: none; | |
| 227 | - text-shadow: none; | |
| 228 | - border-radius: 4px; | |
| 229 | - height: 38px; | |
| 230 | - width: 140px; | |
| 231 | - -webkit-transition: background-color .2s; | |
| 232 | - transition: background-color .2s; | |
| 233 | - pointer-events: none; | |
| 234 | - padding: 0; | |
| 235 | - -webkit-border-radius: 4px; | |
| 236 | - -moz-border-radius: 4px; | |
| 237 | - -ms-border-radius: 4px; | |
| 238 | - -o-border-radius: 4px; | |
| 239 | -} | |
| 240 | -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-save:hover { | |
| 241 | - background-color: #00b647 !important; | |
| 242 | -} | |
| 243 | -.sp_post_carousel_page_pcp_replace_layout .spf-header-right .spf-buttons .button.spf-reset-section, | |
| 244 | -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-reset-section { | |
| 245 | - background-color: #cd3c3c!important; | |
| 246 | - border-color: transparent!important; | |
| 247 | - -webkit-box-shadow: none!important; | |
| 248 | - box-shadow: none!important; | |
| 249 | - text-shadow: none!important; | |
| 250 | - border-radius: 4px; | |
| 251 | - height: 38px; | |
| 252 | - -webkit-transition: background-color .2s; | |
| 253 | - transition: background-color .2s; | |
| 254 | - -webkit-border-radius: 4px; | |
| 255 | - -moz-border-radius: 4px; | |
| 256 | - -ms-border-radius: 4px; | |
| 257 | - -o-border-radius: 4px; | |
| 258 | -} | |
| 259 | -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-reset-section:hover { | |
| 260 | - background-color: #c03635!important; | |
| 261 | -} | |
| 262 | 228 | /* |
| 263 | 229 | .spf-buttons .button.spf-reset-section { |
| 264 | 230 | border-color: #6b6a6a; |
| 265 | 231 | background: #6b6a6a; |
| @@ -464,9 +430,9 @@ | ||
| 464 | 430 | .spf-section-title { |
| 465 | 431 | display: none; |
| 466 | 432 | padding: 20px 30px; |
| 467 | 433 | /* background-color: #f5f5f5; */ |
| 468 | - background-color: #D64224; | |
| 434 | + background-color: #e1624b; | |
| 469 | 435 | border-top: 1px solid #eee; |
| 470 | 436 | border-bottom: 1px solid #eee; |
| 471 | 437 | } |
| 472 | 438 | |
| @@ -862,10 +828,10 @@ | ||
| 862 | 828 | background: #f1f1f1; |
| 863 | 829 | } |
| 864 | 830 | |
| 865 | 831 | .spf-theme-light .spf-nav ul li a { |
| 866 | - background-color: #D64224; | |
| 867 | - border-top: 1px solid #D64224; | |
| 832 | + background-color: #e1624b; | |
| 833 | + border-top: 1px solid #e1624b; | |
| 868 | 834 | border-right: 1px solid #E2E2E1; |
| 869 | 835 | border-bottom: 1px solid #ddd; |
| 870 | 836 | color: #fff; |
| 871 | 837 | font-size: 13px; |
| @@ -887,13 +853,13 @@ | ||
| 887 | 853 | border-top: 0 solid transparent; |
| 888 | 854 | } |
| 889 | 855 | .sp-pc-settings.spf-theme-light .spf-nav ul li .spf-section-active { |
| 890 | 856 | background-color: #fff; |
| 891 | - color: #D64224; | |
| 857 | + color: #e1624b; | |
| 892 | 858 | border-right: 1px solid #fff; |
| 893 | 859 | border-bottom: 1px solid #cecece; |
| 894 | 860 | border-top: 1px solid #fff; |
| 895 | - box-shadow: 3px 0 0 0 #D64224 inset; | |
| 861 | + box-shadow: 3px 0 0 0 #e1624b inset; | |
| 896 | 862 | |
| 897 | 863 | } |
| 898 | 864 | .spf-theme-light .spf-nav ul li .spf-section-active { |
| 899 | 865 | background-color: #fff; |
| @@ -901,10 +867,10 @@ | ||
| 901 | 867 | } |
| 902 | 868 | |
| 903 | 869 | #sp_pcp_view_options .spf-theme-light .spf-nav ul li .spf-section-active { |
| 904 | 870 | border-bottom: 1px solid #fff; |
| 905 | - border-top: 1px solid #D64224; | |
| 906 | - box-shadow: 0 3px 0 0 #D64224 inset; | |
| 871 | + border-top: 1px solid #e1624b; | |
| 872 | + box-shadow: 0 3px 0 0 #e1624b inset; | |
| 907 | 873 | } |
| 908 | 874 | |
| 909 | 875 | .sp-pcp-options.spf-theme-light .spf-nav ul li a { |
| 910 | 876 | background: #efefef; |
| @@ -918,9 +884,9 @@ | ||
| 918 | 884 | } |
| 919 | 885 | |
| 920 | 886 | #sp_pcp_view_options .spf-theme-light .spf-nav ul li .spf-section-active i, |
| 921 | 887 | .sp-pcp-options.spf-theme-light .spf-nav ul li .spf-section-active i { |
| 922 | - color: #D64224; | |
| 888 | + color: #e1624b; | |
| 923 | 889 | } |
| 924 | 890 | |
| 925 | 891 | .sp-pcp-options.spf-theme-light .spf-nav ul li .spf-section-active { |
| 926 | 892 | background-color: #fff; |
| @@ -926,9 +892,9 @@ | ||
| 926 | 892 | background-color: #fff; |
| 927 | 893 | border-right: 1px solid #fff; |
| 928 | 894 | border-bottom: 1px solid #fff; |
| 929 | 895 | border-top: 1px solid #fff; |
| 930 | - box-shadow: 4px 0 0 0 #D64224 inset; | |
| 896 | + box-shadow: 4px 0 0 0 #e1624b inset; | |
| 931 | 897 | } |
| 932 | 898 | |
| 933 | 899 | .spf-theme-light .spf-nav ul li .spf-section-active:after { |
| 934 | 900 | display: none; |
| @@ -1187,8 +1153,29 @@ | ||
| 1187 | 1153 | color: #999; |
| 1188 | 1154 | } |
| 1189 | 1155 | |
| 1190 | 1156 | /** |
| 1157 | + * 03. 04. Field: backup | |
| 1158 | + */ | |
| 1159 | + | |
| 1160 | +.spf-field-backup textarea { | |
| 1161 | + width: 100%; | |
| 1162 | + min-height: 200px; | |
| 1163 | + margin-bottom: 5px; | |
| 1164 | +} | |
| 1165 | + | |
| 1166 | +.spf-field-backup small { | |
| 1167 | + display: inline-block; | |
| 1168 | + margin: 5px; | |
| 1169 | +} | |
| 1170 | + | |
| 1171 | +.spf-field-backup hr { | |
| 1172 | + margin: 20px 0; | |
| 1173 | + border: none; | |
| 1174 | + border-bottom: 1px solid #e5e5e5; | |
| 1175 | +} | |
| 1176 | + | |
| 1177 | +/** | |
| 1191 | 1178 | * 03. 05. Field: border, spacing, dimensions, column, dimensions_advanced |
| 1192 | 1179 | */ |
| 1193 | 1180 | |
| 1194 | 1181 | .spf-field-box_shadow .spf--inputs, |
| @@ -1468,8 +1455,246 @@ | ||
| 1468 | 1455 | padding: 0; |
| 1469 | 1456 | } |
| 1470 | 1457 | |
| 1471 | 1458 | /** |
| 1459 | + * 03. 12. Field: date | |
| 1460 | + */ | |
| 1461 | +.spf-field-date input { | |
| 1462 | + margin: 0; | |
| 1463 | +} | |
| 1464 | + | |
| 1465 | +.spf-field-date .spf--to { | |
| 1466 | + margin-left: 7px; | |
| 1467 | +} | |
| 1468 | + | |
| 1469 | +.spf-datepicker-wrapper { | |
| 1470 | + margin-top: 5px; | |
| 1471 | + width: auto; | |
| 1472 | + background-color: #fff; | |
| 1473 | + z-index: 9999999 !important; | |
| 1474 | + -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); | |
| 1475 | + -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); | |
| 1476 | + box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); | |
| 1477 | +} | |
| 1478 | + | |
| 1479 | +.spf-datepicker-wrapper * { | |
| 1480 | + float: none; | |
| 1481 | + margin: 0; | |
| 1482 | + padding: 0; | |
| 1483 | + font-family: inherit; | |
| 1484 | + font-weight: normal; | |
| 1485 | + font-style: normal; | |
| 1486 | + text-decoration: none; | |
| 1487 | + border: 0; | |
| 1488 | + border-radius: 0; | |
| 1489 | + box-shadow: none; | |
| 1490 | +} | |
| 1491 | + | |
| 1492 | +.spf-datepicker-wrapper .ui-widget-header, | |
| 1493 | +.spf-datepicker-wrapper .ui-datepicker-header { | |
| 1494 | + color: #fff; | |
| 1495 | + background: #00a0d2; | |
| 1496 | +} | |
| 1497 | + | |
| 1498 | +.spf-datepicker-wrapper .ui-datepicker-header .ui-state-hover { | |
| 1499 | + cursor: pointer; | |
| 1500 | +} | |
| 1501 | + | |
| 1502 | +.spf-datepicker-wrapper .ui-datepicker-title { | |
| 1503 | + font-size: 14px; | |
| 1504 | + line-height: 40px; | |
| 1505 | + text-align: center; | |
| 1506 | +} | |
| 1507 | + | |
| 1508 | +.spf-datepicker-wrapper .ui-datepicker-prev, | |
| 1509 | +.spf-datepicker-wrapper .ui-datepicker-next { | |
| 1510 | + position: static; | |
| 1511 | + top: auto; | |
| 1512 | + left: auto; | |
| 1513 | + right: auto; | |
| 1514 | + font-family: "FontAwesome"; | |
| 1515 | + font-size: 12px; | |
| 1516 | + text-align: center; | |
| 1517 | + width: 41px; | |
| 1518 | + height: 40px; | |
| 1519 | + line-height: 40px; | |
| 1520 | + color: #fff; | |
| 1521 | + background-color: rgba(255, 255, 255, 0.1); | |
| 1522 | + text-rendering: auto; | |
| 1523 | + -webkit-font-smoothing: antialiased; | |
| 1524 | + -moz-osx-font-smoothing: grayscale; | |
| 1525 | +} | |
| 1526 | + | |
| 1527 | +.spf-datepicker-wrapper .ui-datepicker-next span, | |
| 1528 | +.spf-datepicker-wrapper .ui-datepicker-prev span { | |
| 1529 | + display: none; | |
| 1530 | +} | |
| 1531 | + | |
| 1532 | +.spf-datepicker-wrapper .ui-datepicker-prev { | |
| 1533 | + float: left; | |
| 1534 | +} | |
| 1535 | + | |
| 1536 | +.spf-datepicker-wrapper .ui-datepicker-next { | |
| 1537 | + float: right; | |
| 1538 | +} | |
| 1539 | + | |
| 1540 | +.spf-datepicker-wrapper .ui-datepicker-prev:before { | |
| 1541 | + content: '\f053'; | |
| 1542 | +} | |
| 1543 | + | |
| 1544 | +.spf-datepicker-wrapper .ui-datepicker-next:before { | |
| 1545 | + content: '\f054'; | |
| 1546 | +} | |
| 1547 | + | |
| 1548 | +.spf-datepicker-wrapper .ui-datepicker-prev-hover, | |
| 1549 | +.spf-datepicker-wrapper .ui-datepicker-next-hover { | |
| 1550 | + opacity: 0.75; | |
| 1551 | +} | |
| 1552 | + | |
| 1553 | +.spf-datepicker-wrapper tbody .ui-datepicker-week-col { | |
| 1554 | + background-color: #f7f7f7; | |
| 1555 | +} | |
| 1556 | + | |
| 1557 | +.spf-datepicker-wrapper .ui-datepicker-buttonpane { | |
| 1558 | + padding: 10px; | |
| 1559 | + text-align: center; | |
| 1560 | + background-color: #f7f7f7; | |
| 1561 | +} | |
| 1562 | + | |
| 1563 | +.spf-datepicker-wrapper .ui-datepicker-buttonpane button { | |
| 1564 | + cursor: pointer; | |
| 1565 | + margin: 0 5px; | |
| 1566 | + padding: 7px 14px; | |
| 1567 | + border: 1px solid #eee; | |
| 1568 | + background-color: #fff; | |
| 1569 | +} | |
| 1570 | + | |
| 1571 | +.spf-datepicker-wrapper select { | |
| 1572 | + margin: 0 4px; | |
| 1573 | +} | |
| 1574 | + | |
| 1575 | +.spf-datepicker-wrapper select option { | |
| 1576 | + color: #555; | |
| 1577 | +} | |
| 1578 | + | |
| 1579 | +.spf-datepicker-wrapper table { | |
| 1580 | + font-size: 13px; | |
| 1581 | + border-collapse: collapse; | |
| 1582 | + width: 100%; | |
| 1583 | +} | |
| 1584 | + | |
| 1585 | +.spf-datepicker-wrapper thead { | |
| 1586 | + color: #fff; | |
| 1587 | + background: #32373c; | |
| 1588 | +} | |
| 1589 | + | |
| 1590 | +.spf-datepicker-wrapper th { | |
| 1591 | + text-align: center; | |
| 1592 | + padding: 7px; | |
| 1593 | + border: 1px solid #444; | |
| 1594 | +} | |
| 1595 | + | |
| 1596 | +.spf-datepicker-wrapper td { | |
| 1597 | + text-align: center; | |
| 1598 | + border: 1px solid #f4f4f4; | |
| 1599 | +} | |
| 1600 | + | |
| 1601 | +.spf-datepicker-wrapper td.ui-datepicker-other-month { | |
| 1602 | + border: transparent; | |
| 1603 | +} | |
| 1604 | + | |
| 1605 | +.spf-datepicker-wrapper td .ui-state-default { | |
| 1606 | + color: #555; | |
| 1607 | + width: auto; | |
| 1608 | + display: block; | |
| 1609 | + padding: 6px 12px; | |
| 1610 | +} | |
| 1611 | + | |
| 1612 | +.spf-datepicker-wrapper td .ui-state-active, | |
| 1613 | +.spf-datepicker-wrapper td .ui-state-hover { | |
| 1614 | + color: #fff; | |
| 1615 | + background-color: #0073aa; | |
| 1616 | +} | |
| 1617 | + | |
| 1618 | +.spf-datepicker-wrapper td.ui-state-disabled .ui-state-default { | |
| 1619 | + opacity: 0.5; | |
| 1620 | +} | |
| 1621 | + | |
| 1622 | +/** | |
| 1623 | + * 03. 13. Field: gallery | |
| 1624 | + */ | |
| 1625 | + | |
| 1626 | +.spf-field-gallery input { | |
| 1627 | + display: none; | |
| 1628 | +} | |
| 1629 | + | |
| 1630 | +.spf-field-gallery ul { | |
| 1631 | + margin: 0; | |
| 1632 | + padding: 0; | |
| 1633 | + list-style-type: none; | |
| 1634 | +} | |
| 1635 | + | |
| 1636 | +.spf-field-gallery ul.sp-gallery-images li { | |
| 1637 | + display: inline-block; | |
| 1638 | + position: relative; | |
| 1639 | + padding: 4px; | |
| 1640 | + margin: 0 5px 10px 0; | |
| 1641 | + border: 1px solid #ccc; | |
| 1642 | + background-color: #f9f9f9; | |
| 1643 | + -moz-border-radius: 2px; | |
| 1644 | + -webkit-border-radius: 2px; | |
| 1645 | + border-radius: 2px; | |
| 1646 | + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); | |
| 1647 | + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); | |
| 1648 | + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); | |
| 1649 | +} | |
| 1650 | + | |
| 1651 | +.spf-field-gallery ul.sp-gallery-images li img { | |
| 1652 | + max-height: 100px; | |
| 1653 | + display: inline-block; | |
| 1654 | + vertical-align: middle; | |
| 1655 | +} | |
| 1656 | + | |
| 1657 | +.spf-field-gallery .button:focus, | |
| 1658 | +.spf-field-gallery .button:hover, | |
| 1659 | +.spf-field-gallery .button { | |
| 1660 | + margin-right: 5px; | |
| 1661 | + margin-bottom: 5px; | |
| 1662 | + /* SP Style */ | |
| 1663 | + width: 110px; | |
| 1664 | + height: 110px; | |
| 1665 | + text-align: center; | |
| 1666 | + line-height: 15px; | |
| 1667 | + color: #fff; | |
| 1668 | + border: none; | |
| 1669 | + border-radius: 2px; | |
| 1670 | + display: flex; | |
| 1671 | + justify-content: center; | |
| 1672 | + flex-direction: column; | |
| 1673 | + font-weight: 600; | |
| 1674 | +} | |
| 1675 | + | |
| 1676 | +.spf-field-gallery .button-primary.spf-button { | |
| 1677 | + background: #4eb631; | |
| 1678 | + box-shadow: none; | |
| 1679 | + text-shadow: none; | |
| 1680 | +} | |
| 1681 | + | |
| 1682 | +.spf-field-gallery .button.spf-edit-gallery { | |
| 1683 | + background: #6a7885; | |
| 1684 | +} | |
| 1685 | + | |
| 1686 | +.spf-field-gallery .button i { | |
| 1687 | + font-size: 24px; | |
| 1688 | + margin-bottom: 10px; | |
| 1689 | +} | |
| 1690 | + | |
| 1691 | +.spf-field-gallery a, | |
| 1692 | +.spf-field-gallery li { | |
| 1693 | + float: left; | |
| 1694 | +} | |
| 1695 | + | |
| 1696 | +/** | |
| 1472 | 1697 | * 03. 14. Field: group |
| 1473 | 1698 | */ |
| 1474 | 1699 | /* |
| 1475 | 1700 | .spf-field-group .spf-field { |
| @@ -1670,9 +1895,9 @@ | ||
| 1670 | 1895 | height: 15px; |
| 1671 | 1896 | line-height: 15px; |
| 1672 | 1897 | opacity: 0; |
| 1673 | 1898 | color: #fff; |
| 1674 | - background-color: #D64224; | |
| 1899 | + background-color: #e1624b; | |
| 1675 | 1900 | transition: opacity .2s; |
| 1676 | 1901 | } |
| 1677 | 1902 | |
| 1678 | 1903 | .spf-field-layout_preset .spf--active.spf--image:before, |
| @@ -1680,9 +1905,9 @@ | ||
| 1680 | 1905 | opacity: 1; |
| 1681 | 1906 | } |
| 1682 | 1907 | |
| 1683 | 1908 | .spf-field-image_select .spf--active img { |
| 1684 | - outline-color: #D64224; | |
| 1909 | + outline-color: #e1624b; | |
| 1685 | 1910 | } |
| 1686 | 1911 | |
| 1687 | 1912 | .spf-field-image_select img { |
| 1688 | 1913 | vertical-align: top; |
| @@ -1711,14 +1936,8 @@ | ||
| 1711 | 1936 | |
| 1712 | 1937 | .spf-field-layout_preset .spf--image img { |
| 1713 | 1938 | max-width: 100%; |
| 1714 | 1939 | } |
| 1715 | -.spf-field-layout_preset.pcp-layout-preset .spf--image img { | |
| 1716 | - width: 110px; | |
| 1717 | -} | |
| 1718 | -.spf-field-layout_preset.pcp-content-orientation .spf--image img { | |
| 1719 | - width: 70px; | |
| 1720 | -} | |
| 1721 | 1940 | |
| 1722 | 1941 | #spf-section-sp_pcp_layouts_1 .spf-field-layout_preset span { |
| 1723 | 1942 | font-size: 13px; |
| 1724 | 1943 | } |
| @@ -1732,9 +1951,9 @@ | ||
| 1732 | 1951 | font-size: 12px; |
| 1733 | 1952 | } |
| 1734 | 1953 | |
| 1735 | 1954 | .spf-field-layout_preset .spf--image.spf--active img { |
| 1736 | - outline-color: #D64224; | |
| 1955 | + outline-color: #e1624b; | |
| 1737 | 1956 | } |
| 1738 | 1957 | |
| 1739 | 1958 | /** |
| 1740 | 1959 | * 03. 17. Field: link_color |
| @@ -1751,8 +1970,58 @@ | ||
| 1751 | 1970 | margin-bottom: 5px; |
| 1752 | 1971 | } |
| 1753 | 1972 | |
| 1754 | 1973 | /** |
| 1974 | + * 03. 18. Field: media | |
| 1975 | + */ | |
| 1976 | + | |
| 1977 | +.spf-field-media .spf--placeholder { | |
| 1978 | + display: flex; | |
| 1979 | +} | |
| 1980 | + | |
| 1981 | +.spf-field-media .spf--placeholder input { | |
| 1982 | + width: 100%; | |
| 1983 | + margin: 0; | |
| 1984 | +} | |
| 1985 | + | |
| 1986 | +.spf-field-media .button { | |
| 1987 | + margin-left: 5px; | |
| 1988 | +} | |
| 1989 | + | |
| 1990 | +.spf-field-media .hidden+.button { | |
| 1991 | + margin-left: 0; | |
| 1992 | +} | |
| 1993 | + | |
| 1994 | +.spf-field-media .spf--preview { | |
| 1995 | + position: relative; | |
| 1996 | +} | |
| 1997 | + | |
| 1998 | +.spf-field-media .spf--preview .fa-times { | |
| 1999 | + position: absolute; | |
| 2000 | + z-index: 1; | |
| 2001 | + right: 4px; | |
| 2002 | + top: 4px; | |
| 2003 | + font-size: 14px; | |
| 2004 | + width: 22px; | |
| 2005 | + height: 22px; | |
| 2006 | + line-height: 22px; | |
| 2007 | + text-align: center; | |
| 2008 | + text-decoration: none; | |
| 2009 | + color: #fff; | |
| 2010 | + background-color: #dd3333; | |
| 2011 | + opacity: 0.8; | |
| 2012 | + transition: all .2s; | |
| 2013 | +} | |
| 2014 | + | |
| 2015 | +.spf-field-media .spf--preview .fa-times:hover { | |
| 2016 | + opacity: 1; | |
| 2017 | +} | |
| 2018 | + | |
| 2019 | +.spf-field-media .spf--preview .fa-times:focus { | |
| 2020 | + box-shadow: none; | |
| 2021 | +} | |
| 2022 | + | |
| 2023 | +/** | |
| 1755 | 2024 | * 03. 19. Field: palette |
| 1756 | 2025 | */ |
| 1757 | 2026 | |
| 1758 | 2027 | .spf-field-palette .spf--palette { |
| @@ -2217,8 +2486,57 @@ | ||
| 2217 | 2486 | display: none; |
| 2218 | 2487 | } |
| 2219 | 2488 | |
| 2220 | 2489 | /** |
| 2490 | + * 03. 27. Field: tabbed | |
| 2491 | + */ | |
| 2492 | + | |
| 2493 | +.spf-field-tabbed .spf-tabbed-section { | |
| 2494 | + border: 1px solid #ccd0d4; | |
| 2495 | + background-color: #fff; | |
| 2496 | + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); | |
| 2497 | +} | |
| 2498 | + | |
| 2499 | +.spf-field-tabbed .spf-tabbed-section>.spf-field { | |
| 2500 | + padding: 15px; | |
| 2501 | +} | |
| 2502 | + | |
| 2503 | +.spf-field-tabbed .spf-tabbed-nav .spf--icon { | |
| 2504 | + padding-right: 5px; | |
| 2505 | +} | |
| 2506 | + | |
| 2507 | +.spf-field-tabbed .spf-tabbed-nav a { | |
| 2508 | + display: inline-block; | |
| 2509 | + padding: 12px 15px; | |
| 2510 | + margin-top: 1px; | |
| 2511 | + margin-right: 5px; | |
| 2512 | + margin-bottom: -1px; | |
| 2513 | + position: relative; | |
| 2514 | + text-decoration: none; | |
| 2515 | + color: #444; | |
| 2516 | + font-weight: 600; | |
| 2517 | + border: 1px solid #ccd0d4; | |
| 2518 | + background-color: #f3f3f3; | |
| 2519 | + transition: all .2s; | |
| 2520 | +} | |
| 2521 | + | |
| 2522 | +.spf-field-tabbed .spf-tabbed-nav a:hover { | |
| 2523 | + background-color: #f9f9f9; | |
| 2524 | +} | |
| 2525 | + | |
| 2526 | +.spf-field-tabbed .spf-tabbed-nav a.spf-tabbed-active { | |
| 2527 | + background-color: #fff; | |
| 2528 | + border-bottom-color: #fff; | |
| 2529 | +} | |
| 2530 | + | |
| 2531 | +.spf-field-tabbed .spf-tabbed-nav a:focus { | |
| 2532 | + outline: none; | |
| 2533 | + -moz-box-shadow: none; | |
| 2534 | + -webkit-box-shadow: none; | |
| 2535 | + box-shadow: none; | |
| 2536 | +} | |
| 2537 | + | |
| 2538 | +/** | |
| 2221 | 2539 | * 03. 28. Field: text |
| 2222 | 2540 | */ |
| 2223 | 2541 | |
| 2224 | 2542 | .spf-field-text input { |
| @@ -2344,8 +2662,76 @@ | ||
| 2344 | 2662 | margin-top: 5px; |
| 2345 | 2663 | } |
| 2346 | 2664 | |
| 2347 | 2665 | /** |
| 2666 | + * 03. 31. Field: upload | |
| 2667 | + */ | |
| 2668 | + | |
| 2669 | +.spf-field-upload input { | |
| 2670 | + width: 100%; | |
| 2671 | + margin: 0; | |
| 2672 | +} | |
| 2673 | + | |
| 2674 | +.spf-field-upload .spf--wrap { | |
| 2675 | + display: flex; | |
| 2676 | +} | |
| 2677 | + | |
| 2678 | +.spf-field-upload .button { | |
| 2679 | + margin-left: 5px; | |
| 2680 | +} | |
| 2681 | + | |
| 2682 | +/** | |
| 2683 | + * 03. 32. Field: wp_editor | |
| 2684 | + */ | |
| 2685 | + | |
| 2686 | +.spf-field-wp_editor .spf-wp-editor { | |
| 2687 | + float: left; | |
| 2688 | + width: 100%; | |
| 2689 | +} | |
| 2690 | + | |
| 2691 | +.spf-field-wp_editor .mce-toolbar-grp { | |
| 2692 | + border: none; | |
| 2693 | +} | |
| 2694 | + | |
| 2695 | +.spf-field-wp_editor .mce-btn.mce-active button, | |
| 2696 | +.spf-field-wp_editor .mce-btn.mce-active:hover button, | |
| 2697 | +.spf-field-wp_editor .mce-btn.mce-active i, | |
| 2698 | +.spf-field-wp_editor .mce-btn.mce-active:hover i { | |
| 2699 | + color: #23282d; | |
| 2700 | +} | |
| 2701 | + | |
| 2702 | +.spf-field-wp_editor .wp-media-buttons { | |
| 2703 | + position: relative; | |
| 2704 | + z-index: 2; | |
| 2705 | +} | |
| 2706 | + | |
| 2707 | +.spf-field-wp_editor .wp-editor-tabs { | |
| 2708 | + position: relative; | |
| 2709 | + z-index: 1; | |
| 2710 | +} | |
| 2711 | + | |
| 2712 | +.spf-field-wp_editor .spf-no-tinymce { | |
| 2713 | + border: 1px solid #e5e5e5; | |
| 2714 | +} | |
| 2715 | + | |
| 2716 | +.spf-field-wp_editor .spf-no-quicktags .wp-media-buttons { | |
| 2717 | + float: none; | |
| 2718 | + display: block; | |
| 2719 | +} | |
| 2720 | + | |
| 2721 | +.spf-field-wp_editor .spf-no-quicktags .mce-tinymce { | |
| 2722 | + box-shadow: none; | |
| 2723 | + border: 1px solid #e5e5e5; | |
| 2724 | +} | |
| 2725 | + | |
| 2726 | +.spf-field-wp_editor textarea { | |
| 2727 | + width: 100%; | |
| 2728 | + max-width: 100%; | |
| 2729 | + margin: 0; | |
| 2730 | + box-shadow: none; | |
| 2731 | +} | |
| 2732 | + | |
| 2733 | +/** | |
| 2348 | 2734 | * 03. 33. Field: heading |
| 2349 | 2735 | */ |
| 2350 | 2736 | |
| 2351 | 2737 | .spf-field-heading { |
| @@ -2455,9 +2841,40 @@ | ||
| 2455 | 2841 | .spf-notice-normal { |
| 2456 | 2842 | border-color: #2ca716; |
| 2457 | 2843 | } |
| 2458 | 2844 | |
| 2845 | +/** | |
| 2846 | + * 03. 37. Field: number | |
| 2847 | + */ | |
| 2848 | +.spf-field-number input { | |
| 2849 | + width: 100%; | |
| 2850 | + margin: 0; | |
| 2851 | +} | |
| 2459 | 2852 | |
| 2853 | +.spf-field-number .spf--wrap { | |
| 2854 | + position: relative; | |
| 2855 | + float: left; | |
| 2856 | + width: 100px; | |
| 2857 | +} | |
| 2858 | + | |
| 2859 | +.spf-field-number .spf--unit { | |
| 2860 | + position: absolute; | |
| 2861 | + z-index: 1; | |
| 2862 | + right: 4px; | |
| 2863 | + top: 4px; | |
| 2864 | + bottom: 4px; | |
| 2865 | + padding: 2px 6px; | |
| 2866 | + color: #666; | |
| 2867 | + font-size: 11px; | |
| 2868 | + line-height: 1; | |
| 2869 | + border-radius: 2px; | |
| 2870 | + background: #eee; | |
| 2871 | + user-select: none; | |
| 2872 | + display: flex; | |
| 2873 | + justify-content: center; | |
| 2874 | + flex-direction: column; | |
| 2875 | +} | |
| 2876 | + | |
| 2460 | 2877 | /** |
| 2461 | 2878 | * 03. 38. others |
| 2462 | 2879 | */ |
| 2463 | 2880 | |
| @@ -4554,12 +4971,12 @@ | ||
| 4554 | 4971 | display: none; |
| 4555 | 4972 | } |
| 4556 | 4973 | |
| 4557 | 4974 | #spf-section-sp_pcp_layouts_1 .pcp-admin-header { |
| 4558 | - background-color: #D64224; | |
| 4559 | - background-image: -webkit-linear-gradient(180deg, rgb(214 66 36) 0%, rgb(178, 86, 118) 100%); | |
| 4560 | - background-image: -webkit-linear-gradient(180deg, rgb(214 66 36) 0%, rgb(178, 86, 118) 100%); | |
| 4561 | - background-image: -ms-linear-gradient(180deg, rgb(214 66 36) 0%, rgb(178, 86, 118) 100%); | |
| 4975 | + background-color: #157592; | |
| 4976 | + background-image: -moz-linear-gradient(180deg, rgb(233, 100, 67) 0%, rgb(178, 86, 118) 100%); | |
| 4977 | + background-image: -webkit-linear-gradient(180deg, rgb(233, 100, 67) 0%, rgb(178, 86, 118) 100%); | |
| 4978 | + background-image: -ms-linear-gradient(180deg, rgb(233, 100, 67) 0%, rgb(178, 86, 118) 100%); | |
| 4562 | 4979 | padding: 18px 26px; |
| 4563 | 4980 | overflow: hidden; |
| 4564 | 4981 | } |
| 4565 | 4982 | |
| @@ -4691,9 +5108,9 @@ | ||
| 4691 | 5108 | border: 1px solid #ccd0d4; |
| 4692 | 5109 | } |
| 4693 | 5110 | /* Social shape */ |
| 4694 | 5111 | .spf-field.spf-field-layout_preset.social_icon_shape .spf--image.spf--active img { |
| 4695 | - border-color: #D64224; | |
| 5112 | + border-color: #e1624b; | |
| 4696 | 5113 | } |
| 4697 | 5114 | .spf-field.spf-field-layout_preset.social_icon_shape .spf--image{ |
| 4698 | 5115 | text-align: center; |
| 4699 | 5116 | } |
| @@ -4743,9 +5160,9 @@ | ||
| 4743 | 5160 | .spf-field.spf-field-sortable.post_content_sorter_sortable .spf--sortable.ui-sortable { |
| 4744 | 5161 | max-width: 530px; |
| 4745 | 5162 | } |
| 4746 | 5163 | .spf-field.spf-field-sortable.post_content_sorter_sortable .spf--sortable.ui-sortable .spf-field.spf-field-switcher .spf-fieldset{ |
| 4747 | - margin-left: 80%; | |
| 5164 | + margin-left: 40%; | |
| 4748 | 5165 | } |
| 4749 | 5166 | |
| 4750 | 5167 | /* |
| 4751 | 5168 | * Pro Only Features |
| @@ -4780,9 +5197,8 @@ | ||
| 4780 | 5197 | .spf-field-layout_preset .spf--image { |
| 4781 | 5198 | position: relative; |
| 4782 | 5199 | } |
| 4783 | 5200 | /* Setting page header */ |
| 4784 | -.sp_post_carousel_page_pcp_replace_layout .spf-header-inner h1 svg, | |
| 4785 | 5201 | .sp_post_carousel_page_pcp_settings .spf-header-inner h1 svg{ |
| 4786 | 5202 | float: left; |
| 4787 | 5203 | margin-right: 8px; |
| 4788 | 5204 | height: 1.5em; |
| @@ -4800,18 +5216,11 @@ | ||
| 4800 | 5216 | } |
| 4801 | 5217 | .post_content_sorter.spf-field-sortable .pcp-pro-only .spf--sortable-helper{ |
| 4802 | 5218 | border-right: 1px solid rgb(190, 190, 190); |
| 4803 | 5219 | } |
| 4804 | -.spf-field.spf-field-checkbox.pcp_disabled h4, | |
| 4805 | -.spf-field.spf-field-checkbox.pcp_disabled .spf-checkbox { | |
| 5220 | +.spf-field.spf-field-checkbox.pcp_disabled h4 { | |
| 4806 | 5221 | opacity: 0.7; |
| 4807 | - pointer-events: none; | |
| 4808 | 5222 | } |
| 4809 | -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-save-ajax[disabled] { | |
| 4810 | - background-color: #02cc7b !important; | |
| 4811 | - color: #ffffff !important; | |
| 4812 | - border: none; | |
| 4813 | - } | |
| 4814 | 5223 | /* Pro only image select */ |
| 4815 | 5224 | .spf-field-image_select .spf--image.pcp-pro-only, .spf-field-button_set .spf--button.pcp-pro-only { |
| 4816 | 5225 | pointer-events: none; |
| 4817 | 5226 | opacity: 0.8; |
| @@ -4831,266 +5240,4 @@ | ||
| 4831 | 5240 | font-size: 8px; |
| 4832 | 5241 | line-height: 11px; |
| 4833 | 5242 | opacity: 1; |
| 4834 | 5243 | } |
| 4835 | - | |
| 4836 | -/* Show preview button */ | |
| 4837 | -#spsp-show-preview { | |
| 4838 | - position: fixed; | |
| 4839 | - right: 144px; | |
| 4840 | - bottom: 30px; | |
| 4841 | - z-index: 1001; | |
| 4842 | - width: 155px; | |
| 4843 | - text-align: center; | |
| 4844 | - padding: 10px 0px; | |
| 4845 | - background: #54b154; | |
| 4846 | - color: #fff; | |
| 4847 | - border-radius: 3px; | |
| 4848 | - text-decoration: none; | |
| 4849 | - display: block; | |
| 4850 | - font-weight: 500; | |
| 4851 | - text-transform: uppercase; | |
| 4852 | - letter-spacing: 0.2px; | |
| 4853 | - margin: 0; | |
| 4854 | - box-sizing: border-box; | |
| 4855 | - border-color: #44a944; | |
| 4856 | - overflow: hidden; | |
| 4857 | -} | |
| 4858 | -#spsp-preview-box{ | |
| 4859 | - overflow-x: auto; | |
| 4860 | - padding: 0 20px; | |
| 4861 | - resize: vertical; | |
| 4862 | -} | |
| 4863 | -.spf-field.spf-field-preview{ | |
| 4864 | - padding-right: 10px; | |
| 4865 | - padding-left: 10px; | |
| 4866 | -} | |
| 4867 | -.spf-field.spf-field-preview .pcp-sc-title { | |
| 4868 | - padding-left: 19px; | |
| 4869 | - padding-bottom: 0px; | |
| 4870 | - margin-top: 0; | |
| 4871 | -} | |
| 4872 | -#poststuff #sp_pcp_display .sp-pcp-section h3,#poststuff #sp_pcp_display .sp-pcp-section h2,#poststuff #sp_pcp_display .sp-pcp-section h3{ | |
| 4873 | - padding: 0; | |
| 4874 | - margin: 0 0 9px 0; | |
| 4875 | -} | |
| 4876 | -#poststuff #sp_pcp_display .sp-pcp-section .pcp-section-title { | |
| 4877 | - color: #444; | |
| 4878 | - margin: 0 0 30px 0; | |
| 4879 | - font-size: 24px; | |
| 4880 | -} | |
| 4881 | -/* Popup settings field style */ | |
| 4882 | -.spf-field-fieldset.pcp_popup_settings_field{ | |
| 4883 | - padding: 0 13px; | |
| 4884 | - opacity: .7; | |
| 4885 | - pointer-events: none; | |
| 4886 | -} | |
| 4887 | -.spf-field-fieldset.pcp_popup_settings_field .spf-field-switcher .spf--active { | |
| 4888 | - background-color: #aaa; | |
| 4889 | -} | |
| 4890 | -.spf-field-fieldset.pcp_popup_settings_field .spf-fieldset-content{ | |
| 4891 | - border: none; | |
| 4892 | -} | |
| 4893 | -.spf-field-fieldset.pcp_popup_settings_field .spf-fieldset-content .spf-field-switcher .spf-title{ | |
| 4894 | - line-height: 24px; | |
| 4895 | -} | |
| 4896 | -/* pro field style */ | |
| 4897 | -.pcp_only_pro{ | |
| 4898 | - opacity: .7; | |
| 4899 | - pointer-events: none; | |
| 4900 | -} | |
| 4901 | -.spf-field-column.pcp_only_pro .spf--inputs .spf--input:last-child{ | |
| 4902 | - position: relative; | |
| 4903 | -} | |
| 4904 | -.spf-field-column.pcp_only_pro .spf--inputs .spf--input:last-child::after { | |
| 4905 | - content: "PRO"; | |
| 4906 | - background-color: #d4d4d4; | |
| 4907 | - padding: 2px 4px; | |
| 4908 | - font-size: 8px; | |
| 4909 | - border-radius: 2px; | |
| 4910 | - height: 11px; | |
| 4911 | - margin-left: 5px; | |
| 4912 | - margin-top: 7px; | |
| 4913 | -} | |
| 4914 | - | |
| 4915 | -/* Import export css */ | |
| 4916 | -.spf-field.spf-field-button_set.pcp_export { | |
| 4917 | - margin-top: 0; | |
| 4918 | - padding-top: 0; | |
| 4919 | -} | |
| 4920 | - | |
| 4921 | -.spf-field-button_set.pcp_export .spf--button:hover, | |
| 4922 | -.spf-field.spf-field-custom_import.pcp_import button:hover { | |
| 4923 | - background: #135e96; | |
| 4924 | - border-color: #135e96; | |
| 4925 | - color: #fff; | |
| 4926 | -} | |
| 4927 | - | |
| 4928 | -.spf-field.spf-field-custom_import.pcp_import button, | |
| 4929 | -.spf-field-button_set.pcp_export .spf--button { | |
| 4930 | - background: #2271b1; | |
| 4931 | - border-color: #2271b1; | |
| 4932 | - color: #fff; | |
| 4933 | - text-decoration: none; | |
| 4934 | - text-shadow: none; | |
| 4935 | - display: inline-block; | |
| 4936 | - text-decoration: none; | |
| 4937 | - font-size: 13px; | |
| 4938 | - line-height: 2.15384615; | |
| 4939 | - min-height: 30px; | |
| 4940 | - margin: 0; | |
| 4941 | - padding: 0 10px; | |
| 4942 | - cursor: pointer; | |
| 4943 | - border-width: 1px; | |
| 4944 | - border-style: solid; | |
| 4945 | - -webkit-appearance: none; | |
| 4946 | - border-radius: 3px; | |
| 4947 | - white-space: nowrap; | |
| 4948 | - box-sizing: border-box; | |
| 4949 | -} | |
| 4950 | - | |
| 4951 | -.sp-lcp-options .spf-field-select .spf-fieldset { | |
| 4952 | - position: relative; | |
| 4953 | -} | |
| 4954 | - | |
| 4955 | -.spf-field.spf-field-custom_import.pcp_import .spf-fieldset { | |
| 4956 | - position: relative; | |
| 4957 | -} | |
| 4958 | - | |
| 4959 | -.spf-field.spf-field-custom_import.pcp_import p { | |
| 4960 | - padding-bottom: 0; | |
| 4961 | - margin-bottom: 1px; | |
| 4962 | -} | |
| 4963 | - | |
| 4964 | -.spf-field.spf-field-custom_import.pcp_import button { | |
| 4965 | - margin-top: 10px; | |
| 4966 | - padding-bottom: 0px; | |
| 4967 | -} | |
| 4968 | - | |
| 4969 | -.spf-field.spf-field-custom_import.pcp_import .spf-help { | |
| 4970 | - cursor: help; | |
| 4971 | - position: absolute; | |
| 4972 | - top: 80%; | |
| 4973 | - transform: translateY(-50%); | |
| 4974 | - padding: 5px; | |
| 4975 | - font-size: 14px; | |
| 4976 | - color: #aaa; | |
| 4977 | - width: 15px; | |
| 4978 | - left: 64px; | |
| 4979 | -} | |
| 4980 | - | |
| 4981 | -.spf-field.spf-field-select.pcp_post_ids .chosen-container .chosen-drop { | |
| 4982 | - max-width: 400px; | |
| 4983 | -} | |
| 4984 | - | |
| 4985 | -.spf-field.spf-field-select.pcp_post_ids .chosen-container { | |
| 4986 | - max-width: 400px; | |
| 4987 | -} | |
| 4988 | - | |
| 4989 | -.spf-field.spf-field-select.pcp_post_ids { | |
| 4990 | - padding-top: 0; | |
| 4991 | -} | |
| 4992 | - | |
| 4993 | - | |
| 4994 | -.sp-pc-settings .spf-header-inner h1.export-import img { | |
| 4995 | - float: left; | |
| 4996 | - margin-right: 8px; | |
| 4997 | - height: 1.5em; | |
| 4998 | -} | |
| 4999 | - | |
| 5000 | - | |
| 5001 | -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(1) a { | |
| 5002 | - background-image: url(../img/export-icon.svg); | |
| 5003 | -} | |
| 5004 | - | |
| 5005 | -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(2) a { | |
| 5006 | - background-image: url(../img/import.svg); | |
| 5007 | -} | |
| 5008 | - | |
| 5009 | -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(1) a.spf-section-active { | |
| 5010 | - background-image: url(../img/file-export-icon1.svg); | |
| 5011 | -} | |
| 5012 | - | |
| 5013 | -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(2) a.spf-section-active { | |
| 5014 | - background-image: url(../img/file-import-icon1.svg); | |
| 5015 | -} | |
| 5016 | - | |
| 5017 | -.sp-pc-settings.pcp_tools .spf-nav-options ul li a { | |
| 5018 | - padding: 15px 30px; | |
| 5019 | - background-size: 14px; | |
| 5020 | - background-position: 10px center; | |
| 5021 | - background-repeat: no-repeat; | |
| 5022 | -} | |
| 5023 | -.pcp_custom_meta_date_format input { | |
| 5024 | - width: 200px; | |
| 5025 | -} | |
| 5026 | - | |
| 5027 | -/* Replace layout */ | |
| 5028 | -.sp_post_carousel_page_pcp_replace_layout .spf-field-fieldset.spsp_no_border .spf-fieldset-content { | |
| 5029 | - border: 1px solid #ccd0d4; | |
| 5030 | - background-color: #fff; | |
| 5031 | - box-shadow: 0 1px 1px rgb(0 0 0 / 4%); | |
| 5032 | - padding: 20px 20px 2px 15px; | |
| 5033 | - width: 500px; | |
| 5034 | - border-radius: 5px; | |
| 5035 | - margin-left: 25%; | |
| 5036 | -} | |
| 5037 | -.sp_post_carousel_page_pcp_replace_layout .spf-field-fieldset.spsp_no_border .spf-field .spf-title { | |
| 5038 | - position: relative; | |
| 5039 | - width: auto; | |
| 5040 | - float: none; | |
| 5041 | - margin-bottom: 10px; | |
| 5042 | -} | |
| 5043 | -.sp_post_carousel_page_pcp_replace_layout .spf-field-fieldset.spsp_no_border .spf-field .spf-fieldset { | |
| 5044 | - margin-left: 0; | |
| 5045 | -} | |
| 5046 | -.sp_post_carousel_page_pcp_replace_layout .spf.spf-options.spf-theme-light.sp-pc-settings.pcp_replace_layout { | |
| 5047 | - opacity: .7; | |
| 5048 | - pointer-events: none; | |
| 5049 | -} | |
| 5050 | -.sp_post_carousel_page_pcp_replace_layout .pcp_replace_layout_notice p { | |
| 5051 | - background-color: #fff; | |
| 5052 | - color: #444444; | |
| 5053 | - font-size: 15px; | |
| 5054 | - padding: 15px 15px; | |
| 5055 | - border: 1px solid #cecece; | |
| 5056 | -} | |
| 5057 | - | |
| 5058 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(1) a, | |
| 5059 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(2) a, | |
| 5060 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(3) a { | |
| 5061 | - padding: 15px 30px; | |
| 5062 | - background-size: 14px; | |
| 5063 | - background-position: 10px center; | |
| 5064 | - background-repeat: no-repeat; | |
| 5065 | -} | |
| 5066 | - | |
| 5067 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(1) a { | |
| 5068 | - background-image: url(../img/standard-h.svg); | |
| 5069 | -} | |
| 5070 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(2) a { | |
| 5071 | - background-image: url(../img/taxonomy-h.svg); | |
| 5072 | -} | |
| 5073 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(3) a { | |
| 5074 | - background-image: url(../img/post.svg); | |
| 5075 | -} | |
| 5076 | -/* Image custom size & retina display disable option */ | |
| 5077 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-switcher:nth-child(4){ | |
| 5078 | - pointer-events: none; | |
| 5079 | - user-select: none; | |
| 5080 | -} | |
| 5081 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-switcher:nth-child(4) .spf--switcher{ | |
| 5082 | - background-color: #ed9596; | |
| 5083 | -} | |
| 5084 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-switcher:nth-child(4) > .spf-title h4, | |
| 5085 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-dimensions_advanced > .spf-title h4{ | |
| 5086 | - color: #777; | |
| 5087 | -} | |
| 5088 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-dimensions_advanced .spf--label{ | |
| 5089 | - border: 1px solid #dcdcde; | |
| 5090 | - border-right: none; | |
| 5091 | - color: #dcdcde; | |
| 5092 | -} | |
| 5093 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-dimensions_advanced .spf--label .fa-arrows-h:before, | |
| 5094 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-dimensions_advanced .spf--label .fa-arrows-v:before{ | |
| 5095 | - color: #dcdcde; | |
| 5096 | -} | |
