Smit_Portfolio-/admin.css at main · SmitParekh84/Smit_Portfolio- · 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
/* Reset default margin and padding */

html,
body {
    margin: 0;
    padding: 0;
}


/* Center the button container */

#button_container {
    text-align: center;
    margin-top: 20px;
    /* Add some top margin for spacing */
}


/* Style the button */

#button_container button {
    padding: 10px 20px;
    /* Add padding to make the button larger */
    font-size: 16px;
    /* Increase font size for better readability */
    background-color: #CD5AED;
    /* Green background */
    color: white;
    /* White text color */
    border: none;
    /* Remove border */
    border-radius: 5px;
    /* Add border-radius for rounded corners */
    cursor: pointer;
    /* Change cursor to pointer on hover */
    transition: background-color 0.3s;
    /* Add transition effect */
}


/* Change button background color on hover */

#button_container button:hover {
    background-color: #8b38a1;
}


/* Container for the table */

#table_container {
    margin: 20px auto;
    /* Center the container horizontally */
    max-width: 800px;
    /* Set maximum width */
    padding: 20px;
    /* Add padding */
    border: 1px solid #ddd;
    /* Add border */
    border-radius: 5px;
    /* Add border-radius for rounded corners */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    /* Add box shadow */
}


/* Style the table */

#table_container table {
    width: 100%;
    /* Make table width 100% of its container */
    border-collapse: collapse;
    /* Collapse border spacing */
}


/* Style table header and cells */

#table_container th,
#table_container td {
    padding: 8px;
    /* Add padding */
    text-align: left;
    /* Align text to the left */
    border-bottom: 1px solid #ddd;
    /* Add bottom border to separate rows */
}


/* Style table header */

#table_container th {
    background-color: #f2f2f2;
    /* Light gray background for header row */
}

#loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Semi-transparent black overlay */
    z-index: 100;
    /* Ensure the overlay is above other content */
    display: none;
    /* Initially hidden */
}

#loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 8px solid #ccc;
    border-top: 8px solid #CD5AED;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}