Diff of /docs/pkgdown.css [000000] .. [efa494]

Switch to unified view

a b/docs/pkgdown.css
1
/* Sticky footer */
2
3
/**
4
 * Basic idea: https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
5
 * Details: https://github.com/philipwalton/solved-by-flexbox/blob/master/assets/css/components/site.css
6
 *
7
 * .Site -> body > .container
8
 * .Site-content -> body > .container .row
9
 * .footer -> footer
10
 *
11
 * Key idea seems to be to ensure that .container and __all its parents__
12
 * have height set to 100%
13
 *
14
 */
15
16
html, body {
17
  height: 100%;
18
}
19
20
body {
21
  position: relative;
22
}
23
24
body > .container {
25
  display: flex;
26
  height: 100%;
27
  flex-direction: column;
28
}
29
30
body > .container .row {
31
  flex: 1 0 auto;
32
}
33
34
footer {
35
  margin-top: 45px;
36
  padding: 35px 0 36px;
37
  border-top: 1px solid #e5e5e5;
38
  color: #666;
39
  display: flex;
40
  flex-shrink: 0;
41
}
42
footer p {
43
  margin-bottom: 0;
44
}
45
footer div {
46
  flex: 1;
47
}
48
footer .pkgdown {
49
  text-align: right;
50
}
51
footer p {
52
  margin-bottom: 0;
53
}
54
55
img.icon {
56
  float: right;
57
}
58
59
img {
60
  max-width: 100%;
61
}
62
63
/* Fix bug in bootstrap (only seen in firefox) */
64
summary {
65
  display: list-item;
66
}
67
68
/* Typographic tweaking ---------------------------------*/
69
70
.contents .page-header {
71
  margin-top: calc(-60px + 1em);
72
}
73
74
dd {
75
  margin-left: 3em;
76
}
77
78
/* Section anchors ---------------------------------*/
79
80
a.anchor {
81
  margin-left: -30px;
82
  display:inline-block;
83
  width: 30px;
84
  height: 30px;
85
  visibility: hidden;
86
87
  background-image: url(./link.svg);
88
  background-repeat: no-repeat;
89
  background-size: 20px 20px;
90
  background-position: center center;
91
}
92
93
.hasAnchor:hover a.anchor {
94
  visibility: visible;
95
}
96
97
@media (max-width: 767px) {
98
  .hasAnchor:hover a.anchor {
99
    visibility: hidden;
100
  }
101
}
102
103
104
/* Fixes for fixed navbar --------------------------*/
105
106
.contents h1, .contents h2, .contents h3, .contents h4 {
107
  padding-top: 60px;
108
  margin-top: -40px;
109
}
110
111
/* Navbar submenu --------------------------*/
112
113
.dropdown-submenu {
114
  position: relative;
115
}
116
117
.dropdown-submenu>.dropdown-menu {
118
  top: 0;
119
  left: 100%;
120
  margin-top: -6px;
121
  margin-left: -1px;
122
  border-radius: 0 6px 6px 6px;
123
}
124
125
.dropdown-submenu:hover>.dropdown-menu {
126
  display: block;
127
}
128
129
.dropdown-submenu>a:after {
130
  display: block;
131
  content: " ";
132
  float: right;
133
  width: 0;
134
  height: 0;
135
  border-color: transparent;
136
  border-style: solid;
137
  border-width: 5px 0 5px 5px;
138
  border-left-color: #cccccc;
139
  margin-top: 5px;
140
  margin-right: -10px;
141
}
142
143
.dropdown-submenu:hover>a:after {
144
  border-left-color: #ffffff;
145
}
146
147
.dropdown-submenu.pull-left {
148
  float: none;
149
}
150
151
.dropdown-submenu.pull-left>.dropdown-menu {
152
  left: -100%;
153
  margin-left: 10px;
154
  border-radius: 6px 0 6px 6px;
155
}
156
157
/* Sidebar --------------------------*/
158
159
#pkgdown-sidebar {
160
  margin-top: 30px;
161
  position: -webkit-sticky;
162
  position: sticky;
163
  top: 70px;
164
}
165
166
#pkgdown-sidebar h2 {
167
  font-size: 1.5em;
168
  margin-top: 1em;
169
}
170
171
#pkgdown-sidebar h2:first-child {
172
  margin-top: 0;
173
}
174
175
#pkgdown-sidebar .list-unstyled li {
176
  margin-bottom: 0.5em;
