Auto merge of #21962 - vrinek:printable-book, r=steveklabnik

Tested on:

* Safari on OSX
* Firefox on OSX
This commit is contained in:
bors 2015-02-06 13:57:11 +00:00
commit 0b56e9b1cb
2 changed files with 47 additions and 100 deletions

View File

@ -1,59 +0,0 @@
@import url("//static.rust-lang.org/doc/master/rust.css");
body {
max-width:none;
}
#toc {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 250px;
overflow-y: auto;
border-right: 1px solid rgba(0, 0, 0, 0.07);
padding: 10px 10px;
font-size: 16px;
background: none repeat scroll 0% 0% #FFF;
box-sizing: border-box;
}
#page-wrapper {
position: absolute;
overflow-y: auto;
left: 260px;
right: 0px;
top: 0px;
bottom: 0px;
box-sizing: border-box;
background: none repeat scroll 0% 0% #FFF;
}
#page {
margin-left: auto;
margin-right:auto;
width: 750px;
}
.chapter {
list-style: none outside none;
padding-left: 0px;
line-height: 30px;
}
.section {
list-style: none outside none;
padding-left: 20px;
line-height: 30px;
}
.section li {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.chapter li a {
color: #000000;
}

View File

@ -17,31 +17,55 @@ body {
max-width:none;
}
#toc {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 250px;
overflow-y: auto;
border-right: 1px solid rgba(0, 0, 0, 0.07);
padding: 10px 10px;
font-size: 16px;
background: none repeat scroll 0% 0% #FFF;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
@media only screen {
#toc {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 250px;
overflow-y: auto;
border-right: 1px solid rgba(0, 0, 0, 0.07);
padding: 10px 10px;
font-size: 16px;
background: none repeat scroll 0% 0% #FFF;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}
#page-wrapper {
position: absolute;
overflow-y: auto;
left: 260px;
right: 0px;
top: 0px;
bottom: 0px;
box-sizing: border-box;
background: none repeat scroll 0% 0% #FFF;
-webkit-overflow-scrolling: touch;
}
}
#page-wrapper {
position: absolute;
overflow-y: auto;
left: 260px;
right: 0px;
top: 0px;
bottom: 0px;
box-sizing: border-box;
background: none repeat scroll 0% 0% #FFF;
-webkit-overflow-scrolling: touch;
@media only print {
#toc, #nav {
display: none;
}
}
@media only screen and (max-width: 1060px) {
#toc {
width: 100%;
margin-right: 0;
top: 40px;
}
#page-wrapper {
top: 40px;
left: 15px;
padding-right: 15px;
}
.mobile-hidden {
display: none;
}
}
#page {
@ -73,23 +97,6 @@ body {
color: #000000;
}
@media only screen and (max-width: 1060px) {
#toc {
width: 100%;
margin-right: 0;
top: 40px;
}
#page-wrapper {
top: 40px;
left: 15px;
padding-right: 15px;
}
.mobile-hidden {
display: none;
}
}
#toggle-nav {
height: 20px;
width: 30px;
@ -133,5 +140,4 @@ body {
.right {
float: right;
}
"#;