RunasSudo/PointsOfOrder
1
Fork 0
Code Issues Pull Requests Activity

Tweak sidebar, footers, etc.

Browse Source
This commit is contained in:
RunasSudo 2021-02-24 23:16:33 +11:00
parent ffc33eb8bb
commit 718cfc726f
Signed by: RunasSudo
GPG Key ID: 7234E476BF21C61A
2 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
_static/custom_html.css
View File

@ -127,6 +127,7 @@ div.sphinxsidebarwrapper div.logo img.logo {
/* Footer(s) */ /* Footer(s) */
div.pre-footer { div.pre-footer {
margin: 20px auto 0 auto;
padding: 4px; padding: 4px;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
@ -137,16 +138,6 @@ div.pre-footer a {
color: #444; color: #444;
} }
div.pre-footer-wide {
width: 940px;
margin: 20px auto 0 auto;
}
div.pre-footer-narrow {
display: none;
margin: 30px auto 0 auto;
}
/* Fix display on very narrow screens */ /* Fix display on very narrow screens */
div.body { div.body {
@ -168,19 +159,30 @@ div.body {
left: -3.2rem; left: -3.2rem;
} }
/* Sidebar text colour */ /* Sidebar */
div.sphinxsidebar {
/* Use alternative way of calculating width/position to avoid white bar at right side */
position: absolute;
width: 100%;
box-sizing: border-box;
left: 0;
margin-left: 0;
}
div.sphinxsidebar ul { div.sphinxsidebar ul {
color: #fff; color: #fff;
} }
/* Footer(s) */
div.pre-footer-wide {
display: none;
} }
div.pre-footer-narrow {
display: block; @media screen and (min-width: 875px) {
/* Use alternative calculations: fix sidebar display in combination with .nav-page-holder */
div.sphinxsidebar {
position: absolute;
top: 30px;
left: calc(50% - 470px);
margin-left: 0;
} }
} }

8
potheme_html/layout.html
View File

@ -3,7 +3,9 @@
{%- block document %} {%- block document %}
{{ super() }} {{ super() }}
<div class="pre-footer pre-footer-narrow"> <div style="clear:both;"></div> {# Fix interaction with floating .sphinxsidebar #}
<div class="pre-footer">
<a href="https://gumroad.com/l/KErDHC">Buy the ebook: Pay what you want</a> <a href="https://gumroad.com/l/KErDHC">Buy the ebook: Pay what you want</a>
</div> </div>
@ -18,10 +20,6 @@
{%- endblock %} {%- endblock %}
{%- block footer %} {%- block footer %}
<div class="pre-footer pre-footer-wide">
<a href="https://gumroad.com/l/KErDHC">Buy the ebook: Pay what you want</a>
</div>
<div class="footer"> <div class="footer">
Edition {{ release }} | Copyright &copy; {{ copyright }} | <a href="introduction.html#copyright">CC BY-SA 4.0 / GFDL 1.3</a> Edition {{ release }} | Copyright &copy; {{ copyright }} | <a href="introduction.html#copyright">CC BY-SA 4.0 / GFDL 1.3</a>
{%- if show_source and has_source and sourcename %} {%- if show_source and has_source and sourcename %}