basic_CRUD_admin_users/style.css at main · archercodes13/basic_CRUD_admin_users · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
body{
    margin:0;
    font-family:Arial, sans-serif;
    background:#f6f1ee;
    color:#2f2a2a;
}

.topbar{
    background:#2f2a2a;
    padding:18px;
    display:flex;
    gap:18px;
    justify-content:center;
}

.topbar a{
    color:white;
    text-decoration:none;
    font-weight:bold;
}

.page{
    width:85%;
    margin:25px auto;
}

h1{
    text-align:center;
}

table{
    width:100%;
    border-collapse:collapse;
    background:white;
}

th, td{
    border:1px solid #ddd;
    padding:10px;
}

th{
    background:#eee;
}

.avatar{
    width:70px;
    height:70px;
    object-fit:cover;
    border-radius:50%;
}

.action{
    background:#2f2a2a;
    color:white;
    padding:8px 12px;
    border-radius:8px;
    text-decoration:none;
    display:inline-block;
    margin:2px;
}

.danger{
    background:#b91c1c;
}

form{
    background:white;
    padding:22px;
    border-radius:16px;
    max-width:650px;
    margin:auto;
}

input{
    width:100%;
    box-sizing:border-box;
    padding:11px;
    margin:8px 0 16px;
    border:1px solid #ddd;
    border-radius:8px;
}

input[type="checkbox"]{
    width:auto;
}

button{
    background:#b45309;
    color:white;
    border:none;
    padding:11px 16px;
    border-radius:8px;
    font-weight:bold;
    cursor:pointer;
}