| |
| /* Palette generated by Material Palette - materialpalette.com/blue-grey/light-blue */ |
| |
| .dark-primary-color { background: #455A64; } |
| .default-primary-color { background: #607D8B; } |
| .light-primary-color { background: #CFD8DC; } |
| .text-primary-color { color: #FFFFFF; } |
| .accent-color { background: #03A9F4; } |
| .primary-text-color { color: #212121; } |
| .secondary-text-color { color: #727272; } |
| .divider-color { border-color: #B6B6B6; } |
| |
| html { |
| position: relative; |
| min-height: 100%; |
| } |
| |
| body { |
| font-family: 'Roboto', sans-serif; |
| font-size: 15px; |
| margin-bottom: 60px; |
| -webkit-font-smoothing: antialiased; |
| -webkit-text-size-adjust: 100%; |
| overflow-x: hidden; |
| } |
| |
| /* some of this is to reset bootstrap */ |
| nav.navbar { |
| background-color: inherit; |
| min-height: 56px; |
| border: 0; |
| display: flex; |
| flex-direction: column; |
| justify-content: center; |
| display: -webkit-flex; |
| -webkit-flex-direction: column; |
| -webkit-justify-content: center; |
| } |
| |
| header { |
| background-color: #607D8B; |
| color: white; |
| box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); |
| } |
| |
| header.header-fixed nav.navbar-fixed-top { |
| box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); |
| } |
| |
| header.container-fluid { |
| padding: 0; |
| } |
| |
| dl { |
| margin: 0; |
| } |
| |
| h1, |
| h2, |
| h3, |
| h4, |
| h5, |
| h6 { |
| font-weight: normal; |
| margin: 0; |
| } |
| |
| h1.title { |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| |
| h2 { |
| font-size: 32px; |
| } |
| |
| .subtitle { |
| font-size: 17px; |
| min-height: 1.4em; |
| } |
| |
| .title-description .subtitle { |
| white-space: nowrap; |
| overflow-x: hidden; |
| text-overflow: ellipsis; |
| } |
| |
| p { |
| margin-bottom: 1em; |
| } |
| |
| p, |
| ul, |
| li { |
| color: #727272; |
| } |
| |
| a { |
| color: #455A64; |
| } |
| |
| pre { |
| font-family: 'Source Code Pro', monospace; |
| color: black; |
| border-radius: 4px; |
| font-size: 14px; |
| word-wrap: normal; |
| line-height: 1.4; |
| border: 1px solid #f0f0f0; |
| margin: 16px; |
| padding: 8px; |
| } |
| |
| pre code { |
| white-space: pre; |
| } |
| |
| .fixed { |
| white-space: pre; |
| } |
| |
| code { |
| font-family: 'Source Code Pro', monospace; |
| /* overriding bootstrap */ |
| font-size: 15px; |
| color: inherit; |
| border-radius: 0; |
| padding: 0; |
| background-color: inherit; |
| } |
| |
| @media(max-width: 768px) { |
| nav .container { |
| width: 100% |
| } |
| |
| h1 { |
| font-size: 24px; |
| } |
| |
| pre { |
| margin: 16px 0; |
| } |
| } |
| |
| @media (min-width: 768px) { |
| .dl-horizontal dd { |
| margin-left: 128px; |
| } |
| |
| .dl-horizontal dt { |
| width: 128px; |
| } |
| |
| ul.subnav li { |
| font-size: 110%; |
| } |
| } |
| |
| header h1 { |
| margin-top: 80px; |
| font-weight: 400; |
| margin-bottom: 16px; |
| } |
| |
| header a, |
| header a:hover, |
| header p, |
| header li { |
| color: white; |
| } |
| |
| header h1 .kind { |
| color: #CFD8DC; |
| text-transform: uppercase; |
| font-size: 13px; |
| } |
| |
| dt { |
| font-weight: normal; |
| } |
| |
| dd { |
| margin-bottom: 16px; |
| color: #727272; |
| } |
| |
| section.summary h2 { |
| color: #727272; |
| margin-bottom: 16px; |
| padding-bottom: 4px; |
| border-bottom: 1px solid #CFD8DC; |
| } |
| |
| section.summary dd { |
| white-space: nowrap; |
| overflow-x: hidden; |
| text-overflow: ellipsis; |
| } |
| |
| /* indents wrapped lines */ |
| section.summary dt { |
| margin-left: 24px; |
| text-indent: -24px; |
| } |
| |
| section.desc { |
| padding-top: 16px; |
| } |
| |
| dl.dl-horizontal dt { |
| font-style: normal; |
| text-align: left; |
| } |
| |
| dt .name { |
| font-size: 17px; |
| } |
| |
| dl dt.callable .name { |
| float: none; |
| width: auto; |
| } |
| |
| .parameter { |
| white-space: nowrap; |
| } |
| |
| .signature a { |
| color: rgb(51, 51, 51); |
| } |
| |
| .optional { |
| font-style: italic; |
| } |
| |
| .undocumented { |
| font-style: italic; |
| } |
| |
| .is-const { |
| font-style: italic; |
| } |
| |
| .deprecated { |
| text-decoration: line-through; |
| } |
| |
| p.firstline { |
| font-weight: bold; |
| } |
| |
| footer { |
| padding: 20px; |
| position: absolute; |
| bottom: 0; |
| width: 100%; |
| height: 60px; |
| } |
| |
| footer p { |
| margin: 0; |
| } |
| |
| footer .no-break { |
| white-space: nowrap; |
| } |
| |
| footer .container, |
| footer .container-fluid { |
| padding-left: 0; |
| padding-right: 0; |
| } |
| |
| .copyright a { |
| color: #727272; |
| } |
| |
| .markdown h1 { |
| font-size: 24px; |
| margin-bottom: 8px; |
| } |
| |
| .markdown h2 { |
| font-size: 20px; |
| margin-top: 24px; |
| margin-bottom: 8px; |
| } |
| |
| .markdown h3 { |
| font-size: 18px; |
| margin-bottom: 8px; |
| } |
| |
| .markdown h4 { |
| font-size: 16px; |
| margin-bottom: 0; |
| } |
| |
| .markdown li p { |
| margin: 0; |
| } |
| |
| .gt-separated { |
| list-style: none; |
| padding: 0; |
| display: inline; |
| } |
| |
| .gt-separated li { |
| display: inline; |
| } |
| |
| .gt-separated li:after { |
| 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='#FFFFFF' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>"); |
| background-position: center; |
| content: " "; |
| padding-left: 16px; |
| } |
| |
| .gt-separated.dark li:after { |
| 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='#727272' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>"); |
| } |
| |
| .gt-separated li:last-child:after { |
| background-image: none; |
| } |
| |
| .is-inherited { |
| color: #727272; |
| font-style: italic; |
| } |
| |
| .multi-line-signature { |
| font-size: 17px; |
| } |
| |
| .breadcrumbs { |
| padding: 0; |
| margin: 8px 0 8px 0; |
| font-size: 17px; |
| } |
| |
| .annotation-list { |
| list-style: none; |
| padding: 0; |
| display: inline; |
| } |
| |
| .annotation-list li { |
| display: inline; |
| } |
| |
| .annotation-list li:before { |
| content: "@"; |
| } |
| |
| .comma-separated { |
| list-style: none; |
| padding: 0; |
| display: inline; |
| } |
| |
| .comma-separated li { |
| display: inline; |
| } |
| |
| .comma-separated li:after { |
| content: ", "; |
| } |
| |
| .comma-separated li:last-child:after { |
| content: ""; |
| } |
| |
| .end-with-period li:last-child:after { |
| content: "."; |
| } |
| |
| section { |
| padding-top: 32px; |
| } |
| |
| .container > section:first-child { |
| border: 0; |
| } |
| |
| .constructor-modifier { |
| font-style: italic; |
| } |
| |
| .readable-writable { |
| font-style: italic; |
| } |
| |
| section.multi-line-signature div.parameters { |
| margin-left: 24px; |
| } |
| |
| /* subnav styles */ |
| |
| ul.subnav { |
| overflow: auto; |
| white-space: nowrap; |
| padding-left: 0; |
| min-height: 24px; |
| } |
| |
| ul.subnav::-webkit-scrollbar { |
| display: none; |
| } |
| |
| ul.subnav li { |
| display: inline-block; |
| text-transform: uppercase; |
| } |
| |
| ul.subnav li a { |
| color: #CFD8DC; |
| } |
| |
| ul.subnav li a:hover { |
| color: #FFFFFF; |
| text-decoration: none; |
| } |
| |
| ul.subnav li { |
| margin-right: 24px; |
| } |
| |
| ul.subnav li:last-of-type { |
| margin-right: 0; |
| } |
| |
| @media(max-width: 768px) { |
| ul.subnav li { |
| margin-right: 16px; |
| } |
| } |
| |
| span.top-level-variable-type { |
| color: #727272; |
| } |
| |
| @media (max-width: 768px) { |
| dl.properties span.top-level-variable-type { |
| display: block; |
| } |
| |
| section.summary dl.properties dt { |
| margin-left: 0; |
| text-indent: inherit; |
| } |
| } |
| |
| /* sidebar styles */ |
| |
| ol#sidebar { |
| list-style: none; |
| padding: 0; |
| margin-top: 16px; |
| font-size: 14px; |
| overflow: hidden; |
| } |
| |
| ol#sidebar li { |
| margin-top: 8px; |
| } |
| |
| ol#sidebar li.section-title a { |
| color: inherit; |
| } |
| |
| ol#sidebar li.section-title { |
| font-size: 12px; |
| text-transform: uppercase; |
| font-weight: bold; |
| padding-top: 16px; |
| } |
| |
| ol#sidebar li:first-child { |
| padding-top: 0px; |
| margin-top: 0px; |
| } |
| |
| #sidenav-toggle { |
| display: none; |
| vertical-align: text-bottom; |
| padding: 0; |
| } |
| |
| @media screen and (max-width:767px) { |
| #sidenav-toggle { |
| display: inline; |
| 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='#FFFFFF' d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/></svg>"); |
| background-position: center; |
| width: 24px; |
| height: 24px; |
| border: none; |
| margin-right: 24px; |
| } |
| .row-offcanvas { |
| position:relative; |
| -webkit-transition:all .25s ease-out; |
| -o-transition:all .25s ease-out; |
| transition:all .25s ease-out; |
| } |
| .row-offcanvas-right{right:0;} |
| .row-offcanvas-left{left:0;} |
| .row-offcanvas-right |
| .sidebar-offcanvas{right:-50%;} |
| .row-offcanvas-left |
| .sidebar-offcanvas{left:-50%; margin-left: 16px;} |
| .row-offcanvas-right.active{right:50%;} |
| .row-offcanvas-left.active{left:50%;} |
| .sidebar-offcanvas{position:absolute;top:0;width:50%;} |
| } |