|
1 | 1 | /*=============================== |
2 | 2 | CoCreateCSS |
3 | 3 | =================================*/ |
4 | | -*{padding:0px; margin:0px;} |
| 4 | +* { |
| 5 | + padding: 0px; |
| 6 | + margin: 0px; |
| 7 | +} |
5 | 8 |
|
6 | | -*, *:before, *:after { |
7 | | - -webkit-box-sizing: border-box; |
8 | | - -moz-box-sizing: border-box; |
9 | | - box-sizing: border-box; |
| 9 | +*, |
| 10 | +*:before, |
| 11 | +*:after { |
| 12 | + -webkit-box-sizing: border-box; |
| 13 | + -moz-box-sizing: border-box; |
| 14 | + box-sizing: border-box; |
10 | 15 | } |
| 16 | + |
11 | 17 | html { |
12 | 18 | scroll-behavior: smooth; |
13 | | - } |
14 | | - |
| 19 | +} |
| 20 | + |
15 | 21 | body { |
16 | | - background-color: #fff; |
17 | | - font-family: 'Open Sans', sans-serif; |
18 | | - font-size: 1rem; |
19 | | - color: #505050; |
20 | | - font-weight: 100; |
21 | | - -webkit-font-smoothing: antialiased; |
22 | | - -webkit-text-size-adjust: 100%; |
23 | | - } |
24 | | - |
| 22 | + background-color: #fff; |
| 23 | + font-family: 'Open Sans', sans-serif; |
| 24 | + font-size: 1rem; |
| 25 | + color: #505050; |
| 26 | + font-weight: 100; |
| 27 | + -webkit-font-smoothing: antialiased; |
| 28 | + -webkit-text-size-adjust: 100%; |
| 29 | +} |
| 30 | + |
25 | 31 | a { |
26 | | - text-decoration: none; |
27 | | - cursor: pointer; |
28 | | - align-items: center; |
29 | | - color: inherit; |
| 32 | + text-decoration: none; |
| 33 | + cursor: pointer; |
| 34 | + align-items: center; |
| 35 | + color: inherit; |
30 | 36 | } |
31 | 37 |
|
32 | | -footer:before{ |
| 38 | +footer:before { |
33 | 39 | content: ''; |
34 | 40 | position: absolute; |
35 | | - left:0; |
| 41 | + left: 0; |
36 | 42 | top: 0; |
37 | 43 | width: 100%; |
38 | | - height:100%; |
| 44 | + height: 100%; |
39 | 45 | background: -webkit-linear-gradient(top, #008dd5, #008dd5 100%); |
40 | 46 | background: linear-gradient(to top, #008dd5 0%, #008dd5 100%); |
41 | 47 | opacity: 0.95; |
42 | 48 | } |
43 | | -.hidden {display:none!important;} |
44 | | -.template {display:none!important;} |
45 | 49 |
|
46 | | -/* class for changing color of field if data not unique*/ |
47 | | -.data-unique-success{ |
48 | | - border-color: green!important; |
49 | | - } |
50 | | -.data-unique-error{ |
51 | | - border-color: red!important; |
52 | | - } |
53 | | - |
54 | | -/*=============================== |
55 | | - Responsive CSS |
56 | | -=================================*/ |
57 | | -@media only screen and (max-width: 768px){ |
58 | | - .hide-on-phone {display: none!important;} |
59 | | - .show-on-tablet-only {display: none!important;} |
60 | | - .show-on-tablet-and-up {display: none!important;} |
| 50 | +.hidden { |
| 51 | + display: none!important; |
61 | 52 | } |
62 | | -@media only screen and (min-width: 769px){ |
63 | | - .hide-on-tablet {display: none!important;} |
64 | | - .show-on-phone-only {display: none!important;} |
| 53 | + |
| 54 | +.template { |
| 55 | + display: none!important; |
65 | 56 | } |
66 | | -@media only screen and (min-width: 993px){ |
67 | | - .hide-on-desktop {display: none!important;} |
68 | | - .show-on-tablet-only {display: none!important;} |
69 | | - .show-on-tablet-down {display: none!important;} |
| 57 | + |
| 58 | + |
| 59 | +[unique='true'] { |
| 60 | + border-color: green!important; |
| 61 | + color: green!important; |
70 | 62 | } |
71 | | -@media only screen and (max-width: 992px){ |
72 | | - .show-on-desktop-only {display: none!important;} |
| 63 | + |
| 64 | +[unique='false'] { |
| 65 | + border-color: red!important; |
| 66 | + color: red!important; |
73 | 67 | } |
74 | 68 |
|
75 | 69 | /*=============================== |
76 | 70 | toggle order icons transform filter.js |
77 | 71 | =================================*/ |
78 | | - a[toggle-order]:before { |
79 | | - font-family: 'Font Awesome 5 Free'; |
80 | | - content: "\f0dc"; |
81 | | - font-weight: 900; |
82 | | - } |
83 | | - a[toggle-order=asc]:before { |
84 | | - font-family: 'Font Awesome 5 Free'; |
85 | | - content: "\f0de"; |
86 | | - font-weight: 900; |
87 | | - } |
88 | | - a[toggle-order=desc]:before { |
89 | | - font-family: 'Font Awesome 5 Free'; |
90 | | - content: "\f0dd"; |
91 | | - font-weight: 900; |
92 | | - } |
93 | 72 |
|
94 | | -/*=============================== |
95 | | - background olors |
96 | | -=================================*/ |
| 73 | +a[toggle-order]:before { |
| 74 | + font-family: 'Font Awesome 5 Free'; |
| 75 | + content: "\f0dc"; |
| 76 | + font-weight: 900; |
| 77 | +} |
| 78 | + |
| 79 | +a[toggle-order=asc]:before { |
| 80 | + font-family: 'Font Awesome 5 Free'; |
| 81 | + content: "\f0de"; |
| 82 | + font-weight: 900; |
| 83 | +} |
| 84 | + |
| 85 | +a[toggle-order=desc]:before { |
| 86 | + font-family: 'Font Awesome 5 Free'; |
| 87 | + content: "\f0dd"; |
| 88 | + font-weight: 900; |
| 89 | +} |
| 90 | + |
| 91 | + |
97 | 92 | .success { |
98 | | - background-color: #70ca63; |
99 | | - color: #fff; |
| 93 | + background-color: #70ca63; |
| 94 | + color: #fff; |
100 | 95 | } |
| 96 | + |
101 | 97 | .warning { |
102 | | - background-color: #fecd33; |
103 | | - color: #fff; |
| 98 | + background-color: #fecd33; |
| 99 | + color: #fff; |
104 | 100 | } |
| 101 | + |
105 | 102 | .danger { |
106 | | - background-color: #f13b48; |
107 | | - color: #fff; |
| 103 | + background-color: #f13b48; |
| 104 | + color: #fff; |
108 | 105 | } |
0 commit comments