CoCalc -- basic.css

CoCalc provides the best real-time collaborative environment for Jupyter Notebooks, LaTeX documents, and SageMath, scalable from individual users to large groups and classes!

GitHub Repository: pytorch/tutorials
Path: blob/main/_static/basic.css
Views: ⁴⁹⁴
1
/*
2
 * basic.css
3
 * ~~~~~~~~~
4
 *
5
 * Sphinx stylesheet -- basic theme.
6
 *
7
 * :copyright: Copyright 2007-2018 by the Sphinx team, see AUTHORS.
8
 * :license: BSD, see LICENSE for details.
9
 *
10
 */
11

12
/* -- main layout ----------------------------------------------------------- */
13

14
div.clearer {
15
    clear: both;
16
}
17

18
/* -- relbar ---------------------------------------------------------------- */
19

20
div.related {
21
    width: 100%;
22
    font-size: 90%;
23
}
24

25
div.related h3 {
26
    display: none;
27
}
28

29
div.related ul {
30
    margin: 0;
31
    padding: 0 0 0 10px;
32
    list-style: none;
33
}
34

35
div.related li {
36
    display: inline;
37
}
38

39
div.related li.right {
40
    float: right;
41
    margin-right: 5px;
42
}
43

44
/* -- sidebar --------------------------------------------------------------- */
45

46
div.sphinxsidebarwrapper {
47
    padding: 10px 5px 0 10px;
48
}
49

50
div.sphinxsidebar {
51
    float: left;
52
    width: 230px;
53
    margin-left: -100%;
54
    font-size: 90%;
55
    word-wrap: break-word;
56
    overflow-wrap : break-word;
57
}
58

59
div.sphinxsidebar ul {
60
    list-style: none;
61
}
62

63
div.sphinxsidebar ul ul,
64
div.sphinxsidebar ul.want-points {
65
    margin-left: 20px;
66
    list-style: square;
67
}
68

69
div.sphinxsidebar ul ul {
70
    margin-top: 0;
71
    margin-bottom: 0;
72
}
73

74
div.sphinxsidebar form {
75
    margin-top: 10px;
76
}
77

78
div.sphinxsidebar input {
79
    border: 1px solid #98dbcc;
80
    font-family: sans-serif;
81
    font-size: 1em;
82
}
83

84
div.sphinxsidebar #searchbox input[type="text"] {
85
    float: left;
86
    width: 80%;
87
    padding: 0.25em;
88
    box-sizing: border-box;
89
}
90

91
div.sphinxsidebar #searchbox input[type="submit"] {
92
    float: left;
93
    width: 20%;
94
    border-left: none;
95
    padding: 0.25em;
96
    box-sizing: border-box;
97
}
98

99

100
img {
101
    border: 0;
102
    max-width: 100%;
103
}
104

105
/* -- search page ----------------------------------------------------------- */
106

107
ul.search {
108
    margin: 10px 0 0 20px;
109
    padding: 0;
110
}
111

112
ul.search li {
113
    padding: 5px 0 5px 20px;
114
    background-image: url(file.png);
115
    background-repeat: no-repeat;
116
    background-position: 0 7px;
117
}
118

119
ul.search li a {
120
    font-weight: bold;
121
}
122

123
ul.search li div.context {
124
    color: #888;
125
    margin: 2px 0 0 30px;
126
    text-align: left;
127
}
128

129
ul.keywordmatches li.goodmatch a {
130
    font-weight: bold;
131
}
132

133
/* -- index page ------------------------------------------------------------ */
134

135
table.contentstable {
136
    width: 90%;
137
    margin-left: auto;
138
    margin-right: auto;
139
}
140

141
table.contentstable p.biglink {
142
    line-height: 150%;
143
}
144

145
a.biglink {
146
    font-size: 1.3em;
147
}
148

149
span.linkdescr {
150
    font-style: italic;
151
    padding-top: 5px;
152
    font-size: 90%;
153
}
154

