terra/main.css

@font-face{font-family:icomoon;src:url(icomoon.eot?it882c);src:url(icomoon.eot?#iefixit882c) format('embedded-opentype'),url(icomoon.woff?it882c) format('woff'),url(icomoon.ttf?it882c) format('truetype'),url(icomoon.svg?it882c#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-play:before{content:"\e600"}.icon-stop:before{content:"\e601"}.icon-github:before{content:"\e602"}code[class*=language-],pre[class*=language-]{color:#f8f8f2;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.important{font-weight:700}.token.entity{cursor:help}.fullPage,body,html{height:100%;width:100%}body{margin:0;font-family:Open Sans,sans-serif;color:#bbb;background:#222}a{color:#bbb}a:focus{outline:0;color:#ff69b4!important}.main{line-height:1.5em;width:70%;max-width:800px;padding-top:1.5em;margin:0 auto;font-size:24px}.main canvas{display:block;margin:1em auto}@media (max-width:500px){body nav ul{padding:0 2%}}@media (max-width:720px){.main{width:90%}}.canvasWrapper{position:relative}.canvasWrapper button{position:absolute;top:50%;left:50%;height:60px;width:60px;margin:-30px;border:0;border-radius:30px;outline:0;font-size:36px;background:rgba(255,255,255,.3);cursor:pointer}.playing .icon-play,.stopped .icon-stop{display:none}.vcent{height:100%;display:inline-block;vertical-align:middle}.sticky nav{position:fixed;top:0;left:0}.sticky .main{margin-top:60px}.splash{position:relative;overflow:hidden;font-size:0;text-align:center;background:#222}.splash canvas{position:absolute;top:0;left:0}header{z-index:1;position:relative;display:inline-block;vertical-align:middle;width:20em;padding:0 2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1rem;color:#fff;background:rgba(0,0,0,.7)}header h1 span{vertical-align:super;font-size:16px}header p{line-height:normal;font-size:1rem}header .downArrow{display:block;font-size:24px;padding-bottom:1em;text-decoration:none;color:#fff}nav{z-index:1;height:60px;line-height:60px;width:100%;font-size:0;background:#bbb;-webkit-box-shadow:0 1px 2px #444;box-shadow:0 1px 2px #444}nav a{text-decoration:none;color:#222}nav ul{margin:0;padding:0 10%;list-style:none;font-size:1rem;text-align:justify}nav ul:after{content:"";display:inline-block;width:100%}nav li{display:inline-block}h2{margin-top:1.5em}.mono,h4{font-family:monospace;font-weight:400}.defaults,.defaults ul{padding-left:0;list-style:none}.defaults li{margin-top:1em}.defaults>li{margin:-60px 0 1em;padding:1em;border-top:60px solid transparent;background:#272822;-webkit-background-clip:padding-box;background-clip:padding-box}.defaults h4{margin:0}.defaults p{margin:1em 0 .5em}.defaults ul ul{padding-left:1em;list-style:circle inside}pre{font-size:16px}a.question{font-size:18px;font-weight:700;text-decoration:none;color:#6e6e6e}footer{height:96px;line-height:96px;margin-top:5em;text-align:center;background:#111;-webkit-box-shadow:-6px 0 6px #222 inset;box-shadow:-6px 0 6px #222 inset}