privateuserh commited on
Commit
989fa6f
·
verified ·
1 Parent(s): 219f469

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +84 -1
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); }