exptech commited on
Commit
aeded97
·
verified ·
1 Parent(s): 816a705

Add deploy section styles

Browse files
Files changed (1) hide show
  1. style.css +106 -0
style.css CHANGED
@@ -760,6 +760,112 @@ a:hover { opacity: 0.8; }
760
  }
761
 
762
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
763
  /* ========================================
764
  Credits
765
  ======================================== */
 
760
  }
761
 
762
 
763
+ /* ========================================
764
+ Deploy
765
+ ======================================== */
766
+
767
+ .deploy {
768
+ border-top: 1px solid var(--border);
769
+ background: var(--bg-secondary);
770
+ }
771
+
772
+ .deploy h2 {
773
+ font-family: var(--font-display);
774
+ font-size: 2.4rem;
775
+ letter-spacing: 0.08em;
776
+ margin-bottom: 0.75rem;
777
+ }
778
+
779
+ .deploy-intro {
780
+ color: var(--text-secondary);
781
+ font-size: 0.9rem;
782
+ line-height: 1.7;
783
+ margin-bottom: 2rem;
784
+ max-width: 720px;
785
+ }
786
+
787
+ .deploy-options {
788
+ display: grid;
789
+ grid-template-columns: repeat(3, 1fr);
790
+ gap: 1.5rem;
791
+ }
792
+
793
+ .deploy-option {
794
+ background: var(--bg-card);
795
+ border: 1px solid var(--border);
796
+ border-radius: var(--radius);
797
+ padding: 1.5rem;
798
+ transition: border-color 0.2s;
799
+ }
800
+
801
+ .deploy-option:hover {
802
+ border-color: var(--border-hover);
803
+ }
804
+
805
+ .deploy-num {
806
+ font-family: var(--font-mono);
807
+ font-size: 0.7rem;
808
+ font-weight: 600;
809
+ color: var(--accent);
810
+ padding: 0.25rem 0.5rem;
811
+ border: 1px solid rgba(0, 212, 255, 0.25);
812
+ border-radius: 4px;
813
+ display: inline-block;
814
+ margin-bottom: 0.75rem;
815
+ }
816
+
817
+ .deploy-option h3 {
818
+ font-size: 1rem;
819
+ font-weight: 600;
820
+ margin-bottom: 0.5rem;
821
+ }
822
+
823
+ .deploy-option p {
824
+ color: var(--text-secondary);
825
+ font-size: 0.8rem;
826
+ line-height: 1.6;
827
+ margin-bottom: 0.75rem;
828
+ }
829
+
830
+ .deploy-option p a {
831
+ color: var(--accent);
832
+ text-decoration: none;
833
+ }
834
+
835
+ .deploy-option pre {
836
+ background: var(--bg-primary);
837
+ border: 1px solid var(--border);
838
+ border-radius: 6px;
839
+ padding: 0.75rem;
840
+ overflow-x: auto;
841
+ margin: 0;
842
+ }
843
+
844
+ .deploy-option code {
845
+ font-family: var(--font-mono);
846
+ font-size: 0.7rem;
847
+ color: var(--text-primary);
848
+ line-height: 1.5;
849
+ }
850
+
851
+ .deploy-footer {
852
+ color: var(--text-tertiary);
853
+ font-size: 0.8rem;
854
+ margin-top: 1.5rem;
855
+ }
856
+
857
+ .deploy-footer a {
858
+ color: var(--accent);
859
+ text-decoration: none;
860
+ }
861
+
862
+ @media (max-width: 900px) {
863
+ .deploy-options {
864
+ grid-template-columns: 1fr;
865
+ }
866
+ }
867
+
868
+
869
  /* ========================================
870
  Credits
871
  ======================================== */