| @@ -1,14 +1,4 @@ | ||
| 1 | -/** | |
| 2 | - * (c) jSuites Javascript Web Components | |
| 3 | - * | |
| 4 | - * Website: https://jsuites.net | |
| 5 | - * Description: Create amazing web based applications. | |
| 6 | - * | |
| 7 | - * MIT License | |
| 8 | - * | |
| 9 | - */ | |
| 10 | - | |
| 11 | 1 | :root { |
| 12 | 2 | --jbutton-color: #298BA8; |
| 13 | 3 | --jactive-color: #007aff; |
| 14 | 4 | --jsafe-area-top: env(safe-area-inset-top); |
| @@ -25,9 +15,8 @@ | ||
| 25 | 15 | } |
| 26 | 16 | |
| 27 | 17 | .unselectable { |
| 28 | 18 | -webkit-touch-callout: none; |
| 29 | - -webkit-user-select: none; | |
| 30 | 19 | user-select: none; |
| 31 | 20 | } |
| 32 | 21 | |
| 33 | 22 | .jreadonly { |
| @@ -94,9 +83,9 @@ | ||
| 94 | 83 | max-height: 100%; |
| 95 | 84 | min-height: 180px; |
| 96 | 85 | } |
| 97 | 86 | |
| 98 | -.jupload:not(.input):before { | |
| 87 | +.jupload:not(.input):empty:before { | |
| 99 | 88 | content: "\e2c3"; |
| 100 | 89 | font-family: "Material Icons"; |
| 101 | 90 | font-size: 90px; |
| 102 | 91 | color: #eee; |
| @@ -105,9 +94,8 @@ | ||
| 105 | 94 | display: flex; |
| 106 | 95 | align-items: center; |
| 107 | 96 | justify-content: center; |
| 108 | 97 | position: absolute; |
| 109 | - z-index: -1; | |
| 110 | 98 | } |
| 111 | 99 | |
| 112 | 100 | .jupload-item { |
| 113 | 101 | padding-right: 22px; |
| @@ -185,9 +173,8 @@ | ||
| 185 | 173 | } |
| 186 | 174 | |
| 187 | 175 | .jpanel:focus { |
| 188 | 176 | outline: 2px solid black; |
| 189 | - z-index: 999 !important; | |
| 190 | 177 | outline-offset: -1px; |
| 191 | 178 | } |
| 192 | 179 | |
| 193 | 180 | .jpanel-action { |
| @@ -240,13 +227,8 @@ | ||
| 240 | 227 | top: -4px; |
| 241 | 228 | left: -4px; |
| 242 | 229 | } |
| 243 | 230 | |
| 244 | -.jpanel-action[data-position="nw-resize"] { | |
| 245 | - top: -4px; | |
| 246 | - left: -4px; | |
| 247 | -} | |
| 248 | - | |
| 249 | 231 | .jpanel-action[data-action="rotate"] { |
| 250 | 232 | top: -50px; |
| 251 | 233 | left: calc(50% - 12px); |
| 252 | 234 | width: 24px; |
| @@ -450,9 +432,8 @@ | ||
| 450 | 432 | z-index:9000; |
| 451 | 433 | display:none; |
| 452 | 434 | box-sizing:border-box; |
| 453 | 435 | -webkit-touch-callout: none; |
| 454 | - -webkit-user-select: none; | |
| 455 | 436 | user-select: none; |
| 456 | 437 | -webkit-tap-highlight-color: rgba(0,0,0,0); |
| 457 | 438 | -webkit-tap-highlight-color: transparent; |
| 458 | 439 | min-width:280px; |
| @@ -581,9 +562,8 @@ | ||
| 581 | 562 | border:0px; |
| 582 | 563 | padding:4px; |
| 583 | 564 | text-align:center; |
| 584 | 565 | font-size:1.1em; |
| 585 | - -webkit-user-select:none; | |
| 586 | 566 | user-select:none; |
| 587 | 567 | margin-right:10px; |
| 588 | 568 | } |
| 589 | 569 | |
| @@ -666,9 +646,8 @@ | ||
| 666 | 646 | |
| 667 | 647 | .jcolor-content { |
| 668 | 648 | position: absolute; |
| 669 | 649 | z-index: 9000; |
| 670 | - -webkit-user-select: none; | |
| 671 | 650 | user-select: none; |
| 672 | 651 | -webkit-font-smoothing: antialiased; |
| 673 | 652 | font-size: .875rem; |
| 674 | 653 | letter-spacing: .2px; |
| @@ -760,9 +739,9 @@ | ||
| 760 | 739 | z-index: 8000; |
| 761 | 740 | display: none; |
| 762 | 741 | |
| 763 | 742 | -webkit-touch-callout: none; /* iOS Safari */ |
| 764 | - -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ | |
| 743 | +/* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ | |
| 765 | 744 | user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ |
| 766 | 745 | } |
| 767 | 746 | |
| 768 | 747 | .jcolor-content .jtabs-content { |
| @@ -815,9 +794,9 @@ | ||
| 815 | 794 | padding: 10px 20px 10px 10px; |
| 816 | 795 | } |
| 817 | 796 | |
| 818 | 797 | .jcolor-sliders input { |
| 819 | - -webkit-appearance: none; | |
| 798 | + appearance: none; | |
| 820 | 799 | |
| 821 | 800 | height: 12px; |
| 822 | 801 | width: 80%; |
| 823 | 802 | |
| @@ -851,9 +830,9 @@ | ||
| 851 | 830 | padding: 1px; |
| 852 | 831 | } |
| 853 | 832 | |
| 854 | 833 | .jcolor-sliders-input-container input::-webkit-slider-thumb { |
| 855 | - -webkit-appearance: none; | |
| 834 | + appearance: none; | |
| 856 | 835 | height: 12px; |
| 857 | 836 | width: 12px; |
| 858 | 837 | border-radius: 50%; |
| 859 | 838 | background: #000; |
| @@ -861,9 +840,9 @@ | ||
| 861 | 840 | cursor: pointer; |
| 862 | 841 | } |
| 863 | 842 | |
| 864 | 843 | .jcolor-sliders-input-container input::-moz-range-thumb { |
| 865 | - -webkit-appearance: none; | |
| 844 | + appearance: none; | |
| 866 | 845 | height: 12px; |
| 867 | 846 | width: 12px; |
| 868 | 847 | border-radius: 50%; |
| 869 | 848 | background: #000; |
| @@ -872,9 +851,8 @@ | ||
| 872 | 851 | } |
| 873 | 852 | |
| 874 | 853 | .jcolor-sliders-final-color { |
| 875 | 854 | padding: 6px; |
| 876 | - -webkit-user-select: all; | |
| 877 | 855 | user-select: all; |
| 878 | 856 | margin-top: 10px; |
| 879 | 857 | text-align: center; |
| 880 | 858 | } |
| @@ -905,9 +883,8 @@ | ||
| 905 | 883 | z-index:10000; |
| 906 | 884 | background:#fff; |
| 907 | 885 | color: #555; |
| 908 | 886 | font-size: 11px; |
| 909 | - -webkit-user-select: none; | |
| 910 | 887 | user-select: none; |
| 911 | 888 | box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1); |
| 912 | 889 | border: 1px solid #C6C6C6; |
| 913 | 890 | padding: 0px; |
| @@ -1049,9 +1026,8 @@ | ||
| 1049 | 1026 | |
| 1050 | 1027 | .jdropdown { |
| 1051 | 1028 | cursor:pointer; |
| 1052 | 1029 | -webkit-touch-callout: none; |
| 1053 | - -webkit-user-select: none; | |
| 1054 | 1030 | user-select: none; |
| 1055 | 1031 | box-sizing: border-box; |
| 1056 | 1032 | background:#fff; |
| 1057 | 1033 | -webkit-tap-highlight-color: transparent; |
| @@ -1107,10 +1083,9 @@ | ||
| 1107 | 1083 | 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"); |
| 1108 | 1084 | text-overflow: ellipsis; |
| 1109 | 1085 | cursor:pointer; |
| 1110 | 1086 | box-sizing: border-box; |
| 1111 | - -webkit-appearance: none; | |
| 1112 | - -moz-appearance: none; | |
| 1087 | + appearance: none; | |
| 1113 | 1088 | padding-right:30px !important; |
| 1114 | 1089 | } |
| 1115 | 1090 | |
| 1116 | 1091 | .jdropdown-insert-button { |
| @@ -1667,16 +1642,10 @@ | ||
| 1667 | 1642 | right: 12px; |
| 1668 | 1643 | } |
| 1669 | 1644 | |
| 1670 | 1645 | .jsnippet * { |
| 1671 | - -webkit-user-select: none; | |
| 1672 | - -o-user-select: none; | |
| 1673 | 1646 | user-select: none; |
| 1674 | - | |
| 1675 | 1647 | -webkit-user-drag: none; |
| 1676 | - -khtml-user-drag: none; | |
| 1677 | - -moz-user-drag: none; | |
| 1678 | - -o-user-drag: none; | |
| 1679 | 1648 | } |
| 1680 | 1649 | |
| 1681 | 1650 | .jeditor img { |
| 1682 | 1651 | border:2px solid transparent; |
| @@ -1683,16 +1652,10 @@ | ||
| 1683 | 1652 | box-sizing: border-box; |
| 1684 | 1653 | } |
| 1685 | 1654 | |
| 1686 | 1655 | .jeditor img.resizing { |
| 1687 | - -webkit-user-select: none; | |
| 1688 | - -o-user-select: none; | |
| 1689 | 1656 | user-select: none; |
| 1690 | - | |
| 1691 | 1657 | -webkit-user-drag: none; |
| 1692 | - -khtml-user-drag: none; | |
| 1693 | - -moz-user-drag: none; | |
| 1694 | - -o-user-drag: none; | |
| 1695 | 1658 | } |
| 1696 | 1659 | |
| 1697 | 1660 | .jeditor img:focus { |
| 1698 | 1661 | border: 2px solid #0096FD; |
| @@ -1707,9 +1670,8 @@ | ||
| 1707 | 1670 | height:60px; |
| 1708 | 1671 | } |
| 1709 | 1672 | |
| 1710 | 1673 | .jeditor-toolbar { |
| 1711 | - width: -moz-fit-content; | |
| 1712 | 1674 | width: fit-content; |
| 1713 | 1675 | max-width: 100%; |
| 1714 | 1676 | box-sizing: border-box; |
| 1715 | 1677 | margin: 10px; |
| @@ -1770,11 +1732,9 @@ | ||
| 1770 | 1732 | position:fixed; |
| 1771 | 1733 | bottom:0px; |
| 1772 | 1734 | right:0px; |
| 1773 | 1735 | margin-right:5px; |
| 1774 | - | |
| 1775 | - -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2); | |
| 1776 | - -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2); | |
| 1736 | + box-shadow: 0 2px 10px rgba(0,0,0,.2); | |
| 1777 | 1737 | border:1px solid #ccc; |
| 1778 | 1738 | background-color:#fff; |
| 1779 | 1739 | box-sizing: border-box; |
| 1780 | 1740 | padding-top:50px !important; |
| @@ -1851,10 +1811,9 @@ | ||
| 1851 | 1811 | top:50%; |
| 1852 | 1812 | left:50%; |
| 1853 | 1813 | width:60%; |
| 1854 | 1814 | height:60%; |
| 1855 | - -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2); | |
| 1856 | - -moz-box-shadow: 0 2px 12px rgba(0,0,0,.2); | |
| 1815 | + box-shadow: 0 2px 12px rgba(0,0,0,.2); | |
| 1857 | 1816 | border:1px solid #ccc; |
| 1858 | 1817 | background-color:#fff; |
| 1859 | 1818 | transform: translate(-50%, -50%); |
| 1860 | 1819 | box-sizing: border-box; |
| @@ -1960,2683 +1919,12 @@ | ||
| 1960 | 1919 | border: 0px; |
| 1961 | 1920 | padding: 0px; |
| 1962 | 1921 | z-index: 8000; |
| 1963 | 1922 | display: none; |
| 1964 | - | |
| 1965 | - -webkit-touch-callout: none; /* iOS Safari */ | |
| 1966 | - -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ | |
| 1967 | - user-select: none; /* Non-prefixed version, currently | |
| 1968 | - supported by Chrome and Opera */ | |
| 1969 | -} | |
| 1970 | - | |
| 1971 | -.jmodal_content .jcalendar .jcalendar-content, | |
| 1972 | -.jmodal_content .jdropdown-container { | |
| 1973 | - position: fixed; | |
| 1974 | -} | |
| 1975 | - | |
| 1976 | -.jnotification { | |
| 1977 | - position: fixed; | |
| 1978 | - z-index: 10000; | |
| 1979 | - box-sizing: border-box; | |
| 1980 | - padding: 10px; | |
| 1981 | - bottom: 0px; | |
| 1982 | -} | |
| 1983 | - | |
| 1984 | -.jnotification-container { | |
| 1985 | - box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.7); | |
| 1986 | - padding: 12px; | |
| 1987 | - border-radius: 8px; | |
| 1988 | - | |
| 1989 | - background-color: #000; | |
| 1990 | - background: rgba(92,92,92,1); | |
| 1991 | - background: linear-gradient(0deg, rgba(92,92,92,1) 0%, rgba(77,77,77,1) 100%); | |
| 1992 | - color: #fff; | |
| 1993 | - width: 320px; | |
| 1994 | - margin: 30px; | |
| 1995 | - padding: 20px; | |
| 1996 | -} | |
| 1997 | - | |
| 1998 | -.jnotification-close { | |
| 1999 | - content: ''; | |
| 2000 | - 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"); | |
| 2001 | - font-size: 20px; | |
| 2002 | - width: 20px; | |
| 2003 | - height: 20px; | |
| 2004 | - cursor: pointer; | |
| 2005 | -} | |
| 2006 | - | |
| 2007 | -.jnotification-title { | |
| 2008 | - font-weight: bold; | |
| 2009 | -} | |
| 2010 | - | |
| 2011 | -.jnotification-header { | |
| 2012 | - display: flex; | |
| 2013 | - padding-bottom: 5px; | |
| 2014 | -} | |
| 2015 | - | |
| 2016 | -.jnotification-header:empty { | |
| 2017 | - display: none; | |
| 2018 | -} | |
| 2019 | - | |
| 2020 | -.jnotification-image { | |
| 2021 | - margin-right: 5px; | |
| 2022 | -} | |
| 2023 | - | |
| 2024 | -.jnotification-image:empty { | |
| 2025 | - display: none; | |
| 2026 | -} | |
| 2027 | - | |
| 2028 | -.jnotification-image img { | |
| 2029 | - width: 24px; | |
| 2030 | -} | |
| 2031 | - | |
| 2032 | -.jnotification-name { | |
| 2033 | - text-transform: uppercase; | |
| 2034 | - font-size: 0.9em; | |
| 2035 | - flex: 1; | |
| 2036 | - letter-spacing: 0.1em; | |
| 2037 | -} | |
| 2038 | - | |
| 2039 | -.jnotification-error .jnotification-container { | |
| 2040 | - background: rgb(182,38,6); | |
| 2041 | - background: linear-gradient(0deg, rgba(170,41,13,1) 0%, rgba(149,11,11,1) 100%); | |
| 2042 | -} | |
| 2043 | - | |
| 2044 | -@media (max-width: 800px) { | |
| 2045 | - .jnotification { | |
| 2046 | - top: calc(0px + var(--jsafe-area-top)); | |
| 2047 | - width: 100%; | |
| 2048 | - } | |
| 2049 | - .jnotification-container { | |
| 2050 | - background: rgba(255,255,255,0.95); | |
| 2051 | - border: 1px solid #eee; | |
| 2052 | - color: #444; | |
| 2053 | - margin: 0px; | |
| 2054 | - width: initial; | |
| 2055 | - } | |
| 2056 | - .jnotification-error .jnotification-container { | |
| 2057 | - background: rgba(255,255,255,0.95); | |
| 2058 | - color: #790909; | |
| 2059 | - } | |
| 2060 | - .jnotification-close { | |
| 2061 | - 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"); | |
| 2062 | - } | |
| 2063 | -} | |
| 2064 | - | |
| 2065 | -.jnotification-header { | |
| 2066 | - display: flex; | |
| 2067 | - justify-content: flex-start; | |
| 2068 | - align-items: center; | |
| 2069 | -} | |
| 2070 | -.jpicker { | |
| 2071 | - cursor: pointer; | |
| 2072 | - white-space: nowrap; | |
| 2073 | - display: inline-flex; | |
| 2074 | - -webkit-user-select: none; | |
| 2075 | - user-select: none; | |
| 2076 | - outline: none; | |
| 2077 | - position: relative; | |
| 2078 | - min-height: 26px; | |
| 2079 | -} | |
| 2080 | - | |
| 2081 | -.jpicker-header { | |
| 2082 | - background-repeat: no-repeat; | |
| 2083 | - background-position: top 50% right 5px; | |
| 2084 | - 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"); | |
| 2085 | - text-overflow: ellipsis; | |
| 2086 | - cursor: pointer; | |
| 2087 | - box-sizing: border-box; | |
| 2088 | - text-align: left; | |
| 2089 | - outline: none; | |
| 2090 | - line-height: 24px; | |
| 2091 | - padding: 2px 35px 2px 12px; | |
| 2092 | - border-radius: 4px; | |
| 2093 | -} | |
| 2094 | - | |
| 2095 | -.jpicker-header:hover { | |
| 2096 | - background-color: #f2f2f2; | |
| 2097 | -} | |
| 2098 | - | |
| 2099 | -.jpicker-content { | |
| 2100 | - position: absolute; | |
| 2101 | - top: 0; | |
| 2102 | - display: none; | |
| 2103 | - 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); | |
| 2104 | - border-radius: 4px; | |
| 2105 | - background-color: #fff; | |
| 2106 | - padding: 4px; | |
| 2107 | - z-index: 50; | |
| 2108 | - text-align: left; | |
| 2109 | - max-height: 250px; | |
| 2110 | - scrollbar-width: thin; | |
| 2111 | - scrollbar-color: #333 transparent; | |
| 2112 | -} | |
| 2113 | - | |
| 2114 | -.jpicker-content::-webkit-scrollbar { | |
| 2115 | - width: 8px; | |
| 2116 | -} | |
| 2117 | - | |
| 2118 | -.jpicker-content::-webkit-scrollbar-track { | |
| 2119 | - background: #eee; | |
| 2120 | -} | |
| 2121 | - | |
| 2122 | -.jpicker-content::-webkit-scrollbar-thumb { | |
| 2123 | - background: #888; | |
| 2124 | -} | |
| 2125 | - | |
| 2126 | -.jpicker-content > div { | |
| 2127 | - padding: 6px; | |
| 2128 | - padding-left: 15px; | |
| 2129 | - padding-right: 15px; | |
| 2130 | -} | |
| 2131 | - | |
| 2132 | -.jpicker-focus > .jpicker-content { | |
| 2133 | - display: block; | |
| 2134 | -} | |
| 2135 | - | |
| 2136 | -.jpicker-content > div:hover { | |
| 2137 | - background-color:#efefef; | |
| 2138 | -} | |
| 2139 | - | |
| 2140 | -.jpicker-content > div:empty { | |
| 2141 | - opacity: 0; | |
| 2142 | -} | |
| 2143 | - | |
| 2144 | -.jpicker-header > i, .jpicker-header > div { | |
| 2145 | - display: block; | |
| 2146 | -} | |
| 2147 | - | |
| 2148 | -.jpicker-focus > .jpicker-content.jpicker-columns { | |
| 2149 | - display: flex !important ; | |
| 2150 | - justify-content: center; | |
| 2151 | - flex-wrap: wrap; | |
| 2152 | -} | |
| 2153 | - | |
| 2154 | -.jpicker-focus .jpicker-content.jpicker-grid { | |
| 2155 | - display: inline-grid; | |
| 2156 | -} | |
| 2157 | - | |
| 2158 | - | |
| 2159 | - | |
| 2160 | -.jprogressbar | |
| 2161 | -{ | |
| 2162 | - cursor:pointer; | |
| 2163 | 1923 | -webkit-touch-callout: none; |
| 2164 | - -webkit-user-select: none; | |
| 2165 | 1924 | user-select: none; |
| 2166 | - box-sizing: border-box; | |
| 2167 | - background:#fff; | |
| 2168 | - -webkit-tap-highlight-color: transparent; | |
| 2169 | - display: inline-block; | |
| 2170 | - box-sizing: border-box; | |
| 2171 | - cursor:pointer; | |
| 2172 | - border:1px solid #ccc; | |
| 2173 | - position:relative; | |
| 2174 | 1925 | } |
| 2175 | 1926 | |
| 2176 | -.jprogressbar::before { | |
| 2177 | - content:attr(data-value); | |
| 2178 | - position:absolute; | |
| 2179 | - margin:5px; | |
| 2180 | - margin-left:10px; | |
| 2181 | -} | |
| 2182 | - | |
| 2183 | -.jprogressbar-header::placeholder | |
| 2184 | -{ | |
| 2185 | - color:#000; | |
| 2186 | -} | |
| 2187 | - | |
| 2188 | -.jprogressbar::focus { | |
| 2189 | - outline: auto 5px -webkit-focus-ring-color; | |
| 2190 | -} | |
| 2191 | - | |
| 2192 | -.jprogressbar > div { | |
| 2193 | - background-color: #eee; | |
| 2194 | - background-color: red; | |
| 2195 | - box-sizing: border-box; | |
| 2196 | - height:31px; | |
| 2197 | -} | |
| 2198 | -.jrating { | |
| 2199 | - display:flex; | |
| 2200 | -} | |
| 2201 | -.jrating > div { | |
| 2202 | - width:24px; | |
| 2203 | - height:24px; | |
| 2204 | - line-height:24px; | |
| 2205 | - 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"); | |
| 2206 | -} | |
| 2207 | - | |
| 2208 | -.jrating .jrating-over { | |
| 2209 | - 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"); | |
| 2210 | - opacity: 0.7; | |
| 2211 | -} | |
| 2212 | - | |
| 2213 | -.jrating .jrating-selected { | |
| 2214 | - 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"); | |
| 2215 | -} | |
| 2216 | - | |
| 2217 | -.jsearch { | |
| 2218 | - position: relative; | |
| 2219 | - display: none; | |
| 2220 | - -webkit-user-select: none; | |
| 2221 | - user-select: none; | |
| 2222 | -} | |
| 2223 | - | |
| 2224 | -.jsearch_container { | |
| 2225 | - position: absolute; | |
| 2226 | - box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149); | |
| 2227 | - border: none; | |
| 2228 | - border-radius: 4px; | |
| 2229 | - width: 280px; | |
| 2230 | - padding: 8px 0; | |
| 2231 | - z-index: 1; | |
| 2232 | - box-shadow: 0 2px 4px rgba(0,0,0,0.2); | |
| 2233 | - transition: opacity .218s; | |
| 2234 | - background: #fff; | |
| 2235 | - border: 1px solid rgba(0,0,0,.2); | |
| 2236 | - cursor: pointer; | |
| 2237 | - margin: 0; | |
| 2238 | - min-width: 300px; | |
| 2239 | - outline: none; | |
| 2240 | - width: auto; | |
| 2241 | - -webkit-user-select: none; | |
| 2242 | - user-select: none; | |
| 2243 | -} | |
| 2244 | - | |
| 2245 | -.jsearch_container:empty:after { | |
| 2246 | - content: attr(data-placeholder); | |
| 2247 | -} | |
| 2248 | - | |
| 2249 | -.jsearch_container > div { | |
| 2250 | - color: #333; | |
| 2251 | - cursor: pointer; | |
| 2252 | - display: flex; | |
| 2253 | - padding: 5px 10px; | |
| 2254 | - user-select: none; | |
| 2255 | - align-items: center; | |
| 2256 | - | |
| 2257 | - -webkit-user-select: none; | |
| 2258 | - user-select: none; | |
| 2259 | -} | |
| 2260 | - | |
| 2261 | -.jsearch_container > div:hover { | |
| 2262 | - background-color: #e8eaed; | |
| 2263 | -} | |
| 2264 | - | |
| 2265 | -.jsearch_container > div > img { | |
| 2266 | - width: 32px; | |
| 2267 | - height: 32px; | |
| 2268 | - -webkit-user-select: none; | |
| 2269 | - user-select: none; | |
| 2270 | - border-radius: 16px; | |
| 2271 | - margin-right: 2px; | |
| 2272 | -} | |
| 2273 | - | |
| 2274 | -.jsearch_container > div > div { | |
| 2275 | - overflow: hidden; | |
| 2276 | - text-overflow: ellipsis; | |
| 2277 | - margin-left: 2px; | |
| 2278 | - max-width: 300px; | |
| 2279 | - white-space: nowrap; | |
| 2280 | - -webkit-user-select: none; | |
| 2281 | - user-select: none; | |
| 2282 | -} | |
| 2283 | - | |
| 2284 | -.jsearch_container .selected { | |
| 2285 | - background-color: #e8eaed; | |
| 2286 | -} | |
| 2287 | -.jslider { | |
| 2288 | - outline: none; | |
| 2289 | -} | |
| 2290 | - | |
| 2291 | -.jslider-focus { | |
| 2292 | - width: 100% !important; | |
| 2293 | - height: 100% !important; | |
| 2294 | -} | |
| 2295 | - | |
| 2296 | -.jslider-focus img { | |
| 2297 | - display: none; | |
| 2298 | -} | |
| 2299 | - | |
| 2300 | -.jslider img { | |
| 2301 | - width: 100px; | |
| 2302 | -} | |
| 2303 | - | |
| 2304 | -.jslider-left::before { | |
| 2305 | - position: fixed; | |
| 2306 | - left: 15px; | |
| 2307 | - top: 50%; | |
| 2308 | - content:'arrow_back_ios'; | |
| 2309 | - color: #fff; | |
| 2310 | - width: 30px; | |
| 2311 | - height: 30px; | |
| 2312 | - font-family: 'Material Icons'; | |
| 2313 | - font-size: 30px; | |
| 2314 | - /* before it was 0px 0px 0px #000 */ | |
| 2315 | - text-shadow: 0px 0px 6px rgb(56,56,56); | |
| 2316 | - text-align: center; | |
| 2317 | - cursor: pointer; | |
| 2318 | -} | |
| 2319 | - | |
| 2320 | -.jslider-right::after { | |
| 2321 | - position: fixed; | |
| 2322 | - right: 15px; | |
| 2323 | - top: 50%; | |
| 2324 | - content: 'arrow_forward_ios'; | |
| 2325 | - color: #fff; | |
| 2326 | - width: 30px; | |
| 2327 | - height: 30px; | |
| 2328 | - font-family: 'Material Icons'; | |
| 2329 | - font-size: 30px; | |
| 2330 | - /* before it was 0px 0px 0px #000 */ | |
| 2331 | - text-shadow: 0px 0px 6px rgb(56,56,56); | |
| 2332 | - text-align: center; | |
| 2333 | - cursor: pointer; | |
| 2334 | -} | |
| 2335 | - | |
| 2336 | -.jslider-close { | |
| 2337 | - width:24px; | |
| 2338 | - height:24px; | |
| 2339 | - 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"); | |
| 2340 | - position:fixed; | |
| 2341 | - top:15px; | |
| 2342 | - right:15px; | |
| 2343 | - cursor:pointer; | |
| 2344 | - z-index:3000; | |
| 2345 | - | |
| 2346 | - display: block !important; | |
| 2347 | -} | |
| 2348 | - | |
| 2349 | -.jslider-counter { | |
| 2350 | - height:24px; | |
| 2351 | - background-color: transparent; | |
| 2352 | - position:fixed; | |
| 2353 | - left: 50%; | |
| 2354 | - transform: translateX(-50%); | |
| 2355 | - bottom: 15px; | |
| 2356 | - cursor:pointer; | |
| 2357 | - z-index:3000; | |
| 2358 | - | |
| 2359 | - display: flex; | |
| 2360 | - display: -webkit-flex; | |
| 2361 | - -webkit-justify-content: center; | |
| 2362 | - -webkit-align-items: center; | |
| 2363 | - justify-content: center; | |
| 2364 | - align-items: center; | |
| 2365 | - flex-direction: row; | |
| 2366 | -} | |
| 2367 | - | |
| 2368 | -.jslider-caption { | |
| 2369 | - position: fixed; | |
| 2370 | - max-width: 90vw; | |
| 2371 | - text-overflow: ellipsis; | |
| 2372 | - white-space: nowrap; | |
| 2373 | - overflow: hidden; | |
| 2374 | - top:15px; | |
| 2375 | - left: 15px; | |
| 2376 | - z-index:3000; | |
| 2377 | - color: #FFF; | |
| 2378 | - font-size: 1rem; | |
| 2379 | - | |
| 2380 | - display: block !important; | |
| 2381 | -} | |
| 2382 | - | |
| 2383 | -.jslider-counter div { | |
| 2384 | - width: 10px; | |
| 2385 | - height: 10px; | |
| 2386 | - background: #fff; | |
| 2387 | - border-radius: 50%; | |
| 2388 | - margin: 0px 5px; | |
| 2389 | - | |
| 2390 | - display: block !important; | |
| 2391 | -} | |
| 2392 | - | |
| 2393 | -.jslider-counter .jslider-counter-focus { | |
| 2394 | - background-color: cornflowerblue; | |
| 2395 | - pointer-events: none; | |
| 2396 | -} | |
| 2397 | - | |
| 2398 | -.jslider-focus { | |
| 2399 | - position:fixed; | |
| 2400 | - left:0; | |
| 2401 | - top:0; | |
| 2402 | - width: 100%; | |
| 2403 | - min-height:100%; | |
| 2404 | - max-height:100%; | |
| 2405 | - z-index:2000; | |
| 2406 | - margin:0px; | |
| 2407 | - box-sizing:border-box; | |
| 2408 | - | |
| 2409 | - background-color:rgba(0,0,0,0.8); | |
| 2410 | - transition-duration: .05s; | |
| 2411 | - display: flex; | |
| 2412 | - | |
| 2413 | - align-items: center; | |
| 2414 | -} | |
| 2415 | - | |
| 2416 | -.jslider-focus img { | |
| 2417 | - width: 50vw; | |
| 2418 | - height: auto; | |
| 2419 | - box-sizing: border-box; | |
| 2420 | - margin:0 auto; | |
| 2421 | - vertical-align:middle; | |
| 2422 | - display:none; | |
| 2423 | -} | |
| 2424 | - | |
| 2425 | -.jslider-focus img.jslider-vertical { | |
| 2426 | - width: auto; | |
| 2427 | - /* before it was 50vh */ | |
| 2428 | - height: 80vh; | |
| 2429 | -} | |
| 2430 | - | |
| 2431 | -@media only screen and (max-width: 576px) { | |
| 2432 | - .jslider-focus img.jslider-vertical { | |
| 2433 | - width: 99vw !important; | |
| 2434 | - height: auto !important; | |
| 2435 | - } | |
| 2436 | - | |
| 2437 | - .jslider-focus img { | |
| 2438 | - width: 100vw !important; | |
| 2439 | - height: auto !important; | |
| 2440 | - } | |
| 2441 | -} | |
| 2442 | - | |
| 2443 | -.jslider-grid { | |
| 2444 | - display: grid; | |
| 2445 | - grid-gap: 1px; | |
| 2446 | - position: relative; | |
| 2447 | -} | |
| 2448 | - | |
| 2449 | -.jslider-grid[data-number='2'] { | |
| 2450 | - grid-template-columns: 1fr 50%; | |
| 2451 | -} | |
| 2452 | - | |
| 2453 | -.jslider-grid[data-number='3'] { | |
| 2454 | - grid-template-columns: 1fr 33%; | |
| 2455 | -} | |
| 2456 | - | |
| 2457 | -.jslider-grid[data-number='4'] { | |
| 2458 | - grid-template-columns: 1fr 25%; | |
| 2459 | -} | |
| 2460 | - | |
| 2461 | -.jslider-grid img { | |
| 2462 | - display: none; | |
| 2463 | - width: 100%; | |
| 2464 | - height: 100%; | |
| 2465 | - object-fit: cover; | |
| 2466 | -} | |
| 2467 | - | |
| 2468 | -.jslider-grid[data-total]:after { | |
| 2469 | - content: attr(data-total) "+"; | |
| 2470 | - font-size: 1.5em; | |
| 2471 | - position:absolute; | |
| 2472 | - color: #fff; | |
| 2473 | - right: 15px; | |
| 2474 | - bottom: 6px; | |
| 2475 | -} | |
| 2476 | - | |
| 2477 | -.jslider-grid img:first-child { | |
| 2478 | - -ms-grid-column: 1; | |
| 2479 | - -ms-grid-row: 1; | |
| 2480 | - grid-column: 1; | |
| 2481 | - grid-row: 1; | |
| 2482 | - display: block; | |
| 2483 | -} | |
| 2484 | - | |
| 2485 | -.jslider-grid[data-number='2'] img:nth-child(2) { | |
| 2486 | - -ms-grid-column: 2; | |
| 2487 | - -ms-grid-row: 1; | |
| 2488 | - grid-column: 2; | |
| 2489 | - grid-row: 1; | |
| 2490 | - display: block; | |
| 2491 | -} | |
| 2492 | - | |
| 2493 | -.jslider-grid[data-number='3'] img:first-child { | |
| 2494 | - -ms-grid-column: 1 / 2; | |
| 2495 | - -ms-grid-row: 1 / 4; | |
| 2496 | - grid-column: 1 / 2; | |
| 2497 | - grid-row: 1 / 4; | |
| 2498 | -} | |
| 2499 | - | |
| 2500 | -.jslider-grid[data-number='3'] img:nth-child(2) { | |
| 2501 | - -ms-grid-column: 2; | |
| 2502 | - -ms-grid-row: 1; | |
| 2503 | - grid-column: 2; | |
| 2504 | - grid-row: 1; | |
| 2505 | - display: block; | |
| 2506 | -} | |
| 2507 | - | |
| 2508 | -.jslider-grid[data-number='3'] img:nth-child(3) { | |
| 2509 | - -ms-grid-column: 2; | |
| 2510 | - -ms-grid-row: 2; | |
| 2511 | - grid-column: 2; | |
| 2512 | - grid-row: 2; | |
| 2513 | - display: block; | |
| 2514 | -} | |
| 2515 | - | |
| 2516 | -.jslider-grid[data-number='4'] img:first-child { | |
| 2517 | - -ms-grid-column: 1 / 2; | |
| 2518 | - -ms-grid-row: 1 / 4; | |
| 2519 | - grid-column: 1 / 2; | |
| 2520 | - grid-row: 1 / 4; | |
| 2521 | -} | |
| 2522 | - | |
| 2523 | -.jslider-grid[data-number='4'] img:nth-child(2) { | |
| 2524 | - -ms-grid-column: 2; | |
| 2525 | - -ms-grid-row: 1; | |
| 2526 | - grid-column: 2; | |
| 2527 | - grid-row: 1; | |
| 2528 | - display: block; | |
| 2529 | -} | |
| 2530 | - | |
| 2531 | -.jslider-grid[data-number='4'] img:nth-child(3) { | |
| 2532 | - -ms-grid-column: 2; | |
| 2533 | - -ms-grid-row: 2; | |
| 2534 | - grid-column: 2; | |
| 2535 | - grid-row: 2; | |
| 2536 | - display: block; | |
| 2537 | -} | |
| 2538 | - | |
| 2539 | -.jslider-grid[data-number='4'] img:nth-child(4) { | |
| 2540 | - -ms-grid-column: 2; | |
| 2541 | - -ms-grid-row: 3; | |
| 2542 | - grid-column: 2; | |
| 2543 | - grid-row: 3; | |
| 2544 | - display: block; | |
| 2545 | -} | |
| 2546 | - | |
| 2547 | -.jtabs { | |
| 2548 | - max-width: 100vw; | |
| 2549 | - position: relative; | |
| 2550 | -} | |
| 2551 | - | |
| 2552 | -.jtabs .jtabs-headers-container { | |
| 2553 | - display: flex; | |
| 2554 | - align-items: center; | |
| 2555 | -} | |
| 2556 | - | |
| 2557 | -.jtabs .jtabs-headers { | |
| 2558 | - display: flex; | |
| 2559 | - align-items: center; | |
| 2560 | - overflow: hidden; | |
| 2561 | - position: relative; | |
| 2562 | -} | |
| 2563 | - | |
| 2564 | -.jtabs .jtabs-headers > div:not(.jtabs-border) { | |
| 2565 | - padding: 8px; | |
| 2566 | - padding-left: 20px; | |
| 2567 | - padding-right: 20px; | |
| 2568 | - margin-left: 1px; | |
| 2569 | - margin-right: 1px; | |
| 2570 | - background-color: #f1f1f1; | |
| 2571 | - cursor: pointer; | |
| 2572 | - white-space: nowrap; | |
| 2573 | - text-align: center; | |
| 2574 | -} | |
| 2575 | - | |
| 2576 | -.jtabs .jtabs-headers > div.jtabs-selected { | |
| 2577 | - background-color: #e8e8e8; | |
| 2578 | - color: #000; | |
| 2579 | -} | |
| 2580 | - | |
| 2581 | -.jtabs .jtabs-headers > div > div { | |
| 2582 | - color: #555; | |
| 2583 | - width: 100%; | |
| 2584 | - overflow: hidden; | |
| 2585 | -} | |
| 2586 | - | |
| 2587 | -.jtabs .jtabs-headers i { | |
| 2588 | - display: block; | |
| 2589 | - margin: auto; | |
| 2590 | -} | |
| 2591 | - | |
| 2592 | -.jtabs .jtabs-content { | |
| 2593 | - box-sizing: border-box; | |
| 2594 | -} | |
| 2595 | - | |
| 2596 | -.jtabs .jtabs-content > div { | |
| 2597 | - display: none; | |
| 2598 | - box-sizing: border-box; | |
| 2599 | -} | |
| 2600 | - | |
| 2601 | -.jtabs .jtabs-content > div.jtabs-selected { | |
| 2602 | - display: block; | |
| 2603 | -} | |
| 2604 | - | |
| 2605 | -.jtabs .jtabs-border { | |
| 2606 | - position: absolute; | |
| 2607 | - height: 2px; | |
| 2608 | - background-color: #888; | |
| 2609 | - transform-origin: left; | |
| 2610 | - transition: all .2s cubic-bezier(0.4,0,0.2,1); | |
| 2611 | - transition-property: color,left,transform; | |
| 2612 | - display: none; | |
| 2613 | - pointer-events: none; | |
| 2614 | -} | |
| 2615 | - | |
| 2616 | -.jtabs-animation .jtabs-border { | |
| 2617 | - display: initial; | |
| 2618 | -} | |
| 2619 | - | |
| 2620 | -.jtabs .jtabs-controls { | |
| 2621 | - margin: 3px; | |
| 2622 | - margin-left: 10px; | |
| 2623 | - display: flex; | |
| 2624 | - min-width: 82px; | |
| 2625 | -} | |
| 2626 | - | |
| 2627 | -.jtabs .jtabs-controls > div { | |
| 2628 | - cursor: pointer; | |
| 2629 | - background-position: center; | |
| 2630 | - background-repeat: no-repeat; | |
| 2631 | - width: 24px; | |
| 2632 | - height: 24px; | |
| 2633 | - line-height: 24px; | |
| 2634 | -} | |
| 2635 | - | |
| 2636 | -.jtabs .jtabs-prev { | |
| 2637 | - margin-left: 10px; | |
| 2638 | - 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"); | |
| 2639 | -} | |
| 2640 | - | |
| 2641 | -.jtabs .jtabs-prev.disabled { | |
| 2642 | - margin-left: 10px; | |
| 2643 | - 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"); | |
| 2644 | -} | |
| 2645 | - | |
| 2646 | -.jtabs .jtabs-next { | |
| 2647 | - 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"); | |
| 2648 | -} | |
| 2649 | - | |
| 2650 | -.jtabs .jtabs-next.disabled { | |
| 2651 | - 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"); | |
| 2652 | -} | |
| 2653 | - | |
| 2654 | -.jtabs .jtabs-add { | |
| 2655 | - 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"); | |
| 2656 | -} | |
| 2657 | - | |
| 2658 | -/** Modern skin **/ | |
| 2659 | - | |
| 2660 | -.jtabs.jtabs-modern .jtabs-headers > div:not(.jtabs-border) { | |
| 2661 | - padding: 4px; | |
| 2662 | - padding-left: 10px; | |
| 2663 | - padding-right: 10px; | |
| 2664 | - background-color: #fff; | |
| 2665 | -} | |
| 2666 | - | |
| 2667 | -.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected { | |
| 2668 | - color: #000; | |
| 2669 | -} | |
| 2670 | - | |
| 2671 | -.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected .material-icons { | |
| 2672 | - color: #000; | |
| 2673 | -} | |
| 2674 | - | |
| 2675 | -.jtabs.jtabs-modern .jtabs-headers { | |
| 2676 | - background: #EEEEEF !important; | |
| 2677 | - padding: 2px; | |
| 2678 | - border-radius: 4px; | |
| 2679 | -} | |
| 2680 | - | |
| 2681 | -.jtabs.jtabs-modern .jtabs-headers .jtabs-border { | |
| 2682 | - border-color: #EEEEEF !important; | |
| 2683 | -} | |
| 2684 | - | |
| 2685 | -.jtabs.jtabs-modern .jtabs-border { | |
| 2686 | - background-color: rgba(194, 197, 188, 0.884); | |
| 2687 | -} | |
| 2688 | -.jtags { | |
| 2689 | - display: flex; | |
| 2690 | - flex-wrap: wrap; | |
| 2691 | - flex-direction: row; | |
| 2692 | - justify-content: flex-start; | |
| 2693 | - padding: 1px; | |
| 2694 | - border: 1px solid #ccc; | |
| 2695 | - position: relative; | |
| 2696 | -} | |
| 2697 | - | |
| 2698 | -.jtags.jtags-empty:not(.jtags-focus)::before { | |
| 2699 | - position: absolute; | |
| 2700 | - margin: 3px; | |
| 2701 | - color: #ccc; | |
| 2702 | - content: attr(data-placeholder); | |
| 2703 | - top: 0; | |
| 2704 | - margin-left: 6px; | |
| 2705 | -} | |
| 2706 | - | |
| 2707 | -.jtags > div { | |
| 2708 | - padding: 6px 22px 6px 10px; | |
| 2709 | - font-size: 0.9em; | |
| 2710 | - position: relative; | |
| 2711 | - border-radius: 1px; | |
| 2712 | - margin: 2px; | |
| 2713 | - display: block; | |
| 2714 | - outline: none; | |
| 2715 | -} | |
| 2716 | - | |
| 2717 | -.jtags > div:empty:before { | |
| 2718 | - content: " "; | |
| 2719 | - white-space: pre; | |
| 2720 | -} | |
| 2721 | - | |
| 2722 | -.jtags > div::after { | |
| 2723 | - content: 'x'; | |
| 2724 | - position: absolute; | |
| 2725 | - top: 7px; | |
| 2726 | - right: 4px; | |
| 2727 | - width: 12px; | |
| 2728 | - height: 12px; | |
| 2729 | - cursor: pointer; | |
| 2730 | - font-size: 0.9em; | |
| 2731 | - line-height: 1em; | |
| 2732 | - display: none; | |
| 2733 | -} | |
| 2734 | - | |
| 2735 | -.jtags_label { | |
| 2736 | - background-color: #e4e4e4 !important; | |
| 2737 | -} | |
| 2738 | - | |
| 2739 | -.jtags_label::after { | |
| 2740 | - display: inline-block !important; | |
| 2741 | -} | |
| 2742 | - | |
| 2743 | -.jtags_error::after { | |
| 2744 | - color: #fff !important; | |
| 2745 | -} | |
| 2746 | - | |
| 2747 | -.jtags_error { | |
| 2748 | - background-color: #d93025 !important; | |
| 2749 | - color: #fff; | |
| 2750 | -} | |
| 2751 | - | |
| 2752 | -.jtoolbar-container { | |
| 2753 | - border-radius: 2px; | |
| 2754 | - 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); | |
| 2755 | - display: inline-flex !important; | |
| 2756 | -} | |
| 2757 | - | |
| 2758 | -.jtoolbar { | |
| 2759 | - cursor: pointer; | |
| 2760 | - white-space: nowrap; | |
| 2761 | - display: flex; | |
| 2762 | - padding:4px; | |
| 2763 | - -webkit-user-select: none; | |
| 2764 | - user-select: none; | |
| 2765 | - font-size: 13px; | |
| 2766 | -} | |
| 2767 | - | |
| 2768 | -.jtoolbar-disabled { | |
| 2769 | - pointer-events: none; | |
| 2770 | - opacity: 0.4; | |
| 2771 | -} | |
| 2772 | - | |
| 2773 | -.jtoolbar-mobile { | |
| 2774 | - display: flex; | |
| 2775 | - position:fixed; | |
| 2776 | - bottom: 0; | |
| 2777 | - margin: 0; | |
| 2778 | - left: 0; | |
| 2779 | - width: 100%; | |
| 2780 | - background: #f7f7f8; | |
| 2781 | - z-index: 1; | |
| 2782 | - box-sizing: border-box; | |
| 2783 | - box-shadow: 0 -1px 2px rgba(0,0,0,.1); | |
| 2784 | - border-radius: 0px; | |
| 2785 | -} | |
| 2786 | - | |
| 2787 | -.jtoolbar > div { | |
| 2788 | - display: inline-flex; | |
| 2789 | - align-items: center; | |
| 2790 | - box-sizing: border-box; | |
| 2791 | - vertical-align:middle; | |
| 2792 | - justify-content: space-evenly; | |
| 2793 | -} | |
| 2794 | - | |
| 2795 | -.jtoolbar-mobile > div { | |
| 2796 | - display: flex; | |
| 2797 | - width: 100%; | |
| 2798 | -} | |
| 2799 | - | |
| 2800 | -.jtoolbar .jtoolbar-item { | |
| 2801 | - text-align: center; | |
| 2802 | - margin: auto; | |
| 2803 | - padding: 2px; | |
| 2804 | - padding-left:4px; | |
| 2805 | - padding-right:4px; | |
| 2806 | -} | |
| 2807 | - | |
| 2808 | -.jtoolbar-mobile .jtoolbar-item { | |
| 2809 | - position: relative; | |
| 2810 | - flex:1; | |
| 2811 | -} | |
| 2812 | - | |
| 2813 | -.jtoolbar .jtoolbar-divisor { | |
| 2814 | - width: 2px; | |
| 2815 | - height: 18px; | |
| 2816 | - padding: 0px; | |
| 2817 | - margin-left: 4px; | |
| 2818 | - margin-right: 4px; | |
| 2819 | - background-color: #ddd; | |
| 2820 | -} | |
| 2821 | - | |
| 2822 | -.jtoolbar .jtoolbar-label { | |
| 2823 | - padding-left: 8px; | |
| 2824 | - padding-right: 8px; | |
| 2825 | -} | |
| 2826 | - | |
| 2827 | - | |
| 2828 | - | |
| 2829 | -.jtoolbar-mobile a | |
| 2830 | -{ | |
| 2831 | - text-decoration:none; | |
| 2832 | - display:inline-block; | |
| 2833 | -} | |
| 2834 | - | |
| 2835 | -.jtoolbar-mobile i { | |
| 2836 | - display: inline-flex !important; | |
| 2837 | - color:#929292; | |
| 2838 | -} | |
| 2839 | - | |
| 2840 | -.jtoolbar-mobile span { | |
| 2841 | - font-size:0.7em; | |
| 2842 | - display:block; | |
| 2843 | - color:#929292; | |
| 2844 | -} | |
| 2845 | - | |
| 2846 | -.jtoolbar-mobile .jtoolbar-selected a, .jtoolbar-mobile .jtoolbar-selected i, .jtoolbar-mobile .jtoolbar-selected span { | |
| 2847 | - color:var(--jactive-color) !important; | |
| 2848 | - background-color:transparent; | |
| 2849 | -} | |
| 2850 | - | |
| 2851 | -.jtoolbar-item { | |
| 2852 | - -webkit-user-select: none; | |
| 2853 | - user-select: none; | |
| 2854 | -} | |
| 2855 | - | |
| 2856 | -.jtoolbar-item i { | |
| 2857 | - display: block; | |
| 2858 | - color:#333; | |
| 2859 | -} | |
| 2860 | - | |
| 2861 | -.jtoolbar-item:hover { | |
| 2862 | - background-color:#f2f2f2; | |
| 2863 | -} | |
| 2864 | - | |
| 2865 | - | |
| 2866 | -.jtoolbar .jpicker { | |
| 2867 | - padding-left:0px; | |
| 2868 | - padding-right:0px; | |
| 2869 | -} | |
| 2870 | - | |
| 2871 | -.jtoolbar .jpicker-header { | |
| 2872 | - height: 24px; | |
| 2873 | - line-height: 24px; | |
| 2874 | - padding: 0px; | |
| 2875 | - padding-right: 20px; | |
| 2876 | - padding-left: 8px; | |
| 2877 | - background-position: top 50% right 0px; | |
| 2878 | - display: flex; | |
| 2879 | - align-items: center; | |
| 2880 | - font-size: 0.9em; | |
| 2881 | -} | |
| 2882 | - | |
| 2883 | -.jtoolbar .jpicker-content > div { | |
| 2884 | - padding: 6px; | |
| 2885 | -} | |
| 2886 | - | |
| 2887 | -.jtoolbar-active { | |
| 2888 | - background-color:#eee; | |
| 2889 | -} | |
| 2890 | - | |
| 2891 | -.jtoolbar .fa { | |
| 2892 | - width: 18px; | |
| 2893 | - height: 18px; | |
| 2894 | - display: block; | |
| 2895 | - line-height: 18px; | |
| 2896 | - font-size: 14px; | |
| 2897 | -} | |
| 2898 | - | |
| 2899 | -.jtoolbar .material-icons { | |
| 2900 | - font-size: 18px; | |
| 2901 | - width: 24px; | |
| 2902 | - height: 24px; | |
| 2903 | - display: block; | |
| 2904 | - line-height: 24px; | |
| 2905 | - transform: rotate(0.03deg); | |
| 2906 | - text-align: center; | |
| 2907 | -} | |
| 2908 | - | |
| 2909 | -.jtoolbar .jtoolbar-arrow { | |
| 2910 | - background-repeat: no-repeat; | |
| 2911 | - background-position: center; | |
| 2912 | - 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"); | |
| 2913 | - width: 24px; | |
| 2914 | - height: 16px; | |
| 2915 | - margin-left: 4px; | |
| 2916 | - border-left: 1px solid #f2f2f2; | |
| 2917 | -} | |
| 2918 | - | |
| 2919 | -.jtoolbar-floating { | |
| 2920 | - position: absolute; | |
| 2921 | - display: none; | |
| 2922 | - 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); | |
| 2923 | - border-radius: 4px; | |
| 2924 | - background-color: #fff; | |
| 2925 | - padding: 4px; | |
| 2926 | - z-index: 50; | |
| 2927 | - text-align: left; | |
| 2928 | - margin-right: 20px; | |
| 2929 | -} | |
| 2930 | - | |
| 2931 | -.jtoolbar-floating .jtoolbar-divisor { | |
| 2932 | - display: none; | |
| 2933 | -} | |
| 2934 | - | |
| 2935 | -.jtoolbar-arrow-selected .jtoolbar-floating { | |
| 2936 | - display: flex; | |
| 2937 | - flex-wrap: wrap; | |
| 2938 | -} | |
| 2939 | - | |
| 2940 | - | |
| 2941 | -/** Loading */ | |
| 2942 | -.jloading { | |
| 2943 | - position:fixed; | |
| 2944 | - z-index:10001; | |
| 2945 | - width:100%; | |
| 2946 | - left:0; | |
| 2947 | - right:0; | |
| 2948 | - top:0; | |
| 2949 | - bottom:0; | |
| 2950 | - background-color: rgba(0,0,0,0.7); | |
| 2951 | -} | |
| 2952 | - | |
| 2953 | -.jloading::after { | |
| 2954 | - content:''; | |
| 2955 | - display:block; | |
| 2956 | - margin:0 auto; | |
| 2957 | - margin-top:50vh; | |
| 2958 | - width:40px; | |
| 2959 | - height:40px; | |
| 2960 | - border-style:solid; | |
| 2961 | - border-color:white; | |
| 2962 | - border-top-color:transparent; | |
| 2963 | - border-width:4px; | |
| 2964 | - border-radius:50%; | |
| 2965 | - animation: jspin .8s linear infinite; | |
| 2966 | -} | |
| 2967 | - | |
| 2968 | -.jloading.jspin { | |
| 2969 | - background-color:transparent; | |
| 2970 | -} | |
| 2971 | - | |
| 2972 | -.jloading.jspin::after { | |
| 2973 | - margin:0 auto; | |
| 2974 | - margin-top:80px; | |
| 2975 | - border-color:#aaa; | |
| 2976 | - border-top-color:transparent; | |
| 2977 | -} | |
| 2978 | - | |
| 2979 | -/** Animations **/ | |
| 2980 | -.jfade-in { | |
| 2981 | - animation: jfade-in 2s forwards; | |
| 2982 | -} | |
| 2983 | - | |
| 2984 | -.jfade-out { | |
| 2985 | - animation: jfade-out 1s forwards; | |
| 2986 | -} | |
| 2987 | - | |
| 2988 | -.jslide-left-in { | |
| 2989 | - position: relative; | |
| 2990 | - animation: jslide-left-in 0.4s forwards; | |
| 2991 | -} | |
| 2992 | - | |
| 2993 | -.jslide-left-out { | |
| 2994 | - position: relative; | |
| 2995 | - animation: jslide-left-out 0.4s forwards; | |
| 2996 | -} | |
| 2997 | - | |
| 2998 | -.jslide-right-in { | |
| 2999 | - position: relative; | |
| 3000 | - animation: jslide-right-in 0.4s forwards; | |
| 3001 | -} | |
| 3002 | - | |
| 3003 | -.jslide-right-out { | |
| 3004 | - position: relative; | |
| 3005 | - animation: jslide-right-out 0.4s forwards; | |
| 3006 | -} | |
| 3007 | - | |
| 3008 | -.jslide-top-in { | |
| 3009 | - position: relative; | |
| 3010 | - animation: jslide-top-in 0.4s forwards; | |
| 3011 | -} | |
| 3012 | - | |
| 3013 | -.jslide-top-out { | |
| 3014 | - position: relative; | |
| 3015 | - animation: jslide-top-out 0.2s forwards; | |
| 3016 | -} | |
| 3017 | - | |
| 3018 | -.jslide-bottom-in { | |
| 3019 | - position: relative; | |
| 3020 | - animation: jslide-bottom-in 0.4s forwards; | |
| 3021 | -} | |
| 3022 | - | |
| 3023 | -.jslide-bottom-out { | |
| 3024 | - position: relative; | |
| 3025 | - animation: jslide-bottom-out 0.1s forwards; | |
| 3026 | -} | |
| 3027 | - | |
| 3028 | -.jslide-left-in > div { | |
| 3029 | - -webkit-transform: translateZ(0px); | |
| 3030 | - -webkit-transform: translate3d(0,0,0); | |
| 3031 | -} | |
| 3032 | - | |
| 3033 | -.jslide-left-out > div { | |
| 3034 | - -webkit-transform: translateZ(0px); | |
| 3035 | - -webkit-transform: translate3d(0,0,0); | |
| 3036 | -} | |
| 3037 | - | |
| 3038 | -.jslide-right-in > div { | |
| 3039 | - -webkit-transform: translateZ(0px); | |
| 3040 | - -webkit-transform: translate3d(0,0,0); | |
| 3041 | -} | |
| 3042 | - | |
| 3043 | -.jslide-right-out > div { | |
| 3044 | - -webkit-transform: translateZ(0px); | |
| 3045 | - -webkit-transform: translate3d(0,0,0); | |
| 3046 | -} | |
| 3047 | - | |
| 3048 | -.jspin { | |
| 3049 | - animation: jspin 2s infinite linear; | |
| 3050 | -} | |
| 3051 | - | |
| 3052 | -/** Fadein and Fadeout **/ | |
| 3053 | -@keyframes jfade-in { | |
| 3054 | - 0% { opacity: 0; } | |
| 3055 | - 100% { opacity: 100; } | |
| 3056 | -} | |
| 3057 | - | |
| 3058 | -@keyframes jfade-out { | |
| 3059 | - 0% { opacity: 100; } | |
| 3060 | - 100% { opacity: 0; } | |
| 3061 | -} | |
| 3062 | - | |
| 3063 | -/** Keyframes Left to Right **/ | |
| 3064 | -@keyframes jslide-left-in { | |
| 3065 | - 0% { left: -100%; } | |
| 3066 | - 100% { left: 0%; } | |
| 3067 | -} | |
| 3068 | - | |
| 3069 | -@keyframes jslide-left-out { | |
| 3070 | - 0% { left: 0%; } | |
| 3071 | - 100% { left: -100%; } | |
| 3072 | -} | |
| 3073 | - | |
| 3074 | -/** Keyframes Right to Left **/ | |
| 3075 | -@keyframes jslide-right-in { | |
| 3076 | - 0% { left: 100%; } | |
| 3077 | - 100% { left: 0%; } | |
| 3078 | -} | |
| 3079 | - | |
| 3080 | -@keyframes jslide-right-out { | |
| 3081 | - 0% { left: 0%; } | |
| 3082 | - 100% { left: 100%; } | |
| 3083 | -} | |
| 3084 | - | |
| 3085 | -/** Keyframes Top to Bottom **/ | |
| 3086 | -@keyframes jslide-top-in { | |
| 3087 | - 0% { transform: translateY(-100%); } | |
| 3088 | - 100% { transform: translateY(0%); } | |
| 3089 | -} | |
| 3090 | - | |
| 3091 | -@keyframes jslide-top-out { | |
| 3092 | - 0% { transform: translateY(0%); } | |
| 3093 | - 100% { transform: translateY(-100%); } | |
| 3094 | -} | |
| 3095 | - | |
| 3096 | -/** Keyframes Bottom to Top **/ | |
| 3097 | -@keyframes jslide-bottom-in { | |
| 3098 | - 0% { transform: translateY(100%); } | |
| 3099 | - 100% { transform: translateY(0%); } | |
| 3100 | -} | |
| 3101 | - | |
| 3102 | -@keyframes jslide-bottom-out { | |
| 3103 | - 0% { transform: translateY(0%); } | |
| 3104 | - 100% { transform: translateY(100%); } | |
| 3105 | -} | |
| 3106 | - | |
| 3107 | -@keyframes jspin { | |
| 3108 | - from { | |
| 3109 | - transform:rotate(0deg); | |
| 3110 | - } | |
| 3111 | - to { | |
| 3112 | - transform:rotate(359deg); | |
| 3113 | - } | |
| 3114 | -} | |
| 3115 | -.jcalendar { | |
| 3116 | - position:absolute; | |
| 3117 | - z-index:9000; | |
| 3118 | - display:none; | |
| 3119 | - box-sizing:border-box; | |
| 3120 | - -webkit-touch-callout: none; | |
| 3121 | - -webkit-user-select: none; | |
| 3122 | - user-select: none; | |
| 3123 | - -webkit-tap-highlight-color: rgba(0,0,0,0); | |
| 3124 | - -webkit-tap-highlight-color: transparent; | |
| 3125 | - min-width:280px; | |
| 3126 | -} | |
| 3127 | - | |
| 3128 | -.jcalendar.jcalendar-focus { | |
| 3129 | - display:block; | |
| 3130 | -} | |
| 3131 | - | |
| 3132 | -.jcalendar .jcalendar-backdrop { | |
| 3133 | - position:fixed; | |
| 3134 | - top:0px; | |
| 3135 | - left:0px; | |
| 3136 | - z-index:9000; | |
| 3137 | - min-width:100%; | |
| 3138 | - min-height:100%; | |
| 3139 | - background-color:rgba(0,0,0,0.5); | |
| 3140 | - border:0px; | |
| 3141 | - padding:0px; | |
| 3142 | - display:none; | |
| 3143 | -} | |
| 3144 | - | |
| 3145 | -.jcalendar .jcalendar-container { | |
| 3146 | - position:relative; | |
| 3147 | - box-sizing:border-box; | |
| 3148 | -} | |
| 3149 | - | |
| 3150 | -.jcalendar .jcalendar-content { | |
| 3151 | - position:absolute; | |
| 3152 | - z-index:9001; | |
| 3153 | - box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39); | |
| 3154 | - background-color:#fff; | |
| 3155 | -} | |
| 3156 | - | |
| 3157 | -.jcalendar-header { | |
| 3158 | - text-align:center; | |
| 3159 | -} | |
| 3160 | - | |
| 3161 | -.jcalendar-header span { | |
| 3162 | - margin-right:4px; | |
| 3163 | - font-size:1.1em; | |
| 3164 | - font-weight:bold; | |
| 3165 | -} | |
| 3166 | - | |
| 3167 | -.jcalendar-prev { | |
| 3168 | - cursor:pointer; | |
| 3169 | - 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"); | |
| 3170 | - background-position:center; | |
| 3171 | - background-repeat:no-repeat; | |
| 3172 | -} | |
| 3173 | - | |
| 3174 | -.jcalendar-next { | |
| 3175 | - cursor:pointer; | |
| 3176 | - 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"); | |
| 3177 | - background-position:center; | |
| 3178 | - background-repeat:no-repeat; | |
| 3179 | -} | |
| 3180 | - | |
| 3181 | -.jcalendar-weekday { | |
| 3182 | - font-weight: 600; | |
| 3183 | - background-color: #fcfcfc; | |
| 3184 | - padding: 14px; | |
| 3185 | -} | |
| 3186 | - | |
| 3187 | -.jcalendar-table { | |
| 3188 | - padding: 10px; | |
| 3189 | -} | |
| 3190 | - | |
| 3191 | -.jcalendar-table > table { | |
| 3192 | - width:100%; | |
| 3193 | - background-color:#fff; | |
| 3194 | -} | |
| 3195 | - | |
| 3196 | -.jcalendar-table > table > thead { | |
| 3197 | - cursor: pointer; | |
| 3198 | -} | |
| 3199 | - | |
| 3200 | -.jcalendar-table thead td { | |
| 3201 | - padding: 10px; | |
| 3202 | - height: 40px; | |
| 3203 | -} | |
| 3204 | - | |
| 3205 | -.jcalendar-table > table > tbody > tr { | |
| 3206 | - height: 34px; | |
| 3207 | -} | |
| 3208 | - | |
| 3209 | -.jcalendar-table > table > tbody td { | |
| 3210 | - box-sizing:border-box; | |
| 3211 | - cursor:pointer; | |
| 3212 | - padding:9px; | |
| 3213 | - font-size:0.9em; | |
| 3214 | -} | |
| 3215 | - | |
| 3216 | -.jcalendar-table tfoot td { | |
| 3217 | - padding:10px; | |
| 3218 | -} | |
| 3219 | - | |
| 3220 | -.jcalendar-months td, .jcalendar-years td { | |
| 3221 | - height:24px; | |
| 3222 | -} | |
| 3223 | - | |
| 3224 | -.jcalendar-input { | |
| 3225 | - padding-right:18px; | |
| 3226 | - 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"); | |
| 3227 | - background-position:top 50% right 5px; | |
| 3228 | - background-repeat:no-repeat; | |
| 3229 | - box-sizing: border-box; | |
| 3230 | -} | |
| 3231 | - | |
| 3232 | -.jcalendar-done { | |
| 3233 | - box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39); | |
| 3234 | - background-color:#fff; | |
| 3235 | -} | |
| 3236 | - | |
| 3237 | -.jcalendar-update { | |
| 3238 | - border:1px solid #ccc; | |
| 3239 | - background-color:#fff; | |
| 3240 | - border-radius:4px; | |
| 3241 | - padding:5px; | |
| 3242 | - width:100%; | |
| 3243 | -} | |
| 3244 | - | |
| 3245 | -.jcalendar-container select { | |
| 3246 | - width:55px; | |
| 3247 | - display:inline-block; | |
| 3248 | - border:0px; | |
| 3249 | - padding:4px; | |
| 3250 | - text-align:center; | |
| 3251 | - font-size:1.1em; | |
| 3252 | - -webkit-user-select:none; | |
| 3253 | - user-select:none; | |
| 3254 | - margin-right:10px; | |
| 3255 | -} | |
| 3256 | - | |
| 3257 | -.jcalendar-container select:first-child { | |
| 3258 | - margin-right:2px; | |
| 3259 | -} | |
| 3260 | - | |
| 3261 | -.jcalendar-selected { | |
| 3262 | - background-color:#eee; | |
| 3263 | -} | |
| 3264 | - | |
| 3265 | -.jcalendar-reset, .jcalendar-confirm { | |
| 3266 | - text-transform:uppercase; | |
| 3267 | - cursor:pointer; | |
| 3268 | - color: var(--jactive-color); | |
| 3269 | -} | |
| 3270 | - | |
| 3271 | -.jcalendar-controls { | |
| 3272 | - padding:15px; | |
| 3273 | - box-sizing: border-box; | |
| 3274 | - vertical-align:middle; | |
| 3275 | - display: flex; | |
| 3276 | - justify-content: space-between; | |
| 3277 | - align-items:center; | |
| 3278 | -} | |
| 3279 | - | |
| 3280 | -.jcalendar-controls div { | |
| 3281 | - font-weight:bold; | |
| 3282 | -} | |
| 3283 | - | |
| 3284 | -.jcalendar-fullsize { | |
| 3285 | - position:fixed; | |
| 3286 | - width:100%; | |
| 3287 | - top:0px; | |
| 3288 | - left:0px; | |
| 3289 | -} | |
| 3290 | - | |
| 3291 | -.jcalendar-fullsize .jcalendar-content | |
| 3292 | -{ | |
| 3293 | - position:fixed; | |
| 3294 | - width:100%; | |
| 3295 | - left:0px; | |
| 3296 | - bottom:0px; | |
| 3297 | -} | |
| 3298 | - | |
| 3299 | -.jcalendar-focus.jcalendar-fullsize .jcalendar-backdrop { | |
| 3300 | - display:block; | |
| 3301 | -} | |
| 3302 | - | |
| 3303 | -.jcalendar-sunday { | |
| 3304 | - color: red; | |
| 3305 | -} | |
| 3306 | -.jcalendar-disabled { | |
| 3307 | - color: #ccc; | |
| 3308 | -} | |
| 3309 | - | |
| 3310 | -.jcalendar-time { | |
| 3311 | - display:flex; | |
| 3312 | -} | |
| 3313 | - | |
| 3314 | -.jcalendar_warning { | |
| 3315 | - color: red; | |
| 3316 | -} | |
| 3317 | - | |
| 3318 | -.jcalendar-hide-controls .jcalendar-controls { | |
| 3319 | - display: none; | |
| 3320 | -} | |
| 3321 | - | |
| 3322 | -.jcolor { | |
| 3323 | - display: none; | |
| 3324 | - outline: none; | |
| 3325 | - position: absolute; | |
| 3326 | -} | |
| 3327 | - | |
| 3328 | -.jcolor-input { | |
| 3329 | - padding-right: 24px !important; | |
| 3330 | - 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; | |
| 3331 | - box-sizing: border-box; | |
| 3332 | -} | |
| 3333 | - | |
| 3334 | -.jcolor-content { | |
| 3335 | - position: absolute; | |
| 3336 | - z-index: 9000; | |
| 3337 | - -webkit-user-select: none; | |
| 3338 | - user-select: none; | |
| 3339 | - -webkit-font-smoothing: antialiased; | |
| 3340 | - font-size: .875rem; | |
| 3341 | - letter-spacing: .2px; | |
| 3342 | - border-radius: 4px; | |
| 3343 | - box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2); | |
| 3344 | - background-color:#fff; | |
| 3345 | - box-sizing: border-box; | |
| 3346 | - min-width: 260px; | |
| 3347 | -} | |
| 3348 | - | |
| 3349 | -.jmodal .jcolor-content { | |
| 3350 | - position: fixed; | |
| 3351 | -} | |
| 3352 | - | |
| 3353 | -.jcolor-controls { | |
| 3354 | - display: flex; | |
| 3355 | - padding: 10px; | |
| 3356 | - border-bottom: 1px solid #eee; | |
| 3357 | - margin-bottom: 5px; | |
| 3358 | -} | |
| 3359 | - | |
| 3360 | -.jcolor-controls div { | |
| 3361 | - flex: 1; | |
| 3362 | - font-size: 1em; | |
| 3363 | - color: var(--jactive-color); | |
| 3364 | - text-transform: uppercase; | |
| 3365 | - font-weight: bold; | |
| 3366 | - box-sizing: border-box; | |
| 3367 | -} | |
| 3368 | - | |
| 3369 | -.jcolor-content table { | |
| 3370 | - border-collapse: collapse; | |
| 3371 | - box-sizing: border-box; | |
| 3372 | -} | |
| 3373 | - | |
| 3374 | -.jcolor-focus { | |
| 3375 | - display:block; | |
| 3376 | -} | |
| 3377 | - | |
| 3378 | -.jcolor table { | |
| 3379 | - width:100%; | |
| 3380 | - height:100%; | |
| 3381 | - min-height: 160px; | |
| 3382 | -} | |
| 3383 | - | |
| 3384 | -.jcolor td { | |
| 3385 | - padding: 7px; | |
| 3386 | -} | |
| 3387 | - | |
| 3388 | -.jcolor-selected { | |
| 3389 | - background-repeat:no-repeat; | |
| 3390 | - background-size: 16px; | |
| 3391 | - background-position: center; | |
| 3392 | - 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"); | |
| 3393 | -} | |
| 3394 | - | |
| 3395 | -.jcolor-fullscreen { | |
| 3396 | - position: fixed; | |
| 3397 | - left: 0px; | |
| 3398 | - bottom: 0px; | |
| 3399 | - width:100%; | |
| 3400 | - max-height: 290px; | |
| 3401 | - border-radius: 0px; | |
| 3402 | - box-sizing: border-box; | |
| 3403 | -} | |
| 3404 | - | |
| 3405 | -.jcolor-fullscreen .jcolor-controls { | |
| 3406 | - padding: 15px; | |
| 3407 | - box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39); | |
| 3408 | -} | |
| 3409 | - | |
| 3410 | -.jcolor-reset { | |
| 3411 | - text-align: left; | |
| 3412 | -} | |
| 3413 | - | |
| 3414 | -.jcolor-close { | |
| 3415 | - text-align: right; | |
| 3416 | -} | |
| 3417 | - | |
| 3418 | -.jcolor-backdrop { | |
| 3419 | - position: fixed; | |
| 3420 | - top: 0px; | |
| 3421 | - left: 0px; | |
| 3422 | - min-width: 100%; | |
| 3423 | - min-height: 100%; | |
| 3424 | - background-color: rgba(0,0,0,0.5); | |
| 3425 | - border: 0px; | |
| 3426 | - padding: 0px; | |
| 3427 | - z-index: 8000; | |
| 3428 | - display: none; | |
| 3429 | - | |
| 3430 | - -webkit-touch-callout: none; /* iOS Safari */ | |
| 3431 | - -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ | |
| 3432 | - user-select: none; /* Non-prefixed version, currently | |
| 3433 | - supported by Chrome and Opera */ | |
| 3434 | -} | |
| 3435 | - | |
| 3436 | -.jcolor-content .jtabs-content { | |
| 3437 | - padding: 7px; | |
| 3438 | -} | |
| 3439 | - | |
| 3440 | -.jcolor-grid tr:first-child > td:first-child { | |
| 3441 | - border-top-left-radius: 3px; | |
| 3442 | -} | |
| 3443 | - | |
| 3444 | -.jcolor-grid tr:first-child > td:last-child { | |
| 3445 | - border-top-right-radius: 3px; | |
| 3446 | -} | |
| 3447 | - | |
| 3448 | -.jcolor-grid tr:last-child > td:first-child { | |
| 3449 | - border-bottom-left-radius: 3px; | |
| 3450 | -} | |
| 3451 | - | |
| 3452 | -.jcolor-grid tr:last-child > td:last-child { | |
| 3453 | - border-bottom-right-radius: 3px; | |
| 3454 | -} | |
| 3455 | - | |
| 3456 | -.jcolor-hsl { | |
| 3457 | - box-sizing: border-box; | |
| 3458 | -} | |
| 3459 | - | |
| 3460 | -.jcolor-hsl > div { | |
| 3461 | - height: 100%; | |
| 3462 | - position: relative; | |
| 3463 | -} | |
| 3464 | - | |
| 3465 | -.jcolor-hsl canvas { | |
| 3466 | - display: block; | |
| 3467 | - border-radius: 4px; | |
| 3468 | - -webkit-user-drag: none; | |
| 3469 | -} | |
| 3470 | - | |
| 3471 | -.jcolor-point { | |
| 3472 | - height: 5px; | |
| 3473 | - width: 5px; | |
| 3474 | - background-color: #000; | |
| 3475 | - position: absolute; | |
| 3476 | - top: 50%; | |
| 3477 | - left: 50%; | |
| 3478 | - transform: translate(-50%, -50%); | |
| 3479 | - border-radius: 50%; | |
| 3480 | -} | |
| 3481 | - | |
| 3482 | -.jcolor-sliders { | |
| 3483 | - padding: 10px 20px 10px 10px; | |
| 3484 | -} | |
| 3485 | - | |
| 3486 | -.jcolor-sliders input { | |
| 3487 | - -webkit-appearance: none; | |
| 3488 | - | |
| 3489 | - height: 12px; | |
| 3490 | - width: 80%; | |
| 3491 | - | |
| 3492 | - background: #d3d3d3; | |
| 3493 | - opacity: 1; | |
| 3494 | - | |
| 3495 | - border-radius: 30px; | |
| 3496 | - outline: none; | |
| 3497 | -} | |
| 3498 | - | |
| 3499 | -.jcolor-sliders-input-subcontainer { | |
| 3500 | - display: flex; | |
| 3501 | - justify-content: space-between; | |
| 3502 | - align-items: center; | |
| 3503 | -} | |
| 3504 | - | |
| 3505 | -.jcolor-sliders-input-container { | |
| 3506 | - margin-top: 4px; | |
| 3507 | - line-height: 0.8em; | |
| 3508 | - text-align: left; | |
| 3509 | -} | |
| 3510 | - | |
| 3511 | -.jcolor-sliders-input-container > label { | |
| 3512 | - font-size: 10px; | |
| 3513 | - text-transform: uppercase; | |
| 3514 | - color: #bbbbbd; | |
| 3515 | -} | |
| 3516 | - | |
| 3517 | -.jcolor-sliders-input-subcontainer > input { | |
| 3518 | - border: 0px; | |
| 3519 | - padding: 1px; | |
| 3520 | -} | |
| 3521 | - | |
| 3522 | -.jcolor-sliders-input-container input::-webkit-slider-thumb { | |
| 3523 | - -webkit-appearance: none; | |
| 3524 | - height: 12px; | |
| 3525 | - width: 12px; | |
| 3526 | - border-radius: 50%; | |
| 3527 | - background: #000; | |
| 3528 | - border: 2px solid #fff; | |
| 3529 | - cursor: pointer; | |
| 3530 | -} | |
| 3531 | - | |
| 3532 | -.jcolor-sliders-input-container input::-moz-range-thumb { | |
| 3533 | - -webkit-appearance: none; | |
| 3534 | - height: 12px; | |
| 3535 | - width: 12px; | |
| 3536 | - border-radius: 50%; | |
| 3537 | - background: #000; | |
| 3538 | - border: 2px solid #fff; | |
| 3539 | - cursor: pointer; | |
| 3540 | -} | |
| 3541 | - | |
| 3542 | -.jcolor-sliders-final-color { | |
| 3543 | - padding: 6px; | |
| 3544 | - -webkit-user-select: all; | |
| 3545 | - user-select: all; | |
| 3546 | - margin-top: 10px; | |
| 3547 | - text-align: center; | |
| 3548 | -} | |
| 3549 | - | |
| 3550 | -.jcolor-sliders-final-color > div:nth-child(2) { | |
| 3551 | - width: 71px; | |
| 3552 | - text-transform: uppercase; | |
| 3553 | -} | |
| 3554 | - | |
| 3555 | -.jcolor .jtabs .jtabs-headers-container .jtabs-controls { | |
| 3556 | - display: none !important; | |
| 3557 | -} | |
| 3558 | - | |
| 3559 | -.jcolor .jtabs .jtabs-headers-container { | |
| 3560 | - display: flex !important; | |
| 3561 | - justify-content: center; | |
| 3562 | - padding: 4px; | |
| 3563 | -} | |
| 3564 | - | |
| 3565 | -.jcolor .jtabs-headers > div:not(.jtabs-border) { | |
| 3566 | - padding: 2px !important; | |
| 3567 | - padding-left: 15px !important; | |
| 3568 | - padding-right: 15px !important; | |
| 3569 | - font-size: 0.8em; | |
| 3570 | -} | |
| 3571 | -.jcontextmenu { | |
| 3572 | - position:fixed; | |
| 3573 | - z-index:10000; | |
| 3574 | - background:#fff; | |
| 3575 | - color: #555; | |
| 3576 | - font-size: 11px; | |
| 3577 | - -webkit-user-select: none; | |
| 3578 | - user-select: none; | |
| 3579 | - box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1); | |
| 3580 | - border: 1px solid #C6C6C6; | |
| 3581 | - padding: 0px; | |
| 3582 | - padding-top:4px; | |
| 3583 | - padding-bottom:4px; | |
| 3584 | - margin:0px; | |
| 3585 | - outline:none; | |
| 3586 | - display:none; | |
| 3587 | -} | |
| 3588 | - | |
| 3589 | -.jcontextmenu.jcontextmenu-focus { | |
| 3590 | - display:inline-block; | |
| 3591 | -} | |
| 3592 | - | |
| 3593 | -.jcontextmenu > div { | |
| 3594 | - box-sizing: border-box; | |
| 3595 | - display: flex; | |
| 3596 | - padding: 8px 8px 8px 32px; | |
| 3597 | - width: 250px; | |
| 3598 | - position: relative; | |
| 3599 | - cursor: default; | |
| 3600 | - font-size: 11px; | |
| 3601 | - font-family:sans-serif; | |
| 3602 | - text-align: left; | |
| 3603 | - align-items: center; | |
| 3604 | -} | |
| 3605 | - | |
| 3606 | -.jcontextmenu > div::before { | |
| 3607 | - content: attr(data-icon); | |
| 3608 | - font-family: 'Material Icons' !important; | |
| 3609 | - font-size: 15px; | |
| 3610 | - position: absolute; | |
| 3611 | - left: 9px; | |
| 3612 | - line-height: 24px; | |
| 3613 | -} | |
| 3614 | - | |
| 3615 | -.jcontextmenu.symbols > div::before { | |
| 3616 | - font-family: 'Material Symbols Outlined' !important; | |
| 3617 | -} | |
| 3618 | - | |
| 3619 | -.jcontextmenu > div.header { | |
| 3620 | - display: none; | |
| 3621 | -} | |
| 3622 | - | |
| 3623 | -.jcontextmenu > div a { | |
| 3624 | - color: #555; | |
| 3625 | - text-decoration: none; | |
| 3626 | - flex: 1; | |
| 3627 | - cursor: pointer; | |
| 3628 | -} | |
| 3629 | - | |
| 3630 | -.jcontextmenu > div span { | |
| 3631 | - margin-right: 10px; | |
| 3632 | - font-size: 0.9em; | |
| 3633 | -} | |
| 3634 | - | |
| 3635 | -.jcontextmenu .jcontextmenu-disabled a { | |
| 3636 | - color: #ccc; | |
| 3637 | -} | |
| 3638 | - | |
| 3639 | -.jcontextmenu .jcontextmenu-disabled::before { | |
| 3640 | - color: #ccc; | |
| 3641 | -} | |
| 3642 | - | |
| 3643 | -.jcontextmenu > div:hover { | |
| 3644 | - background: #ebebeb; | |
| 3645 | -} | |
| 3646 | - | |
| 3647 | -.jcontextmenu hr { | |
| 3648 | - border: 1px solid #e9e9e9; | |
| 3649 | - border-bottom: 0; | |
| 3650 | - margin-top:5px; | |
| 3651 | - margin-bottom:5px; | |
| 3652 | -} | |
| 3653 | - | |
| 3654 | -.jcontextmenu > hr:hover { | |
| 3655 | - background: transparent; | |
| 3656 | -} | |
| 3657 | - | |
| 3658 | -.jcontextmenu .jcontextmenu { | |
| 3659 | - top: 4px; | |
| 3660 | - left: 99%; | |
| 3661 | - opacity: 0; | |
| 3662 | - position: absolute; | |
| 3663 | -} | |
| 3664 | - | |
| 3665 | -.jcontextmenu > div:hover > .jcontextmenu { | |
| 3666 | - display: block; | |
| 3667 | - opacity: 1; | |
| 3668 | - transform: translate(0, 0) scale(1); | |
| 3669 | - pointer-events: auto; | |
| 3670 | -} | |
| 3671 | - | |
| 3672 | -@media only screen and (max-width: 420px) { | |
| 3673 | - .jcontextmenu { | |
| 3674 | - top: initial !important; | |
| 3675 | - left: 0px !important; | |
| 3676 | - bottom: 0px !important; | |
| 3677 | - width: 100vw; | |
| 3678 | - height: 260px; | |
| 3679 | - overflow: scroll; | |
| 3680 | - animation: jslide-bottom-in 0.4s forwards; | |
| 3681 | - padding-top: 0px; | |
| 3682 | - } | |
| 3683 | - .jcontextmenu div { | |
| 3684 | - width: 100%; | |
| 3685 | - text-align: center; | |
| 3686 | - border-bottom: 1px solid #ccc; | |
| 3687 | - padding: 15px; | |
| 3688 | - } | |
| 3689 | - .jcontextmenu > div.header { | |
| 3690 | - background-color: lightgray; | |
| 3691 | - padding: 5px; | |
| 3692 | - top: 0px; | |
| 3693 | - position: sticky; | |
| 3694 | - z-index: 2; | |
| 3695 | - } | |
| 3696 | - .jcontextmenu > div.header > a.title { | |
| 3697 | - text-align: left; | |
| 3698 | - } | |
| 3699 | - | |
| 3700 | - .jcontextmenu > div.header > a.close { | |
| 3701 | - text-align: right; | |
| 3702 | - } | |
| 3703 | - .jcontextmenu a { | |
| 3704 | - font-size: 1.4em; | |
| 3705 | - text-transform: uppercase; | |
| 3706 | - } | |
| 3707 | - .jcontextmenu span { | |
| 3708 | - display: none; | |
| 3709 | - } | |
| 3710 | - .jcontextmenu span { | |
| 3711 | - display: none; | |
| 3712 | - } | |
| 3713 | - .jcontextmenu hr { | |
| 3714 | - display: none; | |
| 3715 | - } | |
| 3716 | -} | |
| 3717 | - | |
| 3718 | -.jdropdown { | |
| 3719 | - cursor:pointer; | |
| 3720 | - -webkit-touch-callout: none; | |
| 3721 | - -webkit-user-select: none; | |
| 3722 | - user-select: none; | |
| 3723 | - box-sizing: border-box; | |
| 3724 | - background:#fff; | |
| 3725 | - -webkit-tap-highlight-color: transparent; | |
| 3726 | - display: inline-block; | |
| 3727 | -} | |
| 3728 | - | |
| 3729 | -.jdropdown-backdrop { | |
| 3730 | - position:fixed; | |
| 3731 | - top:0px; | |
| 3732 | - left:0px; | |
| 3733 | - min-width:100%; | |
| 3734 | - min-height:100%; | |
| 3735 | - background-color:rgba(0,0,0,0.5); | |
| 3736 | - border:0px; | |
| 3737 | - padding:0px; | |
| 3738 | - z-index:8000; | |
| 3739 | - display:none; | |
| 3740 | -} | |
| 3741 | - | |
| 3742 | -.jdropdown[disabled] { | |
| 3743 | - opacity: 0.5; | |
| 3744 | - pointer-events: none; | |
| 3745 | -} | |
| 3746 | - | |
| 3747 | -.jdropdown-focus { | |
| 3748 | - position:relative; | |
| 3749 | -} | |
| 3750 | - | |
| 3751 | -.jdropdown-focus .jdropdown-container { | |
| 3752 | - transform: translate3d(0,0,0); | |
| 3753 | -} | |
| 3754 | - | |
| 3755 | -.jdropdown-default.jdropdown-focus .jdropdown-header { | |
| 3756 | - outline:auto 5px -webkit-focus-ring-color; | |
| 3757 | -} | |
| 3758 | - | |
| 3759 | -.jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add { | |
| 3760 | - 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"); | |
| 3761 | -} | |
| 3762 | - | |
| 3763 | -.jdropdown-container-header { | |
| 3764 | - padding:0px; | |
| 3765 | - margin:0px; | |
| 3766 | - position:relative; | |
| 3767 | - box-sizing: border-box; | |
| 3768 | -} | |
| 3769 | - | |
| 3770 | -.jdropdown-header { | |
| 3771 | - width:100%; | |
| 3772 | - appearance: none; | |
| 3773 | - background-repeat: no-repeat; | |
| 3774 | - background-position:top 50% right 5px; | |
| 3775 | - 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"); | |
| 3776 | - text-overflow: ellipsis; | |
| 3777 | - cursor:pointer; | |
| 3778 | - box-sizing: border-box; | |
| 3779 | - -webkit-appearance: none; | |
| 3780 | - -moz-appearance: none; | |
| 3781 | - padding-right:30px !important; | |
| 3782 | -} | |
| 3783 | - | |
| 3784 | -.jdropdown-insert-button { | |
| 3785 | - font-size: 1.4em; | |
| 3786 | - text-transform: uppercase; | |
| 3787 | - position:absolute; | |
| 3788 | - right: 30px; | |
| 3789 | - top: 4px; | |
| 3790 | - display:none; | |
| 3791 | -} | |
| 3792 | - | |
| 3793 | -.jdropdown-container { | |
| 3794 | - min-width: inherit; | |
| 3795 | - transform: translate3d(-10000px,0,0); | |
| 3796 | - position:absolute; | |
| 3797 | - z-index:9001; | |
| 3798 | -} | |
| 3799 | - | |
| 3800 | -.jdropdown-close { | |
| 3801 | - display:none; | |
| 3802 | - font-size:1em; | |
| 3803 | - color: var(--jactive-color); | |
| 3804 | - text-transform:uppercase; | |
| 3805 | - text-align:right; | |
| 3806 | - padding:12px; | |
| 3807 | - font-weight:bold; | |
| 3808 | -} | |
| 3809 | - | |
| 3810 | -.jdropdown-content { | |
| 3811 | - min-width:inherit; | |
| 3812 | - margin:0px; | |
| 3813 | - box-sizing:border-box; | |
| 3814 | -} | |
| 3815 | - | |
| 3816 | -.jdropdown-content:empty { | |
| 3817 | -} | |
| 3818 | - | |
| 3819 | -.jdropdown-item { | |
| 3820 | - white-space: nowrap; | |
| 3821 | - text-align: left; | |
| 3822 | - text-overflow: ellipsis; | |
| 3823 | - overflow-x: hidden; | |
| 3824 | - color: #000; | |
| 3825 | - display: flex; | |
| 3826 | - align-items: center; | |
| 3827 | -} | |
| 3828 | - | |
| 3829 | -.jdropdown-description { | |
| 3830 | - text-overflow: ellipsis; | |
| 3831 | - overflow: hidden; | |
| 3832 | - line-height: 1.5em; | |
| 3833 | -} | |
| 3834 | - | |
| 3835 | -.jdropdown-image { | |
| 3836 | - margin-right:10px; | |
| 3837 | - width: 32px; | |
| 3838 | - height: 32px; | |
| 3839 | - border-radius:20px; | |
| 3840 | -} | |
| 3841 | - | |
| 3842 | -.jdropdown-image-small { | |
| 3843 | - width:24px; | |
| 3844 | - height:24px; | |
| 3845 | -} | |
| 3846 | - | |
| 3847 | -.jdropdown-icon { | |
| 3848 | - margin-right:10px; | |
| 3849 | - font-size: 30px; | |
| 3850 | - margin-left: -5px; | |
| 3851 | -} | |
| 3852 | - | |
| 3853 | -.jdropdown-icon-small { | |
| 3854 | - font-size: 24px; | |
| 3855 | - margin-left: 0px; | |
| 3856 | -} | |
| 3857 | - | |
| 3858 | -.jdropdown-title { | |
| 3859 | - font-size: 0.7em; | |
| 3860 | - text-overflow: ellipsis; | |
| 3861 | - overflow-x: hidden; | |
| 3862 | - display: block; | |
| 3863 | -} | |
| 3864 | - | |
| 3865 | -/** Default visual **/ | |
| 3866 | - | |
| 3867 | -.jdropdown-default .jdropdown-header { | |
| 3868 | - border:1px solid #ccc; | |
| 3869 | - padding:5px; | |
| 3870 | - padding-left:10px; | |
| 3871 | - padding-right:16px; | |
| 3872 | -} | |
| 3873 | - | |
| 3874 | -.jdropdown-default .jdropdown-container { | |
| 3875 | - background-color:#fff; | |
| 3876 | -} | |
| 3877 | - | |
| 3878 | -.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-header { | |
| 3879 | - padding-right:50px; | |
| 3880 | -} | |
| 3881 | - | |
| 3882 | -.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-insert-button { | |
| 3883 | - display:block; | |
| 3884 | -} | |
| 3885 | - | |
| 3886 | -.jdropdown-default .jdropdown-content | |
| 3887 | -{ | |
| 3888 | - min-width:inherit; | |
| 3889 | - border:1px solid #8fb1e3; | |
| 3890 | - margin:0px; | |
| 3891 | - background-color:#fff; | |
| 3892 | - box-sizing:border-box; | |
| 3893 | - min-height:10px; | |
| 3894 | - max-height:215px; | |
| 3895 | - overflow-y:auto; | |
| 3896 | -} | |
| 3897 | - | |
| 3898 | -.jdropdown-default .jdropdown-item | |
| 3899 | -{ | |
| 3900 | - padding:4px; | |
| 3901 | - padding-left:8px; | |
| 3902 | - padding-right:40px; | |
| 3903 | -} | |
| 3904 | - | |
| 3905 | -.jdropdown-default .jdropdown-item:hover | |
| 3906 | -{ | |
| 3907 | - background-color:#1f93ff; | |
| 3908 | - color:#fff; | |
| 3909 | -} | |
| 3910 | - | |
| 3911 | -.jdropdown-default .jdropdown-cursor | |
| 3912 | -{ | |
| 3913 | - background-color:#eee; | |
| 3914 | -} | |
| 3915 | - | |
| 3916 | -.jdropdown-default .jdropdown-selected | |
| 3917 | -{ | |
| 3918 | - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=); | |
| 3919 | - background-repeat:no-repeat; | |
| 3920 | - background-position:top 50% right 5px; | |
| 3921 | - background-color:#1f93ff; | |
| 3922 | - color:#fff; | |
| 3923 | -} | |
| 3924 | - | |
| 3925 | -.jdropdown-default .jdropdown-group { | |
| 3926 | - margin-top:5px; | |
| 3927 | -} | |
| 3928 | - | |
| 3929 | -.jdropdown-default .jdropdown-group .jdropdown-item { | |
| 3930 | - padding-left:16px; | |
| 3931 | -} | |
| 3932 | - | |
| 3933 | -.jdropdown-default .jdropdown-group-name { | |
| 3934 | - padding-left: 8px; | |
| 3935 | - font-weight: bold; | |
| 3936 | - text-align: left; | |
| 3937 | -} | |
| 3938 | - | |
| 3939 | -.jdropdown-default .jdropdown-reset_ { | |
| 3940 | - content:'x'; | |
| 3941 | - position:absolute; | |
| 3942 | - top:0; | |
| 3943 | - right:0; | |
| 3944 | - margin:5px; | |
| 3945 | - margin-right:10px; | |
| 3946 | - font-size:12px; | |
| 3947 | - width:12px; | |
| 3948 | - cursor:pointer; | |
| 3949 | - text-shadow: 0px 0px 5px #fff; | |
| 3950 | - display:none; | |
| 3951 | - line-height: 1.8em; | |
| 3952 | -} | |
| 3953 | - | |
| 3954 | -.jdropdown-default.jdropdown-focus .jdropdown-reset_ { | |
| 3955 | - display:block; | |
| 3956 | -} | |
| 3957 | - | |
| 3958 | -/** Default render for mobile **/ | |
| 3959 | - | |
| 3960 | -.jdropdown-picker.jdropdown-focus .jdropdown-backdrop { | |
| 3961 | - display:block; | |
| 3962 | -} | |
| 3963 | - | |
| 3964 | -.jdropdown-picker .jdropdown-header { | |
| 3965 | - outline: none; | |
| 3966 | -} | |
| 3967 | - | |
| 3968 | -.jdropdown-picker .jdropdown-container | |
| 3969 | -{ | |
| 3970 | - position:fixed; | |
| 3971 | - bottom:0px; | |
| 3972 | - left:0px; | |
| 3973 | - border-bottom:1px solid #e6e6e8; | |
| 3974 | - width:100%; | |
| 3975 | - background-color:#fff; | |
| 3976 | - box-sizing: border-box; | |
| 3977 | -} | |
| 3978 | - | |
| 3979 | -.jdropdown-picker .jdropdown-close | |
| 3980 | -{ | |
| 3981 | - box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39); | |
| 3982 | - background-color:#fff; | |
| 3983 | - display:block; | |
| 3984 | -} | |
| 3985 | - | |
| 3986 | -.jdropdown-picker .jdropdown-content | |
| 3987 | -{ | |
| 3988 | - overflow-y:scroll; | |
| 3989 | - height:280px; | |
| 3990 | - background-color:#fafafa; | |
| 3991 | - border-top:1px solid #e6e6e8; | |
| 3992 | -} | |
| 3993 | - | |
| 3994 | -.jdropdown-picker .jdropdown-group-name | |
| 3995 | -{ | |
| 3996 | - font-size: 1em; | |
| 3997 | - text-transform: uppercase; | |
| 3998 | - padding-top:10px; | |
| 3999 | - padding-bottom:10px; | |
| 4000 | - display: block; | |
| 4001 | - border-bottom: 1px solid #e6e6e8; | |
| 4002 | - padding-left:20px; | |
| 4003 | - padding-right:20px; | |
| 4004 | - text-align:center; | |
| 4005 | - font-weight:bold; | |
| 4006 | -} | |
| 4007 | - | |
| 4008 | -.jdropdown-picker .jdropdown-item | |
| 4009 | -{ | |
| 4010 | - font-size: 1em; | |
| 4011 | - text-transform: uppercase; | |
| 4012 | - padding-top:10px; | |
| 4013 | - padding-bottom:10px; | |
| 4014 | - border-bottom: 1px solid #e6e6e8; | |
| 4015 | - padding-left:20px; | |
| 4016 | - padding-right:20px; | |
| 4017 | -} | |
| 4018 | - | |
| 4019 | -.jdropdown-picker .jdropdown-selected | |
| 4020 | -{ | |
| 4021 | - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=); | |
| 4022 | - background-repeat:no-repeat; | |
| 4023 | - background-position:top 50% right 15px; | |
| 4024 | - background-color:#1f93ff; | |
| 4025 | - color:#fff; | |
| 4026 | -} | |
| 4027 | - | |
| 4028 | -.jdropdown-picker .jdropdown-cursor | |
| 4029 | -{ | |
| 4030 | - background-color:#1f93ff; | |
| 4031 | - color:#fff; | |
| 4032 | -} | |
| 4033 | - | |
| 4034 | -/** Default render for mobile searchbar **/ | |
| 4035 | - | |
| 4036 | -.jdropdown-searchbar.jdropdown-focus | |
| 4037 | -{ | |
| 4038 | - position:fixed; | |
| 4039 | - top:0px !important; | |
| 4040 | - left:0px !important; | |
| 4041 | - width:100% !important; | |
| 4042 | - height:100% !important; | |
| 4043 | - background-color:#fafafa; | |
| 4044 | - padding:0px; | |
| 4045 | - z-index:9001; | |
| 4046 | - overflow-y:scroll; | |
| 4047 | - will-change: scroll-position; | |
| 4048 | - -webkit-overflow-scrolling: touch; | |
| 4049 | -} | |
| 4050 | - | |
| 4051 | -.jdropdown-searchbar.jdropdown-focus .jdropdown-container-header | |
| 4052 | -{ | |
| 4053 | - position: fixed; | |
| 4054 | - top: 0px; | |
| 4055 | - left: 0px; | |
| 4056 | - z-index: 9002; | |
| 4057 | - padding: 6px; | |
| 4058 | - background-color:#fff; | |
| 4059 | - box-shadow: 0 1px 2px rgba(0,0,0,.1); | |
| 4060 | - width: 100%; | |
| 4061 | - height: 40px; | |
| 4062 | -} | |
| 4063 | - | |
| 4064 | -.jdropdown-searchbar.jdropdown-focus .jdropdown-header | |
| 4065 | -{ | |
| 4066 | - border: 0px !important; | |
| 4067 | - background-position-x: 0% !important; | |
| 4068 | - background-position-y: 40% !important; | |
| 4069 | - background-repeat: no-repeat; | |
| 4070 | - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNlNmU2ZTgiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+); | |
| 4071 | - padding-left: 30px !important; | |
| 4072 | - padding-right: 60px !important; | |
| 4073 | -} | |
| 4074 | - | |
| 4075 | -.jdropdown-searchbar.jdropdown-focus .jdropdown-close | |
| 4076 | -{ | |
| 4077 | - display:block; | |
| 4078 | -} | |
| 4079 | - | |
| 4080 | -.jdropdown-searchbar .jdropdown-header { | |
| 4081 | - outline: none; | |
| 4082 | -} | |
| 4083 | - | |
| 4084 | -.jdropdown-searchbar .jdropdown-container | |
| 4085 | -{ | |
| 4086 | - margin-top: 40px; | |
| 4087 | - width:100%; | |
| 4088 | -} | |
| 4089 | - | |
| 4090 | -.jdropdown-searchbar .jdropdown-close | |
| 4091 | -{ | |
| 4092 | - position:fixed; | |
| 4093 | - top:0px; | |
| 4094 | - right:0px; | |
| 4095 | -} | |
| 4096 | - | |
| 4097 | -.jdropdown-searchbar .jdropdown-content | |
| 4098 | -{ | |
| 4099 | - margin-top:10px; | |
| 4100 | -} | |
| 4101 | - | |
| 4102 | -.jdropdown-searchbar .jdropdown-group | |
| 4103 | -{ | |
| 4104 | - margin-top:10px; | |
| 4105 | - margin-bottom:15px; | |
| 4106 | - background-color:#fff; | |
| 4107 | -} | |
| 4108 | - | |
| 4109 | -.jdropdown-searchbar .jdropdown-group-name | |
| 4110 | -{ | |
| 4111 | - border-top: 1px solid #e6e6e8; | |
| 4112 | - border-bottom: 1px solid #e6e6e8; | |
| 4113 | - padding:10px; | |
| 4114 | - padding-left:12px; | |
| 4115 | - font-weight:bold; | |
| 4116 | -} | |
| 4117 | - | |
| 4118 | -.jdropdown-searchbar .jdropdown-group-arrow | |
| 4119 | -{ | |
| 4120 | - float:right; | |
| 4121 | - width:24px; | |
| 4122 | - height:24px; | |
| 4123 | - background-repeat:no-repeat; | |
| 4124 | -} | |
| 4125 | - | |
| 4126 | -.jdropdown-searchbar .jdropdown-group-arrow-down | |
| 4127 | -{ | |
| 4128 | - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy40MSA4LjU5TDEyIDEzLjE3bDQuNTktNC41OEwxOCAxMGwtNiA2LTYtNiAxLjQxLTEuNDF6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PC9zdmc+); | |
| 4129 | -} | |
| 4130 | - | |
| 4131 | -.jdropdown-searchbar .jdropdown-group-arrow-up | |
| 4132 | -{ | |
| 4133 | - background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNDEgMTUuNDFMMTIgMTAuODNsNC41OSA0LjU4TDE4IDE0bC02LTYtNiA2eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=); | |
| 4134 | -} | |
| 4135 | - | |
| 4136 | -.jdropdown-searchbar .jdropdown-item | |
| 4137 | -{ | |
| 4138 | - padding-top:10px; | |
| 4139 | - padding-bottom:10px; | |
| 4140 | - border-bottom: 1px solid #e6e6e8; | |
| 4141 | - padding-left:15px; | |
| 4142 | - padding-right:40px; | |
| 4143 | - background-color:#fff; | |
| 4144 | - font-size:0.9em; | |
| 4145 | -} | |
| 4146 | - | |
| 4147 | -.jdropdown-searchbar .jdropdown-description { | |
| 4148 | - text-overflow: ellipsis; | |
| 4149 | - overflow: hidden; | |
| 4150 | - max-width: calc(100% - 20px); | |
| 4151 | -} | |
| 4152 | - | |
| 4153 | -.jdropdown-searchbar .jdropdown-content > .jdropdown-item:first-child | |
| 4154 | -{ | |
| 4155 | - border-top: 1px solid #e6e6e8; | |
| 4156 | -} | |
| 4157 | - | |
| 4158 | -.jdropdown-searchbar .jdropdown-selected | |
| 4159 | -{ | |
| 4160 | - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==); | |
| 4161 | - background-repeat:no-repeat; | |
| 4162 | - background-position:top 50% right 15px; | |
| 4163 | -} | |
| 4164 | - | |
| 4165 | -/** List render **/ | |
| 4166 | - | |
| 4167 | -.jdropdown-list | |
| 4168 | -{ | |
| 4169 | -} | |
| 4170 | - | |
| 4171 | -.jdropdown-list .jdropdown-container | |
| 4172 | -{ | |
| 4173 | - display:block; | |
| 4174 | -} | |
| 4175 | - | |
| 4176 | -.jdropdown-list .jdropdown-header | |
| 4177 | -{ | |
| 4178 | - display:none; | |
| 4179 | -} | |
| 4180 | - | |
| 4181 | -.jdropdown-list .jdropdown-group | |
| 4182 | -{ | |
| 4183 | - background-color:#fff; | |
| 4184 | -} | |
| 4185 | - | |
| 4186 | -.jdropdown-list .jdropdown-group-name | |
| 4187 | -{ | |
| 4188 | - border-bottom: 1px solid #e6e6e8; | |
| 4189 | - padding-top:10px; | |
| 4190 | - padding-bottom:10px; | |
| 4191 | - font-weight:bold; | |
| 4192 | -} | |
| 4193 | - | |
| 4194 | -.jdropdown-list .jdropdown-item | |
| 4195 | -{ | |
| 4196 | - padding-top:10px; | |
| 4197 | - padding-bottom:10px; | |
| 4198 | - border-bottom: 1px solid #e6e6e8; | |
| 4199 | - padding-left:10px; | |
| 4200 | - padding-right:40px; | |
| 4201 | - background-color:#fff; | |
| 4202 | -} | |
| 4203 | - | |
| 4204 | -.jdropdown-list .jdropdown-selected | |
| 4205 | -{ | |
| 4206 | - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==); | |
| 4207 | - background-repeat:no-repeat; | |
| 4208 | - background-position:top 50% right 10px; | |
| 4209 | -} | |
| 4210 | - | |
| 4211 | -@media only screen and (max-width : 800px) | |
| 4212 | -{ | |
| 4213 | - .jdropdown-list { | |
| 4214 | - width:100% !important; | |
| 4215 | - border:0px; | |
| 4216 | - padding:0px; | |
| 4217 | - } | |
| 4218 | - | |
| 4219 | - .jdropdown-list .jdropdown-container { | |
| 4220 | - min-width:100%; | |
| 4221 | - } | |
| 4222 | - | |
| 4223 | - .jdropdown-searchbar.jdropdown-focus .jdropdown-description { | |
| 4224 | - text-transform: uppercase; | |
| 4225 | - } | |
| 4226 | -} | |
| 4227 | - | |
| 4228 | -.app .jdropdown-item { | |
| 4229 | - text-transform:uppercase; | |
| 4230 | -} | |
| 4231 | - | |
| 4232 | -.jdropdown-create-container { | |
| 4233 | - margin: 10px; | |
| 4234 | - border: 1px solid #ccc; | |
| 4235 | - border-radius: 2px; | |
| 4236 | - padding: 6px; | |
| 4237 | -} | |
| 4238 | - | |
| 4239 | -.jdropdown-color { | |
| 4240 | - background-color: #fff; | |
| 4241 | - border: 1px solid transparent; | |
| 4242 | - border-radius: 12px; | |
| 4243 | - width: 12px; | |
| 4244 | - height: 12px; | |
| 4245 | - margin-right: 6px; | |
| 4246 | -} | |
| 4247 | - | |
| 4248 | -.jdropdown-item[data-disabled] { | |
| 4249 | - opacity: 0.5; | |
| 4250 | - pointer-events: none; | |
| 4251 | -} | |
| 4252 | -.jeditor-container { | |
| 4253 | - border:1px solid #ccc; | |
| 4254 | - box-sizing: border-box; | |
| 4255 | -} | |
| 4256 | - | |
| 4257 | -.jeditor-container.with-margin { | |
| 4258 | - background-color: #f2f2f2; | |
| 4259 | - max-width: 1200px; | |
| 4260 | -} | |
| 4261 | - | |
| 4262 | -.jeditor-dragging { | |
| 4263 | - border:1px dashed #000; | |
| 4264 | -} | |
| 4265 | - | |
| 4266 | -.jeditor { | |
| 4267 | - outline:none; | |
| 4268 | - word-break: break-word; | |
| 4269 | -} | |
| 4270 | - | |
| 4271 | -.jeditor-container.with-margin .jeditor { | |
| 4272 | - background-color: #fff; | |
| 4273 | - margin: 80px; | |
| 4274 | - min-height: 800px; | |
| 4275 | - padding: 80px; | |
| 4276 | - max-width: 800px; | |
| 4277 | -} | |
| 4278 | - | |
| 4279 | -.jeditor[data-placeholder]:empty:before { | |
| 4280 | - content: attr(data-placeholder); | |
| 4281 | - color: lightgray; | |
| 4282 | -} | |
| 4283 | - | |
| 4284 | -/** Snippet **/ | |
| 4285 | - | |
| 4286 | -.jsnippet { | |
| 4287 | - margin-top:15px; | |
| 4288 | - cursor:pointer; | |
| 4289 | - border: 1px solid #ccc; | |
| 4290 | - position:relative; | |
| 4291 | -} | |
| 4292 | - | |
| 4293 | -.jsnippet:focus { | |
| 4294 | - outline: none; | |
| 4295 | -} | |
| 4296 | - | |
| 4297 | -.jsnippet img { | |
| 4298 | - width:100%; | |
| 4299 | -} | |
| 4300 | - | |
| 4301 | -.jsnippet .jsnippet-title { | |
| 4302 | - padding:15px; | |
| 4303 | - font-size:1.4em; | |
| 4304 | -} | |
| 4305 | - | |
| 4306 | -.jsnippet .jsnippet-description { | |
| 4307 | - padding-left:15px; | |
| 4308 | - padding-right:15px; | |
| 4309 | - font-size:1em; | |
| 4310 | -} | |
| 4311 | - | |
| 4312 | -.jsnippet .jsnippet-host { | |
| 4313 | - padding:15px; | |
| 4314 | - text-transform:uppercase; | |
| 4315 | - font-size:0.8em; | |
| 4316 | - color:#777; | |
| 4317 | - text-align:right; | |
| 4318 | -} | |
| 4319 | - | |
| 4320 | -.jsnippet .jsnippet-url { | |
| 4321 | - display:none; | |
| 4322 | -} | |
| 4323 | - | |
| 4324 | -.jeditor .jsnippet:after { | |
| 4325 | - content: 'close'; | |
| 4326 | - font-family: 'Material icons'; | |
| 4327 | - font-size: 24px; | |
| 4328 | - width: 24px; | |
| 4329 | - height: 24px; | |
| 4330 | - line-height: 24px; | |
| 4331 | - cursor: pointer; | |
| 4332 | - text-shadow: 0px 0px 2px #fff; | |
| 4333 | - position: absolute; | |
| 4334 | - top: 12px; | |
| 4335 | - right: 12px; | |
| 4336 | -} | |
| 4337 | - | |
| 4338 | -.jsnippet * { | |
| 4339 | - -webkit-user-select: none; | |
| 4340 | - -o-user-select: none; | |
| 4341 | - user-select: none; | |
| 4342 | - | |
| 4343 | - -webkit-user-drag: none; | |
| 4344 | - -khtml-user-drag: none; | |
| 4345 | - -moz-user-drag: none; | |
| 4346 | - -o-user-drag: none; | |
| 4347 | -} | |
| 4348 | - | |
| 4349 | -.jeditor img { | |
| 4350 | - border:2px solid transparent; | |
| 4351 | - box-sizing: border-box; | |
| 4352 | -} | |
| 4353 | - | |
| 4354 | -.jeditor img.resizing { | |
| 4355 | - -webkit-user-select: none; | |
| 4356 | - -o-user-select: none; | |
| 4357 | - user-select: none; | |
| 4358 | - | |
| 4359 | - -webkit-user-drag: none; | |
| 4360 | - -khtml-user-drag: none; | |
| 4361 | - -moz-user-drag: none; | |
| 4362 | - -o-user-drag: none; | |
| 4363 | -} | |
| 4364 | - | |
| 4365 | -.jeditor img:focus { | |
| 4366 | - border: 2px solid #0096FD; | |
| 4367 | - outline: #0096FD; | |
| 4368 | -} | |
| 4369 | - | |
| 4370 | -.jeditor .pdf { | |
| 4371 | - 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"); | |
| 4372 | - background-repeat: no-repeat; | |
| 4373 | - background-size: cover; | |
| 4374 | - width:60px; | |
| 4375 | - height:60px; | |
| 4376 | -} | |
| 4377 | - | |
| 4378 | -.jeditor-toolbar { | |
| 4379 | - width: -moz-fit-content; | |
| 4380 | - width: fit-content; | |
| 4381 | - max-width: 100%; | |
| 4382 | - box-sizing: border-box; | |
| 4383 | - margin: 10px; | |
| 4384 | -} | |
| 4385 | - | |
| 4386 | -.toolbar-on-top .jeditor-toolbar { | |
| 4387 | - width: initial; | |
| 4388 | - margin: 0px; | |
| 4389 | - box-shadow: 1px 1px 2px rgb(0 0 0 / 10%); | |
| 4390 | - display: block; | |
| 4391 | -} | |
| 4392 | - | |
| 4393 | -.toolbar-on-top .jeditor { | |
| 4394 | - padding: 15px; | |
| 4395 | -} | |
| 4396 | - | |
| 4397 | -.toolbar-on-top .jtoolbar .material-icons { | |
| 4398 | - font-size: 24px; | |
| 4399 | - transform: initial; | |
| 4400 | - margin: 4px; | |
| 4401 | -} | |
| 4402 | - | |
| 4403 | -.toolbar-on-top .jtoolbar .jpicker-header { | |
| 4404 | - font-size: 1em; | |
| 4405 | - margin-top: 4px; | |
| 4406 | - margin-bottom: 4px; | |
| 4407 | -} | |
| 4408 | - | |
| 4409 | -.jeditor table { | |
| 4410 | - border-collapse: collapse; | |
| 4411 | -} | |
| 4412 | - | |
| 4413 | -.jeditor table td { | |
| 4414 | - border: 1px solid #bbb; | |
| 4415 | - height: 2em; | |
| 4416 | -} | |
| 4417 | - | |
| 4418 | -.jeditor table td:focus { | |
| 4419 | - border: 1px solid blue; | |
| 4420 | -} | |
| 4421 | - | |
| 4422 | -.jeditor .line-break { | |
| 4423 | - border-top: 1px dashed #ccc; | |
| 4424 | - display: flex; | |
| 4425 | - justify-content: center; | |
| 4426 | - pointer-events: none; | |
| 4427 | -} | |
| 4428 | - | |
| 4429 | -.jeditor .line-break:before { | |
| 4430 | - content: 'New page'; | |
| 4431 | - background-color: #fff; | |
| 4432 | - color: #ccc; | |
| 4433 | - margin: -1em; | |
| 4434 | - padding: 6px; | |
| 4435 | - position: absolute; | |
| 4436 | -} | |
| 4437 | -.jfloating { | |
| 4438 | - position:fixed; | |
| 4439 | - bottom:0px; | |
| 4440 | - right:0px; | |
| 4441 | - margin-right:5px; | |
| 4442 | - | |
| 4443 | - -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2); | |
| 4444 | - -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2); | |
| 4445 | - border:1px solid #ccc; | |
| 4446 | - background-color:#fff; | |
| 4447 | - box-sizing: border-box; | |
| 4448 | - padding-top:50px !important; | |
| 4449 | - z-index:9002; | |
| 4450 | - border-radius: 8px; | |
| 4451 | -} | |
| 4452 | - | |
| 4453 | -.jfloating.jfloating-big { | |
| 4454 | - width: 510px !important; | |
| 4455 | - height: 472px !important; | |
| 4456 | -} | |
| 4457 | - | |
| 4458 | -.jfloating.jfloating-small { | |
| 4459 | - width: 300px !important; | |
| 4460 | - height: 320px !important; | |
| 4461 | -} | |
| 4462 | - | |
| 4463 | -.jfloating.jfloating-large { | |
| 4464 | - width: 600px !important; | |
| 4465 | - height: 600px !important; | |
| 4466 | -} | |
| 4467 | - | |
| 4468 | -.jfloating:before { | |
| 4469 | - position:absolute; | |
| 4470 | - top:0; | |
| 4471 | - left:0; | |
| 4472 | - width:100%; | |
| 4473 | - content:attr(title); | |
| 4474 | - padding:15px; | |
| 4475 | - box-sizing: border-box; | |
| 4476 | - font-size:1.2em; | |
| 4477 | - box-shadow: 1px 1px 3px rgba(0,0,0,.2); | |
| 4478 | - background-color: #fff; | |
| 4479 | - border-radius: 8px 8px 0px 0px; | |
| 4480 | - background-color: #404040; | |
| 4481 | - font-size: .93rem; | |
| 4482 | - font-weight: 600; | |
| 4483 | - color: white; | |
| 4484 | - letter-spacing: .5px; | |
| 4485 | -} | |
| 4486 | - | |
| 4487 | -.jfloating:after { | |
| 4488 | - content:''; | |
| 4489 | - 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"); | |
| 4490 | - position:absolute; | |
| 4491 | - top:0; | |
| 4492 | - right:0; | |
| 4493 | - margin:14px; | |
| 4494 | - font-size:24px; | |
| 4495 | - width:24px; | |
| 4496 | - height:24px; | |
| 4497 | - cursor:pointer; | |
| 4498 | - text-shadow: 0px 0px 5px #fff; | |
| 4499 | -} | |
| 4500 | - | |
| 4501 | -.jfloating_content { | |
| 4502 | - padding:20px; | |
| 4503 | - overflow-y:auto; | |
| 4504 | - max-height:100%; | |
| 4505 | - box-sizing: border-box; | |
| 4506 | - height: -webkit-fill-available; | |
| 4507 | -} | |
| 4508 | - | |
| 4509 | -.jfloating.jfloating-minimized { | |
| 4510 | - height: 50px !important; | |
| 4511 | -} | |
| 4512 | - | |
| 4513 | -.jfloating.jfloating-minimized .jfloating_content { | |
| 4514 | - display: none; | |
| 4515 | -} | |
| 4516 | - | |
| 4517 | -.jmodal { | |
| 4518 | - position:fixed; | |
| 4519 | - top:50%; | |
| 4520 | - left:50%; | |
| 4521 | - width:60%; | |
| 4522 | - height:60%; | |
| 4523 | - -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2); | |
| 4524 | - -moz-box-shadow: 0 2px 12px rgba(0,0,0,.2); | |
| 4525 | - border:1px solid #ccc; | |
| 4526 | - background-color:#fff; | |
| 4527 | - transform: translate(-50%, -50%); | |
| 4528 | - box-sizing: border-box; | |
| 4529 | - z-index:9002; | |
| 4530 | - border-radius: 4px; | |
| 4531 | - display: flex; | |
| 4532 | - flex-direction: column; | |
| 4533 | -} | |
| 4534 | - | |
| 4535 | -.jmodal_title { | |
| 4536 | - padding: 20px; | |
| 4537 | - height: 70px; | |
| 4538 | - box-sizing: border-box; | |
| 4539 | - font-size: 1.4em; | |
| 4540 | - background-color: #fff; | |
| 4541 | - border-radius: 8px 8px 0px 0px; | |
| 4542 | - pointer-events: none; | |
| 4543 | - display: flex; | |
| 4544 | - align-items: center; | |
| 4545 | - border-bottom: 1px solid #eee; | |
| 4546 | -} | |
| 4547 | - | |
| 4548 | -.jmodal_title > div { | |
| 4549 | - font-size: 1.4em; | |
| 4550 | -} | |
| 4551 | - | |
| 4552 | -.jmodal_title[data-icon]:before { | |
| 4553 | - content: attr(data-icon); | |
| 4554 | - font-family: 'Material Icons' !important; | |
| 4555 | - width: 24px; | |
| 4556 | - height: 24px; | |
| 4557 | - font-size: 24px; | |
| 4558 | - margin-right: 10px; | |
| 4559 | - line-height: 24px; | |
| 4560 | -} | |
| 4561 | - | |
| 4562 | -.jmodal_content { | |
| 4563 | - padding: 20px; | |
| 4564 | - overflow-y: auto; | |
| 4565 | - height: 100%; | |
| 4566 | - box-sizing: border-box; | |
| 4567 | - scrollbar-width: thin; | |
| 4568 | - scrollbar-color: #333 transparent; | |
| 4569 | -} | |
| 4570 | - | |
| 4571 | -.jmodal_title:empty { | |
| 4572 | - display: none; | |
| 4573 | -} | |
| 4574 | - | |
| 4575 | -.jmodal_title:empty + .jmodal_content { | |
| 4576 | - height: 100%; | |
| 4577 | -} | |
| 4578 | - | |
| 4579 | -.jmodal_content::-webkit-scrollbar { | |
| 4580 | - height: 12px; | |
| 4581 | -} | |
| 4582 | - | |
| 4583 | -.jmodal_content::-webkit-scrollbar { | |
| 4584 | - width: 12px; | |
| 4585 | -} | |
| 4586 | - | |
| 4587 | -.jmodal_content::-webkit-scrollbar-track { | |
| 4588 | - border: 1px solid #fff; | |
| 4589 | - background: #eee; | |
| 4590 | -} | |
| 4591 | - | |
| 4592 | -.jmodal_content::-webkit-scrollbar-thumb { | |
| 4593 | - border: 1px solid #fff; | |
| 4594 | - background: #888; | |
| 4595 | -} | |
| 4596 | - | |
| 4597 | -.jmodal:after { | |
| 4598 | - content: ''; | |
| 4599 | - 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"); | |
| 4600 | - position: absolute; | |
| 4601 | - top: 0; | |
| 4602 | - right: 0; | |
| 4603 | - margin: 25px; | |
| 4604 | - font-size: 24px; | |
| 4605 | - width: 24px; | |
| 4606 | - height: 24px; | |
| 4607 | - cursor: pointer; | |
| 4608 | - text-shadow: 0px 0px 5px #fff; | |
| 4609 | -} | |
| 4610 | - | |
| 4611 | -.jmodal_fullscreen { | |
| 4612 | - width: 100% !important; | |
| 4613 | - height: 100% !important; | |
| 4614 | - top: 0px; | |
| 4615 | - left: 0px; | |
| 4616 | - transform: none; | |
| 4617 | - border: 0px; | |
| 4618 | - border-radius: 0px; | |
| 4619 | -} | |
| 4620 | - | |
| 4621 | -.jmodal_backdrop { | |
| 4622 | - position: fixed; | |
| 4623 | - top: 0px; | |
| 4624 | - left: 0px; | |
| 4625 | - min-width: 100%; | |
| 4626 | - min-height: 100%; | |
| 4627 | - background-color: rgba(0,0,0,0.2); | |
| 4628 | - border: 0px; | |
| 4629 | - padding: 0px; | |
| 4630 | - z-index: 8000; | |
| 4631 | - display: none; | |
| 4632 | - | |
| 4633 | - -webkit-touch-callout: none; /* iOS Safari */ | |
| 4634 | - -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ | |
| 4635 | - user-select: none; /* Non-prefixed version, currently | |
| 4636 | - supported by Chrome and Opera */ | |
| 4637 | -} | |
| 4638 | - | |
| 4639 | 1927 | .jmodal_content .jcalendar .jcalendar-content, |
| 4640 | 1928 | .jmodal_content .jdropdown-container { |
| 4641 | 1929 | position: fixed; |
| 4642 | 1930 | } |
| @@ -4738,9 +2026,8 @@ | ||
| 4738 | 2026 | .jpicker { |
| 4739 | 2027 | cursor: pointer; |
| 4740 | 2028 | white-space: nowrap; |
| 4741 | 2029 | display: inline-flex; |
| 4742 | - -webkit-user-select: none; | |
| 4743 | 2030 | user-select: none; |
| 4744 | 2031 | outline: none; |
| 4745 | 2032 | position: relative; |
| 4746 | 2033 | min-height: 26px; |
| @@ -4828,9 +2115,8 @@ | ||
| 4828 | 2115 | .jprogressbar |
| 4829 | 2116 | { |
| 4830 | 2117 | cursor:pointer; |
| 4831 | 2118 | -webkit-touch-callout: none; |
| 4832 | - -webkit-user-select: none; | |
| 4833 | 2119 | user-select: none; |
| 4834 | 2120 | box-sizing: border-box; |
| 4835 | 2121 | background:#fff; |
| 4836 | 2122 | -webkit-tap-highlight-color: transparent; |
| @@ -4884,9 +2170,8 @@ | ||
| 4884 | 2170 | |
| 4885 | 2171 | .jsearch { |
| 4886 | 2172 | position: relative; |
| 4887 | 2173 | display: none; |
| 4888 | - -webkit-user-select: none; | |
| 4889 | 2174 | user-select: none; |
| 4890 | 2175 | } |
| 4891 | 2176 | |
| 4892 | 2177 | .jsearch_container { |
| @@ -4905,9 +2190,8 @@ | ||
| 4905 | 2190 | margin: 0; |
| 4906 | 2191 | min-width: 300px; |
| 4907 | 2192 | outline: none; |
| 4908 | 2193 | width: auto; |
| 4909 | - -webkit-user-select: none; | |
| 4910 | 2194 | user-select: none; |
| 4911 | 2195 | } |
| 4912 | 2196 | |
| 4913 | 2197 | .jsearch_container:empty:after { |
| @@ -4921,9 +2205,8 @@ | ||
| 4921 | 2205 | padding: 5px 10px; |
| 4922 | 2206 | user-select: none; |
| 4923 | 2207 | align-items: center; |
| 4924 | 2208 | |
| 4925 | - -webkit-user-select: none; | |
| 4926 | 2209 | user-select: none; |
| 4927 | 2210 | } |
| 4928 | 2211 | |
| 4929 | 2212 | .jsearch_container > div:hover { |
| @@ -4932,9 +2215,8 @@ | ||
| 4932 | 2215 | |
| 4933 | 2216 | .jsearch_container > div > img { |
| 4934 | 2217 | width: 32px; |
| 4935 | 2218 | height: 32px; |
| 4936 | - -webkit-user-select: none; | |
| 4937 | 2219 | user-select: none; |
| 4938 | 2220 | border-radius: 16px; |
| 4939 | 2221 | margin-right: 2px; |
| 4940 | 2222 | } |
| @@ -4944,9 +2226,8 @@ | ||
| 4944 | 2226 | text-overflow: ellipsis; |
| 4945 | 2227 | margin-left: 2px; |
| 4946 | 2228 | max-width: 300px; |
| 4947 | 2229 | white-space: nowrap; |
| 4948 | - -webkit-user-select: none; | |
| 4949 | 2230 | user-select: none; |
| 4950 | 2231 | } |
| 4951 | 2232 | |
| 4952 | 2233 | .jsearch_container .selected { |
| @@ -5024,11 +2305,8 @@ | ||
| 5024 | 2305 | cursor:pointer; |
| 5025 | 2306 | z-index:3000; |
| 5026 | 2307 | |
| 5027 | 2308 | display: flex; |
| 5028 | - display: -webkit-flex; | |
| 5029 | - -webkit-justify-content: center; | |
| 5030 | - -webkit-align-items: center; | |
| 5031 | 2309 | justify-content: center; |
| 5032 | 2310 | align-items: center; |
| 5033 | 2311 | flex-direction: row; |
| 5034 | 2312 | } |
| @@ -5142,10 +2420,8 @@ | ||
| 5142 | 2420 | bottom: 6px; |
| 5143 | 2421 | } |
| 5144 | 2422 | |
| 5145 | 2423 | .jslider-grid img:first-child { |
| 5146 | - -ms-grid-column: 1; | |
| 5147 | - -ms-grid-row: 1; | |
| 5148 | 2424 | grid-column: 1; |
| 5149 | 2425 | grid-row: 1; |
| 5150 | 2426 | display: block; |
| 5151 | 2427 | } |
| @@ -5150,10 +2426,8 @@ | ||
| 5150 | 2426 | display: block; |
| 5151 | 2427 | } |
| 5152 | 2428 | |
| 5153 | 2429 | .jslider-grid[data-number='2'] img:nth-child(2) { |
| 5154 | - -ms-grid-column: 2; | |
| 5155 | - -ms-grid-row: 1; | |
| 5156 | 2430 | grid-column: 2; |
| 5157 | 2431 | grid-row: 1; |
| 5158 | 2432 | display: block; |
| 5159 | 2433 | } |
| @@ -5158,17 +2432,13 @@ | ||
| 5158 | 2432 | display: block; |
| 5159 | 2433 | } |
| 5160 | 2434 | |
| 5161 | 2435 | .jslider-grid[data-number='3'] img:first-child { |
| 5162 | - -ms-grid-column: 1 / 2; | |
| 5163 | - -ms-grid-row: 1 / 4; | |
| 5164 | 2436 | grid-column: 1 / 2; |
| 5165 | 2437 | grid-row: 1 / 4; |
| 5166 | 2438 | } |
| 5167 | 2439 | |
| 5168 | 2440 | .jslider-grid[data-number='3'] img:nth-child(2) { |
| 5169 | - -ms-grid-column: 2; | |
| 5170 | - -ms-grid-row: 1; | |
| 5171 | 2441 | grid-column: 2; |
| 5172 | 2442 | grid-row: 1; |
| 5173 | 2443 | display: block; |
| 5174 | 2444 | } |
| @@ -5173,10 +2443,8 @@ | ||
| 5173 | 2443 | display: block; |
| 5174 | 2444 | } |
| 5175 | 2445 | |
| 5176 | 2446 | .jslider-grid[data-number='3'] img:nth-child(3) { |
| 5177 | - -ms-grid-column: 2; | |
| 5178 | - -ms-grid-row: 2; | |
| 5179 | 2447 | grid-column: 2; |
| 5180 | 2448 | grid-row: 2; |
| 5181 | 2449 | display: block; |
| 5182 | 2450 | } |
| @@ -5181,17 +2449,13 @@ | ||
| 5181 | 2449 | display: block; |
| 5182 | 2450 | } |
| 5183 | 2451 | |
| 5184 | 2452 | .jslider-grid[data-number='4'] img:first-child { |
| 5185 | - -ms-grid-column: 1 / 2; | |
| 5186 | - -ms-grid-row: 1 / 4; | |
| 5187 | 2453 | grid-column: 1 / 2; |
| 5188 | 2454 | grid-row: 1 / 4; |
| 5189 | 2455 | } |
| 5190 | 2456 | |
| 5191 | 2457 | .jslider-grid[data-number='4'] img:nth-child(2) { |
| 5192 | - -ms-grid-column: 2; | |
| 5193 | - -ms-grid-row: 1; | |
| 5194 | 2458 | grid-column: 2; |
| 5195 | 2459 | grid-row: 1; |
| 5196 | 2460 | display: block; |
| 5197 | 2461 | } |
| @@ -5196,10 +2460,8 @@ | ||
| 5196 | 2460 | display: block; |
| 5197 | 2461 | } |
| 5198 | 2462 | |
| 5199 | 2463 | .jslider-grid[data-number='4'] img:nth-child(3) { |
| 5200 | - -ms-grid-column: 2; | |
| 5201 | - -ms-grid-row: 2; | |
| 5202 | 2464 | grid-column: 2; |
| 5203 | 2465 | grid-row: 2; |
| 5204 | 2466 | display: block; |
| 5205 | 2467 | } |
| @@ -5204,10 +2466,8 @@ | ||
| 5204 | 2466 | display: block; |
| 5205 | 2467 | } |
| 5206 | 2468 | |
| 5207 | 2469 | .jslider-grid[data-number='4'] img:nth-child(4) { |
| 5208 | - -ms-grid-column: 2; | |
| 5209 | - -ms-grid-row: 3; | |
| 5210 | 2470 | grid-column: 2; |
| 5211 | 2471 | grid-row: 3; |
| 5212 | 2472 | display: block; |
| 5213 | 2473 | } |
| @@ -5427,9 +2687,8 @@ | ||
| 5427 | 2687 | cursor: pointer; |
| 5428 | 2688 | white-space: nowrap; |
| 5429 | 2689 | display: flex; |
| 5430 | 2690 | padding:4px; |
| 5431 | - -webkit-user-select: none; | |
| 5432 | 2691 | user-select: none; |
| 5433 | 2692 | font-size: 13px; |
| 5434 | 2693 | } |
| 5435 | 2694 | |
| @@ -5516,9 +2775,8 @@ | ||
| 5516 | 2775 | background-color:transparent; |
| 5517 | 2776 | } |
| 5518 | 2777 | |
| 5519 | 2778 | .jtoolbar-item { |
| 5520 | - -webkit-user-select: none; | |
| 5521 | 2779 | user-select: none; |
| 5522 | 2780 | } |
| 5523 | 2781 | |
| 5524 | 2782 | .jtoolbar-item i { |