155
/* -- general index --------------------------------------------------------- */
156

157
table.indextable {
158
    width: 100%;
159
}
160

161
table.indextable td {
162
    text-align: left;
163
    vertical-align: top;
164
}
165

166
table.indextable ul {
167
    margin-top: 0;
168
    margin-bottom: 0;
169
    list-style-type: none;
170
}
171

172
table.indextable > tbody > tr > td > ul {
173
    padding-left: 0em;
174
}
175

176
table.indextable tr.pcap {
177
    height: 10px;
178
}
179

180
table.indextable tr.cap {
181
    margin-top: 10px;
182
    background-color: #f2f2f2;
183
}
184

185
img.toggler {
186
    margin-right: 3px;
187
    margin-top: 3px;
188
    cursor: pointer;
189
}
190

191
div.modindex-jumpbox {
192
    border-top: 1px solid #ddd;
193
    border-bottom: 1px solid #ddd;
194
    margin: 1em 0 1em 0;
195
    padding: 0.4em;
196
}
197

198
div.genindex-jumpbox {
199
    border-top: 1px solid #ddd;
200
    border-bottom: 1px solid #ddd;
201
    margin: 1em 0 1em 0;
202
    padding: 0.4em;
203
}
204

205
/* -- domain module index --------------------------------------------------- */
206

207
table.modindextable td {
208
    padding: 2px;
209
    border-collapse: collapse;
210
}
211

212
/* -- general body styles --------------------------------------------------- */
213

214
div.body {
215
    min-width: 450px;
216
    max-width: 800px;
217
}
218

219
div.body p, div.body dd, div.body li, div.body blockquote {
220
    -moz-hyphens: auto;
221
    -ms-hyphens: auto;
222
    -webkit-hyphens: auto;
223
    hyphens: auto;
224
}
225

226
a.headerlink {
227
    visibility: hidden;
228
}
229

230
h1:hover > a.headerlink,
231
h2:hover > a.headerlink,
232
h3:hover > a.headerlink,
233
h4:hover > a.headerlink,
234
h5:hover > a.headerlink,
235
h6:hover > a.headerlink,
236
dt:hover > a.headerlink,
237
caption:hover > a.headerlink,
238
p.caption:hover > a.headerlink,
239
div.code-block-caption:hover > a.headerlink {
240
    visibility: visible;
241
}
242

243
div.body p.caption {
244
    text-align: inherit;
245
}
246

247
div.body td {
248
    text-align: left;
249
}
250

251
.first {
252
    margin-top: 0 !important;
253
}
254

255
p.rubric {
256
    margin-top: 30px;
257
    font-weight: bold;
258
}
259

260
img.align-left, .figure.align-left, object.align-left {
261
    clear: left;
262
    float: left;
263
    margin-right: 1em;
264
}
265

266
img.align-right, .figure.align-right, object.align-right {
267
    clear: right;
268
    float: right;
269
    margin-left: 1em;
270
}
271

272
img.align-center, .figure.align-center, object.align-center {
273
  display: block;
274
  margin-left: auto;
275
  margin-right: auto;
276
}
277

278
.align-left {
279
    text-align: left;
280
}
281

282
.align-center {
283
    text-align: center;
284
}
285

286
.align-right {
287
    text-align: right;
288
}
289

290
/* -- sidebars -------------------------------------------------------------- */
291

292
div.sidebar {
293
    margin: 0 0 0.5em 1em;
294
    border: 1px solid #ddb;
295
    padding: 7px 7px 0 7px;
296
    background-color: #ffe;
297
    width: 40%;
298
    float: right;
299
}
300

301
p.sidebar-title {
302
    font-weight: bold;
303
}
304

305
/* -- topics ---------------------------------------------------------------- */
306

307
div.topic {
308
    border: 1px solid #ccc;
309
    padding: 7px 7px 0 7px;
310
    margin: 10px 0 10px 0;
311
}
312

