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

6 7
<style>
  header {
Seth Ladd's avatar
Seth Ladd committed
8
    background-color: #01579b;
9 10 11 12 13 14 15
  }

  body {
    font-size: 16px;
    line-height: 1.5;
    color: #111;
    background-color: #fdfdfd;
16
    font-weight: 300;
17
    -webkit-font-smoothing: auto;
18 19
  }

20
  h1, h2 {
21 22 23
    font-weight: 300;
  }

24 25 26 27
  h3, h4, h5, h6 {
    font-weight: 400;
  }

28 29 30
  h1 {
    font-size: 42px !important;
    letter-spacing: -1px;
31 32 33 34
  }

  header h1 {
    font-weight: 300;
35 36 37
  }

  h2 {
38 39 40 41 42 43 44 45 46
    color: #111;
    font-size: 26px;
  }

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

  section.summary h2 {
47
    font-size: 32px;
48 49
    color: inherit;
    border-bottom: none;
50 51
  }

Devon Carew's avatar
Devon Carew committed
52 53 54 55 56
  .sidebar ol,
  .sidebar ol li.section-title {
    font-size: inherit;
  }

57 58 59 60 61 62 63 64 65 66
  .sidebar-offcanvas-left {
    background-color: #fdfdfd;
  }

  @media screen and (max-width: 768px) {
    .sidebar-offcanvas-left.active {
      padding: 10px;
    }
  }

67 68 69 70 71
  .sidebar-offcanvas-left ol {
    padding: 0 16px 16px 0;
  }

  .sidebar h5 {
72
    display: none;
73 74 75 76 77 78 79 80 81 82 83 84 85
  }

  .sidebar-offcanvas-left h5 {
    border-bottom: none;
    padding: 0 0 16px 0;
  }

  .sidebar-offcanvas-left h5:last-of-type {
    padding: 0 0 16px 0;
  }

  pre,
  pre.prettyprint,
86
  pre > code {
87 88 89 90 91 92 93 94 95 96 97 98 99
    font-size: 15px;
  }

  pre,
  pre.prettyprint {
    background: inherit;
    border: none;
    margin: 0 0 15px 0;
    padding: 8px 12px;
  }

  code {
    background-color: inherit;
100 101 102 103
    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;
104 105 106 107 108 109 110 111 112 113 114 115 116 117 118
  }

  dl.dl-horizontal dt {
    color: inherit;
  }

  footer {
    border-top: 1px solid #e8e8e8;
    height: inherit;
    padding-bottom: 15px;
    text-transform: lowercase;
  }

  footer p {
    color: #828282;
119
  }
120 121 122 123 124 125

  /* 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
126 127 128 129 130

  /* thinify the inherited names in lists */
  li.inherited a {
    font-weight: 100;
  }
131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149
</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>