SondosMB commited on
Commit
7d75ad8
·
verified ·
1 Parent(s): 8fbfd67

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +1 -118
app.py CHANGED
@@ -175,7 +175,7 @@ body {
175
  /* Header Styling */
176
  header {
177
  text-align: center;
178
- /*padding: 60px 20px;*/
179
  background: linear-gradient(135deg, #6a1b9a, #64b5f6);
180
  color: #ffffff;
181
  border-radius: 12px;
@@ -353,123 +353,6 @@ footer p {
353
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
354
  }
355
 
356
- /* Submission Section Styling */
357
- /* Submission Section Styling */
358
- .submission-section {
359
- margin: 40px auto;
360
- padding: 30px;
361
- background: linear-gradient(135deg, #ffffff, #f9f9ff);
362
- border-radius: 12px;
363
- box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
364
- /*max-width: 800px; change 1*/
365
- text-align: center;
366
-
367
- }
368
- .submission-section h2 {
369
- font-size: 2.5em;
370
- color: #6a1b9a;
371
- margin-bottom: 20px;
372
- font-weight: bold;
373
- }
374
- .submission-section p {
375
- font-size: 1.2em;
376
- color: #333;
377
- margin-bottom: 30px;
378
- }
379
- #submission-fields {
380
- display:flex;
381
- flex-direction: column;
382
- gap: 20px;
383
- align-items: center;
384
- }
385
- #submission-fields input[type="file"],
386
- #submission-fields input[type="text"] {
387
- width: 90%;
388
- padding: 12px 15px;
389
- font-size: 1em;
390
- border: 2px solid #d3bce8;
391
- border-color: #5e1287;
392
- border-radius: 8px;
393
- box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
394
- transition: border-color 0.3s ease;
395
- }
396
- #submission-results {
397
- margin-top: 20px;
398
- text-align: center;
399
- }
400
- #submission-buttons {
401
- display: flex;
402
- justify-content: center;
403
- gap: 15px;
404
- margin-top: 20px;
405
- }
406
- #submission-buttons button {
407
- padding: 10px 20px;
408
- font-size: 1em;
409
- color: #ffffff;
410
- background: #6a1b9a;
411
- border: none;
412
- border-radius: 30px;
413
- cursor: pointer;
414
- font-weight: bold;
415
- transition: background 0.3s ease, transform 0.3s ease;
416
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
417
- }
418
- #submission-buttons button:hover {
419
- background: #8c52d3;
420
- transform: scale(1.05);
421
- }
422
- #submission-buttons button:active {
423
- background: #5e1287;
424
- transform: scale(0.98);
425
- }
426
-
427
-
428
- #submission-fields input[type="file"]:hover,
429
- #submission-fields input[type="text"]:hover {
430
- border-color: #6a1b9a; /* Darker purple on hover */
431
- }
432
- #submission-fields input[type="file"]:focus,
433
- #submission-fields input[type="text"]:focus {
434
- border-color: #6a1b9a; /* Darker purple on focus */
435
- outline: none;
436
- box-shadow: 0 0 8px rgba(106, 27, 154, 0.5); /* Glow effect */
437
- }
438
- /* Evaluation Status Styling */
439
- #evaluation-status {
440
- margin-top: 15px;
441
- padding: 10px 20px;
442
- font-size: 1em;
443
- border-radius: 8px;
444
- border: 2px solid #6a1b9a; /* Matches the hover color */
445
- background: #f9f7fd; /* Subtle purple background */
446
- color: #333;
447
- font-weight: bold;
448
- box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1);
449
- }
450
- /* Buttons Styling */
451
- #submission-buttons button {
452
- padding: 12px 25px;
453
- font-size: 1.1em;
454
- color: #ffffff;
455
- background: #6a1b9a;
456
- border: none;
457
- border-radius: 30px;
458
- cursor: pointer;
459
- font-weight: bold;
460
- transition: all 0.3s ease;
461
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
462
- }
463
- #submission-buttons button:hover {
464
- background: #8c52d3; /* Slightly lighter purple */
465
- transform: scale(1.05);
466
- box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
467
- }
468
- #submission-buttons button:active {
469
- background: #5e1287; /* Darker purple */
470
- transform: scale(0.98);
471
- box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
472
- }
473
 
474
 
475
  """
 
175
  /* Header Styling */
176
  header {
177
  text-align: center;
178
+ padding: 60px 20px;
179
  background: linear-gradient(135deg, #6a1b9a, #64b5f6);
180
  color: #ffffff;
181
  border-radius: 12px;
 
353
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
354
  }
355
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
356
 
357
 
358
  """