Files
django-anymail/docs/_static/anymail-theme.css
medmunds 6c8a779ce1 Docs: add inline search form on help page
Referring to "the search docs box on the left"
doesn't make sense on mobile (which hides search
in the hamburger menu). Instead, just include
a search form at that point in the (html) docs.
2021-01-26 13:55:17 -08:00

59 lines
1.8 KiB
CSS

/* Anymail modifications to sphinx-rtd-theme styles */
/* Sticky table first column (used for ESP feature matrix) */
table.sticky-left td:first-of-type,
table.sticky-left th:first-of-type {
position: sticky;
left: 0;
background-color: #fcfcfc; /* override transparent from .wy-table td */
}
table.sticky-left td:first-of-type[colspan] > p,
table.sticky-left th:first-of-type[colspan] > p {
/* Hack: the full-width <td colspan=N> section headers can't stick left;
since those always wrap a rubric <p> (in the specific table that uses this),
just make the <p> sticky within the <td>. */
display: inline-block;
position: sticky;
left: 17px; /* (.wy-table $table-padding-size) + (docutils border="1" in html) */
}
/* Show code cross-reference links as clickable $link-color (blue).
Sphinx-rtd-theme usually wants `.rst-content a code` to be $link-color [1], but has
a more specific rule setting `.rst-content a code.xref` to $text-codexref-color,
bold [2]. And $text-codexref-color is $text-color (black).
This makes code.xref's inside an <a> use standard link coloring instead.
[1]: https://github.com/rtfd/sphinx_rtd_theme/blob/0.4.2/sass/_theme_rst.sass#L293-L294
[2]: https://github.com/rtfd/sphinx_rtd_theme/blob/0.4.2/sass/_theme_rst.sass#L287-L289
Related: https://github.com/rtfd/sphinx_rtd_theme/issues/153
https://github.com/rtfd/sphinx_rtd_theme/issues/92
*/
.rst-content a code.xref {
color: inherit;
/*font-weight: inherit;*/
}
.rst-content a:hover code.xref {
color: inherit;
}
.rst-content a:visited code.xref {
color: inherit;
}
/* Inline search forms (Anymail addition) */
.anymail-inline-search-form {
margin-top: -1em;
margin-bottom: 1em;
}
.anymail-inline-search-form input[type=search] {
width: 280px;
max-width: 100%;
border-radius: 50px;
padding: 6px 12px;
}