Hugging Face's logo

Spaces:
newsrex
/
README
Running

App Files Community
igor174 commited on
Commit
9774cea
·
verified ·
1 Parent(s): 909225a

Update styling for org landing page

Browse files
Files changed (1) hide show
  1. style.css +115 -16
style.css CHANGED
@@ -1,28 +1,127 @@
 
 
 
 
 
 
 
 
 
 
 
1
  body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  }
5
 
6
  h1 {
7
- font-size: 16px;
8
- margin-top: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9
  }
10
 
11
  p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
16
  }
17
 
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
24
  }
25
 
26
- .card p:last-child {
27
- margin-bottom: 0;
 
 
 
 
 
28
  }
 
1
+ :root {
2
+ --primary: #2563eb;
3
+ --text: #1f2937;
4
+ --muted: #6b7280;
5
+ --border: #e5e7eb;
6
+ --bg: #ffffff;
7
+ --code-bg: #f3f4f6;
8
+ }
9
+
10
+ * { box-sizing: border-box; margin: 0; padding: 0; }
11
+
12
  body {
13
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
14
+ color: var(--text);
15
+ background: var(--bg);
16
+ line-height: 1.6;
17
+ padding: 2rem 1rem;
18
+ }
19
+
20
+ .container {
21
+ max-width: 960px;
22
+ margin: 0 auto;
23
+ }
24
+
25
+ header {
26
+ text-align: center;
27
+ margin-bottom: 2rem;
28
+ padding-bottom: 1.5rem;
29
+ border-bottom: 1px solid var(--border);
30
  }
31
 
32
  h1 {
33
+ font-size: 2.2rem;
34
+ margin-bottom: 0.25rem;
35
+ }
36
+
37
+ .subtitle {
38
+ font-size: 1.1rem;
39
+ color: var(--muted);
40
+ margin-bottom: 0.75rem;
41
+ }
42
+
43
+ .badges {
44
+ display: flex;
45
+ gap: 0.5rem;
46
+ justify-content: center;
47
+ flex-wrap: wrap;
48
+ }
49
+
50
+ .badges img { height: 20px; }
51
+
52
+ section {
53
+ margin-bottom: 2rem;
54
+ }
55
+
56
+ h2 {
57
+ font-size: 1.4rem;
58
+ margin-bottom: 0.75rem;
59
+ padding-bottom: 0.3rem;
60
+ border-bottom: 1px solid var(--border);
61
+ }
62
+
63
+ h3 {
64
+ font-size: 1.1rem;
65
+ margin: 1rem 0 0.5rem;
66
+ color: var(--muted);
67
  }
68
 
69
  p {
70
+ margin-bottom: 0.75rem;
71
+ color: var(--text);
72
+ }
73
+
74
+ a {
75
+ color: var(--primary);
76
+ text-decoration: none;
77
+ }
78
+
79
+ a:hover { text-decoration: underline; }
80
+
81
+ .table-wrapper {
82
+ overflow-x: auto;
83
+ margin-bottom: 1rem;
84
+ }
85
+
86
+ table {
87
+ width: 100%;
88
+ border-collapse: collapse;
89
+ font-size: 0.875rem;
90
+ }
91
+
92
+ th, td {
93
+ padding: 0.5rem 0.75rem;
94
+ text-align: left;
95
+ border-bottom: 1px solid var(--border);
96
+ white-space: nowrap;
97
+ }
98
+
99
+ th {
100
+ background: var(--code-bg);
101
+ font-weight: 600;
102
+ }
103
+
104
+ tr:hover { background: #f9fafb; }
105
+
106
+ pre {
107
+ background: var(--code-bg);
108
+ border: 1px solid var(--border);
109
+ border-radius: 8px;
110
+ padding: 1rem;
111
+ overflow-x: auto;
112
+ font-size: 0.85rem;
113
+ line-height: 1.5;
114
  }
115
 
116
+ code {
117
+ font-family: "SF Mono", "Fira Code", "Fira Mono", Menlo, monospace;
 
 
 
 
118
  }
119
 
120
+ footer {
121
+ margin-top: 2rem;
122
+ padding-top: 1rem;
123
+ border-top: 1px solid var(--border);
124
+ text-align: center;
125
+ color: var(--muted);
126
+ font-size: 0.9rem;
127
  }