Hugging Face's logo

Spaces:
ReflexionIA
/
q_and_a
Running

App Files Community
linoyts HF Staff commited on
Commit
a98aec8
·
verified ·
1 Parent(s): 2d62df8

Update static/css/index.css

Browse files
Files changed (1) hide show
  1. static/css/index.css +55 -129
static/css/index.css CHANGED
@@ -1,157 +1,83 @@
1
- body {
2
- font-family: 'Noto Sans', sans-serif;
3
- }
4
-
5
-
6
- .footer .icon-link {
7
- font-size: 25px;
8
- color: #000;
9
- }
10
-
11
- .link-block a {
12
- margin-top: 5px;
13
- margin-bottom: 5px;
14
- }
15
-
16
- .dnerf {
17
- font-variant: small-caps;
18
- }
19
-
20
-
21
- .teaser .hero-body {
22
- padding-top: 0;
23
- padding-bottom: 3rem;
24
- }
25
-
26
- .teaser {
27
- font-family: 'Google Sans', sans-serif;
28
- }
29
-
30
-
31
- .publication-title {
32
- }
33
-
34
- .publication-banner {
35
- max-height: parent;
36
-
37
- }
38
-
39
- .publication-banner video {
40
- position: relative;
41
- left: auto;
42
- top: auto;
43
- transform: none;
44
- object-fit: fit;
45
- }
46
-
47
- .publication-header .hero-body {
48
- }
49
-
50
- .publication-title {
51
- font-family: 'Google Sans', sans-serif;
52
- }
53
-
54
- .publication-authors {
55
- font-family: 'Google Sans', sans-serif;
56
- }
57
-
58
- .publication-venue {
59
- color: #555;
60
- width: fit-content;
61
- font-weight: bold;
62
- }
63
-
64
- .publication-awards {
65
- color: #ff3860;
66
- width: fit-content;
67
- font-weight: bolder;
68
- }
69
-
70
- .publication-authors {
71
  }
72
 
73
- .publication-authors a {
74
- color: hsl(204, 86%, 53%) !important;
75
- }
76
-
77
- .publication-authors a:hover {
78
- text-decoration: underline;
79
- }
80
-
81
- .author-block {
82
- display: inline-block;
83
- }
84
-
85
- .publication-banner img {
86
  }
87
 
88
- .publication-authors {
89
- /*color: #4286f4;*/
90
  }
91
 
92
- .publication-video {
93
- position: relative;
94
- width: 100%;
95
- height: 0;
96
- padding-bottom: 56.25%;
97
-
98
- overflow: hidden;
99
- border-radius: 10px !important;
100
  }
101
 
102
- .publication-video iframe {
103
- position: absolute;
104
- top: 0;
105
- left: 0;
106
- width: 100%;
107
- height: 100%;
108
  }
109
 
110
- .publication-body img {
 
 
 
 
 
111
  }
112
 
113
- .results-carousel {
114
- overflow: hidden;
 
 
115
  }
116
 
117
- .results-carousel .item {
118
- margin: 5px;
119
- overflow: hidden;
120
- border: 1px solid #bbb;
121
- border-radius: 10px;
122
- padding: 0;
123
- font-size: 0;
124
  }
125
 
126
- .results-carousel video {
127
- margin: 0;
 
128
  }
129
 
130
-
131
- .interpolation-panel {
132
- background: #f5f5f5;
133
- border-radius: 10px;
134
  }
135
 
136
- .interpolation-panel .interpolation-image {
137
- width: 100%;
138
- border-radius: 5px;
139
  }
140
 
141
- .interpolation-video-column {
 
142
  }
143
 
144
- .interpolation-panel .slider {
145
- margin: 0 !important;
 
 
 
146
  }
147
 
148
- .interpolation-panel .slider {
149
- margin: 0 !important;
 
 
150
  }
151
 
152
- #interpolation-image-wrapper {
153
- width: 100%;
154
- }
155
- #interpolation-image-wrapper img {
156
- border-radius: 5px;
157
- }
 
 
1
+ /* Custom CSS to match the design in the document */
2
+ :root {
3
+ --background-color: #f8f5f0;
4
+ --text-color: #000000;
5
+ --accent-color: #333333;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  }
7
 
8
+ body {
9
+ background-color: var(--background-color);
10
+ color: var(--text-color);
11
+ font-family: 'Montserrat', sans-serif;
 
 
 
 
 
 
 
 
 
12
  }
13
 
14
+ .hero-body {
15
+ padding-bottom: 1.5rem;
16
  }
17
 
18
+ .section {
19
+ padding-top: 1.5rem;
 
 
 
 
 
 
20
  }
21
 
22
+ .title.is-1.publication-title {
23
+ font-family: 'Montserrat', sans-serif;
24
+ font-weight: 700;
25
+ font-size: 3.5rem;
26
+ letter-spacing: -0.5px;
 
27
  }
28
 
29
+ .is-size-5.publication-authors {
30
+ font-family: 'Montserrat', sans-serif;
31
+ font-weight: 300;
32
+ font-style: italic;
33
+ color: #777;
34
+ margin-bottom: 1.5rem;
35
  }
36
 
37
+ .title.is-3 {
38
+ font-family: 'Montserrat', sans-serif;
39
+ font-weight: 600;
40
+ margin-bottom: 1.5rem;
41
  }
42
 
43
+ .content strong {
44
+ font-weight: 600;
 
 
 
 
 
45
  }
46
 
47
+ .content p {
48
+ font-family: 'Montserrat', sans-serif;
49
+ line-height: 1.7;
50
  }
51
 
52
+ .button.is-dark {
53
+ background-color: var(--accent-color);
 
 
54
  }
55
 
56
+ .button.is-dark:hover {
57
+ background-color: #555;
 
58
  }
59
 
60
+ .footer {
61
+ background-color: var(--background-color);
62
  }
63
 
64
+ /* Custom mirror image */
65
+ .vintage-mirror {
66
+ max-width: 400px;
67
+ margin: 0 auto;
68
+ display: block;
69
  }
70
 
71
+ /* QR code styling */
72
+ .qr-code {
73
+ max-width: 150px;
74
+ margin-top: 2rem;
75
  }
76
 
77
+ .qr-label {
78
+ font-family: 'Montserrat', sans-serif;
79
+ font-style: italic;
80
+ color: #777;
81
+ text-align: center;
82
+ margin-top: 0.5rem;
83
+ }