encode/django-rest-framework
1
1
Fork 0
mirror of https://github.com/encode/django-rest-framework.git synced 2024-11-26 11:33:59 +03:00
Code Issues Packages Projects Releases Wiki Activity

[docs] Spacing tweaks when getting responsive.

Browse Source
This commit is contained in:
Alec Perkins 2012-09-07 13:52:44 -04:00
parent 6d7d70c1c0
commit 30dedc95e5
2 changed files with 40 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
docs/static/css/drf-styles.css vendored
View File

@ -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 {
padding-top: 60px;
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
viewed on tablets and smaller. */
@media (max-width: 767px) {
@ -11,10 +42,15 @@ body {
}
}
.nav-list li.main {
font-weight: bold;
/* When the page is in two-column layout, give the main content some room
to breath on the left. */
@media (min-width: 768px) {
#main-content {
padding-left: 1em;
}
}
blockquote {
font-family: Georgia, serif;
font-size: 18px;

2
docs/template.html
View File

@ -92,7 +92,7 @@
</div>
</div>
<div class="span9">
<div id="main-content" class="span9">
{{ content }}
</div><!--/span-->
</div><!--/row-->