styles.html 3.17 KB
Newer Older
1
<!-- style overrides for dartdoc -->
Seth Ladd's avatar
Seth Ladd committed
2
<style>
3
@import 'https://fonts.googleapis.com/css?family=Roboto:500,400italic,300,400,100i';
Seth Ladd's avatar
Seth Ladd committed
4 5
</style>

6 7
<style>
  body {
8
    font-size: 15px;
9
    font-family: Roboto, sans-serif;
10 11 12
    line-height: 1.5;
    color: #111;
    background-color: #fdfdfd;
13
    font-weight: 300;
14
    -webkit-font-smoothing: auto;
15 16
  }

17
  header {
18 19 20 21 22 23 24 25 26 27 28
    background-color: white;
    color: #424242;
  }

  nav.navbar {
    min-height: 57px;
    padding: 6px 0;
  }

  header.header-fixed nav.navbar-fixed-top {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
29 30
  }

31
  h1, h2 {
32 33 34
    font-weight: 300;
  }

35 36 37 38
  h3, h4, h5, h6 {
    font-weight: 400;
  }

39 40 41
  h1 {
    font-size: 42px !important;
    letter-spacing: -1px;
42 43 44 45
  }

  header h1 {
    font-weight: 300;
46 47 48
  }

  h2 {
49
    color: #111;
50
    font-size: 24px;
51 52 53 54 55 56 57
  }

  .markdown h2 {
    font-size: 24px;
  }

  section.summary h2 {
58
    font-size: 24px;
59 60
    color: inherit;
    border-bottom: none;
61 62
  }

Devon Carew's avatar
Devon Carew committed
63 64 65 66 67
  .sidebar ol,
  .sidebar ol li.section-title {
    font-size: inherit;
  }

68 69 70 71 72 73
  @media screen and (max-width: 768px) {
    .sidebar-offcanvas-left.active {
      padding: 10px;
    }
  }

74 75 76 77 78
  .sidebar-offcanvas-left ol {
    padding: 0 16px 16px 0;
  }

  .sidebar-offcanvas-left h5 {
79
    display: none;
80 81 82 83
  }

  pre,
  pre.prettyprint,
84
  pre > code {
85
    font-size: 14px;
86 87 88 89
  }

  pre,
  pre.prettyprint {
90
    background: #f5f2f0;
91 92
    margin: 0 0 15px 0;
    padding: 8px 12px;
93 94
    border: 1px solid #cccccc;
    border-radius: 4px;
95 96 97 98
  }

  code {
    background-color: inherit;
99 100 101 102
    font-size: 1em; /* browsers default to smaller font for code */
    font-weight: 300;
    padding-left: 0; /* otherwise we get ragged left margins */
    padding-right: 0;
103 104
  }

105 106 107 108 109 110 111 112 113
  #search-box {
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-family: inherit;
    padding: 4px 6px;
    font-size: 15px;
114 115
  }

116 117 118 119 120
  input.form-control.typeahead {
    padding: 4px 7px;
    font-size: 15px;
  }

121 122
  dl.dl-horizontal dt {
    color: inherit;
123
  }
124 125 126 127 128 129

  /* Line the material icons up with their labels */
  i.material-icons.md-36,
  i.material-icons.md-48 {
    vertical-align: bottom;
  }
Seth Ladd's avatar
Seth Ladd committed
130 131 132 133 134

  /* thinify the inherited names in lists */
  li.inherited a {
    font-weight: 100;
  }
135 136 137 138

  /* Attempt to de-emphasise the source code section */
  section.summary.source-code { opacity: 0.3; }
  section.summary.source-code:hover { opacity: 0.8; }
139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157
</style>

<!-- The following rules are from http://google.github.io/material-design-icons/ -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
  /* Rules for sizing the icon. */
  .material-icons.md-18 { font-size: 18px; }
  .material-icons.md-24 { font-size: 24px; }
  .material-icons.md-36 { font-size: 36px; }
  .material-icons.md-48 { font-size: 48px; }

  /* Rules for using icons as black on a light background. */
  .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
  .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

  /* Rules for using icons as white on a dark background. */
  .material-icons.md-light { color: rgba(255, 255, 255, 1); }
  .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
</style>