styles.html 2.39 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11
<!-- style overrides for dartdoc -->
<style>
  header {
    background-color: #917FFF;
  }

  body {
    font-size: 16px;
    line-height: 1.5;
    color: #111;
    background-color: #fdfdfd;
12
    font-weight: 300;
13
    -webkit-font-smoothing: auto;
14 15 16 17 18 19 20 21 22
  }

  h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
  }

  h1 {
    font-size: 42px !important;
    letter-spacing: -1px;
23 24 25 26
  }

  header h1 {
    font-weight: 300;
27 28 29
  }

  h2 {
30 31 32 33 34 35 36 37 38
    color: #111;
    font-size: 26px;
  }

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

  section.summary h2 {
39
    font-size: 32px;
40 41
    color: inherit;
    border-bottom: none;
42 43
  }

Devon Carew's avatar
Devon Carew committed
44 45 46 47 48
  .sidebar ol,
  .sidebar ol li.section-title {
    font-size: inherit;
  }

49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72
  .sidebar-offcanvas-left ol {
    padding: 0 16px 16px 0;
  }

  .sidebar h5 {
    padding-top: 0 !important;
    text-transform: uppercase;
  }

  .sidebar-offcanvas-left {
    background-color: inherit;
  }

  .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,
73
  pre > code {
74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101
    font-size: 15px;
  }

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

  code {
    background-color: inherit;
  }

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

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

  footer p {
    color: #828282;
102
  }
103 104 105 106 107 108

  /* Line the material icons up with their labels */
  i.material-icons.md-36,
  i.material-icons.md-48 {
    vertical-align: bottom;
  }
109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127
</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>