Skip to content

Commit cc76ebe

Browse files
committed
hackrtd.css
1 parent bb80731 commit cc76ebe

File tree

2 files changed

+120
-0
lines changed

2 files changed

+120
-0
lines changed

docs/source/_static/hackrtd.css

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
/* Temporary hack to work around bug in rtd theme 2.0 through 2.4
2+
See https://github.com/rtfd/sphinx_rtd_theme/pull/382
3+
*/
4+
pre {
5+
line-height: normal !important;
6+
}
7+
8+
/* Make .. deprecation:: blocks visible
9+
* (by default they're entirely unstyled)
10+
*/
11+
.deprecated {
12+
background-color: #ffe13b;
13+
}
14+
15+
/* Add a snakey triskelion ornament to <hr>
16+
* https://stackoverflow.com/questions/8862344/css-hr-with-ornament/18541258#18541258
17+
* but only do it to <hr>s in the content box, b/c the RTD popup control panel
18+
* thingummy also has an <hr> in it, and putting the ornament on that looks
19+
* *really weird*. (In particular, the background color is wrong.)
20+
*/
21+
.rst-content hr:after {
22+
/* This .svg gets displayed on top of the middle of the hrule. It has a box
23+
* behind the logo that's colored to match the RTD theme body background
24+
* color (#fcfcfc), which hides the middle part of the hrule to make it
25+
* look like there's a gap in it. The size of the box determines the size
26+
* of the gap.
27+
*/
28+
background: url('ornament.svg') no-repeat top center;
29+
background-size: contain;
30+
content: "";
31+
display: block;
32+
height: 30px;
33+
position: relative;
34+
top: -15px;
35+
}
36+
37+
/* Hacks to make the upper-left logo area look nicer */
38+
39+
.wy-side-nav-search {
40+
/* Lighter background color to match logo */
41+
background-color: #d2e7fa !important;
42+
}
43+
44+
.wy-side-nav-search > a {
45+
color: #306998 !important;
46+
}
47+
48+
.wy-side-nav-search > a.logo {
49+
display: block !important;
50+
padding-bottom: 0.809em !important;
51+
}
52+
53+
.wy-side-nav-search > a img.logo {
54+
display: inline !important;
55+
padding: 0 !important;
56+
}
57+
58+
.trio-version {
59+
display: inline;
60+
/* I *cannot* figure out how to get the version text vertically centered
61+
on the logo. Oh well...
62+
height: 32px;
63+
line-height: 32px;
64+
*/
65+
}
66+
67+
.wy-side-nav-search > a {
68+
/* Mostly this is just to simplify things, so we don't have margin/padding
69+
* on both the <a> and the <img> inside it */
70+
margin: 0 !important;
71+
padding: 0 !important;
72+
}
73+
74+
/* Get rid of the weird super dark "Contents" label that wastes vertical space
75+
*/
76+
.wy-menu-vertical > p.caption {
77+
display: none !important;
78+
}
79+
80+
/* I do not like RTD's use of Roboto Slab for headlines. So force it back to
81+
* Lato (or whatever fallback it's using if Lato isn't available for some
82+
* reason). I also experimented with using Montserrat to be extra obnoxiously
83+
* on brand, but honestly you couldn't really tell so there wasn't much point
84+
* in adding page weight for that, and this is going to match the body text
85+
* better. (Montserrat for body text *definitely* didn't look good, alas.)
86+
*/
87+
h1, h2, h3, h4, h5, h6, legend, .rst-content .toctree-wrapper p.caption {
88+
font-family: inherit !important;
89+
}
90+
91+
/* Get rid of the horrible red for literal content */
92+
.rst-content tt.literal, .rst-content tt.literal, .rst-content code.literal {
93+
color: #222 !important;
94+
}
95+
96+
/* Style the "Need help?" text just underneath the search box */
97+
.trio-help-hint {
98+
line-height: normal;
99+
margin-bottom: 0;
100+
/* font-size: 12px; */
101+
font-size: 80%; /* matches the "Search docs" box */
102+
padding-top: 6px;
103+
color: #306998;
104+
text-align: center;
105+
}
106+
107+
a.trio-help-hint, .trio-help-hint a:link, .trio-help-hint a:visited {
108+
color: inherit;
109+
/* Like text-decoration: underline, but with a thinner line */
110+
text-decoration: none;
111+
border-bottom: 1px solid;
112+
}

docs/source/conf.py

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,14 @@
4242
("py:obj", "bytes-like"),
4343
]
4444

45+
# XX hack the RTD theme until
46+
# https://github.com/rtfd/sphinx_rtd_theme/pull/382
47+
# is shipped (should be in the release after 0.2.4)
48+
# ...note that this has since grown to contain a bunch of other CSS hacks too
49+
# though.
50+
def setup(app):
51+
app.add_css_file("hackrtd.css")
52+
4553
# -- General configuration ------------------------------------------------
4654

4755
# If your documentation needs a minimal Sphinx version, state it here.

0 commit comments

Comments
 (0)