src/rustbook/static/rustbook.css

   1 /**
   2  * Copyright 2013-2015 The Rust Project Developers. See the COPYRIGHT
   3  * file at the top-level directory of this distribution and at
   4  * http://rust-lang.org/COPYRIGHT.
   5  *
   6  * Licensed under the Apache License, Version 2.0 <LICENSE-APACHE or
   7  * http://www.apache.org/licenses/LICENSE-2.0> or the MIT license
   8  * <LICENSE-MIT or http://opensource.org/licenses/MIT>, at your
   9  * option. This file may not be copied, modified, or distributed
  10  * except according to those terms.
  11  */
  12
  13 @import url('../rust.css');
  14
  15 body {
  16     max-width: none;
  17     font: 16px/1.6 'Source Serif Pro', Georgia, Times, 'Times New Roman', serif;
  18     color: #333;
  19 }
  20
  21 h1, h2, h3, h4, h5, h6 {
  22     font-family: 'Open Sans', 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  23     font-weight: bold;
  24     color: #333;
  25 }
  26
  27 @media only screen {
  28     #toc {
  29         position: fixed;
  30         top: 0;
  31         left: 0;
  32         bottom: 0;
  33         width: 300px;
  34         overflow-y: auto;
  35         border-right: 1px solid #e8e8e8;
  36         padding: 0 15px;
  37         font-size: 14px;
  38         background-color: #fafafa;
  39         -webkit-overflow-scrolling: touch;
  40     }
  41
  42     #page-wrapper {
  43         position: absolute;
  44         top: 0;
  45         left: 300px;
  46         right: 0;
  47         padding: 0 15px;
  48         -webkit-overflow-scrolling: touch;
  49     }
  50 }
  51
  52 @media only print {
  53     #toc, #nav {
  54         display: none;
  55     }
  56 }
  57
  58 @media only screen and (max-width: 1023px) {
  59     #toc {
  60         width: 100%;
  61         top: 40px;
  62     }
  63
  64     #page-wrapper {
  65         top: 40px;
  66         left: 0;
  67     }
  68
  69     .mobile-hidden {
  70         display: none;
  71     }
  72 }
  73
  74 #page {
  75     margin: 0 auto;
  76     max-width: 750px;
  77     padding-bottom: 50px;
  78 }
  79
  80 .chapter {
  81     list-style: none;
  82     padding-left: 0;
  83     line-height: 30px;
  84 }
  85
  86 .section {
  87     list-style: none;
  88     padding-left: 20px;
  89     line-height: 40px;
  90 }
  91
  92 .section li {
  93     text-overflow: ellipsis;
  94     overflow: hidden;
  95     white-space: nowrap;
  96 }
  97
  98 .chapter li a {
  99     color: #333;
 100     padding: 5px 0;
 101 }
 102
 103 .chapter li a.active,
 104 .chapter li a:hover {
 105     color: #008cff;
 106     text-decoration: none;
 107 }
 108
 109 #toggle-nav {
 110     cursor: pointer;
 111     margin-top: 5px;
 112     width: 30px;
 113     height: 30px;
 114     background-color: #fff;
 115     border: 1px solid #666;
 116     border-radius: 3px;
 117     padding: 3px 3px 0 3px;
 118 }
 119
 120 .sr-only {
 121     position: absolute;
 122     width: 1px;
 123     height: 1px;
 124     margin: -1px;
 125     padding: 0;
 126     overflow: hidden;
 127     clip: rect(0, 0, 0, 0);
 128     border: 0;
 129 }
 130
 131 .bar {
 132     display: block;
 133     background-color: #000;
 134     border-radius: 2px;
 135     width: 100%;
 136     height: 2px;
 137     margin: 2px 0 3px;
 138     padding: 0;
 139 }
 140
 141 pre {
 142     padding: 11px;
 143     overflow: auto;
 144     font-size: 85%;
 145     line-height: 1.45;
 146     background-color: #f7f7f7;
 147     border: 0;
 148     border-radius: 3px;
 149 }
 150
 151 .left {
 152     float: left;
 153 }
 154
 155 .right {
 156     float: right;
 157 }