Build mobile apps with simple HTML, CSS, and JS components. http://goratchet.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

9 lines
39 KiB

/*!
* =====================================================
* Ratchet v2.0.0 (http://goratchet.com)
* Copyright 2014 Connor Sears
* Licensed under MIT.
*
* v2.0.0 designed by @connors.
* =====================================================
*/html,body{width:100%;height:100%}body{position:relative!important;font:300 14px/1.5 "Open Sans",sans-serif;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.docs-content{font-size:14px}@media screen and (min-width:768px){.docs-content{font-size:18px}}.docs-content h1,.docs-content h2,.docs-content h3,.docs-content h4,.docs-content h5,.docs-content h6{font-weight:300;color:#222}.docs-content h2{margin-bottom:.25em;font-size:2em}.docs-content h3{margin-bottom:.5em;font-size:1.25em}.docs-content p{margin-bottom:1.5em;font-size:1em;color:#555}.docs-content .lead{font-size:1.1em;color:#777}.docs-header,.docs-sub-header{position:relative;background-image:linear-gradient(45deg,#0a1855 0,#da0024 100%)}.docs-header{height:100vh;min-height:750px}.docs-header .carbonad{position:relative!important;margin-top:0!important;-webkit-animation-name:fadeintext;-moz-animation-name:fadeintext;animation-name:fadeintext;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s}.docs-header .version{margin-top:15px;color:rgba(255,255,255,.5);text-align:center}.docs-header-bottom{position:absolute;left:0;right:0;bottom:0}@media screen and (min-width:768px){.docs-header{min-height:870px}.docs-header .carbonad{left:50%!important;width:300px!important;margin-left:-150px!important;margin-bottom:60px!important}.docs-sub-header .carbonad{position:absolute!important;top:50%!important;right:15px!important;margin-top:0!important;-webkit-transform:translateY(-50%)!important;-ms-transform:translateY(-50%)!important;transform:translateY(-50%)!important}}.docs-masthead{position:relative;padding-top:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.docs-title{position:absolute;left:50%;margin-bottom:0;font-size:22px;font-weight:300;z-index:20;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.docs-nav .docs-nav-trigger{color:#fff;opacity:.7}.docs-nav .docs-nav-trigger.active{opacity:1}.docs-nav .docs-nav-group{position:absolute;top:40px;left:0;right:0;z-index:20;overflow:hidden;height:0;background-color:rgba(0,0,0,.9);opacity:0}.docs-nav .docs-nav-group.active{height:auto;opacity:1}.docs-nav .docs-nav-item{display:block;padding:20px 15px;font-size:22px}.docs-jump-menu,.docs-component-group{display:none}.docs-title a,.docs-nav-item{color:#fff;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.docs-title a:active,.docs-title a:focus,.docs-nav-item:active,.docs-nav-item:focus{color:#fff;opacity:.5}@media screen and (min-width:768px){.docs-title{position:static;float:left;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.docs-nav{float:right}.docs-nav .docs-nav-trigger{display:none}.docs-nav .docs-nav-group{position:static;display:block;height:auto;background-color:transparent;opacity:1}.docs-nav .docs-nav-item{position:relative;display:inline-block;padding:0 15px;font-size:14px}.docs-jump-menu{position:absolute;left:20px;display:block;color:#777;cursor:pointer;-webkit-transition:opacity .2 linear;-moz-transition:opacity .2 linear;transition:opacity .2 linear}.docs-jump-menu:hover{color:#428bca}.docs-jump-menu:active{opacity:.5}.docs-jump-menu .icon-list{font-size:16px;margin-right:3px}.docs-jump-menu .icon-caret{position:relative;top:4px;margin-left:-5px}.docs-component-group{position:absolute;top:35px;left:30px;padding-top:10px;padding-bottom:10px;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:3px;box-shadow:0 0 8px rgba(0,0,0,.05)}.docs-component-group.active{display:block}.docs-component-group:before,.docs-component-group:after{position:absolute;left:30px;width:0;height:0;content:''}.docs-component-group:before{top:-11px;margin-left:-11px;border-right:11px solid transparent;border-bottom:11px solid rgba(0,0,0,.3);border-left:11px solid transparent}.docs-component-group:after{top:-10px;margin-left:-10px;border-right:10px solid transparent;border-bottom:10px solid #fff;border-left:10px solid