Skip to content

Commit 7d846f9

Browse files
bjoernricksbjoernricks
authored
Merge pull request #807 from greenbone/sphinx-furo-theme
Improved layout and navigation for the docs
2 parents f707efd + 8e2a6e3 commit 7d846f9

File tree

10 files changed

+571
-83
lines changed

10 files changed

+571
-83
lines changed

‎docs/_static/custom.css

Lines changed: 245 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,252 @@
1+
div.document {
2+
width: 1200px;
3+
}
4+
5+
body {
6+
font-family: Helvetica, Verdana;
7+
}
8+
9+
div.body {
10+
max-width: 1200px;
11+
}
12+
13+
h1, h2, h3, h4, h5, h6 {
14+
font-weight:500;
15+
}
16+
17+
div.body h1,
18+
div.body h2,
19+
div.body h3,
20+
div.body h4,
21+
div.body h5,
22+
div.body h6 {
23+
font-family: Helvetica, Verdana;
24+
}
25+
26+
.sphinx-tabs-tab {
27+
color:var(--color-content-foreground);
28+
font-family: Helvetica, Verdana;
29+
}
30+
31+
a {
32+
color: var(--color-content-foreground);
33+
text-decoration: none;
34+
border-bottom: 1px dotted var(--color-content-foreground);
35+
}
36+
37+
a:hover {
38+
color: #11AB51;
39+
border-bottom: 1px solid var(--color-content-foreground);
40+
}
41+
42+
.related-pages a .page-info .title, .bottom-of-page a {
43+
color: var(--color-foreground-secondary);
44+
text-decoration: none;
45+
border-bottom: 1px dotted var(--color-foreground-secondary);
46+
}
47+
48+
.related-pages a:hover .page-info .title, .bottom-of-page a:hover {
49+
text-decoration: none;
50+
color: #11AB51;
51+
border-bottom: 1px solid var(--color-foreground-secondary);
52+
}
53+
54+
a.muted-link {
55+
border-bottom:0;
56+
}
57+
58+
a.muted-link:hover {
59+
border-bottom:0;
60+
color:#11AB51;
61+
}
62+
63+
a.sidebar-brand, .toctree-l1 > a.reference, .toc-tree a.reference {
64+
border-bottom: 0;
65+
}
66+
67+
.toctree-l1 > a.reference:hover, .toc-tree a.reference:hover {
68+
border-bottom: 0;
69+
color: #11AB51;
70+
}
71+
72+
.related-pages a {
73+
border-bottom:0;
74+
}
75+
76+
.related-pages a:hover {
77+
border-bottom:0;
78+
}
79+
80+
.toctree-wrapper .caption-text, .sidebar-tree .caption-text {
81+
font-size:2em;
82+
font-weight:500;
83+
color: var(--color-content-foreground);
84+
}
85+
86+
.sidebar-brand-text {
87+
text-align:left;
88+
}
89+
90+
.sidebar-search {
91+
color:var(--color-content-foreground);
92+
}
93+
94+
.sidebar-tree .toctree-l1 > .reference {
95+
color: var(--color-content-foreground);
96+
}
97+
98+
.toc-tree li.scroll-current > .reference {
99+
color: var(--color-content-foreground);
100+
}
101+
102+
.toc-tree .reference {
103+
color: var(--color-content-foreground);
104+
font-size:1.1em;
105+
}
106+
107+
.toc-title {
108+
color: var(--color-content-foreground);
109+
font-size:1.2em;
110+
}
111+
112+
div.admonition {
113+
background-color:var(--color-background-secondary);
114+
padding: 20px 20px;
115+
border-radius: 4px;
116+
}
117+
118+
.admonition.note > .admonition-title, .admonition.warning > .admonition-title, .admonition.tip > .admonition-title, .admonition.important > .admonition-title, .admonition.hint > .admonition-title {
119+
background-color:var(--color-background-secondary);
120+
font-family: Helvetica, Verdana;
121+
font-weight: bold;
122+
font-size:1em;
123+
}
124+
125+
div.body p.caption {
126+
font-size: 240%;
127+
margin-bottom: 0px;
128+
}
129+
130+
div.sphinxsidebar h3 {
131+
font-family: Helvetica, Verdana;
132+
}
133+
134+
div.sphinxsidebar a {
135+
border: 0px;
136+
}
137+
138+
div.sphinxsidebarwrapper p.description {
139+
font-size: 15px;
140+
}
141+
142+
div.sphinxsidebarwrapper h1.logo {
143+
font-size: 25px;
144+
}
145+
146+
div.sphinxsidebarwrapper h1.logo-name {
147+
margin-top:50px;
148+
}
149+
1150
div.sphinxsidebarwrapper p.description {
2-
font-size: 12px;
151+
margin-bottom: 50px;
152+
}
153+
154+
155+
div.sphinxsidebarwrapper img {
156+
max-width: 70%;
157+
}
158+
159+
.highlight-shell-session .go::before {
160+
content: ">";
161+
padding-right: 1em;
162+
}
163+
164+
.highlight pre {
165+
border-radius: 6px;
166+
font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
167+
font-size: 0.9em;
168+
line-height: 1.2;
169+
padding: 1.25rem 1.5rem;
170+
}
171+
172+
.code-block-caption {
173+
font-size:0.7em;
174+
background-color: var(--color-background-secondary);
175+
color: var(--color-foreground-primary);
176+
}
177+
178+
179+
.code-block-caption a {
180+
color:var(--color-foreground-primary);
181+
}
182+
183+
.code-block-caption a:hover {
184+
color:#11AB51;
185+
}
186+
187+
188+
div.edit-this-page > a.muted-link, svg.icon-tabler-shadow, svg.theme-icon-when-dark, svg.theme-icon-when-light {
189+
color:var(--color-content-foreground);
190+
}
191+
192+
193+
div.edit-this-page > a.muted-link:hover, svg.icon.icon-tabler.icon-tabler-copy:hover, svg.icon-tabler-shadow:hover, svg.theme-icon-when-dark:hover, svg.theme-icon-when-light:hover {
194+
color:#11AB51;
195+
}
196+
197+
.highlight {
198+
background-color: var(--color-code-background);
199+
color:var(--color-code-foreground);
200+
}
201+
202+
.highlight button.copybtn {
203+
background-color:transparent;
204+
}
205+
206+
.highlight button.copybtn:hover {
207+
background-color:transparent;
208+
}
209+
210+
211+
svg.icon.icon-tabler.icon-tabler-copy {
212+
color: var(--color-code-foreground);
213+
214+
}
215+
216+
.highlight .go {
217+
color: var(--color-code-foreground);
218+
font-weight: normal;
219+
}
220+
221+
.highlight .l {
222+
color: var(--color-code-foreground);
3223
}
4224

5225
#contents.toc {
6226
background-color: #ffffff;
7227
border: none;
8228
}
229+
230+
.back-to-top {
231+
background-color:var(--color-background-secondary);
232+
}
233+
234+
div.topic {
235+
border-radius: 4px;
236+
}
237+
238+
div.topic a.reference.internal {
239+
border: 0px;
240+
}
241+
242+
div.toctree-wrapper.compound a.reference.internal {
243+
border: 0px;
244+
}
245+
246+
#indices-and-tables a.reference.internal {
247+
border: 0px;
248+
}
249+
250+
.sidebar-logo {
251+
max-width: 70%;
252+
}

0 commit comments

Comments
 (0)