html, body { font-size: 14px; font-family: sans-serif; box-sizing: boder-box; } @media print { @page { size: 210mm 297mm; margin: 15mm 15mm 15mm 20mm; } } .flatstyledocs.wrapper .container { width: 100%; max-width: 100%; } .flatstyledocs .menutd { position: fixed; top: 0; left: 0; width: 286px; height: 100%; overflow-y: auto; }  .flatstyledocs ul { margin: 0; } .flatstyledocs img { max-width: 100%; } .flatstyledocs .table { margin-top: 4px; }   .flatstyledocs .snippet-wrap pre.sh_sourceCode { padding: 0px; } .flatstyledocs .snippet-wrap pre.sh_sourceCode .sh_keyword { color: #901164; } .flatstyledocs .snippet-wrap pre.sh_sourceCode .sh_symbol { color: #84448B; } .flatstyledocs .snippet-wrap pre.sh_sourceCode .sh_string { color: #0000CC; } .flatstyledocs .snippet-wrap pre.sh_sourceCode .sh_cbracket { color: #444444; } .flatstyledocs .snippet-wrap pre.sh_sourceCode .sh_comment { color: #5F81B3; } .flatstyledocs .snippet-wrap pre.sh_sourceCode .sh_function { color: #006000; font-weight: 300; } .flatstyledocs.column1 .description pre .snippet-num li { list-style: decimal; padding-left: 0.5em; border-left: 1px solid #ccc; }   .flatstyledocs code { font-size: 100%; font-family: monospace; } .flatstyledocs.column1 code:not(.hljs), .flatstyledocs.column1 a code, .flatstyledocs.column1 .snippet-wrap code, .flatstyledocs.column1 .snippet-wrap a code { background: ghostWhite; border: 1px solid #DEDEDE; padding: 0px 2px 1px; line-height: 22px; }   .flatstyledocs header { font-family: Georgia; margin: 24px 0 0; } .flatstyledocs .title { font-family: Kotta One; } .flatstyledocs .title > a { font-family: monospace; }   .flatstyledocs.column1 { font-family: 'inconsolata', Osaka, Kotta One, sans-serif; padding-left: 312px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; box-sizing: border-box; } .flatstyledocs.column1 .title_wrap { font-size: 114%; } .flatstyledocs.column1 .title { font-size: 28px; font-weight: 100; font-family: monospace; line-height: 56px; margin: 18px 0 10px; text-rendering: optimizelegibility; } .flatstyledocs.column1 .title.lev1 { font-size: 108%; color: #666; line-height: 18px; margin-top: 36px; } .flatstyledocs.column1 .title.lev2 { padding-left: 12px; font-size: 24px; line-height: 36px; border-bottom: 2px solid; } .flatstyledocs.column1 .title.lev3 { font-size: 18px; color: #1184CE; line-height: 36px; } .flatstyledocs.column1 .title.lev4 { font-size: 100%; padding-left: 20px; line-height: 36px; } .flatstyledocs.column1 .api { line-height: 2em; margin: 18px 0; } .flatstyledocs.column1 .api ul.lev0 { padding: 8px 0 8px; } .flatstyledocs.column1 .api ul.lev1 { } .flatstyledocs.column1 .api ul.lev2 { } .flatstyledocs.column1 a { font-size: 18px; } .flatstyledocs.column1 .description li { list-style: none; } .flatstyledocs.column1 .description pre li { list-style: none; }   .flatstyledocs.column2 { width: 100%; min-height: 100%; margin: 0; padding: 6px 12px 36px; box-sizing: border-box; } .flatstyledocs.column2 a:hover { } .flatstyledocs.column2 li.lev2 { list-style-type: none; font-size: 14px; line-height: 24px; } .flatstyledocs.column2 li.lev1 { list-style-type: none; color: #666; font-weight: normal; margin-bottom: 12px; } .flatstyledocs.column2 li.lev1 > span { font-size: 14px; line-height: 36px; font-weight: 600; } .flatstyledocs.column2 li.lev0 { list-style-type: none; color: #454545; font-weight: normal; margin-top: 12px; margin-bottom: 32px; margin-left: 8px; } .flatstyledocs.column2 li.lev0 > span, .flatstyledocs.column2 li.lev0 > a { display: inline-block; margin-bottom: 12px; font-size: 16px; line-height: 36px; font-weight: 600; } .flatstyledocs.column2 .filter-block { position: relative; } .flatstyledocs.column2 #FilterInput { width: 100%; height: 32px; padding: 5px 5px 5px 8px; font-family: inherit; font-size: 100%; outline: none; border: 1px solid #ccc; box-sizing: border-box; } .flatstyledocs.column2 #FilterClearButton { position: absolute; width: 16px; height: 16px; right: 6px; top: 50%; margin-top: -4px; padding-top: 7px; font-size: 14px; color: grey; text-align: center; line-height: 14px; text-decoration: none; opacity: .5; } .flatstyledocs.column2 #FilterClearButton:hover { text-decoration: none; opacity: 1; } .flatstyledocs.column2 .toc-title { text-align: center; margin-top: 18px; }   .flatstyledocs.search-box { height: 36px; box-sizing: border-box; }   .flatstyledocs.social-links { width: 100%; box-sizing: border-box; overflow-x: hidden; } @media all and (min-width: 320px) { .flatstyledocs.social-links { } } @media all and (min-width: 400px) { .flatstyledocs.social-links { } }   .flatstyledocs .help { }   @media all and (max-width: 972px) { .flatstyledocs .menutd { transition: 120ms ease-in-out; left: -290px; } .flatstyledocs .menutd.shown { left: 0; } .flatstyledocs.column1 { padding-left: 12px; padding-right: 4px; } }   @media print { .flatstyledocs .menutd { display: none; } .flatstyledocs .maintd>.column1 { } .flatstyledocs .maintd>.column1 .pagebreakpoint { display: inline-block; page-break-before: right; } .flatstyledocs .maintd>.column1 .title.lev1 { color: #000; font-weight: bold; } .flatstyledocs .maintd>.column1 .title.lev2 { font-size: 108%; } .animatetotop { display: none; } }