tokenizers

1
/* Our DOM objects */
2

3
/* Version control */
4

5
.selectors {
6
    margin-bottom: 10px;
7
}
8

9
.dropdown-button {
10
    display: inline-block;
11
    width: 50%;
12
    background-color: #6670FF;
13
    color: white;
14
    border: none;
15
    padding: 5px;
16
    font-size: 15px;
17
    cursor: pointer;
18
}
19

20
.dropdown-button:hover, .dropdown-button:focus, .dropdown-button.active {
21
    background-color: #A6B0FF;
22
}
23

24
.dropdown-button.active {
25
    background-color: #7988FF;
26
}
27

28
.menu-dropdown {
29
    display: none;
30
    background-color: #7988FF;
31
    min-width: 160px;
32
    overflow: auto;
33
    font-size: 15px;
34
    padding: 10px 0;
35
}
36

37
.menu-dropdown a {
38
    color: white;
39
    padding: 3px 4px;
40
    text-decoration: none;
41
    display: block;
42
}
43

44
.menu-dropdown a:hover {
45
    background-color: #A6B0FF;
46
}
47

48
.dropdown-link.active {
49
    background-color: #A6B0FF;
50
}
51

52
.show {
53
    display: block;
54
}
55

56
/* The literal code blocks */
57
.rst-content tt.literal, .rst-content tt.literal, .rst-content code.literal {
58
    color: #6670FF;
59
}
60

61
/* To keep the logo centered */
62
.wy-side-scroll {
63
    width: auto;
64
    font-size: 20px;
65
}
66

67
/* The div that holds the Hugging Face logo */
68
.HuggingFaceDiv {
69
    width: 100%
70
}
71

72
/* The research field on top of the toc tree */
73
.wy-side-nav-search{
74
    padding-top: 0;
75
    background-color: #6670FF;
76
}
77

78
/* The toc tree */
79
.wy-nav-side{
80
    background-color: #6670FF;
81
    padding-bottom: 0;
82
}
83

84
/* The section headers in the toc tree */
85
.wy-menu-vertical p.caption{
86
    background-color: #4d59ff;
87
    line-height: 40px;
88
}
89

90
/* The selected items in the toc tree */
91
.wy-menu-vertical li.current{
92
    background-color: #A6B0FF;
93
}
94

95
/* When a list item that does belong to the selected block from the toc tree is hovered */
96
.wy-menu-vertical li.current a:hover{
97
    background-color: #B6C0FF;
98
}
99

100
/* When a list item that does NOT belong to the selected block from the toc tree is hovered. */
101
.wy-menu-vertical li a:hover{
102
    background-color: #A7AFFB;
103
}
104

105
/* The text items on the toc tree */
106
.wy-menu-vertical a {
107
    color: #FFFFDD;
108
    font-family: Calibre-Light, sans-serif;
109
}
110
.wy-menu-vertical header, .wy-menu-vertical p.caption{
111
    color: white;
112
    font-family: Calibre-Light, sans-serif;
113
}
114

115
/* The color inside the selected toc tree block */
116
.wy-menu-vertical li.toctree-l2 a, .wy-menu-vertical li.toctree-l3 a, .wy-menu-vertical li.toctree-l4 a {
117
    color: black;
118
}
119

120
/* Inside the depth-2 selected toc tree block */
121
.wy-menu-vertical li.toctree-l2.current>a {
122
    background-color: #B6C0FF
123
}
124
.wy-menu-vertical li.toctree-l2.current li.toctree-l3>a {
125
    background-color: #C6D0FF
126
}
127

128
/* Inside the depth-3 selected toc tree block */
129
.wy-menu-vertical li.toctree-l3.current li.toctree-l4>a{
130
    background-color: #D6E0FF
131
}
132

133
/* Inside code snippets */
134
.rst-content dl:not(.docutils) dt{
135
    font-size: 15px;
136
}
137

138
/* Links */
139
a {
140
    color: #6670FF;
141
}
142

143
/* Content bars */
144
.rst-content dl:not(.docutils) dt {
145
    background-color: rgba(251, 141, 104, 0.1);
146
    border-right: solid 2px #FB8D68;
147
    border-left: solid 2px #FB8D68;
148
    color: #FB8D68;
149
    font-family: Calibre-Light, sans-serif;
150
    border-top: none;
151
    font-style: normal !important;
152
}
153

