comparison: www/jqwidgets/styles/jqx.material.css
www/jqwidgets/styles/jqx.material.css
- changeset 733
- 67bf19c50fcc
- parent 451
- 259c97782bf8
equal
deleted
inserted
replaced
| 732:db4de4f37b65 | 733:67bf19c50fcc |
|---|---|
| 218 .jqx-slider-button-material.jqx-fill-state-focus-material { | 218 .jqx-slider-button-material.jqx-fill-state-focus-material { |
| 219 background: transparent; | 219 background: transparent; |
| 220 border-color: transparent; | 220 border-color: transparent; |
| 221 box-shadow:none; | 221 box-shadow:none; |
| 222 } | 222 } |
| 223 | 223 |
| 224 .jqx-button-material.jqx-fill-state-focus.outlined, | 224 .jqx-button-material.jqx-fill-state-focus.outlined, |
| 225 .jqx-button-material.jqx-fill-state-focus.flat { | 225 .jqx-button-material.jqx-fill-state-focus.flat { |
| 226 box-shadow: none; | 226 box-shadow: none; |
| 227 background: rgba(99,0,238,0.15); | 227 background: rgba(99,0,238,0.15); |
| 228 color: #0069A8; | 228 color: #0069A8; |
| 565 .jqx-grid-pager-material .jqx-button-material.jqx-fill-state-pressed | 565 .jqx-grid-pager-material .jqx-button-material.jqx-fill-state-pressed |
| 566 { | 566 { |
| 567 color: rgba(0,0,0,.54) !important; | 567 color: rgba(0,0,0,.54) !important; |
| 568 background-color: transparent; | 568 background-color: transparent; |
| 569 border-color: transparent; | 569 border-color: transparent; |
| 570 box-shadow: none; | 570 box-shadow: none; |
| 571 } | 571 } |
| 572 | 572 |
| 573 .jqx-grid-pager-top-material .jqx-grid-pager-number-material, | 573 .jqx-grid-pager-top-material .jqx-grid-pager-number-material, |
| 574 .jqx-grid-pager-material .jqx-grid-pager-number-material { | 574 .jqx-grid-pager-material .jqx-grid-pager-number-material { |
| 575 | 575 |
| 765 background-color: #0077BE; | 765 background-color: #0077BE; |
| 766 border-color: #0077BE; | 766 border-color: #0077BE; |
| 767 } | 767 } |
| 768 | 768 |
| 769 .jqx-checkbox-check-checked-material { | 769 .jqx-checkbox-check-checked-material { |
| 770 background: transparent url(images/material_check_white.png) center center no-repeat; | 770 background: transparent url(./images/material_check_white.png) center center no-repeat; |
| 771 } | 771 } |
| 772 .jqx-checkbox-check-indeterminate-material { | 772 .jqx-checkbox-check-indeterminate-material { |
| 773 width:14px !important; | 773 width:14px !important; |
| 774 height:14px !important; | 774 height:14px !important; |
| 775 position:relative; | 775 position:relative; |
| 800 box-shadow: rgba(0,0,0,0.3) 0 0 10px; | 800 box-shadow: rgba(0,0,0,0.3) 0 0 10px; |
| 801 } | 801 } |
| 802 .jqx-slider-material[discrete] .jqx-slider-slider-material:active | 802 .jqx-slider-material[discrete] .jqx-slider-slider-material:active |
| 803 { | 803 { |
| 804 transform: scaleX(0); | 804 transform: scaleX(0); |
| 805 | 805 |
| 806 } | 806 } |
| 807 .jqx-slider-slider-horizontal-material { | 807 .jqx-slider-slider-horizontal-material { |
| 808 background: #0077BE; | 808 background: #0077BE; |
| 809 } | 809 } |
| 810 .jqx-slider-slider-vertical-material { | 810 .jqx-slider-slider-vertical-material { |
| 811 background: #0077BE; | 811 background: #0077BE; |
| 812 } | 812 } |
| 813 .jqx-slider-tooltip-material { | 813 .jqx-slider-tooltip-material { |
| 814 width: 25px; | 814 width: 25px; |
| 815 height: 25px; | 815 height: 25px; |
| 816 transform-origin: 50% 100%; | 816 transform-origin: 50% 100%; |
| 823 transform: scale(1) rotate(45deg); | 823 transform: scale(1) rotate(45deg); |
| 824 } | 824 } |
| 825 .jqx-slider-tooltip-material.hide { | 825 .jqx-slider-tooltip-material.hide { |
| 826 transition: transform 0.2s ease; | 826 transition: transform 0.2s ease; |
| 827 transform-origin:50% 100%; | 827 transform-origin:50% 100%; |
| 828 transform: scale(0) rotate(45deg); | 828 transform: scale(0) rotate(45deg); |
| 829 } | 829 } |
| 830 .jqx-slider-tooltip-material.show { | 830 .jqx-slider-tooltip-material.show { |
| 831 transition: transform 0.2s ease; | 831 transition: transform 0.2s ease; |
| 832 transform: scale(1) rotate(45deg); | 832 transform: scale(1) rotate(45deg); |
| 833 } | 833 } |
| 834 | 834 |
| 835 | 835 |
| 836 .jqx-slider-tooltip-material .jqx-tooltip-arrow-t-b, | 836 .jqx-slider-tooltip-material .jqx-tooltip-arrow-t-b, |
| 837 .jqx-slider-tooltip-material .jqx-tooltip-arrow-l-r { | 837 .jqx-slider-tooltip-material .jqx-tooltip-arrow-l-r { |
| 842 .jqx-slider-tooltip-material, .jqx-slider-tooltip-material .jqx-fill-state-normal-material { | 842 .jqx-slider-tooltip-material, .jqx-slider-tooltip-material .jqx-fill-state-normal-material { |
| 843 border-radius: 15px 15px 0px; | 843 border-radius: 15px 15px 0px; |
| 844 display: flex; | 844 display: flex; |
| 845 align-items: center; | 845 align-items: center; |
| 846 justify-content: center; | 846 justify-content: center; |
| 847 background: #0077BE; | 847 background: #0077BE; |
| 848 color: #fff; | 848 color: #fff; |
| 849 font-size:11px; | 849 font-size:11px; |
| 850 } | 850 } |
| 851 .jqx-slider-tooltip-material.far, .jqx-slider-tooltip-material.far .jqx-fill-state-normal-material { | 851 .jqx-slider-tooltip-material.far, .jqx-slider-tooltip-material.far .jqx-fill-state-normal-material { |
| 852 border-radius: 0px 15px 15px 15px; | 852 border-radius: 0px 15px 15px 15px; |
| 853 } | 853 } |
| 854 .jqx-slider-tooltip-material.vertical, .jqx-slider-tooltip-material.vertical .jqx-fill-state-normal-material { | 854 .jqx-slider-tooltip-material.vertical, .jqx-slider-tooltip-material.vertical .jqx-fill-state-normal-material { |
| 855 border-radius: 15px 0px 15px 15px; | 855 border-radius: 15px 0px 15px 15px; |
| 856 } | 856 } |
| 857 .jqx-slider-tooltip-material.vertical.far, .jqx-slider-tooltip-material.vertical.far .jqx-fill-state-normal-material { | 857 .jqx-slider-tooltip-material.vertical.far, .jqx-slider-tooltip-material.vertical.far .jqx-fill-state-normal-material { |
| 858 border-radius: 15px 15px 15px 0px; | 858 border-radius: 15px 15px 15px 0px; |
| 859 } | 859 } |
| 860 .jqx-slider-tooltip-material { | 860 .jqx-slider-tooltip-material { |
| 861 background:transparent; | 861 background:transparent; |
| 862 border:none !important; | 862 border:none !important; |
| 863 box-shadow:none; | 863 box-shadow:none; |
| 903 -webkit-border-radius: 100%; | 903 -webkit-border-radius: 100%; |
| 904 border-radius: 100%; | 904 border-radius: 100%; |
| 905 } | 905 } |
| 906 .jqx-slider-button-material.jqx-fill-state-normal-material, | 906 .jqx-slider-button-material.jqx-fill-state-normal-material, |
| 907 .jqx-slider-button-material.jqx-fill-state-hover-material, | 907 .jqx-slider-button-material.jqx-fill-state-hover-material, |
| 908 .jqx-slider-button-material.jqx-fill-state-pressed-material | 908 .jqx-slider-button-material.jqx-fill-state-pressed-material |
| 909 { | 909 { |
| 910 background: transparent !important; | 910 background: transparent !important; |
| 911 } | 911 } |
| 912 | 912 |
| 913 .jqx-listitem-state-hover-material, | 913 .jqx-listitem-state-hover-material, |
| 1011 background-repeat: no-repeat; | 1011 background-repeat: no-repeat; |
| 1012 background-position: center; | 1012 background-position: center; |
| 1013 } | 1013 } |
| 1014 | 1014 |
| 1015 .jqx-tree-item-arrow-collapse-rtl-material, .jqx-tree-item-arrow-collapse-hover-rtl-material { | 1015 .jqx-tree-item-arrow-collapse-rtl-material, .jqx-tree-item-arrow-collapse-hover-rtl-material { |
| 1016 background-image: url(images/material-icon-left.png); | 1016 background-image: url(./images/material-icon-left.png); |
| 1017 } | 1017 } |
| 1018 | 1018 |
| 1019 .jqx-menu-item-arrow-left-selected-material { | 1019 .jqx-menu-item-arrow-left-selected-material { |
| 1020 background-image: url('images/material-icon-left.png'); | 1020 background-image: url('images/material-icon-left.png'); |
| 1021 background-repeat: no-repeat; | 1021 background-repeat: no-repeat; |
| 1047 .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell { | 1047 .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell { |
| 1048 border-color: #E0E0E0; | 1048 border-color: #E0E0E0; |
| 1049 } | 1049 } |
| 1050 | 1050 |
| 1051 .jqx-combobox-material .jqx-icon-close-material { | 1051 .jqx-combobox-material .jqx-icon-close-material { |
| 1052 background-image:url(images/close_white.png) | 1052 background-image:url(./images/close_white.png) |
| 1053 } | 1053 } |
| 1054 .jqx-combobox-material, .jqx-input-material { | 1054 .jqx-combobox-material, .jqx-input-material { |
| 1055 border-color: #E0E0E0; | 1055 border-color: #E0E0E0; |
| 1056 color: #555555; | 1056 color: #555555; |
| 1057 background-color: #ffffff; | 1057 background-color: #ffffff; |
| 1067 .jqx-combobox-arrow-normal-material { | 1067 .jqx-combobox-arrow-normal-material { |
| 1068 background: #fff; | 1068 background: #fff; |
| 1069 border-color: transparent; | 1069 border-color: transparent; |
| 1070 } | 1070 } |
| 1071 | 1071 |
| 1072 .jqx-combobox-content-focus-material, | 1072 .jqx-combobox-content-focus-material, |
| 1073 .jqx-combobox-state-focus-material, | 1073 .jqx-combobox-state-focus-material, |
| 1074 .jqx-numberinput-focus-material { | 1074 .jqx-numberinput-focus-material { |
| 1075 outline: none; | 1075 outline: none; |
| 1076 } | 1076 } |
| 1077 | 1077 |
| 1107 height:100% !important; | 1107 height:100% !important; |
| 1108 } | 1108 } |
| 1109 | 1109 |
| 1110 .jqx-input-material.jqx-validator-error-element { | 1110 .jqx-input-material.jqx-validator-error-element { |
| 1111 border-color: transparent !important; | 1111 border-color: transparent !important; |
| 1112 border-bottom: 1px solid #df2227 !important; | 1112 border-bottom: 1px solid #df2227 !important; |
| 1113 } | 1113 } |
| 1114 .jqx-input-material input, | 1114 .jqx-input-material input, |
| 1115 .jqx-dropdownlist-state-normal-material, | 1115 .jqx-dropdownlist-state-normal-material, |
| 1116 .jqx-combobox-state-normal-material, | 1116 .jqx-combobox-state-normal-material, |
| 1117 .jqx-datetimeinput-material, | 1117 .jqx-datetimeinput-material, |
| 1124 box-shadow: none; | 1124 box-shadow: none; |
| 1125 border-bottom: 1px solid #E0E0E0; | 1125 border-bottom: 1px solid #E0E0E0; |
| 1126 outline: none; | 1126 outline: none; |
| 1127 } | 1127 } |
| 1128 .jqx-datetimeinput-material .jqx-action-button-material, | 1128 .jqx-datetimeinput-material .jqx-action-button-material, |
| 1129 .jqx-datetimeinput-material .jqx-action-button-rtl-material | 1129 .jqx-datetimeinput-material .jqx-action-button-rtl-material |
| 1130 { | 1130 { |
| 1131 background-color: transparent; | 1131 background-color: transparent; |
| 1132 border-color: transparent; | 1132 border-color: transparent; |
| 1133 } | 1133 } |
| 1134 .jqx-datetimeinput-material, .jqx-datetimeinput-material > div, | 1134 .jqx-datetimeinput-material, .jqx-datetimeinput-material > div, |
| 1193 width: 100%; | 1193 width: 100%; |
| 1194 } | 1194 } |
| 1195 .jqx-complex-input-group-material .jqx-fill-state-normal-material { | 1195 .jqx-complex-input-group-material .jqx-fill-state-normal-material { |
| 1196 border-color: #fafafa; | 1196 border-color: #fafafa; |
| 1197 } | 1197 } |
| 1198 input[type="password"] { | 1198 |
| 1199 letter-spacing: 0.3em; | |
| 1200 } | |
| 1201 | 1199 |
| 1202 .jqx-input-widget-material.jqx-rtl > input { | 1200 .jqx-input-widget-material.jqx-rtl > input { |
| 1203 direction: rtl | 1201 direction: rtl |
| 1204 } | 1202 } |
| 1205 | 1203 |
| 1357 } | 1355 } |
| 1358 .jqx-tabs-title-selected-bottom-material, | 1356 .jqx-tabs-title-selected-bottom-material, |
| 1359 .jqx-tabs-title-selected-top-material | 1357 .jqx-tabs-title-selected-top-material |
| 1360 { | 1358 { |
| 1361 color: #0077BE; | 1359 color: #0077BE; |
| 1362 font-weight:500; | 1360 font-weight:500; |
| 1363 padding-top:5px; | 1361 padding-top:5px; |
| 1364 padding-bottom:5px; | 1362 padding-bottom:5px; |
| 1365 } | 1363 } |
| 1366 .jqx-tabs-title.jqx-fill-state-hover-material { | 1364 .jqx-tabs-title.jqx-fill-state-hover-material { |
| 1367 border-color: transparent; | 1365 border-color: transparent; |
| 1488 .jqx-grid-column-menubutton-material { | 1486 .jqx-grid-column-menubutton-material { |
| 1489 background-image: url('images/material-icon-down.png'); | 1487 background-image: url('images/material-icon-down.png'); |
| 1490 } | 1488 } |
| 1491 | 1489 |
| 1492 .jqx-tabs-close-button-material { | 1490 .jqx-tabs-close-button-material { |
| 1493 background-image: url(images/close.png); | 1491 background-image: url(./images/close.png); |
| 1494 background-repeat: no-repeat; | 1492 background-repeat: no-repeat; |
| 1495 background-position: center; | 1493 background-position: center; |
| 1496 } | 1494 } |
| 1497 | 1495 |
| 1498 .jqx-tabs-close-button-selected-material { | 1496 .jqx-tabs-close-button-selected-material { |
| 1499 background-image: url(images/close.png); | 1497 background-image: url(./images/close.png); |
| 1500 background-repeat: no-repeat; | 1498 background-repeat: no-repeat; |
| 1501 background-position: center; | 1499 background-position: center; |
| 1502 } | 1500 } |
| 1503 | 1501 |
| 1504 .jqx-tabs-close-button-hover-material { | 1502 .jqx-tabs-close-button-hover-material { |
| 1505 background-image: url(images/close.png); | 1503 background-image: url(./images/close.png); |
| 1506 background-repeat: no-repeat; | 1504 background-repeat: no-repeat; |
| 1507 background-position: center; | 1505 background-position: center; |
| 1508 } | 1506 } |
| 1509 | 1507 |
| 1510 .jqx-scrollbar-button-state-pressed-material .jqx-icon-arrow-up-selected-material { | 1508 .jqx-scrollbar-button-state-pressed-material .jqx-icon-arrow-up-selected-material { |
| 1554 background-repeat: no-repeat; | 1552 background-repeat: no-repeat; |
| 1555 background-position: center; | 1553 background-position: center; |
| 1556 } | 1554 } |
| 1557 | 1555 |
| 1558 .jqx-grid-group-collapse-material { | 1556 .jqx-grid-group-collapse-material { |
| 1559 background-image: url(images/material-icon-right.png); | 1557 background-image: url(./images/material-icon-right.png); |
| 1560 background-position: 50% 50%; | 1558 background-position: 50% 50%; |
| 1561 background-repeat: no-repeat; | 1559 background-repeat: no-repeat; |
| 1562 } | 1560 } |
| 1563 | 1561 |
| 1564 .jqx-grid-group-collapse-rtl-material { | 1562 .jqx-grid-group-collapse-rtl-material { |
| 1565 padding-right: 0px; | 1563 padding-right: 0px; |
| 1566 background-image: url(images/material-icon-left.png); | 1564 background-image: url(./images/material-icon-left.png); |
| 1567 background-position: 50% 50%; | 1565 background-position: 50% 50%; |
| 1568 background-repeat: no-repeat; | 1566 background-repeat: no-repeat; |
| 1569 } | 1567 } |
| 1570 | 1568 |
| 1571 .jqx-grid-group-expand-material, .jqx-grid-group-expand-rtl-material { | 1569 .jqx-grid-group-expand-material, .jqx-grid-group-expand-rtl-material { |
| 1572 padding-right: 0px; | 1570 padding-right: 0px; |
| 1573 background-image: url(images/material-icon-down.png); | 1571 background-image: url(./images/material-icon-down.png); |
| 1574 background-position: 50% 50%; | 1572 background-position: 50% 50%; |
| 1575 background-repeat: no-repeat; | 1573 background-repeat: no-repeat; |
| 1576 } | 1574 } |
| 1577 | 1575 |
| 1578 .jqx-icon-arrow-first-material { | 1576 .jqx-icon-arrow-first-material { |
| 1695 display: block; | 1693 display: block; |
| 1696 position: absolute; | 1694 position: absolute; |
| 1697 pointer-events: none; | 1695 pointer-events: none; |
| 1698 border-radius: 0%; | 1696 border-radius: 0%; |
| 1699 transform: scaleX(0); | 1697 transform: scaleX(0); |
| 1700 background: rgba(0,119,190,0.5); | 1698 background: rgba(0,119,190,0.5); |
| 1701 opacity: 0.25; | 1699 opacity: 0.25; |
| 1702 } | 1700 } |
| 1703 | 1701 |
| 1704 | 1702 |
| 1705 .outlined .ink, .flat .ink { | 1703 .outlined .ink, .flat .ink { |
| 1706 background: rgba(0,119,190,0.5); | 1704 background: rgba(0,119,190,0.5); |
| 1707 overflow:hidden; | 1705 overflow:hidden; |
| 1708 } | 1706 } |
| 1709 | 1707 |
| 1710 .ink.animate { | 1708 .ink.animate { |
| 1711 animation: ripple .7s ease; | 1709 animation: ripple .7s ease; |
| 1715 .jqx-radiobutton-material .ripple | 1713 .jqx-radiobutton-material .ripple |
| 1716 { | 1714 { |
| 1717 overflow:visible; | 1715 overflow:visible; |
| 1718 } | 1716 } |
| 1719 .jqx-checkbox-material .ink, | 1717 .jqx-checkbox-material .ink, |
| 1720 .jqx-radiobutton-material .ink | 1718 .jqx-radiobutton-material .ink |
| 1721 { | 1719 { |
| 1722 transform: scale(0); | 1720 transform: scale(0); |
| 1723 background: #0077BE; | 1721 background: #0077BE; |
| 1724 border-radius: 50%; | 1722 border-radius: 50%; |
| 1725 } | 1723 } |
| 1726 .jqx-checkbox-material .ink.animate, | 1724 .jqx-checkbox-material .ink.animate, |
| 1727 .jqx-radiobutton-material .ink.animate | 1725 .jqx-radiobutton-material .ink.animate |
| 1793 { | 1791 { |
| 1794 background-image: url('images/icon-cancel-white.png'); | 1792 background-image: url('images/icon-cancel-white.png'); |
| 1795 } | 1793 } |
| 1796 .jqx-fill-state-pressed-material .jqx-icon-search-material | 1794 .jqx-fill-state-pressed-material .jqx-icon-search-material |
| 1797 { | 1795 { |
| 1798 background-image: url(images/search_white.png); | 1796 background-image: url(./images/search_white.png); |
| 1799 } | 1797 } |
| 1800 .jqx-fill-state-pressed-material .jqx-icon-plus-material | 1798 .jqx-fill-state-pressed-material .jqx-icon-plus-material |
| 1801 { | 1799 { |
| 1802 background-image: url(images/plus_white.png); | 1800 background-image: url(./images/plus_white.png); |
| 1803 } | 1801 } |
| 1804 .jqx-fill-state-pressed-material .jqx-menu-minimized-button-material { | 1802 .jqx-fill-state-pressed-material .jqx-menu-minimized-button-material { |
| 1805 background-image: url('images/icon-menu-minimized-white.png'); | 1803 background-image: url('images/icon-menu-minimized-white.png'); |
| 1806 } | 1804 } |
| 1807 .jqx-fill-state-hover-material .jqx-editor-toolbar-icon-material, | 1805 .jqx-fill-state-hover-material .jqx-editor-toolbar-icon-material, |
