pydis_site/static/css/content/page.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134

.breadcrumb-section {
    padding: 1rem;
}

#edit-on-github {
    margin-left: 1rem;
}

@media (max-width: 600px) {
    #edit-on-github {
        display: none;
    }

   .dropdown-menu {
        left: unset;
        right: 0;
    }
}

i.has-icon-padding {
    padding: 0 10px 25px 0;
}

.card.github-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

[data-theme="dark"] .card.github-card {
    border: solid 1px #4E4F51;
}

[data-theme="dark"] .card-footer {
    border-top: solid 1px #4E4F51;
}

[data-theme="dark"] .card-footer-item:not(:last-child) {
    border-right: solid 1px #4E4F51;
}

.card.github-card .card-content {
    flex: 1;
}
/*
 * Move padding padding from <pre> tag to hljs <code> tags so the padding
 * space is colored the same as the background of hljs <code> blocks.
 */
.content pre {
    padding: 0;
}

code.hljs {
    padding: 1.75em 2em;
}

/*
 * Show header permalink on hover.
 */
.headerlink {
    display: none;
    padding-left: 0.5em;
}

:is(h1, h2, h3, h4, h5, h6):hover > .headerlink {
    display: inline;
}

/*
 * Display <em> tags immediately following <img> tags like figure subcaptions.
 * Note: There must not be a newline between the image and the italicized line
 * for this to work. Otherwise, it's regular markdown.
 *
 * Image caption:
 *
 * ![Title](Source)
 * *This is my caption.*
 *
 */
img + em {
    /* Place the caption on it's own line */
    display: block;
    white-space: pre;

    /* Style */
    font-size: .875em;
}

/*
 * Remove extra padding on the left of TOC items
 */
ul.menu-list.toc {
    margin-left: 0;
}

/*
 * Remove bullets set by the markdown extension, since bulma adds vertical
 * lines to represent nesting
 */
.toc li {
    list-style-type: none;
}
/* ..but we still want bullets on the top <ul> items */
.toc > ul > li {
    list-style-type: disc;
}

/*
 * Increase space between images and any text above the image in a list.
 * This is used instead of a newline between the image and the text in markdown
 * so the image remains left-aligned with the list item.
 */
li img {
    margin-top: 0.5em;
}

.dropdown-menu {
    min-width: 15rem;
}

a.dropdown-item {
    white-space: normal;
    padding-right: 0;
}

[data-theme="dark"] hr {
    background-color: #4c515a;
}

[data-theme="dark"] .has-dark-mode-background {
    background-color: #EDEDED;
    border-radius: .1rem;
    padding: .3rem;
}