|
9 | 9 |
|
10 | 10 | html { |
11 | 11 | scroll-behavior: smooth; |
| 12 | + background-color: #000000; |
| 13 | + height: 100%; |
12 | 14 | } |
13 | 15 |
|
14 | 16 | body { |
15 | | - background-color: #0a0a0a !important; |
16 | | - color: #e8e8e8 !important; |
| 17 | + // background-color: #0a0a0a !important; |
| 18 | + background-color: #000000 !important; |
| 19 | + color: #ffffff !important; |
17 | 20 | font-family: 'Georgia', 'Times New Roman', Times, serif !important; |
18 | 21 | font-size: 20px !important; |
19 | 22 | line-height: 1.7 !important; |
|
22 | 25 | -moz-osx-font-smoothing: grayscale !important; |
23 | 26 | margin: 0; |
24 | 27 | padding: 0; |
| 28 | + min-height: 100vh; |
25 | 29 | } |
26 | 30 |
|
27 | 31 | /* Fixed Navigation */ |
|
30 | 34 | top: 0; |
31 | 35 | left: 0; |
32 | 36 | right: 0; |
33 | | - background: rgba(0, 0, 0, 0.95); |
34 | | - backdrop-filter: blur(10px); |
| 37 | + background: #000000; |
35 | 38 | border-bottom: 1px solid #333333; |
36 | 39 | z-index: 1000; |
37 | 40 | padding: 1rem 0; |
@@ -509,7 +512,7 @@ body { |
509 | 512 | left: 0; |
510 | 513 | right: 0; |
511 | 514 | bottom: 0; |
512 | | - background: rgba(0, 0, 0, 0.95); |
| 515 | + background: #0a0a0a; |
513 | 516 | color: #ffffff; |
514 | 517 | padding: 1.5rem; |
515 | 518 | transition: all 0.3s ease; |
@@ -669,13 +672,22 @@ body { |
669 | 672 | } |
670 | 673 |
|
671 | 674 | /* Project Detail Page Styles */ |
| 675 | +/* Force consistent black background for all project page elements */ |
| 676 | +.project-nav, |
| 677 | +.project-main, |
| 678 | +.project-article, |
| 679 | +.project-header, |
| 680 | +.project-content, |
| 681 | +.project-footer { |
| 682 | + background-color: #0a0a0a !important; |
| 683 | +} |
| 684 | + |
672 | 685 | .project-nav { |
673 | 686 | position: fixed; |
674 | 687 | top: 0; |
675 | 688 | left: 0; |
676 | 689 | right: 0; |
677 | | - background: rgba(0, 0, 0, 0.95); |
678 | | - backdrop-filter: blur(10px); |
| 690 | + background: #0a0a0a; |
679 | 691 | border-bottom: 1px solid #333333; |
680 | 692 | z-index: 1000; |
681 | 693 | padding: 1rem 0; |
@@ -708,12 +720,15 @@ body { |
708 | 720 | margin-top: 80px; |
709 | 721 | min-height: 100vh; |
710 | 722 | padding: 2rem 0; |
| 723 | + background-color: #0a0a0a; |
| 724 | + width: 100%; |
711 | 725 | } |
712 | 726 |
|
713 | 727 | .project-article { |
714 | 728 | max-width: 45rem; |
715 | 729 | margin: 0 auto; |
716 | 730 | padding: 0 2rem; |
| 731 | + background-color: #0a0a0a; |
717 | 732 | } |
718 | 733 |
|
719 | 734 | .project-header { |
@@ -758,6 +773,8 @@ body { |
758 | 773 | line-height: 1.7; |
759 | 774 | color: #cccccc; |
760 | 775 | margin-bottom: 3rem; |
| 776 | + background-color: #0a0a0a; |
| 777 | + width: 100%; |
761 | 778 | } |
762 | 779 |
|
763 | 780 | .project-content h2 { |
@@ -887,7 +904,7 @@ body { |
887 | 904 | } |
888 | 905 |
|
889 | 906 | .project-footer { |
890 | | - background: #111111; |
| 907 | + background: #0a0a0a; |
891 | 908 | padding: 2rem 0; |
892 | 909 | text-align: center; |
893 | 910 | border-top: 1px solid #333333; |
|
0 commit comments