Hugging Face's logo

Spaces:
ghostai1
/
GhostPack
Running

App Files Community
1
ghostai1 commited on
Commit
dd4cd4c
·
verified ·
1 Parent(s): 9dd284c

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +44 -44
style.css CHANGED
@@ -7,29 +7,29 @@ body {
7
  }
8
 
9
  .bg-ghost-nav {
10
- background: linear-gradient(90deg, #1c2526, #2e3b3e);
11
- box-shadow: 0 5px 15px rgba(0, 255, 204, 0.3);
12
- padding: 1rem 0;
13
  }
14
 
15
  .navbar-brand {
16
  font-weight: 900;
17
- font-size: 2rem;
18
  color: #00ffcc;
19
- text-shadow: 0 0 10px #00ffcc;
20
  }
21
 
22
  .nav-link {
23
  color: #00ffcc !important;
24
  font-weight: 600;
25
- padding: 0.5rem 1rem;
26
- margin: 0 0.5rem;
27
  transition: color 0.3s;
28
  }
29
 
30
  .nav-link:hover {
31
  color: #00cc99 !important;
32
- text-shadow: 0 0 10px #00cc99;
33
  }
34
 
35
  .hero-section {
@@ -39,48 +39,48 @@ body {
39
  min-height: 100vh;
40
  display: flex;
41
  align-items: center;
42
- text-shadow: 0 0 20px rgba(0, 255, 204, 0.5);
43
  }
44
 
45
  .preview-window {
46
  max-width: 700px;
47
- margin: 2rem auto;
48
- padding: 1.5rem;
49
- background: #1c2526;
50
  border: 2px solid #00ffcc;
51
- border-radius: 10px;
52
- box-shadow: 0 0 20px rgba(0, 255, 204, 0.4);
53
  }
54
 
55
  .preview-window img {
56
- border-radius: 8px;
57
  max-height: 400px;
58
  }
59
 
60
  .bg-dark {
61
- background: #1c2526;
62
  }
63
 
64
- .bg-light {
65
- background: #121212;
66
  }
67
 
68
  .bg-ghost-card {
69
  background: #2e3b3e;
70
  border: 2px solid #00ffcc;
71
- border-radius: 10px;
72
- box-shadow: 0 0 20px rgba(0, 255, 204, 0.4);
73
  color: #ffffff;
74
- padding: 1.5rem;
75
  }
76
 
77
- .bg-ghost-light {
78
- background: #e0e0e0;
79
  border: 2px solid #00ffcc;
80
- border-radius: 10px;
81
- box-shadow: 0 0 20px rgba(0, 255, 204, 0.4);
82
- color: #000000;
83
- padding: 1.5rem;
84
  }
85
 
86
  .btn-ghost {
@@ -88,21 +88,21 @@ body {
88
  border: none;
89
  color: #000000;
90
  font-weight: 700;
91
- border-radius: 8px;
92
- padding: 0.75rem 1.5rem;
93
  transition: transform 0.3s;
94
  }
95
 
96
  .btn-ghost:hover {
97
  transform: scale(1.05);
98
- box-shadow: 0 0 20px #00ffcc;
99
  }
100
 
101
  .btn-outline-ghost {
102
  border: 2px solid #00ffcc;
103
  color: #00ffcc;
104
- border-radius: 8px;
105
- padding: 0.75rem 1.5rem;
106
  transition: background 0.3s;
107
  }
108
 
@@ -112,16 +112,16 @@ body {
112
  }
113
 
114
  pre {
115
- background: #e0e0e0;
116
- padding: 1rem;
117
- border-radius: 8px;
118
- color: #000000;
119
- box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
120
  font-family: 'Courier New', monospace;
121
  }
122
 
123
  .code-block {
124
- font-size: 0.9rem;
125
  }
126
 
127
  .lead-text {
@@ -129,15 +129,15 @@ pre {
129
  }
130
 
131
  .light-lead-text {
132
- color: #000000;
133
  }
134
 
135
  .nav-tabs .nav-link {
136
  color: #00ffcc;
137
  border: 2px solid #00ffcc;
138
- border-radius: 8px;
139
- padding: 0.5rem 1rem;
140
- margin: 0 0.25rem;
141
  }
142
 
143
  .nav-tabs .nav-link.active {
@@ -161,13 +161,13 @@ pre {
161
  }
162
 
163
  .table-dark {
164
- background: #1c2526;
165
  color: #ffffff;
166
  }
167
 
168
  .table-dark th, .table-dark td {
169
  border-color: #00ffcc;
170
- padding: 0.75rem;
171
  }
172
 
173
  .bg-ghost-black {
 
7
  }
8
 
9
  .bg-ghost-nav {
10
+ background: linear-gradient(90deg, #1a2a2e, #2e3b3e);
11
+ box-shadow: 0 4px 12px rgba(0, 255, 204, 0.3);
12
+ padding: 0.8rem 0;
13
  }
14
 
15
  .navbar-brand {
16
  font-weight: 900;
17
+ font-size: 1.8rem;
18
  color: #00ffcc;
19
+ text-shadow: 0 0 8px #00ffcc;
20
  }
21
 
22
  .nav-link {
23
  color: #00ffcc !important;
24
  font-weight: 600;
25
+ padding: 0.4rem 0.8rem;
26
+ margin: 0 0.3rem;
27
  transition: color 0.3s;
28
  }
29
 
30
  .nav-link:hover {
31
  color: #00cc99 !important;
32
+ text-shadow: 0 0 8px #00cc99;
33
  }
34
 
35
  .hero-section {
 
39
  min-height: 100vh;
40
  display: flex;
41
  align-items: center;
42
+ text-shadow: 0 0 15px rgba(0, 255, 204, 0.4);
43
  }
44
 
45
  .preview-window {
46
  max-width: 700px;
47
+ margin: 1.5rem auto;
48
+ padding: 1.2rem;
49
+ background: #1a2a2e;
50
  border: 2px solid #00ffcc;
51
+ border-radius: 8px;
52
+ box-shadow: 0 0 15px rgba(0, 255, 204, 0.3);
53
  }
54
 
55
  .preview-window img {
56
+ border-radius: 6px;
57
  max-height: 400px;
58
  }
59
 
60
  .bg-dark {
61
+ background: #1a2a2e;
62
  }
63
 
64
+ .bg-ghost-alt {
65
+ background: #1e2e32;
66
  }
67
 
68
  .bg-ghost-card {
69
  background: #2e3b3e;
70
  border: 2px solid #00ffcc;
71
+ border-radius: 8px;
72
+ box-shadow: 0 0 15px rgba(0, 255, 204, 0.3);
73
  color: #ffffff;
74
+ padding: 1.2rem;
75
  }
76
 
77
+ .bg-ghost-alt-card {
78
+ background: #2a3a3e; /* Darker alternate card color to reduce white dominance */
79
  border: 2px solid #00ffcc;
80
+ border-radius: 8px;
81
+ box-shadow: 0 0 15px rgba(0, 255, 204, 0.3);
82
+ color: #ffffff;
83
+ padding: 1.2rem;
84
  }
85
 
86
  .btn-ghost {
 
88
  border: none;
89
  color: #000000;
90
  font-weight: 700;
91
+ border-radius: 6px;
92
+ padding: 0.6rem 1.2rem;
93
  transition: transform 0.3s;
94
  }
95
 
96
  .btn-ghost:hover {
97
  transform: scale(1.05);
98
+ box-shadow: 0 0 15px #00ffcc;
99
  }
100
 
101
  .btn-outline-ghost {
102
  border: 2px solid #00ffcc;
103
  color: #00ffcc;
104
+ border-radius: 6px;
105
+ padding: 0.6rem 1.2rem;
106
  transition: background 0.3s;
107
  }
108
 
 
112
  }
113
 
114
  pre {
115
+ background: #2a3a3e;
116
+ padding: 0.8rem;
117
+ border-radius: 6px;
118
+ color: #00ffcc;
119
+ box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
120
  font-family: 'Courier New', monospace;
121
  }
122
 
123
  .code-block {
124
+ font-size: 0.85rem;
125
  }
126
 
127
  .lead-text {
 
129
  }
130
 
131
  .light-lead-text {
132
+ color: #e0e0e0; /* Adjusted to reduce white dominance */
133
  }
134
 
135
  .nav-tabs .nav-link {
136
  color: #00ffcc;
137
  border: 2px solid #00ffcc;
138
+ border-radius: 6px;
139
+ padding: 0.4rem 0.8rem;
140
+ margin: 0 0.2rem;
141
  }
142
 
143
  .nav-tabs .nav-link.active {
 
161
  }
162
 
163
  .table-dark {
164
+ background: #1a2a2e;
165
  color: #ffffff;
166
  }
167
 
168
  .table-dark th, .table-dark td {
169
  border-color: #00ffcc;
170
+ padding: 0.6rem;
171
  }
172
 
173
  .bg-ghost-black {