bd9b0d29ea
* This is a built-in function of iOS Safari that didn't work because the page content was inside absolutely-positioned, scrollable divs. * The fix is to stop using absolute positioning on `.page-wrapper` and `.page`, so that the content uses static positioning and flows naturally down the page. * Consequently, `.sidebar` and `.nav-chapter` now have to use `position: fixed` in order to be positioned relative to the viewport. * This fix also enables Safari's built-in behavior of automatically hiding the top and bottom toolbars when scrolling down the page.
44 lines
650 B
Stylus
44 lines
650 B
Stylus
html, body {
|
|
font-family: "Open Sans", sans-serif
|
|
color: #333
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
code {
|
|
font-family: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
|
|
font-size: 0.875em;
|
|
}
|
|
|
|
.left {
|
|
float: left
|
|
}
|
|
|
|
.right {
|
|
float: right
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
h2, h3 { margin-top: 2.5em }
|
|
h4, h5 { margin-top: 2em }
|
|
|
|
.header + .header h3, .header + .header h4, .header + .header h5 { margin-top: 1em }
|
|
|
|
table {
|
|
margin: 0 auto;
|
|
border-collapse: collapse;
|
|
|
|
td {
|
|
padding: 3px 20px;
|
|
border: 1px solid;
|
|
}
|
|
|
|
thead {
|
|
td { font-weight: 700; }
|
|
}
|
|
}
|