1.dark-primary-color    { background: #1976D2; }
2.default-primary-color { background: #2196F3; }
3.light-primary-color   { background: #BBDEFB; }
4.text-primary-color    { color: #FFFFFF; }
5.accent-color          { background: #00BCD4; }
6.primary-text-color    { color: #212121; }
7.secondary-text-color  { color: #727272; }
8.divider-color         { border-color: #B6B6B6; }
9
10/* for layout */
11html,
12body {
13  margin: 0;
14  padding: 0;
15  height: 100%;
16  width: 100%;
17  overflow: hidden;
18  box-sizing: border-box;
19}
20
21*, *:before, *:after {
22  box-sizing: inherit;
23}
24
25body {
26  display: flex;
27  flex-direction: column;
28  min-height: 100vh;
29}
30
31header {
32  flex: 0 0 50px;
33  display: flex;
34  flex-direction: row;
35  align-items: center;
36  padding-left: 30px;
37}
38
39header ol {
40  list-style: none;
41  margin: 0;
42  padding: 0;
43}
44
45header ol li {
46  display: inline;
47}
48
49header form {
50  display: flex;
51  flex: 1;
52  justify-content: flex-end;
53  padding-right: 30px;
54}
55
56header#header-search-sidebar {
57  height: 50px;
58  margin-bottom: 25px;
59}
60
61footer {
62  flex: 0 0 16px;
63  text-align: center;
64  padding: 16px 20px;
65}
66
67main {
68  flex: 1;
69  display: flex;
70  flex-direction: row;
71  padding: 20px;
72  min-height: 0;
73}
74
75.sidebar-offcanvas-left {
76  flex: 0 1 230px;
77  overflow-y: scroll;
78  padding: 20px 0 15px 30px;
79  margin: 5px 20px 0 0;
80  visibility: visible; /* shown by Javascript after scroll position restore */
81}
82
83::-webkit-scrollbar-button{ display: none; height: 13px; border-radius: 0px; background-color: #AAA; }
84::-webkit-scrollbar-button:hover{ background-color: #AAA; }
85::-webkit-scrollbar-thumb{ background-color: #CCC; }
86::-webkit-scrollbar-thumb:hover{ background-color: #CCC; }
87::-webkit-scrollbar{ width: 4px; }
88/* ::-webkit-overflow-scrolling: touch; */
89
90.main-content::-webkit-scrollbar{ width: 8px; }
91
92.main-content {
93  flex: 1;
94  overflow-y: scroll;
95  padding: 10px 20px 0 20px;
96  visibility: visible; /* shown by Javascript after scroll position restore */
97}
98
99.sidebar-offcanvas-right {
100  flex: 0 1 12em;
101  overflow-y: scroll;
102  padding: 20px 15px 15px 15px;
103  margin-top: 5px;
104  margin-right: 20px;
105  visibility: visible; /* shown by Javascript after scroll position restore */
106}
107/* end for layout */
108
109body {
110  -webkit-text-size-adjust: 100%;
111  overflow-x: hidden;
112  font-family: Roboto, sans-serif;
113  font-size: 16px;
114  line-height: 1.42857143;
115  color: #111111;
116  background-color: #fff;
117}
118
119/* some of this is to reset bootstrap */
120nav.navbar {
121  background-color: inherit;
122  min-height: 50px;
123  border: 0;
124}
125
126@media (max-width: 768px) {
127  .hidden-xs {
128    display: none !important;
129  }
130}
131
132@media (min-width: 769px) {
133  .hidden-l {
134    display: none !important;
135  }
136}
137
138nav.navbar .row {
139  padding-top: 8px;
140}
141
142nav .container {
143  white-space: nowrap;
144}
145
146header {
147  background-color: #eeeeee;
148  box-shadow: 0 3px 5px rgba(0,0,0,0.1);
149}
150
151header#project-title {
152  background-color: #fff;
153  font-size: 200%;
154  padding-top: 0.25em;
155  padding-bottom: 0.25em;
156  /* padding: 0em; */
157}
158
159header.header-fixed nav.navbar-fixed-top {
160  box-shadow: 0 3px 5px rgba(0,0,0,0.1);
161}
162
163header.container-fluid {
164  padding: 0;
165}
166
167header .masthead {
168  padding-top: 64px;
169}
170
171header .contents {
172  padding: 0;
173}
174
175@media screen and (max-width:768px) {
176  header .contents {
177    padding-left: 15px;
178    padding-right: 15px;
179  }
180}
181
182a {
183  text-decoration: none;
184}
185
186.body {
187  margin-top: 90px;
188}
189
190section {
191  margin-bottom: 36px;
192}
193
194dl {
195  margin: 0;
196}
197
198h1,
199h2,
200h3,
201h4,
202h5,
203h6 {
204  font-family: Roboto, sans-serif;
205  font-weight: 400;
206  margin-top: 1.5em;
207  color: #111111;
208}
209
210h1.title {
211  overflow: hidden;
212  text-overflow: ellipsis;
213}
214
215h1 {
216  font-size: 37px;
217  margin-top: 0;
218  margin-bottom: 0.67em;
219}
220
221h2 {
222  font-size: 28px;
223}
224
225h5 {
226  font-size: 16px;
227}
228
229.subtitle {
230  font-size: 17px;
231  min-height: 1.4em;
232}
233
234.title-description .subtitle {
235  white-space: nowrap;
236  overflow-x: hidden;
237  text-overflow: ellipsis;
238}
239
240p {
241  margin-bottom: 1em;
242  margin-top: 0;
243}
244
245a {
246  color: #0175C2;
247}
248
249a:hover {
250  color: #13B9FD;
251}
252
253pre.prettyprint {
254  font-family: 'Source Code Pro', Menlo, monospace;
255  color: black;
256  border-radius: 0;
257  font-size: 15px;
258  word-wrap: normal;
259  line-height: 1.4;
260  border: 0;
261  margin: 16px 0 16px 0;
262  padding: 8px;
263}
264
265pre code {
266  white-space: pre;
267  word-wrap: initial;
268  font-size: 100%
269}
270
271.fixed {
272  white-space: pre;
273}
274
275pre {
276  border: 1px solid #ddd;
277  background-color: #eee;
278  font-size: 14px;
279}
280
281code {
282  font-family: 'Source Code Pro', Menlo, monospace;
283  /* overriding bootstrap */
284  color: inherit;
285  padding: 0.2em 0.4em;
286  font-size: 85%;
287  background-color: rgba(27,31,35,0.05);
288  border-radius: 3px;
289}
290
291@media(max-width: 768px) {
292  nav .container {
293    width: 100%
294  }
295
296  h1 {
297    font-size: 24px;
298  }
299
300  pre {
301    margin: 16px 0;
302  }
303}
304
305@media (min-width: 768px) {
306  ul.subnav li {
307    font-size: 17px;
308  }
309}
310
311header h1 {
312  font-weight: 400;
313  margin-bottom: 16px;
314}
315
316header a,
317header p,
318header li {
319  color: #111111;
320}
321
322header a:hover {
323  color: #0175C2;
324}
325
326header h1 .kind {
327  color: #555;
328}
329
330dt {
331  font-weight: normal;
332}
333
334dd {
335  color: #212121;
336  margin-bottom: 1em;
337  margin-left: 0;
338}
339
340dd.callable, dd.constant, dd.property {
341  margin-bottom: 24px;
342}
343
344dd p {
345  overflow-x: hidden;
346  text-overflow: ellipsis;
347  margin-bottom: 0;
348}
349
350/* indents wrapped lines */
351section.summary dt {
352  margin-left: 24px;
353  text-indent: -24px;
354}
355
356.dl-horizontal dd {
357  margin-left: initial;
358}
359
360dl.dl-horizontal dt {
361  font-style: normal;
362  text-align: left;
363  color: #727272;
364  margin-right: 20px;
365  width: initial;
366}
367
368dt .name {
369  font-weight: 500;
370}
371
372dl dt.callable .name {
373  float: none;
374  width: auto;
375}
376
377.parameter {
378  white-space: nowrap;
379}
380
381.type-parameter {
382  white-space: nowrap;
383}
384
385.multi-line-signature .type-parameter .parameter {
386  margin-left: 0px;
387  display: unset;
388}
389
390.signature {
391  color: #727272;
392}
393
394.signature a {
395  /* 50% mix of default-primary-color and primary-text-color. */
396  color: #4674a2;
397}
398
399.optional {
400  font-style: italic;
401}
402
403.undocumented {
404  font-style: italic;
405}
406
407.is-const {
408  font-style: italic;
409}
410
411.deprecated {
412  text-decoration: line-through;
413}
414
415.category.linked {
416  font-weight: bold;
417  opacity: 1;
418}
419
420/* Colors for category based on categoryOrder in dartdoc_options.config. */
421.category.cp-0 {
422  background-color: #54b7c4
423}
424
425.category.cp-1 {
426  background-color: #54c47f
427}
428
429.category.cp-2 {
430  background-color: #c4c254
431}
432
433.category.cp-3 {
434  background-color: #c49f54
435}
436
437.category.cp-4 {
438  background-color: #c45465
439}
440
441.category.cp-5 {
442  background-color: #c454c4
443}
444
445.category a {
446  color: white;
447}
448
449.category {
450  padding: 2px 4px;
451  font-size: 12px;
452  border-radius: 4px;
453  background-color: #999;
454  text-transform: uppercase;
455  color: white;
456  opacity: .5;
457}
458
459h1 .category {
460  vertical-align: middle;
461}
462
463.source-link {
464  padding: 18px 4px;
465  vertical-align: middle;
466}
467
468.source-link .material-icons {
469  font-size: 18px;
470}
471
472@media (max-width: 768px) {
473  .source-link {
474    padding: 7px 2px;
475    font-size: 10px;
476  }
477}
478
479#external-links {
480  float: right;
481}
482
483.btn-group {
484  position: relative;
485  display: inline-flex;
486  vertical-align: middle;
487}
488
489p.firstline {
490  font-weight: bold;
491}
492
493footer {
494  color: #fff;
495  background-color: #111111;
496  width: 100%;
497}
498
499footer p {
500  margin: 0;
501}
502
503footer .no-break {
504  white-space: nowrap;
505}
506
507footer .container,
508footer .container-fluid {
509  padding-left: 0;
510  padding-right: 0;
511}
512
513footer a, footer a:hover {
514  color: #fff;
515}
516
517.markdown.desc {
518  max-width: 700px;
519}
520
521.markdown h1 {
522  font-size: 24px;
523  margin-bottom: 8px;
524}
525
526.markdown h2 {
527  font-size: 20px;
528  margin-top: 24px;
529  margin-bottom: 8px;
530}
531
532.markdown h3 {
533  font-size: 18px;
534  margin-bottom: 8px;
535}
536
537.markdown h4 {
538  font-size: 16px;
539  margin-bottom: 0;
540}
541
542.markdown li p {
543  margin: 0;
544}
545
546.gt-separated {
547  list-style: none;
548  padding: 0;
549  margin: 0;
550}
551
552.gt-separated li {
553  display: inline-block;
554}
555
556.gt-separated li:before {
557  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23DDDDDD' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
558  background-position: center;
559  content: "\00a0";
560  margin: 0 6px 0 4px;
561  padding: 0 3px 0 0;
562}
563
564.gt-separated.dark li:before {
565  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23727272' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
566}
567
568.gt-separated li:first-child:before {
569  background-image: none;
570  content: "";
571  margin: 0;
572}
573
574/* The slug line under a declaration for things like "const", "read-only", etc. */
575.features {
576  font-style: italic;
577  color: #727272;
578}
579
580.multi-line-signature {
581  font-size: 17px;
582  color: #727272;
583}
584
585.multi-line-signature .parameter {
586  margin-left: 24px;
587  display: block;
588}
589
590.breadcrumbs {
591  padding: 0;
592  margin: 8px 0 8px 0;
593  white-space: nowrap;
594  line-height: 1;
595}
596
597@media screen and (min-width: 768px) {
598  nav ol.breadcrumbs {
599    float: left;
600  }
601}
602
603@media screen and (max-width: 768px) {
604  .breadcrumbs {
605    margin: 0 0 24px 0;
606    overflow-x: hidden;
607  }
608}
609
610.self-crumb {
611  color: #555;
612}
613
614.self-name {
615  color: #555;
616  display: none;
617}
618
619.annotation-list {
620  list-style: none;
621  padding: 0;
622  display: inline;
623}
624
625.comma-separated {
626  list-style: none;
627  padding: 0;
628  display: inline;
629}
630
631.comma-separated li {
632  display: inline;
633}
634
635.comma-separated li:after {
636  content: ", ";
637}
638
639.comma-separated li:last-child:after {
640  content: "";
641}
642
643.end-with-period li:last-child:after {
644  content: ".";
645}
646
647.container > section:first-child {
648  border: 0;
649}
650
651.constructor-modifier {
652  font-style: italic;
653}
654
655section.multi-line-signature div.parameters {
656  margin-left: 24px;
657}
658
659/* subnav styles */
660
661ul.subnav {
662  overflow: auto;
663  white-space: nowrap;
664  padding-left: 0;
665  min-height: 25px;
666}
667
668ul.subnav::-webkit-scrollbar {
669  display: none;
670}
671
672ul.subnav li {
673  display: inline-block;
674  text-transform: uppercase;
675}
676
677ul.subnav li a {
678  color: #111;
679}
680
681ul.subnav li {
682  margin-right: 24px;
683}
684
685ul.subnav li:last-of-type {
686  margin-right: 0;
687}
688
689@media(max-width: 768px) {
690  ul.subnav li {
691    margin-right: 16px;
692  }
693}
694
695/* sidebar styles */
696
697.sidebar ol {
698  list-style: none;
699  line-height: 22px;
700  margin-top: 0;
701  margin-bottom: 0;
702  padding: 0 0 15px 0;
703}
704
705.sidebar h5 a,
706.sidebar h5 a:hover {
707  color: #727272;
708}
709
710.sidebar h5,
711.sidebar ol li {
712  text-overflow: ellipsis;
713  overflow: hidden;
714  padding: 3px 0;
715}
716
717.sidebar h5 {
718  color: #727272;
719  font-size: 18px;
720  margin: 0 0 25px 0;
721  padding-top: 0;
722}
723
724.sidebar ol li.section-title {
725  font-size: 18px;
726  font-weight: normal;
727  text-transform: uppercase;
728  padding-top: 25px;
729}
730
731.sidebar ol li.section-subtitle a {
732  color: inherit;
733}
734
735.sidebar ol li.section-subtitle {
736  font-weight: 400;
737  text-transform: uppercase;
738}
739
740.sidebar ol li.section-subitem {
741  margin-left: 12px;
742}
743
744.sidebar ol li:first-child {
745  padding-top: 0;
746  margin-top: 0;
747}
748
749button {
750  padding: 0;
751}
752
753#sidenav-left-toggle {
754  display: none;
755  vertical-align: text-bottom;
756  padding: 0;
757}
758
759/* left-nav disappears, and can transition in from the left */
760@media screen and (max-width:768px) {
761  #sidenav-left-toggle {
762    display: inline;
763    background: no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23111' d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/></svg>");
764    background-position: center;
765    width: 24px;
766    height: 24px;
767    border: none;
768    margin-right: 24px;
769  }
770
771  #overlay-under-drawer.active {
772    opacity: 0.4;
773    height: 100%;
774    z-index: 1999;
775    position: fixed;
776    top: 0;
777    left: 0;
778    right: 0;
779    bottom: 0;
780    background-color: black;
781    display: block;
782  }
783
784  .sidebar-offcanvas-left {
785    left: -100%;
786    position: fixed;
787    -webkit-transition:all .25s ease-out;
788    -o-transition:all .25s ease-out;
789    transition:all .25s ease-out;
790    z-index: 2000;
791    top: 0;
792    width: 280px; /* works all the way down to an iphone 4 */
793    height: 90%;
794    background-color: white;
795    overflow-y: scroll; /* TODO: how to hide scroll bars? */
796    padding: 10px;
797    margin: 10px 10px;
798    box-shadow: 5px 5px 5px 5px #444444;
799    visibility: hidden; /* shown by Javascript after scroll position restore */
800  }
801
802  ol#sidebar-nav {
803    font-size: 18px;
804    white-space: pre-line;
805  }
806
807  .sidebar-offcanvas-left.active {
808    left: 0; /* this animates our drawer into the page */
809  }
810
811  .self-name {
812    display: inline-block;
813  }
814}
815
816.sidebar-offcanvas-left h5 {
817  margin-bottom: 10px;
818}
819
820.sidebar-offcanvas-left h5:last-of-type {
821  border: 0;
822  margin-bottom: 25px;
823}
824
825/* the right nav disappears out of view when the window shrinks */
826@media screen and (max-width: 992px) {
827  .sidebar-offcanvas-right {
828     display: none;
829   }
830}
831
832#overlay-under-drawer {
833  display: none;
834}
835
836/* find-as-you-type search box */
837
838/* override bootstrap defaults */
839.form-control {
840  border-radius: 0;
841  border: 0;
842}
843
844@media screen and (max-width: 768px) {
845  form.search {
846    display: none;
847  }
848}
849
850.typeahead,
851.tt-query,
852.tt-hint {
853  width: 200px;
854  height: 20px;
855  padding: 2px 7px 1px 7px;
856  line-height: 20px;
857  outline: none;
858}
859
860.typeahead {
861  background-color: #fff;
862  border-radius: 2px;
863}
864
865.tt-query {
866  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
867     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
868          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
869}
870
871.tt-hint {
872  color: #999
873}
874
875.navbar-right .tt-menu {
876  right:0;
877  left: inherit !important;
878  width: 422px;
879  max-height: 250px;
880  overflow-y: scroll;
881}
882
883.tt-menu {
884  font-size: 14px;
885  margin: 0;
886  padding: 8px 0;
887  background-color: #fff;
888  border: 1px solid #ccc;
889  border: 1px solid rgba(0, 0, 0, 0.2);
890  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
891     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
892          box-shadow: 0 5px 10px rgba(0,0,0,.2);
893}
894
895.tt-suggestion {
896  padding: 3px 20px;
897  color: #212121;
898}
899
900.tt-suggestion:hover {
901  cursor: pointer;
902  color: #fff;
903  background-color: #0097cf;
904}
905
906.tt-suggestion:hover .search-from-lib {
907  color: #ddd;
908}
909
910.tt-suggestion.tt-cursor {
911  color: #fff;
912  background-color: #0097cf;
913}
914
915.tt-suggestion.tt-cursor .search-from-lib {
916  color: #ddd;
917}
918
919.tt-suggestion p {
920  margin: 0;
921}
922
923.search-from-lib {
924  font-style: italic;
925  color: gray;
926}
927
928#search-box {
929  background-color: #ffffff;
930}
931
932.search-body {
933  border: 1px solid #7f7f7f;
934  max-width: 400px;
935  box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
936}
937
938section#setter {
939  border-top: 1px solid #ddd;
940  padding-top: 36px;
941}
942
943li.inherited a {
944  opacity: 0.65;
945  font-style: italic;
946}
947
948#instance-methods dt.inherited .name,
949#instance-properties dt.inherited .name,
950#operators dt.inherited .name {
951  font-weight: 300;
952  font-style: italic;
953}
954
955#instance-methods dt.inherited .signature,
956#instance-properties dt.inherited .signature,
957#operators dt.inherited .signature {
958  font-weight: 300;
959}
960
961@media print {
962  .subnav, .sidebar {
963    display:none;
964  }
965
966  a[href]:after {
967   content:"" !important;
968  }
969}