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
9.1 KiB

/*!
* =====================================================
11 years ago
* Ratchet v2.0.1 (http://goratchet.com)
* Copyright 2014 Connor Sears
* Licensed under MIT.
*
11 years ago
* v2.0.1 designed by @connors.
* =====================================================
*/body{font-family:Roboto,sans-serif;font-size:18px;line-height:22px;color:#222}a{color:#33b5e5}a:active{color:#1a9bcb}.content{background-color:#f2f2f2}.bar-nav~.content{padding-top:50px}.bar-header-secondary~.content{padding-top:100px}.bar-tab~.content{padding-top:50px;padding-bottom:0}.bar-footer~.content{padding-bottom:50px}.bar-footer-secondary~.content{padding-bottom:100px}.btn{padding:8px 15px;font-size:14px;color:#222;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25)}.btn:active,.btn.active{color:#222;border:0;background-color:#999;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary{color:#fff;border:0;background-color:#33b5e5}.btn-primary:active,.btn-primary.active{color:#fff;border:0;background-color:#1a9bcb}.btn-positive{color:#fff;border:0;background-color:#9c0}.btn-positive:active,.btn-positive.active{color:#fff;border:0;background-color:#739900}.btn-negative{color:#fff;border:0;background-color:#f44}.btn-negative:active,.btn-negative.active{color:#fff;border:0;background-color:#f11}.btn-outlined{border:1px solid #999;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary{border:1px solid #33b5e5;color:#33b5e5}.btn-outlined.btn-primary:active{border:1px solid #33b5e5;background-color:#33b5e5}.btn-outlined.btn-positive{border:1px solid #9c0;color:#9c0}.btn-outlined.btn-positive:active{border:1px solid #9c0;background-color:#9c0}.btn-outlined.btn-negative{border:1px solid #f44;color:#f44}.btn-outlined.btn-negative:active{border:1px solid #f44;background-color:#f44}.btn-outlined:active{border:1px solid #999;background-color:#999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn-link{color:#33b5e5;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.btn-link:active,.btn-link.active{color:#1a9bcb;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-block{padding:15px 0;font-size:18px}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{height:50px;background-color:#ddd;border-bottom:1px solid #b1b1b1;-webkit-box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07)}.bar.bar-header-secondary{top:50px}.bar.bar-footer-secondary{bottom:50px}.bar.bar-footer-secondary-tab{bottom:50px}.bar .bar-footer,.bar .bar-footer-secondary,.bar .bar-footer-secondary-tab{border-bottom:0;border-top:1px solid #b1b1b1;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab{top:0;bottom:auto;height:50px;border-top:0}.bar-tab .tab-item{color:#929292}.bar-tab .tab-item.active{color:#33b5e5;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab .tab-item:active{color:#929292;background-color:#78c6e3}.bar-tab .tab-item .icon{top:3px;padding-top:0;padding-bottom:0}.title{position:static;padding-left:15px;font-size:18px;line-height:49px;text-align:left}.bar .btn{top:7px;padding-top:10px;padding-bottom:10px}.bar .btn-link{top:0;padding:0;color:#33b5e5;font-size:18px;line-height:49px}.bar .btn-link:active,.bar .btn-link.active{color:#1a9bcb}.bar .btn-link .icon{top:2px;padding:0}.bar .btn-block{top:4px}.bar .segmented-control{top:7px}.bar .icon{padding-top:13px;padding-bottom:13px}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:10px;color:#777}.bar input[type=search]{height:35px}.badge.badge-inverted{color:#999;background-color:transparent}.badge-primary{color:#fff;background-color:#33b5e5}.badge-primary.badge-inverted{color:#33b5e5;background-color:transparent}.badge-