177
}
178
179
/* bootstrap-toc tweaks ------------------------------------------------------*/
180
181
/* All levels of nav */
182
183
nav[data-toggle='toc'] .nav > li > a {
184
  padding: 4px 20px 4px 6px;
185
  font-size: 1.5rem;
186
  font-weight: 400;
187
  color: inherit;
188
}
189
190
nav[data-toggle='toc'] .nav > li > a:hover,
191
nav[data-toggle='toc'] .nav > li > a:focus {
192
  padding-left: 5px;
193
  color: inherit;
194
  border-left: 1px solid #878787;
195
}
196
197
nav[data-toggle='toc'] .nav > .active > a,
198
nav[data-toggle='toc'] .nav > .active:hover > a,
199
nav[data-toggle='toc'] .nav > .active:focus > a {
200
  padding-left: 5px;
201
  font-size: 1.5rem;
202
  font-weight: 400;
203
  color: inherit;
204
  border-left: 2px solid #878787;
205
}
206
207
/* Nav: second level (shown on .active) */
208
209
nav[data-toggle='toc'] .nav .nav {
210
  display: none; /* Hide by default, but at >768px, show it */
211
  padding-bottom: 10px;
212
}
213
214
nav[data-toggle='toc'] .nav .nav > li > a {
215
  padding-left: 16px;
216
  font-size: 1.35rem;
217
}
218
219
nav[data-toggle='toc'] .nav .nav > li > a:hover,
220
nav[data-toggle='toc'] .nav .nav > li > a:focus {
221
  padding-left: 15px;
222
}
223
224
nav[data-toggle='toc'] .nav .nav > .active > a,
225
nav[data-toggle='toc'] .nav .nav > .active:hover > a,
226
nav[data-toggle='toc'] .nav .nav > .active:focus > a {
227
  padding-left: 15px;
228
  font-weight: 500;
229
  font-size: 1.35rem;
230
}
231
232
/* orcid ------------------------------------------------------------------- */
233
234
.orcid {
235
  font-size: 16px;
236
  color: #A6CE39;
237
  /* margins are required by official ORCID trademark and display guidelines */
238
  margin-left:4px;
239
  margin-right:4px;
240
  vertical-align: middle;
241
}
242
243
/* Reference index & topics ----------------------------------------------- */
244
245
.ref-index th {font-weight: normal;}
246
247
.ref-index td {vertical-align: top; min-width: 100px}
248
.ref-index .icon {width: 40px;}
249
.ref-index .alias {width: 40%;}
250
.ref-index-icons .alias {width: calc(40% - 40px);}
251
.ref-index .title {width: 60%;}
252
253
.ref-arguments th {text-align: right; padding-right: 10px;}
254
.ref-arguments th, .ref-arguments td {vertical-align: top; min-width: 100px}
255
.ref-arguments .name {width: 20%;}
256
.ref-arguments .desc {width: 80%;}
257
258
/* Nice scrolling for wide elements --------------------------------------- */
259
260
table {
261
  display: block;
262
  overflow: auto;
263
}
264
265
/* Syntax highlighting ---------------------------------------------------- */
266
267
pre {
268
  word-wrap: normal;
269
  word-break: normal;
270
  border: 1px solid #eee;
271
}
272
273
pre, code {
274
  background-color: #f8f8f8;
275
  color: #333;
276
}
277
278
pre code {
279
  overflow: auto;
280
  word-wrap: normal;
281
  white-space: pre;
282
}
283
284
pre .img {
285
  margin: 5px 0;
286
}
287
288
pre .img img {
289
  background-color: #fff;
290
  display: block;
291
  height: auto;
292
}
293
294
code a, pre a {
295
  color: #375f84;
296
}
297
298
a.sourceLine:hover {
299
  text-decoration: none;
300
}
301
302
.fl      {color: #1514b5;}
303
.fu      {color: #000000;} /* function */
304
.ch,.st  {color: #036a07;} /* string */
305
.kw      {color: #264D66;} /* keyword */
306
.co      {color: #888888;} /* comment */
307
308
.message { color: black;   font-weight: bolder;}
309
.error   { color: orange;  font-weight: bolder;}
310
.warning { color: #6A0366; font-weight: bolder;}
311
312
/* Clipboard --------------------------*/
313
314
.hasCopyButton {
315
  position: relative;
316
}
317
318
.btn-copy-ex {
319
  position: absolute;
320
  right: 0;
321
  top: 0;
322
  visibility: hidden;
323
}
324
325
.hasCopyButton:hover button.btn-copy-ex {
326
  visibility: visible;
327
}
328
329
/* headroom.js ------------------------ */
330
331
.headroom {
332
  will-change: transform;
333
  transition: transform 200ms linear;
334
}
335
.headroom--pinned {
336
  transform: translateY(0%);
337
}
338
.headroom--unpinned {
339
  transform: translateY(-100%);
340
}
341
342
/* mark.js ----------------------------*/
343
344
mark {
345
  background-color: rgba(255, 255, 51, 0.5);
346
  border-bottom: 2px solid rgba(255, 153, 51, 0.3);
347
  padding: 1px;
348
}
349
350
/* vertical spacing after htmlwidgets */
351
.html-widget {
352
  margin-bottom: 10px;
353
}
354
355
/* fontawesome ------------------------ */
356
357
.fab {
358
    font-family: "Font Awesome 5 Brands" !important;
359
}
360
361
/* don't display links in code chunks when printing */
362
/* source: https://stackoverflow.com/a/10781533 */
363
@media print {
364
  code a:link:after, code a:visited:after {
365
    content: "";
366
  }
367
}