Auto merge of #21962 - vrinek:printable-book, r=steveklabnik
Tested on: * Safari on OSX * Firefox on OSX
This commit is contained in:
commit
0b56e9b1cb
@ -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;
|
|
||||||
}
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
"#;
|
"#;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user