Hugging Face's logo

Spaces:
rastof9
/
ads
Runtime error

App Files Community
rastof9 commited on
Commit
86f2524
·
verified ·
1 Parent(s): b1510b5

Create static/css/styles.css

Browse files
Files changed (1) hide show
  1. app/static/css/styles.css +160 -0
app/static/css/styles.css ADDED
@@ -0,0 +1,160 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* General Styles */
2
+ body {
3
+ font-family: Arial, sans-serif;
4
+ margin: 0;
5
+ padding: 0;
6
+ background-color: #f4f4f9;
7
+ color: #333;
8
+ }
9
+
10
+ header {
11
+ background-color: #0073e6;
12
+ color: white;
13
+ padding: 1rem;
14
+ text-align: center;
15
+ }
16
+
17
+ header h1 {
18
+ margin: 0;
19
+ }
20
+
21
+ nav {
22
+ margin-top: 1rem;
23
+ }
24
+
25
+ nav a {
26
+ color: white;
27
+ margin: 0 1rem;
28
+ text-decoration: none;
29
+ font-weight: bold;
30
+ }
31
+
32
+ nav a:hover {
33
+ text-decoration: underline;
34
+ }
35
+
36
+ main {
37
+ padding: 2rem;
38
+ }
39
+
40
+ footer {
41
+ background-color: #333;
42
+ color: white;
43
+ text-align: center;
44
+ padding: 1rem;
45
+ position: fixed;
46
+ bottom: 0;
47
+ width: 100%;
48
+ }
49
+
50
+ /* Dashboard Styles */
51
+ .filters {
52
+ margin-bottom: 2rem;
53
+ }
54
+
55
+ .filters input, .filters select {
56
+ padding: 0.5rem;
57
+ margin-right: 1rem;
58
+ border: 1px solid #ccc;
59
+ border-radius: 4px;
60
+ }
61
+
62
+ .filters button {
63
+ padding: 0.5rem 1rem;
64
+ background-color: #0073e6;
65
+ color: white;
66
+ border: none;
67
+ border-radius: 4px;
68
+ cursor: pointer;
69
+ }
70
+
71
+ .filters button:hover {
72
+ background-color: #005bb5;
73
+ }
74
+
75
+ .ads-list {
76
+ display: grid;
77
+ gap: 1rem;
78
+ }
79
+
80
+ .ad-card {
81
+ background-color: white;
82
+ padding: 1rem;
83
+ border: 1px solid #ddd;
84
+ border-radius: 4px;
85
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
86
+ }
87
+
88
+ .ad-card .sentiment {
89
+ display: inline-block;
90
+ padding: 0.25rem 0.5rem;
91
+ border-radius: 4px;
92
+ font-size: 0.875rem;
93
+ }
94
+
95
+ .ad-card .sentiment.Positive {
96
+ background-color: #e6f4ea;
97
+ color: #34a853;
98
+ }
99
+
100
+ .ad-card .sentiment.Negative {
101
+ background-color: #fce8e6;
102
+ color: #d93025;
103
+ }
104
+
105
+ .pagination {
106
+ margin-top: 2rem;
107
+ text-align: center;
108
+ }
109
+
110
+ .pagination a {
111
+ padding: 0.5rem 1rem;
112
+ margin: 0 0.25rem;
113
+ background-color: #0073e6;
114
+ color: white;
115
+ text-decoration: none;
116
+ border-radius: 4px;
117
+ }
118
+
119
+ .pagination a.active {
120
+ background-color: #005bb5;
121
+ }
122
+
123
+ /* Compliance Report Styles */
124
+ table {
125
+ width: 100%;
126
+ border-collapse: collapse;
127
+ margin-top: 1rem;
128
+ }
129
+
130
+ table th, table td {
131
+ padding: 0.75rem;
132
+ border: 1px solid #ddd;
133
+ text-align: left;
134
+ }
135
+
136
+ table th {
137
+ background-color: #0073e6;
138
+ color: white;
139
+ }
140
+
141
+ table tr:nth-child(even) {
142
+ background-color: #f9f9f9;
143
+ }
144
+
145
+ table tr:hover {
146
+ background-color: #f1f1f1;
147
+ }
148
+
149
+ table button {
150
+ padding: 0.5rem 1rem;
151
+ background-color: #d93025;
152
+ color: white;
153
+ border: none;
154
+ border-radius: 4px;
155
+ cursor: pointer;
156
+ }
157
+
158
+ table button:hover {
159
+ background-color: #b31412;
160
+ }