154
/* Expand button */
155
.wy-menu-vertical li.toctree-l2 span.toctree-expand,
156
.wy-menu-vertical li.on a span.toctree-expand, .wy-menu-vertical li.current>a span.toctree-expand,
157
.wy-menu-vertical li.toctree-l3 span.toctree-expand{
158
    color: black;
159
}
160

161
/* Max window size */
162
.wy-nav-content{
163
    max-width: 1200px;
164
}
165

166
/* Mobile header */
167
.wy-nav-top{
168
    background-color: #6670FF;
169
}
170

171

172
/* Source spans */
173
.rst-content .viewcode-link, .rst-content .viewcode-back{
174
    color: #6670FF;
175
    font-size: 110%;
176
    letter-spacing: 2px;
177
    text-transform: uppercase;
178
}
179

180
/* It would be better for table to be visible without horizontal scrolling */
181
.wy-table-responsive table td, .wy-table-responsive table th{
182
    white-space: normal;
183
}
184

185
.footer {
186
    margin-top: 20px;
187
}
188

189
.footer__Social {
190
    display: flex;
191
    flex-direction: row;
192
}
193

194
.footer__CustomImage {
195
    margin: 2px 5px 0 0;
196
}
197

198
/* class and method names in doc */
199
.rst-content dl:not(.docutils) tt.descname, .rst-content dl:not(.docutils) tt.descclassname, .rst-content dl:not(.docutils) tt.descname, .rst-content dl:not(.docutils) code.descname, .rst-content dl:not(.docutils) tt.descclassname, .rst-content dl:not(.docutils) code.descclassname{
200
    font-family: Calibre, sans-serif;
201
    font-size: 20px !important;
202
}
203

204
/* class name in doc*/
205
.rst-content dl:not(.docutils) tt.descname, .rst-content dl:not(.docutils) tt.descname, .rst-content dl:not(.docutils) code.descname{
206
    margin-right: 10px;
207
    font-family: Calibre-Medium, sans-serif;
208
}
209

210
/* Method and class parameters */
211
.sig-param{
212
    line-height: 23px;
213
}
214

215
/* Class introduction "class" string at beginning */
216
.rst-content dl:not(.docutils) .property{
217
    font-size: 18px;
218
    color: black;
219
}
220

221

222
/* FONTS */
223
body{
224
    font-family: Calibre, sans-serif;
225
    font-size: 16px;
226
}
227

228
h1 {
229
    font-family: Calibre-Thin, sans-serif;
230
    font-size: 70px;
231
}
232

233
h2, .rst-content .toctree-wrapper p.caption, h3, h4, h5, h6, legend{
234
    font-family: Calibre-Medium, sans-serif;
235
}
236

237
@font-face {
238
    font-family: Calibre-Medium;
239
    src: url(./Calibre-Medium.otf);
240
    font-weight:400;
241
}
242

243
@font-face {
244
    font-family: Calibre;
245
    src: url(./Calibre-Regular.otf);
246
    font-weight:400;
247
}
248

249
@font-face {
250
    font-family: Calibre-Light;
251
    src: url(./Calibre-Light.ttf);
252
    font-weight:400;
253
}
254

255
@font-face {
256
    font-family: Calibre-Thin;
257
    src: url(./Calibre-Thin.otf);
258
    font-weight:400;
259
}
260

261
/**
262
 * Nav Links to other parts of huggingface.co
263
 */
264
 div.hf-menu {
265
    position: absolute;
266
    top: 0;
267
    right: 0;
268
    padding-top: 20px;
269
    padding-right: 20px;
270
    z-index: 1000;
271
}
272
div.hf-menu a {
273
    font-size: 14px;
274
    letter-spacing: 0.3px;
275
    text-transform: uppercase;
276
    color: white;
277
    -webkit-font-smoothing: antialiased;
278
    background: linear-gradient(0deg, #6671ffb8, #9a66ffb8 50%);
279
    padding: 10px 16px 6px 16px;
280
    border-radius: 3px;
281
    margin-left: 12px;
282
    position: relative;
283
}
284
div.hf-menu a:active {
285
    top: 1px;
286
}
287
@media (min-width: 768px) and (max-width: 1860px) {
288
    .wy-breadcrumbs {
289
        margin-top: 32px;
290
    }
291
}
292
@media (max-width: 768px) {
293
    div.hf-menu {
294
        display: none;
295
    }
296
}
297