source: jobvista-frontend/src/views/admin_panel/AdminPanel.css@ 4d97b63

main
Last change on this file since 4d97b63 was 08f82ec, checked in by 223021 <daniel.ilievski.2@…>, 5 months ago

Did more refactoring

  • Property mode set to 100644
File size: 1.1 KB
Line 
1.table {
2
3}
4
5.table tbody tr:nth-child(even) {
6 background-color: #fff; /* Light gray */
7}
8
9.table tbody tr:nth-child(odd) {
10 background-color: #f2f2f2; /* White */
11}
12/* The switch - the box around the slider */
13.switch {
14 font-size: 12px;
15 position: relative;
16 display: inline-block;
17 width: 3.5em;
18 height: 2em;
19}
20
21/* Hide default HTML checkbox */
22.switch input {
23 opacity: 0;
24 width: 0;
25 height: 0;
26}
27.slider {
28 position: absolute;
29 cursor: pointer;
30 inset: 0;
31 background: #DB5A57;
32 border-radius: 50px;
33 transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
34}
35
36.slider:before {
37 position: absolute;
38 content: "";
39 display: flex;
40 align-items: center;
41 justify-content: center;
42 height: 2em;
43 width: 2em;
44 inset: 0;
45 background-color: white;
46 border-radius: 50px;
47 box-shadow: 0 10px 20px rgba(0,0,0,0.3);
48 transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
49}
50
51.switch input:checked + .slider {
52 background: #3DDC69;
53}
54
55.switch input:focus + .slider {
56 box-shadow: 0 0 1px #3DDC69;
57}
58
59.switch input:checked + .slider:before {
60 transform: translateX(1.6em);
61}
Note: See TracBrowser for help on using the repository browser.