313
p.topic-title {
314
    font-size: 1.1em;
315
    font-weight: bold;
316
    margin-top: 10px;
317
}
318

319
/* -- admonitions ----------------------------------------------------------- */
320

321
div.admonition {
322
    margin-top: 10px;
323
    margin-bottom: 10px;
324
    padding: 7px;
325
}
326

327
div.admonition dt {
328
    font-weight: bold;
329
}
330

331
div.admonition dl {
332
    margin-bottom: 0;
333
}
334

335
p.admonition-title {
336
    margin: 0px 10px 5px 0px;
337
    font-weight: bold;
338
}
339

340
div.body p.centered {
341
    text-align: center;
342
    margin-top: 25px;
343
}
344

345
/* -- tables ---------------------------------------------------------------- */
346

347
table.docutils {
348
    border: 0;
349
    border-collapse: collapse;
350
}
351

352
table.align-center {
353
    margin-left: auto;
354
    margin-right: auto;
355
}
356

357
table caption span.caption-number {
358
    font-style: italic;
359
}
360

361
table caption span.caption-text {
362
}
363

364
table.docutils td, table.docutils th {
365
    padding: 1px 8px 1px 5px;
366
    border-top: 0;
367
    border-left: 0;
368
    border-right: 0;
369
    border-bottom: 1px solid #aaa;
370
}
371

372
table.footnote td, table.footnote th {
373
    border: 0 !important;
374
}
375

376
th {
377
    text-align: left;
378
    padding-right: 5px;
379
}
380

381
table.citation {
382
    border-left: solid 1px gray;
383
    margin-left: 1px;
384
}
385

386
table.citation td {
387
    border-bottom: none;
388
}
389

390
/* -- figures --------------------------------------------------------------- */
391

392
div.figure {
393
    margin: 0.5em;
394
    padding: 0.5em;
395
}
396

397
div.figure p.caption {
398
    padding: 0.3em;
399
}
400

401
div.figure p.caption span.caption-number {
402
    font-style: italic;
403
}
404

405
div.figure p.caption span.caption-text {
406
}
407

408
/* -- field list styles ----------------------------------------------------- */
409

410
table.field-list td, table.field-list th {
411
    border: 0 !important;
412
}
413

414
.field-list ul {
415
    margin: 0;
416
    padding-left: 1em;
417
}
418

419
.field-list p {
420
    margin: 0;
421
}
422

423
.field-name {
424
    -moz-hyphens: manual;
425
    -ms-hyphens: manual;
426
    -webkit-hyphens: manual;
427
    hyphens: manual;
428
}
429

430
/* -- other body styles ----------------------------------------------------- */
431

432
ol.arabic {
433
    list-style: decimal;
434
}
435

436
ol.loweralpha {
437
    list-style: lower-alpha;
438
}
439

440
ol.upperalpha {
441
    list-style: upper-alpha;
442
}
443

444
ol.lowerroman {
445
    list-style: lower-roman;
446
}
447

448
ol.upperroman {
449
    list-style: upper-roman;
450
}
451

452
dl {
453
    margin-bottom: 15px;
454
}
455

456
dd p {
457
    margin-top: 0px;
458
}
459

460
dd ul, dd table {
461
    margin-bottom: 10px;
462
}
463

464
dd {
465
    margin-top: 3px;
466
    margin-bottom: 10px;
467
    margin-left: 30px;
468
}
469

470
dt:target, span.highlighted {
471
    background-color: #fbe54e;
472
}
473

474
rect.highlighted {
475
    fill: #fbe54e;
476
}
477

478
dl.glossary dt {
479
    font-weight: bold;
480
    font-size: 1.1em;
481
}
482

483
.optional {
484
    font-size: 1.3em;
485
}
486

487
.sig-paren {
488
    font-size: larger;
489
}
490

491
.versionmodified {
492
    font-style: italic;
493
}
494

