@font-face {
font-family:denmark;
src:url('../font/denmark.woff') format('woff'), url('../font/denmark.ttf') format('truetype');
}
#___gcse_0 .gsc-control-cse {
margin-bottom:10px;
}
#___gcse_0 .gsc-control-cse {
padding:0;
}
#___gcse_0 .gsc-input-box {
min-width:160px;
max-width:320px;
}
#___gcse_0 .gsc-search-button {
display:none;
}
a:link {
color:blue;
}
a:visited {
color:blue;
}
a:hover {
color:red;
}
a:active {
color:red;
}
body {
background-color:white;
color:black;
font-family:sans-serif;
max-width:685px;
margin-left:auto;
margin-right:auto;
}
div.relative {
position:relative;
}
#boost-logo {
margin-right:5px;
vertical-align:-25%;
}
@media (min-width:980px) {
#boost-logo {
position:absolute;
left:-197px;
width:192px;
height:192px;
margin-right:0;
vertical-align:0;
}
}
a.twitter {
float:right;
display:inline-block;
}
img.twitter {
vertical-align:-5%;
}
.toc, .preface, .part, .chapter, .sect1, .index {
font-size:1em;
line-height:1.6em;
}
@media (min-width:500px) {
.book ul.toc {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
}
}
p.copyright {
font-size:0.8em;
}
div.legalnotice {
font-size:0.8em;
line-height:1.4em;
color:grey;
}
.ad {
display:block;
}
.ad .title {
font-size:1.5em;
font-weight:bold;
color:blue;
margin-bottom:0px;
}
.ad .url {
color:green;
}
.ad .content {
margin-top:5px;
}
.ad .content table {
font-size:1em;
color:#808080;
line-height:1.4em;
}
header {
border-bottom:1px solid #efefef;
}
header a {
font-family:denmark;
font-size:1em;
line-height:1.6em;
color:blue;
text-decoration:none;
}
nav {
margin-top:10px;
font-size:0.8em;
line-height:1.5em;
white-space:nowrap;
}
@media (min-width:950px) {
nav {
border-left:1px solid #efefef;
padding-left:20px;
position:absolute;
left:710px;
}
body > div > nav {
top:90px;
}
div.exercises {
position:relative;
}
div.exercises nav {
top:-5px;
}
}
nav a {
text-decoration:none;
}
nav ul:first-child {
margin:0;
margin-bottom:10px;
}
nav ul {
list-style-type:none;
padding:0;
margin:0;
margin-left:10px;
}
h1 {
font-size:2em;
font-family:denmark;
}
h3 {
font-size:1em;
}
div.example {
border-bottom:1px solid #efefef;
}
div.example-title {
background-color:#efefef;
padding:2px 6px;
}
div.informalexample {
border-top:1px solid #efefef;
border-bottom:1px solid #efefef;
margin-top:16px;
margin-bottom:16px;
}
div.example .hljs, div.informalexample .hljs {
padding:0;
overflow-y:hidden;
}
pre {
font-family:"Consolas",monospace;
margin:12px 0px;
line-height:1em;
}
pre > code {
color:black;
}
code {
font-family:"Consolas",monospace;
color:blue;
}
code.function, code.methodname {
white-space:nowrap;
}
code.filename {
color:#2b91af;
}
code.computeroutput {
font-size:90%;
color:white;
background-color:#000;
padding:2px 4px;
border-radius:3px;
}
var {
font-family:"Consolas",monospace;
font-weight:bold;
font-style:normal;
}
span.concept {
font-style:italic;
}
div.note, div.tip {
border:2px solid #dfdfff;
border-radius:5px;
margin:20px 0px;
padding:0px 20px;
position:relative;
}
div.note h3, div.tip h3 {
color:black;
background-color:#dfdfff;
padding:5px;
border-radius:5px;
position:absolute;
left:-20px;
top:-30px;
display:inline-block;
transform:rotate(-10deg);
}
div.toc-title {
font-weight:bold;
}
ul.toc {
list-style-type:none;
padding:0;
}
ul.toc ul {
list-style-type:none;
}
ul.toc a {
text-decoration:none;
color:blue;
}
div.table {
border-bottom:1px solid #efefef;
}
div.table-title {
background-color:#efefef;
padding:2px 6px;
}
.table-contents table {
font-size:1em;
line-height:1.6em;
}
.table-contents th, td {
text-align:left;
vertical-align:top;
}
div.prev {
float:left;
}
div.next {
float:right;
}
.github-corner:hover .octo-arm {
animation:octocat-wave 560ms ease-in-out
}
@keyframes octocat-wave {
0%,100% {
transform:rotate(0)
}
20%,60% {
transform:rotate(-25deg)
}
40%,80% {
transform:rotate(10deg)
}
}
@media (max-width:500px) {
.github-corner:hover .octo-arm {
animation:none
}
.github-corner .octo-arm {
animation:octocat-wave 560ms ease-in-out
}
}