app.min.css

.container{max-width:900px;min-width:300px;width:90%;margin-left:auto;margin-right:auto}.menu{line-height:80px;color:#6d6d6d;background-color:#f1f1f1;min-width:300px;padding-top:10px;padding-bottom:10px}.menu a{text-decoration:none}.menu .menu-items{display:flex;flex-direction:row;flex-wrap:wrap}.menu .menu-items .brand{flex:0 0 auto}.menu .menu-items .brand .name{font-size:35px;color:#6d6d6d}.menu .menu-items .brand img{height:80px;vertical-align:top}.menu .menu-items .links{margin-left:20px;flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center}.menu .menu-items .links a{line-height:40px;height:40px;padding-left:20px;padding-right:20px;border-radius:5px;color:#6d6d6d;text-decoration:none}.menu .menu-items .links a:hover{background-color:#dfdfdf}.menu .menu-items .links a:active{background-color:#e1e1e1}.desktop{position:relative}.desktop .application{position:absolute;top:0;left:0;right:0;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all .75s cubic-bezier(.08,.69,.485,.99);-moz-transition:all .75s cubic-bezier(.08,.69,.485,.99);-o-transition:all .75s cubic-bezier(.08,.69,.485,.99);transition:all .75s cubic-bezier(.08,.69,.485,.99);box-shadow:2px 3px 8px 0 rgba(14,20,26,.6)}.desktop .application.application-maximized{opacity:1;box-shadow:12px 18px 48px 0 rgba(14,20,26,.6);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.editor-application .application-content-container{background-color:#282c34}.editor-application .application-line-text{padding-left:36px}.application-line{position:relative;padding:0 6px;min-height:24px;font-size:14px;line-height:24px;font-family:monospace;zoom:1}.application-line:after{content:" ";display:table;clear:both}.application-line,.editor-line{position:relative;padding:0 6px;min-height:24px;font-size:14px;line-height:24px;font-family:monospace;zoom:1}.application-line:after,.editor-line:after{content:" ";display:table;clear:both}.editor-line-number,.editor-line-text{margin:0;height:24px}.editor-line-number{position:absolute;top:0;left:0;padding-left:6px;width:25px;text-align:right;opacity:.5}.editor-line-text{padding-left:50px}.cursor{display:inline-block;height:24px}.cursor.cursor-active{position:relative}.cursor.cursor-active:after{position:absolute;content:" ";top:50%;right:-3px;width:1px;height:17px;animation:blink .7s ease-in-out infinite;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.cursor.cursor-active.is-typing:after{right:0;background-color:hsla(0,0%,100%,.5);animation:none}@-moz-keyframes blink{0%{background-color:#fff}to{background-color:transparent}}@-webkit-keyframes blink{0%{background-color:#fff}to{background-color:transparent}}@-o-keyframes blink{0%{background-color:#fff}to{background-color:transparent}}@keyframes blink{0%{background-color:#fff}to{background-color:transparent}}.terminal-command-line-prompt-string{float:left;margin-right:10px;color:#2898dd}.terminal-command-line-text{height:24px;color:#fff}.application{background-color:#0e141a;color:hsla(0,0%,100%,.5);font-family:Helvetica,Arial,sans-serif;box-shadow:12px 18px 48px 0 rgba(14,20,26,.6);overflow:hidden;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:all .75s cubic-bezier(.08,.69,.485,.99);-moz-transition:all .75s cubic-bezier(.08,.69,.485,.99);-o-transition:all .75s cubic-bezier(.08,.69,.485,.99);transition:all .75s cubic-bezier(.08,.69,.485,.99)}.application-topbar{position:relative;padding:3px 12px;zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.application-topbar:after{content:" ";display:table;clear:both}.application-actions-container{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.application-action,.application-actions-container{float:left}.application-action{width:8px;height:8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.application-action.application-action-close{background-color:#ff4040}.application-action.application-action-minimize{background-color:#ffb700}.application-action.application-action-maximize{background-color:#00ae55}.application-action+.application-action{margin-left:6px}.application-title-container{padding-left:45px;font-size:10px;text-align:center;line-height:20px;white-space:nowrap;letter-spacing:.5px}.application-content-container{overflow:auto}.application-line,.terminal-line{position:relative;padding:0 6px;min-height:24px;font-size:14px;line-height:24px;font-family:monospace;zoom:1}.application-line:after,.terminal-line:after{content:" ";display:table;clear:both}.terminal-line>div{white-space:nowrap}.terminal-response-line-text{margin:0}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap: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}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.demo{text-align:center;margin-top:80px;height:400px}.glorious-demo-container{text-align:left}.home{text-align:center;height:100%;margin-top:100px}.home button{margin-top:30px}.demo-container{width:70%;margin-left:auto;margin-right:auto;margin-top:40px}@media screen and (max-width:850px){.demo-container{width:95%}}.docs-menu{background-color:#f3f3f3;border-radius:5px}.docs-menu li{list-style:none}.docs-menu li a{text-decoration:none;color:#006d00;text-indent:20px;line-height:40px;display:block;width:100%}.docs-menu li a:hover{background-color:#ededed}.docs-container{display:flex;flex-direction:row}@media screen and (max-width:850px){.docs-container{flex-direction:column}}.docs-container .docs-menu-container{flex:1 1 auto;min-width:200px;margin-top:50px}.docs-container .docs-menu-container .docs-menu-menu{position:-webkit-sticky;position:sticky;top:20px}.docs-container .docs-content-container{flex:1 1 auto}@media screen and (min-width:850px){.docs-container .docs-content-container{margin-left:30px}}.btn{background-color:#cacaca;line-height:40px;padding-left:20px;padding-right:20px;border-radius:5px;border:1px solid #afafaf;font-weight:300;font-size:15px;cursor:pointer;outline:none;display:inline-block;text-decoration:none}.btn:active{background-color:#c4c4c4}.btn-primary{background-color:#326f45;border-color:#023b05;color:#efefef}.btn-primary:active{background-color:#005d2a}.btn-large{line-height:60px;padding-left:50px;padding-right:50px}.code-inline{padding-left:7px;padding-right:7px;border-radius:3px;background-color:#dedede;color:#006d00}pre code{display:block;padding-left:20px;padding-right:20px;color:#dedede;margin:20px auto;background-color:#363636;border-radius:5px;width:80%;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}*{margin:0;padding:0}body{background-color:#e6e6e6;padding-bottom:20px;font-family:Open Sans,sans-serif}h1,h2,h3{color:green;font-size:40px;font-weight:100;margin-top:20px;padding-top:30px;margin-bottom:50px;display:block;width:100%}h2{font-size:25px}h2,h3{margin-top:30px;margin-bottom:20px;text-align:left}h3{font-size:20px}p{margin-top:10px}a{color:#006d00}table{border-spacing:0;border-collapse:collapse;margin-left:auto;margin-right:auto}table td{border-top:1px solid #d2d2d2;padding:10px;background-color:#f1f1f1}