Update style.css
Browse files
style.css
CHANGED
@@ -133,4 +133,87 @@ button[type="submit"]:disabled {
|
|
133 |
background-color: rgba(229, 62, 62, 0.2);
|
134 |
color: var(--error-color);
|
135 |
border: 1px solid var(--error-color);
|
136 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
133 |
background-color: rgba(229, 62, 62, 0.2);
|
134 |
color: var(--error-color);
|
135 |
border: 1px solid var(--error-color);
|
136 |
+
}
|
137 |
+
/* Add these new styles to your style.css file */
|
138 |
+
|
139 |
+
/* Admin & Lookup Panel Styles */
|
140 |
+
.form-container {
|
141 |
+
margin-bottom: 30px;
|
142 |
+
}
|
143 |
+
.admin-panel summary {
|
144 |
+
cursor: pointer;
|
145 |
+
font-weight: 600;
|
146 |
+
color: var(--primary-color);
|
147 |
+
}
|
148 |
+
.admin-buttons {
|
149 |
+
display: flex;
|
150 |
+
gap: 15px;
|
151 |
+
}
|
152 |
+
.admin-buttons button {
|
153 |
+
flex-grow: 1;
|
154 |
+
padding: 12px;
|
155 |
+
border: none;
|
156 |
+
border-radius: 6px;
|
157 |
+
color: white;
|
158 |
+
font-size: 1rem;
|
159 |
+
font-weight: 600;
|
160 |
+
cursor: pointer;
|
161 |
+
transition: background-color 0.3s;
|
162 |
+
}
|
163 |
+
.admin-buttons button.approve { background-color: var(--success-color); }
|
164 |
+
.admin-buttons button.decline { background-color: var(--error-color); }
|
165 |
+
.admin-buttons button:hover { opacity: 0.9; }
|
166 |
+
|
167 |
+
/* Modal Styles */
|
168 |
+
.hidden { display: none !important; }
|
169 |
+
|
170 |
+
.modal-backdrop {
|
171 |
+
position: fixed;
|
172 |
+
top: 0;
|
173 |
+
left: 0;
|
174 |
+
width: 100%;
|
175 |
+
height: 100%;
|
176 |
+
background-color: rgba(0, 0, 0, 0.6);
|
177 |
+
display: flex;
|
178 |
+
justify-content: center;
|
179 |
+
align-items: center;
|
180 |
+
z-index: 1000;
|
181 |
+
}
|
182 |
+
|
183 |
+
.modal-content {
|
184 |
+
background-color: var(--form-background);
|
185 |
+
padding: 30px;
|
186 |
+
border-radius: 8px;
|
187 |
+
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
|
188 |
+
position: relative;
|
189 |
+
width: 90%;
|
190 |
+
max-width: 500px;
|
191 |
+
}
|
192 |
+
|
193 |
+
.modal-close {
|
194 |
+
position: absolute;
|
195 |
+
top: 10px;
|
196 |
+
right: 15px;
|
197 |
+
background: none;
|
198 |
+
border: none;
|
199 |
+
font-size: 2rem;
|
200 |
+
color: var(--label-color);
|
201 |
+
cursor: pointer;
|
202 |
+
}
|
203 |
+
|
204 |
+
#modal-body p {
|
205 |
+
margin-bottom: 12px;
|
206 |
+
font-size: 1.1rem;
|
207 |
+
}
|
208 |
+
|
209 |
+
.badge {
|
210 |
+
padding: 5px 10px;
|
211 |
+
border-radius: 5px;
|
212 |
+
color: white;
|
213 |
+
font-weight: bold;
|
214 |
+
text-transform: uppercase;
|
215 |
+
font-size: 0.9rem;
|
216 |
+
}
|
217 |
+
.badge.active { background-color: #f0ad4e; }
|
218 |
+
.badge.accepted { background-color: var(--success-color); }
|
219 |
+
.badge.declined { background-color: var(--error-color); }
|