/
custom.css
130 lines (109 loc) · 2.34 KB
/
custom.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
/* Custom css for the Sphinx theme in NAV */
a,
a:hover,
a:focus,
a:visited,
.alert a,
.alert .alert-link {
color: #1f74ad;
}
.wy-menu a:visited,
.wy-menu-vertical a:visited,
.wy-menu a:hover,
.wy-menu-vertical a:hover {
color: #d9d9d9;
}
/* Show the logo on mobile exactly like on big screen */
.wy-nav-top > a img.logo {
display: block;
margin: 0 auto;
height: auto;
width: auto;
border-radius: 0;
max-width: 100%;
background: transparent;
}
img {
margin-bottom: 1em;
}
footer {
margin-top: 2em;
color: #575757;
}
/* When people creates documentation they usually end up with a big honking list
of h3's. This makes it very hard to separate the different sections, and adding
this border helps a lot with that. That and I always wanted to make a css style
that used some form of pink in a not horrific way, and it worked! */
h3 {
border-bottom: 1px solid lightpink;
}
/* Override the red color and background for code elements */
code {
color: #2c3e50;
background-color: #ecf0f1;
}
/* Contrast for pre elements was to small. */
pre {
color: #2c3e50;
background: #ecf0f1;
}
/* The following overrides the admonition colors. They all pass the WCAG 2.0
level AA test for contrast */
/* This covers the admonitions 'note', 'attention', 'hint', 'important' and 'tip' */
.alert-info {
color: #2a617d;
background-color: #d9edf7;
}
/* This covers the admonitions 'warning' and 'caution' */
.alert-warning {
color: #9f5000;
background-color: #feefb3;
}
/* This covers the admonitions 'alert' and 'danger' */
.alert-danger {
color: #a73a00;
background-color: #f2dede;
}
/* Definition list */
dl {
overflow: auto;
}
dt {
clear: left;
float: left;
text-align: right;
width: 14rem;
}
dt:after {
content: ":";
}
dd {
margin-top: 0;
margin-left: 15rem;
}
/* Autogenerated classes use definition lists. Override for them */
.class dt {
clear: none;
float: none;
text-align: initial;
width: auto;
}
.class dd {
margin-left: auto;
}
.class dt:after {
content: initial;
}
/* Highlight versionadded more */
p.versionadded {
background-color: lightsteelblue;
display: inline-block;
font-size: 1.3rem;
padding: 0.2em 0.5em;
}
.guilabel {
background-color: #ecf0f1;
padding: 2px 4px;
font-size: 90%;
border-radius: 3px;
}