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