Hugging Face's logo

Spaces:
ghostai1
/
SentimentSpark
Running

App Files Community
ghostai1 commited on
Commit
215ccf1
·
verified ·
1 Parent(s): f3b513c

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +33 -10
style.css CHANGED
@@ -10,12 +10,12 @@ body {
10
  h1 {
11
  font-family: 'Orbitron', sans-serif;
12
  color: #ffffff;
13
- text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
14
  }
15
 
16
  .hero {
17
  background: linear-gradient(45deg, #2a2a2a, #3a3a3a);
18
- border-bottom: 2px solid #444;
19
  animation: fadeIn 1s ease-in;
20
  }
21
 
@@ -26,35 +26,36 @@ h1 {
26
 
27
  .card {
28
  background-color: #2a2a2a;
29
- border: 1px solid #444;
30
- transition: transform 0.3s ease;
31
  }
32
 
33
  .card:hover {
34
  transform: translateY(-5px);
 
35
  }
36
 
37
  .form-select {
38
  background-color: #3a3a3a;
39
- border-color: #555;
40
  color: #e0e0e0;
41
  transition: background-color 0.3s ease;
42
  }
43
 
44
  .form-select:focus {
45
  background-color: #3a3a3a;
46
- border-color: #777;
47
- box-shadow: 0 0 0 0.2rem rgba(100, 100, 100, 0.5);
48
  }
49
 
50
  .table-dark {
51
  background-color: #2a2a2a;
52
- border-color: #444;
53
  }
54
 
55
  .table-dark th,
56
  .table-dark td {
57
- border-color: #444;
58
  padding: 12px;
59
  }
60
 
@@ -67,6 +68,24 @@ h1 {
67
  transform: scale(1.02);
68
  }
69
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
70
  .container {
71
  max-width: 1200px;
72
  flex: 1;
@@ -74,10 +93,14 @@ h1 {
74
 
75
  footer {
76
  background-color: #1a1a1a;
77
- border-top: 1px solid #444;
78
  color: #999;
79
  }
80
 
 
 
 
 
81
  @keyframes fadeIn {
82
  from { opacity: 0; }
83
  to { opacity: 1; }
 
10
  h1 {
11
  font-family: 'Orbitron', sans-serif;
12
  color: #ffffff;
13
+ text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
14
  }
15
 
16
  .hero {
17
  background: linear-gradient(45deg, #2a2a2a, #3a3a3a);
18
+ border-bottom: 2px solid #00ffff;
19
  animation: fadeIn 1s ease-in;
20
  }
21
 
 
26
 
27
  .card {
28
  background-color: #2a2a2a;
29
+ border: 1px solid #00ffff;
30
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
31
  }
32
 
33
  .card:hover {
34
  transform: translateY(-5px);
35
+ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
36
  }
37
 
38
  .form-select {
39
  background-color: #3a3a3a;
40
+ border-color: #00ffff;
41
  color: #e0e0e0;
42
  transition: background-color 0.3s ease;
43
  }
44
 
45
  .form-select:focus {
46
  background-color: #3a3a3a;
47
+ border-color: #00ffff;
48
+ box-shadow: 0 0 0 0.2rem rgba(0, 255, 255, 0.5);
49
  }
50
 
51
  .table-dark {
52
  background-color: #2a2a2a;
53
+ border-color: #00ffff;
54
  }
55
 
56
  .table-dark th,
57
  .table-dark td {
58
+ border-color: #00ffff;
59
  padding: 12px;
60
  }
61
 
 
68
  transform: scale(1.02);
69
  }
70
 
71
+ .pagination .page-link {
72
+ background-color: #3a3a3a;
73
+ border-color: #00ffff;
74
+ color: #e0e0e0;
75
+ transition: background-color 0.3s ease;
76
+ }
77
+
78
+ .pagination .page-link:hover {
79
+ background-color: #00ffff;
80
+ color: #1a1a1a;
81
+ }
82
+
83
+ .pagination .active .page-link {
84
+ background-color: #00ffff;
85
+ border-color: #00ffff;
86
+ color: #1a1a1a;
87
+ }
88
+
89
  .container {
90
  max-width: 1200px;
91
  flex: 1;
 
93
 
94
  footer {
95
  background-color: #1a1a1a;
96
+ border-top: 1px solid #00ffff;
97
  color: #999;
98
  }
99
 
100
+ .border-neon {
101
+ border-color: #00ffff !important;
102
+ }
103
+
104
  @keyframes fadeIn {
105
  from { opacity: 0; }
106
  to { opacity: 1; }