actions
/
mdBook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Regenerate css

This commit is contained in:
Mathieu David 2017-02-19 11:12:38 +01:00
parent 14a28080c1
commit c88656284c
1 changed files with 6 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/theme/book.css
View File

@ -37,7 +37,7 @@ table thead td {
font-weight: 700; font-weight: 700;
} }
.sidebar { .sidebar {
position: fixed; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
@ -99,6 +99,7 @@ table thead td {
} }
.page-wrapper { .page-wrapper {
position: absolute; position: absolute;
overflow-y: auto;
left: 315px; left: 315px;
right: 0; right: 0;
top: 0; top: 0;
@ -133,14 +134,7 @@ table thead td {
left: 0; left: 0;
bottom: 0; bottom: 0;
padding-right: 15px; padding-right: 15px;
} overflow-y: auto;
@media only screen and (max-width: 400px) {
.page {
/* Only prevent horizontal scrolling on screens with less than 100px for the content
A better way would be to somehow prevent horizontal scrolling all the time, but this causes scrolling problems on iOS Safari.
Also, would be better to only enable horizontal scrolling when it is needed (content does not fit on page) but I have no idea how to do that. */
overflow-x: hidden;
}
} }
.content { .content {
margin-left: auto; margin-left: auto;
@ -163,7 +157,7 @@ table thead td {
} }
.menu-bar i { .menu-bar i {
position: relative; position: relative;
padding: 0 10px; margin: 0 10px;
z-index: 10; z-index: 10;
line-height: 50px; line-height: 50px;
-webkit-transition: color 0.5s; -webkit-transition: color 0.5s;
@ -211,7 +205,7 @@ table thead td {
font-size: 2.5em; font-size: 2.5em;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
position: fixed; position: absolute;
top: 50px /* Height of menu-bar */; top: 50px /* Height of menu-bar */;
bottom: 0; bottom: 0;
margin: 0; margin: 0;
@ -250,13 +244,7 @@ table thead td {
.nav-chapters:hover { .nav-chapters:hover {
text-decoration: none; text-decoration: none;
} }
.sidebar-hidden .previous { .previous {
left: 0;
}
.sidebar-visible .nav-chapters .previous {
left: 300px;
}
.sidebar-visible .mobile-nav-chapters .previous {
left: 0; left: 0;
} }
.next { .next {