docs: Remove margin entirely on small screens

This removes the margin with the background gradient and such
completely once the screen falls under 700px. In those cases we really
don't want to waste space, and having just a weird blue bit above the
docs looks weirder than not having anything.
This commit is contained in:
Fabian Homborg 2021-01-04 21:51:13 +01:00
parent 0507b046ef
commit cb9029944e

View File

@ -59,7 +59,8 @@ div.sphinxsidebar {
float: none;
}
/* On screens that are less than 700px wide remove the sidebar */
/* On screens that are less than 700px wide remove anything non-essential
- the sidebar, the gradient background, ... */
@media screen and (max-width: 700px) {
div.sphinxsidebar {
width: 100%;
@ -68,6 +69,13 @@ div.sphinxsidebar {
}
div.content {margin-left: 0;}
div.bodywrapper { margin: 0; }
div#fmain {
border-radius: 0px;
margin: 0;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
}
}
div.sphinxsidebar h3, div.sphinxsidebar h4 {