495
.system-message {
496
    background-color: #fda;
497
    padding: 5px;
498
    border: 3px solid red;
499
}
500

501
.footnote:target  {
502
    background-color: #ffa;
503
}
504

505
.line-block {
506
    display: block;
507
    margin-top: 1em;
508
    margin-bottom: 1em;
509
}
510

511
.line-block .line-block {
512
    margin-top: 0;
513
    margin-bottom: 0;
514
    margin-left: 1.5em;
515
}
516

517
.guilabel, .menuselection {
518
    font-family: sans-serif;
519
}
520

521
.accelerator {
522
    text-decoration: underline;
523
}
524

525
.classifier {
526
    font-style: oblique;
527
}
528

529
abbr, acronym {
530
    border-bottom: dotted 1px;
531
    cursor: help;
532
}
533

534
/* -- code displays --------------------------------------------------------- */
535

536
pre {
537
    overflow: auto;
538
    overflow-y: hidden;  /* fixes display issues on Chrome browsers */
539
}
540

541
span.pre {
542
    -moz-hyphens: none;
543
    -ms-hyphens: none;
544
    -webkit-hyphens: none;
545
    hyphens: none;
546
}
547

548
td.linenos pre {
549
    padding: 5px 0px;
550
    border: 0;
551
    background-color: transparent;
552
    color: #aaa;
553
}
554

555
table.highlighttable {
556
    margin-left: 0.5em;
557
}
558

559
table.highlighttable td {
560
    padding: 0 0.5em 0 0.5em;
561
}
562

563
div.code-block-caption {
564
    padding: 2px 5px;
565
    font-size: small;
566
}
567

568
div.code-block-caption code {
569
    background-color: transparent;
570
}
571

572
div.code-block-caption + div > div.highlight > pre {
573
    margin-top: 0;
574
}
575

576
div.code-block-caption span.caption-number {
577
    padding: 0.1em 0.3em;
578
    font-style: italic;
579
}
580

581
div.code-block-caption span.caption-text {
582
}
583

584
div.literal-block-wrapper {
585
    padding: 1em 1em 0;
586
}
587

588
div.literal-block-wrapper div.highlight {
589
    margin: 0;
590
}
591

592
code.descname {
593
    background-color: transparent;
594
    font-weight: bold;
595
    font-size: 1.2em;
596
}
597

598
code.descclassname {
599
    background-color: transparent;
600
}
601

602
code.xref, a code {
603
    background-color: transparent;
604
    font-weight: bold;
605
}
606

607
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
608
    background-color: transparent;
609
}
610

611
.viewcode-link {
612
    float: right;
613
}
614

615
.viewcode-back {
616
    float: right;
617
    font-family: sans-serif;
618
}
619

620
div.viewcode-block:target {
621
    margin: -1px -10px;
622
    padding: 0 10px;
623
}
624

625
/* -- math display ---------------------------------------------------------- */
626

627
img.math {
628
    vertical-align: middle;
629
}
630

631
div.body div.math p {
632
    text-align: center;
633
}
634

635
span.eqno {
636
    float: right;
637
}
638

639
span.eqno a.headerlink {
640
    position: relative;
641
    left: 0px;
642
    z-index: 1;
643
}
644

645
div.math:hover a.headerlink {
646
    visibility: visible;
647
}
648

649
/* -- printout stylesheet --------------------------------------------------- */
650

651
@media print {
652
    div.document,
653
    div.documentwrapper,
654
    div.bodywrapper {
655
        margin: 0 !important;
656
        width: 100%;
657
    }
658

659
    div.sphinxsidebar,
660
    div.related,
661
    div.footer,
662
    #top-link {
663
        display: none;
664
    }
665
}
666
CoCalc provides the best real-time collaborative environment for Jupyter Notebooks, LaTeX documents, and SageMath, scalable from individual users to large groups and classes!

Product

Resources

Company
