mirror of
https://github.com/encode/django-rest-framework.git
synced 2025-07-04 12:23:17 +03:00
[docs] Spacing tweaks when getting responsive.
This commit is contained in:
parent
6d7d70c1c0
commit
30dedc95e5
42
docs/static/css/drf-styles.css
vendored
42
docs/static/css/drf-styles.css
vendored
|
@ -1,8 +1,39 @@
|
||||||
|
/* Set the body padding-top when above 980px to push the content down from
|
||||||
|
below the navbar, which is fixed at >980px screen widths. */
|
||||||
|
@media (min-width: 980px) {
|
||||||
|
body {
|
||||||
|
padding-top: 71px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
padding-top: 60px;
|
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Preserve the spacing of the navbar across different screen sizes. */
|
||||||
|
.navbar-inner {
|
||||||
|
padding: 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 979px) {
|
||||||
|
.navbar .brand {
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
.navbar-inner .container-fluid {
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.nav-list li.main {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Set the table of contents to static so it flows back into the content when
|
/* Set the table of contents to static so it flows back into the content when
|
||||||
viewed on tablets and smaller. */
|
viewed on tablets and smaller. */
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
|
@ -11,10 +42,15 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-list li.main {
|
/* When the page is in two-column layout, give the main content some room
|
||||||
font-weight: bold;
|
to breath on the left. */
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
#main-content {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
font-family: Georgia, serif;
|
font-family: Georgia, serif;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
|
|
@ -92,7 +92,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="span9">
|
<div id="main-content" class="span9">
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div><!--/span-->
|
</div><!--/span-->
|
||||||
</div><!--/row-->
|
</div><!--/row-->
|
||||||
|
|
Loading…
Reference in New Issue
Block a user