1
+ /*======================================================================
2
+ Fallback fonts */
3
+ @font-face {
4
+ font-display : fallback;
5
+ font-family : "Noto Sans Mono" ;
6
+ font-style : normal;
7
+ font-weight : 700 ;
8
+ src : local ("Noto Sans Mono Bold" ),
9
+ local ("NotoSansMono-Bold" ),
10
+ url (/assets/fonts/noto-sans-mono-v14-ext-700.woff2) format ("woff2" ); }
11
+ @font-face {
12
+ font-display : fallback;
13
+ font-family : "Noto Sans Mono" ;
14
+ font-style : normal;
15
+ src : local ("Noto Sans Mono" ),
16
+ local ("NotoSansMono-Regular" ),
17
+ url (/assets/fonts/noto-sans-mono-v14-ext-regular.woff2) format ("woff2" ); }
18
+
19
+ @font-face {
20
+ font-display : fallback;
21
+ font-family : "Noto Sans" ;
22
+ font-weight : 700 ;
23
+ font-style : italic;
24
+ src : local ("Noto Sans Bold Italic" ),
25
+ local ("NotoSans-BoldItalic" ),
26
+ url (/assets/fonts/noto-sans-v25-ext-700italic.woff2) format ("woff2" ); }
27
+ @font-face {
28
+ font-display : fallback;
29
+ font-family : "Noto Sans" ;
30
+ font-style : normal;
31
+ font-weight : 700 ;
32
+ src : local ("Noto Sans Bold" ),
33
+ local ("NotoSans-Bold" ),
34
+ url (/assets/fonts/noto-sans-v25-ext-700.woff2) format ("woff2" ); }
35
+ @font-face {
36
+ font-display : fallback;
37
+ font-family : "Noto Sans" ;
38
+ font-style : italic;
39
+ src : local ("Noto Sans Italic" ),
40
+ local ("NotoSans-Italic" ),
41
+ url (/assets/fonts/noto-sans-v25-ext-italic.woff2) format ("woff2" ); }
42
+ @font-face {
43
+ font-display : fallback;
44
+ font-family : "Noto Sans" ;
45
+ font-style : normal;
46
+ src : local ("Noto Sans" ),
47
+ local ("NotoSans-Regular" ),
48
+ url (/assets/fonts/noto-sans-v25-ext.woff2) format ("woff2" ); }
49
+
50
+ @font-face {
51
+ font-display : fallback;
52
+ font-family : "Noto Serif" ;
53
+ font-weight : 700 ;
54
+ font-style : italic;
55
+ src : local ("Noto Serif Bold Italic" ),
56
+ local ("NotoSerif-BoldItalic" ),
57
+ url (/assets/fonts/noto-serif-v20-ext-700italic.woff2) format ("woff2" ); }
58
+ @font-face {
59
+ font-display : fallback;
60
+ font-family : "Noto Serif" ;
61
+ font-style : normal;
62
+ font-weight : 700 ;
63
+ src : local ("Noto Serif Bold" ),
64
+ local ("NotoSerif-Bold" ),
65
+ url (/assets/fonts/noto-serif-v20-ext-700.woff2) format ("woff2" ); }
66
+ @font-face {
67
+ font-display : fallback;
68
+ font-family : "Noto Serif" ;
69
+ font-style : italic;
70
+ src : local ("Noto Serif Italic" ),
71
+ local ("NotoSerif-Italic" ),
72
+ url (/assets/fonts/noto-serif-v20-ext-italic.woff2) format ("woff2" ); }
73
+ @font-face {
74
+ font-display : fallback;
75
+ font-family : "Noto Serif" ;
76
+ font-style : normal;
77
+ src : local ("Noto Serif" ),
78
+ local ("NotoSerif-Regular" ),
79
+ url (/assets/fonts/noto-serif-v20-ext-regular.woff2) format ("woff2" ); }
80
+ @font-face {
81
+ font-display : fallback;
82
+ font-family : "STIX Two Math" ;
83
+ font-style : normal;
84
+ src : local ("STIX Two Math" ),
85
+ local ("STIXTwoMath-Regular" ),
86
+ url (/assets/fonts/STIXTwoMath-Regular.woff2) format ("woff2" ); }
87
+ /*======================================================================
88
+ ar5iv branding */
89
+ div .ar5iv-footer {
90
+ vertical-align : middle;
91
+ margin-left : auto;
92
+ margin-right : auto;
93
+ margin-top : 5rem ;
94
+ margin-bottom : 5rem ;
95
+ text-align : center;
96
+ max-width : var (--main-width );
97
+ }
98
+
99
+ .ar5iv-homepage {
100
+ position : relative;
101
+ }
102
+ .ar5iv-homepage-content {
103
+ padding-bottom : 1.5rem ;
104
+ }
105
+ .ar5iv-homepage-main-list {
106
+ list-style-type : circle;
107
+ }
108
+ @media only screen and (max-width : 40.0rem ) {
109
+ .ar5iv-homepage-main-list {
110
+ padding-left : 1.5rem ;
111
+ }
112
+ }
113
+ footer .ar5iv-homepage-footer {
114
+ border : none;
115
+ text-align : center;
116
+ position : absolute;
117
+ bottom : 0 ;
118
+ width : 100% ;
119
+ height : 2.5rem ;
120
+ }
121
+ footer .ar5iv-homepage-footer svg {
122
+ background-color : var (--background-color );
123
+ color : var (--text-color );
124
+ filter : initial;
125
+ }
126
+
127
+ .ar5iv-text-button {
128
+ max-width : 10rem ;
129
+ display : inline-block;
130
+ color : var (--text-color );
131
+ border-radius : 1.1rem ;
132
+ font-size : 0.9rem ;
133
+ padding-top : 0.05rem ;
134
+ padding-bottom : 0.05rem ;
135
+ padding-left : 1rem ;
136
+ padding-right : 1rem ;
137
+ margin-top : 1rem ;
138
+ vertical-align : top;
139
+ border : none;
140
+ text-decoration : none;
141
+ overflow-wrap : break-word;
142
+ }
143
+ .ar5iv-home-button {
144
+ text-decoration : none;
145
+ display : inline-block;
146
+ margin-top : 0.9rem ;
147
+ vertical-align : bottom;
148
+ }
149
+ .ar5iv-home-button > img {
150
+ border-radius : 1.1rem ;
151
+ }
152
+ .color-scheme-icon ::before {
153
+ content : "🌙" ;
154
+ }
155
+ [data-theme = "dark" ] .color-scheme-icon ::before {
156
+ content : "☀️" ;
157
+ }
158
+ .ar5iv-toggle-color-scheme {
159
+ text-decoration : none;
160
+ display : block;
161
+ float : left;
162
+ padding : 0.5rem ;
163
+ margin-top : 0.1rem ;
164
+ color : transparent;
165
+ text-shadow : 0 0 0 var (--text-color );
166
+ }
167
+ a .ar5iv-nav-button {
168
+ font-size : 2rem ;
169
+ color : var (--link-text-color );
170
+ text-decoration : none;
171
+ display : inline-block;
172
+ margin-top : 0.75rem ;
173
+ vertical-align : top;
174
+ }
175
+ .ar5iv-nav-button-prev {
176
+ padding-right : 0.5rem ;
177
+ }
178
+ .ar5iv-nav-button-next {
179
+ padding-left : 0.5rem ;
180
+ }
181
+
182
+ .ar5iv-footer-button {
183
+ color : var (--link-text-color );
184
+ padding : 0.5rem ;
185
+ display : inline-block;
186
+ text-decoration : none;
187
+ margin-right : 1rem ;
188
+ }
189
+
190
+ a .arxiv-ui-theme {
191
+ color : white;
192
+ background-color : rgb (179 , 27 , 27 )
193
+ }
194
+
195
+ .ar5iv-severity-ok ::after {
196
+ content : " (OK)" ;
197
+ color : var (--text-color );
198
+ }
199
+ .ar5iv-severity-warning ::after {
200
+ content : " (W)" ;
201
+ color : var (--warning-text-color );
202
+ }
203
+ .ar5iv-severity-error ::after {
204
+ content : " (E)" ;
205
+ color : var (--error-text-color );
206
+ }
207
+ .ar5iv-severity-fatal ::after {
208
+ content : " (F)" ;
209
+ color : var (--fatal-text-color );
210
+ }
211
+
212
+ .ar5iv-bibitem-preview {
213
+ z-index : 100 ;
214
+ position : absolute;
215
+ background-color : var (--background-color );
216
+ color : var (--text-color );
217
+ border : solid 1px var (--border-color );
218
+ display : block;
219
+ min-width : 20rem ;
220
+ max-width : 40rem ;
221
+ min-height : 4rem ;
222
+ max-height : 16rem ;
223
+ padding : 0.5rem ;
224
+ }
225
+ .ar5iv-button-close-preview {
226
+ float : right;
227
+ display : block;
228
+ margin : 0.2rem 0rem 0rem 0.2rem ;
229
+ background-color : var (--background-color );
230
+ color : var (--text-color );
231
+ border : double 2px var (--border-color );
232
+ }
233
+
234
+ /* Hide the polyfill dirty work behind a curtain */
235
+ # mathjax-loading-message {
236
+ display : block;
237
+ font-size : 1.5rem ;
238
+ margin : auto;
239
+ max-width : 52rem ;
240
+ text-align : center;
241
+ padding : 6rem ;
242
+ z-index : 100 ;
243
+ }
244
+ # mathjax-loading-spinner {
245
+ display : block;
246
+ margin : auto;
247
+ background-color : white;
248
+ z-index : 100 ;
249
+ border : 16px solid # f3f3f3 ; /* Light grey */
250
+ border-top : 16px solid # 3498db ; /* Blue */
251
+ border-radius : 50% ;
252
+ width : 6rem ;
253
+ height : 6rem ;
254
+ animation : spin 2s linear infinite;
255
+ }
256
+ @keyframes spin {
257
+ 0% { transform : rotate (0deg ); }
258
+ 100% { transform : rotate (360deg ); }
259
+ }
260
+
261
+ /* one important override specific to the ar5iv site,
262
+ to keep the color mode toggle nicely inline */
263
+ .ltx_page_logo {
264
+ display : inline-block !important ;
265
+ }
0 commit comments