html, body { font-size: 14px; font-family: serif; } .flatstyledocs .menutd { float: left; width: 286px; } .mobile .flatstyledocs .menutd { position: relative; float: left; width: 100%; } @media all and (max-width: 972px) { .flatstyledocs .menutd { position: relative; float: left; clear: both; width: 100%; } .mobile .flatstyledocs .menutd { padding-left: 0px; } }  .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.column1 code:not(.hljs), .flatstyledocs.column1 a code, .flatstyledocs.column1 .snippet-wrap code, .flatstyledocs.column1 .snippet-wrap a code { font-family: Kotta One; font-size: 100%; background: ghostWhite; border: 1px solid #DEDEDE; padding: 0px 2px 1px; line-height: 22px; } .flatstyledocs.column1 .sh_sourceCode li,.flatstyledocs.column1 .sh_sourceCode code { font-family: monospace; }   .flatstyledocs header { font-size: 171%; font-family: Georgia; margin: 12px 0 0; } .mobile .flatstyledocs .header { width: 100%; text-align: center; margin: 60px auto 0; }   .flatstyledocs.column1 { padding-left: 290px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; margin: 8px auto 72px; } @media all and (max-width: 972px) { .flatstyledocs.column1 { padding-left: 8px; } } .mobile .flatstyledocs.column1 { padding-left: 8px; margin: 6px auto 30px; } .flatstyledocs.column1 .title_wrap { font-size: 114%; } .flatstyledocs.column1 .title { font-family: Gentium Basic; font-weight: 100; line-height: 28px; margin: 18px 0 10px; text-rendering: optimizelegibility; } .flatstyledocs.column1 .lup { font-size: 100%; opacity: 0.6; } @media all and (max-width: 972px) { .flatstyledocs .lup { clear: both; } .mobile .flatstyledocs .lup { font-size: 88%; text-align: center; margin: 8px auto; } } .flatstyledocs.column1 .title_wrap.lev0 { font-size: 171%; height: 36px; } .flatstyledocs.column1 .title.lev0 { font-size: 100%; font-weight: 100; line-height: 36px; margin: 15px 0 11px; } .flatstyledocs.column1 .title_wrap.lev1 { font-size: 114%; } .flatstyledocs.column1 .title.lev1 { font-size: 107%; padding-left: 5px; } .flatstyledocs.column1 .title.lev2 { text-decoration: underline; font-size: 100%; padding-left: 10px; } .flatstyledocs.column1 .title.lev3 { font-size: 100%; padding-left: 15px; } .flatstyledocs.column1 .title.lev4 { font-size: 100%; padding-left: 20px; } .flatstyledocs.column1 .api { font-size: 120%; line-height: 2em; } .flatstyledocs.column1 a { font-size: 18px; } .flatstyledocs.column1 .description li { list-style: circle; list-style-position: inside; } .flatstyledocs.column1 .description pre li { list-style: none; }   .flatstyledocs.column2 { width: 84%; margin: 66px auto 60px; padding: 6px 12px 36px; } .mobile .flatstyledocs.column2 { margin: 24px auto 30px; } .flatstyledocs.column2 a { font-family: Kotta One; font-size: 120%; text-decoration: none; line-height: 1.6em; } .flatstyledocs.column2 a:hover { } .flatstyledocs.column2 span { font-family: Kotta One; font-size: 120%; } .flatstyledocs.column2 h2 { font-size: 108%; margin: 8px 0; } .flatstyledocs.column2 li { line-height: 28px; } .flatstyledocs.column2 li.lev2 { list-style: square none inside; } .flatstyledocs.column2 li.lev1 { list-style: circle none inside; } .flatstyledocs.column2 li.lev0 { list-style-type: none; }   .flatstyledocs.column1 pre.sh_sourceCode { border-radius: 8px; }   .flatstyledocs.column2 { border-radius: 12px; }   .flatstyledocs.search-box { position: absolute; top: 12px; right: 18px; height: 24px; }   .flatstyledocs.social-links { height: 30px; position: absolute; right: 12px; bottom: 0px; overflow: hidden; display: none; } @media all and (min-width: 320px) { .flatstyledocs.social-links { display: block; width: 320px; } } @media all and (min-width: 400px) { .flatstyledocs.social-links { display: block; width: 360px; } }   .flatstyledocs .help { }