From c8d8f41c8a7aaab0d0bdde318d14d81d1be030ff Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Fri, 7 Mar 2014 06:28:25 +0200 Subject: [PATCH] Run `grunt`. --- dist/css/ratchet-theme-android.css | 152 +++--- dist/css/ratchet-theme-android.min.css | 2 +- dist/css/ratchet-theme-ios.css | 168 +++--- dist/css/ratchet-theme-ios.min.css | 2 +- dist/css/ratchet.css | 254 ++++----- dist/css/ratchet.min.css | 2 +- docs/assets/css/docs.css | 572 ++++++++++---------- docs/dist/css/ratchet-theme-android.css | 152 +++--- docs/dist/css/ratchet-theme-android.min.css | 2 +- docs/dist/css/ratchet-theme-ios.css | 168 +++--- docs/dist/css/ratchet-theme-ios.min.css | 2 +- docs/dist/css/ratchet.css | 254 ++++----- docs/dist/css/ratchet.min.css | 2 +- 13 files changed, 870 insertions(+), 862 deletions(-) diff --git a/dist/css/ratchet-theme-android.css b/dist/css/ratchet-theme-android.css index 0ec3e0b..9ce76eb 100644 --- a/dist/css/ratchet-theme-android.css +++ b/dist/css/ratchet-theme-android.css @@ -12,7 +12,7 @@ body { font-family: "Roboto", sans-serif; font-size: 18px; line-height: 22px; - color: #222222; + color: #222; } a { @@ -50,94 +50,94 @@ a:active { .btn { padding: 8px 15px; font-size: 14px; - color: #222222; + color: #222; background-color: #cecece; border: 0; border-radius: 2px; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.25); + -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: #222222; + color: #222; + background-color: #999; border: 0; - background-color: #999999; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); + -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; + border: 0; } .btn-primary:active, .btn-primary.active { color: #fff; - border: 0; background-color: #1a9bcb; + border: 0; } .btn-positive { color: #fff; + background-color: #9c0; border: 0; - background-color: #99cc00; } .btn-positive:active, .btn-positive.active { color: #fff; - border: 0; background-color: #739900; + border: 0; } .btn-negative { color: #fff; + background-color: #f44; border: 0; - background-color: #ff4444; } .btn-negative:active, .btn-negative.active { color: #fff; + background-color: #f11; border: 0; - background-color: #ff1111; } .btn-outlined { - border: 1px solid #999999; background-color: transparent; + border: 1px solid #999; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .btn-outlined.btn-primary { - border: 1px solid #33b5e5; color: #33b5e5; + border: 1px solid #33b5e5; } .btn-outlined.btn-primary:active { - border: 1px solid #33b5e5; background-color: #33b5e5; + border: 1px solid #33b5e5; } .btn-outlined.btn-positive { - border: 1px solid #99cc00; - color: #99cc00; + color: #9c0; + border: 1px solid #9c0; } .btn-outlined.btn-positive:active { - border: 1px solid #99cc00; - background-color: #99cc00; + background-color: #9c0; + border: 1px solid #9c0; } .btn-outlined.btn-negative { - border: 1px solid #ff4444; - color: #ff4444; + color: #f44; + border: 1px solid #f44; } .btn-outlined.btn-negative:active { - border: 1px solid #ff4444; - background-color: #ff4444; + background-color: #f44; + border: 1px solid #f44; } .btn-outlined:active { - border: 1px solid #999999; - background-color: #999999; + background-color: #999; + border: 1px solid #999; -webkit-box-shadow: none; - 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; + box-shadow: none; } .btn-link { @@ -145,13 +145,13 @@ a:active { background-color: transparent; border: none; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .btn-link:active, .btn-link.active { color: #1a9bcb; background-color: transparent; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .btn-block { @@ -160,7 +160,7 @@ a:active { } .btn .badge { - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(0, 0, 0, .15); } .btn .badge.badge-inverted { background-color: transparent; @@ -171,10 +171,10 @@ a:active { .bar { height: 50px; - background-color: #dddddd; + background-color: #ddd; border-bottom: 1px solid #b1b1b1; - -webkit-box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, 0.07); - box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, 0.07); + -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; @@ -188,10 +188,10 @@ a:active { .bar .bar-footer, .bar .bar-footer-secondary, .bar .bar-footer-secondary-tab { - border-bottom: 0; border-top: 1px solid #b1b1b1; + border-bottom: 0; -webkit-box-shadow: inset 0 -2px 0 #33b5e5; - box-shadow: inset 0 -2px 0 #33b5e5; + box-shadow: inset 0 -2px 0 #33b5e5; } .bar-tab { @@ -206,7 +206,7 @@ a:active { .bar-tab .tab-item.active { color: #33b5e5; -webkit-box-shadow: inset 0 -2px 0 #33b5e5; - box-shadow: inset 0 -2px 0 #33b5e5; + box-shadow: inset 0 -2px 0 #33b5e5; } .bar-tab .tab-item:active { color: #929292; @@ -234,9 +234,9 @@ a:active { .bar .btn-link { top: 0; padding: 0; - color: #33b5e5; font-size: 18px; line-height: 49px; + color: #33b5e5; } .bar .btn-link:active, .bar .btn-link.active { color: #1a9bcb; @@ -270,7 +270,7 @@ a:active { } .badge.badge-inverted { - color: #999999; + color: #999; background-color: transparent; } @@ -285,26 +285,26 @@ a:active { .badge-positive { color: #fff; - background-color: #99cc00; + background-color: #9c0; } .badge-positive.badge-inverted { - color: #99cc00; + color: #9c0; background-color: transparent; } .badge-negative { color: #fff; - background-color: #ff4444; + background-color: #f44; } .badge-negative.badge-inverted { - color: #ff4444; + color: #f44; background-color: transparent; } .card { + background-color: transparent; border-color: #d9d9d9; border-radius: 2px; - background-color: transparent; } .table-view { @@ -327,9 +327,9 @@ a:active { font-size: 12px; font-weight: bold; text-transform: uppercase; + background-color: transparent; border-top: 0; border-bottom: 2px solid #a9a9a9; - background-color: transparent; } select, @@ -351,9 +351,9 @@ input[type="color"], .input-group { height: 40px; padding: 10px 15px; - border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + border: 1px solid rgba(0, 0, 0, .2); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + box-shadow: 0 1px 1px rgba(0, 0, 0, .1); } input[type="search"] { @@ -375,7 +375,7 @@ textarea, border: 0; border-bottom: 1px solid #d9d9d9; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .input-group input:last-child { @@ -396,22 +396,22 @@ textarea, background-color: #cecece; border: 0; border-radius: 2px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25); + box-shadow: 0 1px 1px rgba(0, 0, 0, .25); } .segmented-control .control-item { padding-top: 10px; padding-bottom: 10px; - color: #222222; + color: #222; border-left: 1px solid #999; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); + -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); } .segmented-control .control-item:first-child { border-left-width: 0; } .segmented-control .control-item:active, .segmented-control .control-item.active { - background-color: #999999; + background-color: #999; } .segmented-control-primary { @@ -435,7 +435,7 @@ textarea, } .segmented-control-positive .control-item:active, .segmented-control-positive .control-item.active { color: #fff; - background-color: #99cc00; + background-color: #9c0; } .segmented-control-negative { @@ -447,7 +447,7 @@ textarea, } .segmented-control-negative .control-item:active, .segmented-control-negative .control-item.active { color: #fff; - background-color: #ff4444; + background-color: #f44; } .popover { @@ -457,22 +457,22 @@ textarea, margin-left: 0; border: 1px solid #9b9b9b; border-radius: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); + box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-transition: -webkit-transform .1s ease-in-out, opacity .2s ease-in-out; - -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out; - transition: transform .1s ease-in-out, opacity .2s ease-in-out; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); - -webkit-transform: scale(0.75); - -ms-transform: scale(0.75); - transform: scale(0.75); + -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out; + transition: transform .1s ease-in-out, opacity .2s ease-in-out; + -webkit-transform: scale(.75); + -ms-transform: scale(.75); + transform: scale(.75); } .popover:before { display: none; } .popover.visible { -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } .backdrop { @@ -493,20 +493,20 @@ textarea, .toggle { width: 104px; height: 28px; + background-color: #d7d7d7; border: 2px solid #d7d7d7; border-radius: 0; - background-color: #d7d7d7; } .toggle .toggle-handle { top: 0; left: 0; width: 50px; height: 24px; + background-color: #bebebe; border: 1px solid #b5b5b5; border-radius: 2px; - background-color: #bebebe; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1); } .toggle:before { top: 1px; @@ -516,20 +516,20 @@ textarea, color: #fff; } .toggle.active { - border: 2px solid #d7d7d7; background-color: #d7d7d7; + border: 2px solid #d7d7d7; } .toggle.active .toggle-handle { margin-right: 2px; background-color: #33b5e5; border-color: #33b5e5; -webkit-transform: translate3d(50px, 0, 0); - -ms-transform: translate3d(50px, 0, 0); - transform: translate3d(50px, 0, 0); + -ms-transform: translate3d(50px, 0, 0); + transform: translate3d(50px, 0, 0); } .toggle.active:before { - left: auto; right: 14px; + left: auto; color: #fff; } diff --git a/dist/css/ratchet-theme-android.min.css b/dist/css/ratchet-theme-android.min.css index 836b680..9456a74 100644 --- a/dist/css/ratchet-theme-android.min.css +++ b/dist/css/ratchet-theme-android.min.css @@ -6,4 +6,4 @@ * * 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-positive{color:#fff;background-color:#9c0}.badge-positive.badge-inverted{color:#9c0;background-color:transparent}.badge-negative{color:#fff;background-color:#f44}.badge-negative.badge-inverted{color:#f44;background-color:transparent}.card{border-color:#d9d9d9;border-radius:2px;background-color:transparent}.table-view{background-color:transparent}.table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{background-color:#e0e0e0}.table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;border-top:0;border-bottom:2px solid #a9a9a9;background-color:transparent}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}input[type=search]{border-radius:2px}select,textarea,.input-group{height:auto}.input-group{padding:0;border:0}.input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{background-image:none}.input-row{border-bottom:1px solid #d9d9d9}.input-row label+input{background-image:none;border-bottom:0}.segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #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)}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active,.segmented-control .control-item.active{background-color:#999}.segmented-control-primary{border:0}.segmented-control-primary .control-item{color:#fff;border-color:inherit}.segmented-control-primary .control-item:active,.segmented-control-primary .control-item.active{color:#fff;background-color:#33b5e5}.segmented-control-positive{border:0}.segmented-control-positive .control-item{color:#fff;border-color:inherit}.segmented-control-positive .control-item:active,.segmented-control-positive .control-item.active{color:#fff;background-color:#9c0}.segmented-control-negative{border:0}.segmented-control-negative .control-item{color:#fff;border-color:inherit}.segmented-control-negative .control-item:active,.segmented-control-negative .control-item.active{color:#fff;background-color:#f44}.popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-moz-transition:-moz-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75)}.popover:before{display:none}.popover.visible{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.backdrop{background-color:transparent}.popover .bar{border-radius:0}.popover .bar-nav~.table-view{padding-top:50px}.popover .table-view{border-radius:12px}.toggle{width:104px;height:28px;border:2px solid #d7d7d7;border-radius:0;background-color:#d7d7d7}.toggle .toggle-handle{top:0;left:0;width:50px;height:24px;border:1px solid #b5b5b5;border-radius:2px;background-color:#bebebe;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.toggle.active{border:2px solid #d7d7d7;background-color:#d7d7d7}.toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.toggle.active:before{left:auto;right:14px;color:#fff}.navigate-left:after,.push-left:after{content:''}.navigate-right:after,.push-right:after{content:''}.icon-caret:before{content:'\e800'}.icon-down:before,.icon-down-nav:before{content:'\e801'}.icon-download:before{content:'\e802'}.icon-left:before,.icon-left-nav:before{content:'\e803'}.icon-more-vertical:before{content:'\e804'}.icon-more:before{content:'\e805'}.icon-right:before,.icon-right-nav:before{content:'\e806'}.icon-search:before{content:'\e807'}.icon-share:before{content:'\e808'}.icon-up:before,.icon-up-nav:before{content:'\e809'} \ No newline at end of file + */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;background-color:#999;border:0;-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;background-color:#33b5e5;border:0}.btn-primary:active,.btn-primary.active{color:#fff;background-color:#1a9bcb;border:0}.btn-positive{color:#fff;background-color:#9c0;border:0}.btn-positive:active,.btn-positive.active{color:#fff;background-color:#739900;border:0}.btn-negative{color:#fff;background-color:#f44;border:0}.btn-negative:active,.btn-negative.active{color:#fff;background-color:#f11;border:0}.btn-outlined{background-color:transparent;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary{color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-primary:active{background-color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-positive{color:#9c0;border:1px solid #9c0}.btn-outlined.btn-positive:active{background-color:#9c0;border:1px solid #9c0}.btn-outlined.btn-negative{color:#f44;border:1px solid #f44}.btn-outlined.btn-negative:active{background-color:#f44;border:1px solid #f44}.btn-outlined:active{background-color:#999;border:1px solid #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-top:1px solid #b1b1b1;border-bottom:0;-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;font-size:18px;line-height:49px;color:#33b5e5}.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-positive{color:#fff;background-color:#9c0}.badge-positive.badge-inverted{color:#9c0;background-color:transparent}.badge-negative{color:#fff;background-color:#f44}.badge-negative.badge-inverted{color:#f44;background-color:transparent}.card{background-color:transparent;border-color:#d9d9d9;border-radius:2px}.table-view{background-color:transparent}.table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{background-color:#e0e0e0}.table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:transparent;border-top:0;border-bottom:2px solid #a9a9a9}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}input[type=search]{border-radius:2px}select,textarea,.input-group{height:auto}.input-group{padding:0;border:0}.input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{background-image:none}.input-row{border-bottom:1px solid #d9d9d9}.input-row label+input{background-image:none;border-bottom:0}.segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #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)}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active,.segmented-control .control-item.active{background-color:#999}.segmented-control-primary{border:0}.segmented-control-primary .control-item{color:#fff;border-color:inherit}.segmented-control-primary .control-item:active,.segmented-control-primary .control-item.active{color:#fff;background-color:#33b5e5}.segmented-control-positive{border:0}.segmented-control-positive .control-item{color:#fff;border-color:inherit}.segmented-control-positive .control-item:active,.segmented-control-positive .control-item.active{color:#fff;background-color:#9c0}.segmented-control-negative{border:0}.segmented-control-negative .control-item{color:#fff;border-color:inherit}.segmented-control-negative .control-item:active,.segmented-control-negative .control-item.active{color:#fff;background-color:#f44}.popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-moz-transition:-moz-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.popover:before{display:none}.popover.visible{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.backdrop{background-color:transparent}.popover .bar{border-radius:0}.popover .bar-nav~.table-view{padding-top:50px}.popover .table-view{border-radius:12px}.toggle{width:104px;height:28px;background-color:#d7d7d7;border:2px solid #d7d7d7;border-radius:0}.toggle .toggle-handle{top:0;left:0;width:50px;height:24px;background-color:#bebebe;border:1px solid #b5b5b5;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.toggle.active{background-color:#d7d7d7;border:2px solid #d7d7d7}.toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.toggle.active:before{right:14px;left:auto;color:#fff}.navigate-left:after,.push-left:after{content:''}.navigate-right:after,.push-right:after{content:''}.icon-caret:before{content:'\e800'}.icon-down:before,.icon-down-nav:before{content:'\e801'}.icon-download:before{content:'\e802'}.icon-left:before,.icon-left-nav:before{content:'\e803'}.icon-more-vertical:before{content:'\e804'}.icon-more:before{content:'\e805'}.icon-right:before,.icon-right-nav:before{content:'\e806'}.icon-search:before{content:'\e807'}.icon-share:before{content:'\e808'}.icon-up:before,.icon-up-nav:before{content:'\e809'} \ No newline at end of file diff --git a/dist/css/ratchet-theme-ios.css b/dist/css/ratchet-theme-ios.css index f135acb..3cab113 100644 --- a/dist/css/ratchet-theme-ios.css +++ b/dist/css/ratchet-theme-ios.css @@ -32,18 +32,18 @@ p { } .btn { - border: 1px solid #929292; color: #929292; - background-color: rgba(247, 247, 247, 0.98); + background-color: rgba(247, 247, 247, .98); + border: 1px solid #929292; -webkit-transition: all; - -moz-transition: all; - transition: all; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; + -moz-transition: all; + transition: all; -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - transition-timing-function: linear; + -moz-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; } .btn:active, .btn.active { color: #fff; @@ -52,32 +52,32 @@ p { .btn-primary { color: #fff; - border: 1px solid #007aff; background-color: #007aff; + border: 1px solid #007aff; } .btn-primary:active, .btn-primary.active { - border: 1px solid #0062cc; background-color: #0062cc; + border: 1px solid #0062cc; } .btn-positive { color: #fff; - border: 1px solid #4cd964; background-color: #4cd964; + border: 1px solid #4cd964; } .btn-positive:active, .btn-positive.active { - border: 1px solid #2ac845; background-color: #2ac845; + border: 1px solid #2ac845; } .btn-negative { color: #fff; - border: 1px solid #dd524d; background-color: #dd524d; + border: 1px solid #dd524d; } .btn-negative:active, .btn-negative.active { - border: 1px solid #cf2d28; background-color: #cf2d28; + border: 1px solid #cf2d28; } .btn-outlined { @@ -107,7 +107,7 @@ p { } .btn .badge { - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(0, 0, 0, .15); } .btn .badge.badge-inverted { background-color: transparent; @@ -117,10 +117,10 @@ p { } .bar { + background-color: rgba(247, 247, 247, .98); border-bottom: 0; - background-color: rgba(247, 247, 247, 0.98); - -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85); - box-shadow: 0 0 1px rgba(0, 0, 0, 0.85); + -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); + box-shadow: 0 0 1px rgba(0, 0, 0, .85); } .bar.bar-header-secondary { top: 44px; @@ -195,27 +195,27 @@ p { } .table-view { - border-top: 0; - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-position: 0 100%, 0 0; background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border-top: 0; + border-bottom: 0; } .table-view .table-view-cell { - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"); - background-position: 15px 100%; background-repeat: no-repeat; + background-position: 15px 100%; + border-bottom: 0; } .table-view .table-view-cell:last-child { background-image: none; } .table-view .table-view-divider { - border-top: 0; - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-position: 0 100%, 0 0; background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border-top: 0; + border-bottom: 0; } select, @@ -237,13 +237,13 @@ input[type="color"], .input-group { height: 40px; padding: 10px 15px; - border: 1px solid rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, .2); } input[type="search"] { height: 34px; text-align: center; - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, .1); border: 0; border-radius: 6px; } @@ -260,17 +260,17 @@ textarea, .input-group { padding: 0; - border: 0; background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-position: 0 100%, 0 0; background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border: 0; } .input-group input { - border: 0; background-image: url("data:image/svg+xml;utf8,"); - background-position: 15px 100%; background-repeat: no-repeat; + background-position: 15px 100%; + border: 0; } .input-group input:last-child { @@ -278,10 +278,10 @@ textarea, } .input-row { - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"); - background-position: 15px 100%; background-repeat: no-repeat; + background-position: 15px 100%; + border-bottom: 0; } .input-row:last-child, @@ -296,9 +296,9 @@ textarea, .segmented-control .control-item { color: #929292; border-color: #929292; - -webkit-transition: background-color 0.1s linear; - -moz-transition: background-color 0.1s linear; - transition: background-color 0.1s linear; + -webkit-transition: background-color .1s linear; + -moz-transition: background-color .1s linear; + transition: background-color .1s linear; } .segmented-control .control-item:active { background-color: #ebebeb; @@ -355,114 +355,114 @@ textarea, .popover { border-radius: 12px; - -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; - -moz-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; - transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; + -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; + -moz-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; + transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; } .popover:before { - border-bottom: 15px solid rgba(247, 247, 247, 0.98); + border-bottom: 15px solid rgba(247, 247, 247, .98); } .popover .bar { -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .popover .bar-nav { - border-bottom: 1px solid rgba(0, 0, 0, 0.15); + border-bottom: 1px solid rgba(0, 0, 0, .15); } .popover .table-view { - border-radius: 12px; background-image: none; + border-radius: 12px; } .modal { - -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .modal.active { - -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .toggle { width: 47px; border: 2px solid #e6e6e6; -webkit-box-shadow: inset 0 0 0 0 #e1e1e1; - box-shadow: inset 0 0 0 0 #e1e1e1; + box-shadow: inset 0 0 0 0 #e1e1e1; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; -webkit-transition-property: box-shadow, border; - -moz-transition-property: box-shadow, border; - transition-property: box-shadow, border; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; + -moz-transition-property: box-shadow, border; + transition-property: box-shadow, border; } .toggle .toggle-handle { - border: 1px solid rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, .2); + -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .08); + box-shadow: 0 3px 3px rgba(0, 0, 0, .08); -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; - transition-property: transform, border, width; - -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); + -moz-transition-property: -moz-transform, border, width; + transition-property: transform, border, width; } .toggle:before { display: none; } .toggle.active { - border: 2px solid #4cd964; background-color: transparent; + border: 2px solid #4cd964; -webkit-box-shadow: inset 0 0 0 13px #4cd964; - box-shadow: inset 0 0 0 13px #4cd964; + box-shadow: inset 0 0 0 13px #4cd964; } .toggle.active .toggle-handle { -webkit-transform: translate3d(17px, 0, 0); - -ms-transform: translate3d(17px, 0, 0); - transform: translate3d(17px, 0, 0); + -ms-transform: translate3d(17px, 0, 0); + transform: translate3d(17px, 0, 0); } .toggle.active .toggle-handle { border-color: #4cd964; } .content.fade { - -webkit-transition: opacity 0.2s ease-in-out; - -moz-transition: opacity 0.2s ease-in-out; - transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity .2s ease-in-out; + -moz-transition: opacity .2s ease-in-out; + transition: opacity .2s ease-in-out; } .content.sliding { - -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .content.sliding.sliding-in, .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-name: fadeOverlay; - -moz-animation-name: fadeOverlay; - animation-name: fadeOverlay; - -webkit-animation-duration: 0.4s; - -moz-animation-duration: 0.4s; - animation-duration: 0.4s; + -moz-animation-name: fadeOverlay; + animation-name: fadeOverlay; + -webkit-animation-duration: .4s; + -moz-animation-duration: .4s; + animation-duration: .4s; } .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-direction: reverse; - -moz-animation-direction: reverse; - animation-direction: reverse; + -moz-animation-direction: reverse; + animation-direction: reverse; } .content.sliding.left { -webkit-transform: translate3d(-20%, 0, 0); - -ms-transform: translate3d(-20%, 0, 0); - transform: translate3d(-20%, 0, 0); + -ms-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); } @-webkit-keyframes fadeOverlay { from { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0); - box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0); } to { - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); + box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); } } diff --git a/dist/css/ratchet-theme-ios.min.css b/dist/css/ratchet-theme-ios.min.css index ac82fcf..453ee6b 100644 --- a/dist/css/ratchet-theme-ios.min.css +++ b/dist/css/ratchet-theme-ios.min.css @@ -6,4 +6,4 @@ * * v2.0.1 designed by @connors. * ===================================================== - */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,h5,.h6,h6,p{color:#8f8f94}.h5,h5,.h6,h6{font-weight:400;text-transform:uppercase}.btn{border:1px solid #929292;color:#929292;background-color:rgba(247,247,247,.98);-webkit-transition:all;-moz-transition:all;transition:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear}.btn:active,.btn.active{color:#fff;background-color:#929292}.btn-primary{color:#fff;border:1px solid #007aff;background-color:#007aff}.btn-primary:active,.btn-primary.active{border:1px solid #0062cc;background-color:#0062cc}.btn-positive{color:#fff;border:1px solid #4cd964;background-color:#4cd964}.btn-positive:active,.btn-positive.active{border:1px solid #2ac845;background-color:#2ac845}.btn-negative{color:#fff;border:1px solid #dd524d;background-color:#dd524d}.btn-negative:active,.btn-negative.active{border:1px solid #cf2d28;background-color:#cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link:active,.btn-link.active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{border-bottom:0;background-color:rgba(247,247,247,.98);-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.bar-tab{border-top:0}.tab-item{color:#929292}.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view{background-image:none}.card .table-view-cell:last-child{background-image:none}.table-view{border-top:0;border-bottom:0;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-position:0 100%,0 0;background-repeat:no-repeat}.table-view .table-view-cell{border-bottom:0;background-image:url("data:image/svg+xml;utf8,");background-position:15px 100%;background-repeat:no-repeat}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-divider{border-top:0;border-bottom:0;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-position:0 100%,0 0;background-repeat:no-repeat}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}select,textarea,.input-group{height:auto}.input-group{padding:0;border:0;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-position:0 100%,0 0;background-repeat:no-repeat}.input-group input{border:0;background-image:url("data:image/svg+xml;utf8,");background-position:15px 100%;background-repeat:no-repeat}.input-group input:last-child{background-image:none}.input-row{border-bottom:0;background-image:url("data:image/svg+xml;utf8,");background-position:15px 100%;background-repeat:no-repeat}.input-row:last-child,.input-row label+input{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{-webkit-box-shadow:none;box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{border-radius:12px;background-image:none}.modal{-webkit-transition-timing-function:cubic-bezier(0.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(0.1,.5,.1,1);transition-timing-function:cubic-bezier(0.1,.5,.1,1)}.modal.active{-webkit-transition-timing-function:cubic-bezier(0.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(0.1,.5,.1,1);transition-timing-function:cubic-bezier(0.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-property:box-shadow,border;-moz-transition-property:box-shadow,border;transition-property:box-shadow,border;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width;-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08)}.toggle:before{display:none}.toggle.active{border:2px solid #4cd964;background-color:transparent;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0)}.toggle.active .toggle-handle{border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(0.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(0.1,.5,.1,1);transition-timing-function:cubic-bezier(0.1,.5,.1,1)}.content.sliding.sliding-in,.content.sliding.right:not([class*=sliding-in]){-webkit-animation-name:fadeOverlay;-moz-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px rgba(0,0,0,0),-320px 0 0 rgba(0,0,0,0);box-shadow:0 0 10px rgba(0,0,0,0),-320px 0 0 rgba(0,0,0,0)}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}} \ No newline at end of file + */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,h5,.h6,h6,p{color:#8f8f94}.h5,h5,.h6,h6{font-weight:400;text-transform:uppercase}.btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;-moz-transition:all;transition:all;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.btn:active,.btn.active{color:#fff;background-color:#929292}.btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.btn-primary:active,.btn-primary.active{background-color:#0062cc;border:1px solid #0062cc}.btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.btn-positive:active,.btn-positive.active{background-color:#2ac845;border:1px solid #2ac845}.btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.btn-negative:active,.btn-negative.active{background-color:#cf2d28;border:1px solid #cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link:active,.btn-link.active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.bar-tab{border-top:0}.tab-item{color:#929292}.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view{background-image:none}.card .table-view-cell:last-child{background-image:none}.table-view{background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}select,textarea,.input-group{height:auto}.input-group{padding:0;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.input-group input{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border:0}.input-group input:last-child{background-image:none}.input-row{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.input-row:last-child,.input-row label+input{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{-webkit-box-shadow:none;box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{background-image:none;border-radius:12px}.modal{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:box-shadow,border;-moz-transition-property:box-shadow,border;transition-property:box-shadow,border}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{display:none}.toggle.active{background-color:transparent;border:2px solid #4cd964;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0)}.toggle.active .toggle-handle{border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.content.sliding.sliding-in,.content.sliding.right:not([class*=sliding-in]){-webkit-animation-name:fadeOverlay;-moz-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px rgba(0,0,0,0),-320px 0 0 rgba(0,0,0,0);box-shadow:0 0 10px rgba(0,0,0,0),-320px 0 0 rgba(0,0,0,0)}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}} \ No newline at end of file diff --git a/dist/css/ratchet.css b/dist/css/ratchet.css index c7a850c..bd5d4b2 100644 --- a/dist/css/ratchet.css +++ b/dist/css/ratchet.css @@ -11,8 +11,8 @@ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; - -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } body { @@ -75,13 +75,13 @@ dfn { } h1 { + margin: .67em 0; font-size: 2em; - margin: 0.67em 0; } mark { - background: #ff0; color: #000; + background: #ff0; } small { @@ -90,18 +90,18 @@ small { sub, sup { + position: relative; font-size: 75%; line-height: 0; - position: relative; vertical-align: baseline; } sup { - top: -0.5em; + top: -.5em; } sub { - bottom: -0.25em; + bottom: -.25em; } img { @@ -117,9 +117,9 @@ figure { } hr { - -moz-box-sizing: content-box; - box-sizing: content-box; height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; } pre { @@ -139,9 +139,9 @@ input, optgroup, select, textarea { - color: inherit; - font: inherit; margin: 0; + font: inherit; + color: inherit; } button { @@ -168,8 +168,8 @@ html input[disabled] { button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; padding: 0; + border: 0; } input { @@ -188,10 +188,10 @@ input[type="number"]::-webkit-outer-spin-button { } input[type="search"] { - -webkit-appearance: textfield; - -moz-box-sizing: content-box; -webkit-box-sizing: content-box; - box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, @@ -200,14 +200,14 @@ input[type="search"]::-webkit-search-decoration { } fieldset { - border: 1px solid #c0c0c0; + padding: .35em .625em .75em; margin: 0 2px; - padding: 0.35em 0.625em 0.75em; + border: 1px solid #c0c0c0; } legend { - border: 0; padding: 0; + border: 0; } textarea { @@ -219,8 +219,8 @@ optgroup { } table { - border-collapse: collapse; border-spacing: 0; + border-collapse: collapse; } td, @@ -230,8 +230,8 @@ th { * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } body { @@ -250,6 +250,7 @@ body { a { color: #428bca; text-decoration: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a:active { @@ -263,14 +264,14 @@ a:active { bottom: 0; left: 0; overflow: auto; - background-color: #fff; -webkit-overflow-scrolling: touch; + background-color: #fff; } .content > * { -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); } .bar-nav ~ .content { @@ -310,8 +311,8 @@ a:active { } .clearfix:before, .clearfix:after { - content: " "; display: table; + content: " "; } .clearfix:after { clear: both; @@ -340,13 +341,13 @@ h4, .h4 { } h5, .h5 { - font-size: 14px; margin-top: 20px; + font-size: 14px; } h6, .h6 { - font-size: 12px; margin-top: 20px; + font-size: 12px; } p { @@ -366,8 +367,8 @@ p { line-height: 1; color: #333; text-align: center; - vertical-align: top; white-space: nowrap; + vertical-align: top; cursor: pointer; background-color: white; border: 1px solid #ccc; @@ -383,35 +384,35 @@ p { .btn-primary { color: #fff; - border: 1px solid #428bca; background-color: #428bca; + border: 1px solid #428bca; } .btn-primary:active, .btn-primary.active { color: #fff; - border: 1px solid #3071a9; background-color: #3071a9; + border: 1px solid #3071a9; } .btn-positive { color: #fff; - border: 1px solid #5cb85c; background-color: #5cb85c; + border: 1px solid #5cb85c; } .btn-positive:active, .btn-positive.active { color: #fff; - border: 1px solid #449d44; background-color: #449d44; + border: 1px solid #449d44; } .btn-negative { color: #fff; - border: 1px solid #d9534f; background-color: #d9534f; + border: 1px solid #d9534f; } .btn-negative:active, .btn-negative.active { color: #fff; - border: 1px solid #c9302c; background-color: #c9302c; + border: 1px solid #c9302c; } .btn-outlined { @@ -457,9 +458,9 @@ input[type="button"] { } .btn .badge { - font-size: 12px; margin: -2px -4px -2px 4px; - background-color: rgba(0, 0, 0, 0.15); + font-size: 12px; + background-color: rgba(0, 0, 0, .15); } .btn .badge-inverted, @@ -491,8 +492,8 @@ input[type="button"] { height: 44px; padding-right: 10px; padding-left: 10px; - border-bottom: 1px solid #dddddd; background-color: white; + border-bottom: 1px solid #ddd; } .bar-header-secondary { @@ -514,8 +515,8 @@ input[type="button"] { .bar-footer, .bar-footer-secondary, .bar-footer-secondary-tab { + border-top: 1px solid #ddd; border-bottom: 0; - border-top: 1px solid #dddddd; } .bar-nav { @@ -541,22 +542,22 @@ input[type="button"] { } .bar-tab { - display: table; bottom: 0; + display: table; width: 100%; height: 50px; padding: 0; - border-top: 1px solid #dddddd; - border-bottom: 0; table-layout: fixed; + border-top: 1px solid #ddd; + border-bottom: 0; } .bar-tab .tab-item { display: table-cell; width: 1%; height: 50px; - vertical-align: middle; color: #929292; text-align: center; + vertical-align: middle; } .bar-tab .tab-item.active, .bar-tab .tab-item:active { color: #428bca; @@ -592,8 +593,8 @@ input[type="button"] { top: 0; padding: 0; font-size: 16px; - color: #428bca; line-height: 44px; + color: #428bca; border: 0; } .bar .btn-link:active, .bar .btn-link.active { @@ -655,7 +656,7 @@ input[type="button"] { font-size: 12px; line-height: 1; color: #333; - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(0, 0, 0, .15); border-radius: 100px; } .badge.badge-inverted { @@ -688,10 +689,10 @@ input[type="button"] { } .card { - overflow: hidden; margin: 10px; + overflow: hidden; background-color: white; - border: 1px solid #dddddd; + border: 1px solid #ddd; border-radius: 6px; } @@ -702,8 +703,8 @@ input[type="button"] { } .card .table-view .table-view-divider:first-child { top: 0; - border-top-right-radius: 6px; border-top-left-radius: 6px; + border-top-right-radius: 6px; } .card .table-view .table-view-divider:last-child { border-bottom-right-radius: 6px; @@ -720,15 +721,15 @@ input[type="button"] { margin-bottom: 15px; list-style: none; background-color: #fff; - border-top: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; } .table-view-cell { position: relative; - overflow: hidden; padding: 11px 65px 11px 15px; - border-bottom: 1px solid #dddddd; + overflow: hidden; + border-bottom: 1px solid #ddd; } .table-view-cell:last-child { border-bottom: 0; @@ -736,9 +737,9 @@ input[type="button"] { .table-view-cell > a:not(.btn) { position: relative; display: block; - overflow: hidden; padding: inherit; margin: -11px -65px -11px -15px; + overflow: hidden; color: inherit; } .table-view-cell > a:not(.btn):active { @@ -754,11 +755,11 @@ input[type="button"] { padding-left: 15px; margin-top: -1px; margin-left: 0; - color: #999; font-weight: 500; - border-top: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; + color: #999; background-color: #fafafa; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; } .table-view .media, @@ -784,8 +785,8 @@ input[type="button"] { top: 50%; right: 15px; -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } .table-view-cell .navigate-left > .btn, .table-view-cell .navigate-left > .badge, @@ -844,21 +845,21 @@ input[type="tel"], input[type="color"] { width: 100%; height: 35px; + -webkit-appearance: none; padding: 0 15px; margin-bottom: 15px; line-height: 21px; background-color: #fff; - border: 1px solid #dddddd; + border: 1px solid #ddd; border-radius: 3px; outline: none; - -webkit-appearance: none; } input[type="search"] { + box-sizing: border-box; padding: 0 10px; font-size: 16px; border-radius: 20px; - box-sizing: border-box; } input[type="search"]:focus { @@ -873,8 +874,8 @@ select { height: auto; font-size: 14px; background-color: #f8f8f8; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); } .input-group { @@ -886,16 +887,16 @@ select { margin-bottom: 0; background-color: transparent; border-top: 0; - border-left: 0; border-right: 0; + border-left: 0; border-radius: 0; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .input-row { overflow: hidden; - border-bottom: 1px solid #dddddd; + border-bottom: 1px solid #ddd; } .input-row label { @@ -926,15 +927,15 @@ select { } .segmented-control .control-item { display: table-cell; - overflow: hidden; width: 1%; padding-top: 6px; padding-bottom: 7px; + overflow: hidden; line-height: 1; color: #333; text-align: center; - white-space: nowrap; text-overflow: ellipsis; + white-space: nowrap; border-left: 1px solid #ccc; } .segmented-control .control-item:first-child { @@ -1009,15 +1010,15 @@ select { margin-left: -140px; background-color: white; border-radius: 6px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); + box-shadow: 0 0 15px rgba(0, 0, 0, .1); opacity: 0; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); + -webkit-transition: all .25s linear; + -moz-transition: all .25s linear; + transition: all .25s linear; -webkit-transform: translate3d(0, -15px, 0); - -ms-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); - -webkit-transition: all 0.25s linear; - -moz-transition: all 0.25s linear; - transition: all 0.25s linear; + -ms-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); } .popover:before { position: absolute; @@ -1026,16 +1027,16 @@ select { width: 0; height: 0; margin-left: -15px; + content: ''; border-right: 15px solid transparent; border-bottom: 15px solid white; border-left: 15px solid transparent; - content: ''; } .popover.visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .popover .bar ~ .table-view { padding-top: 44px; @@ -1048,7 +1049,7 @@ select { bottom: 0; left: 0; z-index: 15; - background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(0, 0, 0, .3); } .popover .btn-block { @@ -1059,49 +1060,49 @@ select { } .popover .bar-nav { - border-bottom: 1px solid #dddddd; - border-top-right-radius: 12px; + border-bottom: 1px solid #ddd; border-top-left-radius: 12px; + border-top-right-radius: 12px; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .popover .table-view { max-height: 300px; margin-bottom: 0; overflow: auto; + -webkit-overflow-scrolling: touch; background-color: #fff; border-top: 0; border-bottom: 0; border-radius: 6px; - -webkit-overflow-scrolling: touch; } .modal { position: fixed; top: 0; - opacity: 0; z-index: 11; width: 100%; min-height: 100%; overflow: hidden; background-color: #fff; + opacity: 0; -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; - -moz-transition: -moz-transform .25s, opacity 1ms .25s; - transition: transform .25s, opacity 1ms .25s; + -moz-transition: -moz-transform .25s, opacity 1ms .25s; + transition: transform .25s, opacity 1ms .25s; -webkit-transform: translate3d(0, 100%, 0); - -ms-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); + -ms-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } .modal.active { - opacity: 1; height: 100%; + opacity: 1; -webkit-transition: -webkit-transform .25s; - -moz-transition: -moz-transform .25s; - transition: transform .25s; + -moz-transition: -moz-transform .25s; + transition: transform .25s; -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .slider { @@ -1117,31 +1118,31 @@ select { font-size: 0; white-space: nowrap; -webkit-transition: all 0 linear; - -moz-transition: all 0 linear; - transition: all 0 linear; + -moz-transition: all 0 linear; + transition: all 0 linear; } .slider .slide-group .slide { display: inline-block; - vertical-align: top; width: 100%; height: 100%; font-size: 14px; + vertical-align: top; } .toggle { - display: block; position: relative; + display: block; width: 74px; height: 30px; background-color: #fff; border: 2px solid #ddd; border-radius: 20px; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; -webkit-transition-property: background-color, border; - -moz-transition-property: background-color, border; - transition-property: background-color, border; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; + -moz-transition-property: background-color, border; + transition-property: background-color, border; } .toggle .toggle-handle { position: absolute; @@ -1153,31 +1154,31 @@ select { background-color: #fff; border: 1px solid #ddd; border-radius: 100px; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; - transition-property: transform, border, width; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; + -moz-transition-property: -moz-transform, border, width; + transition-property: transform, border, width; } .toggle:before { position: absolute; top: 3px; right: 11px; - color: #999; font-size: 13px; + color: #999; text-transform: uppercase; content: "Off"; } .toggle.active { - border: 2px solid #5cb85c; background-color: #5cb85c; + border: 2px solid #5cb85c; } .toggle.active .toggle-handle { border-color: #5cb85c; -webkit-transform: translate3d(44px, 0, 0); - -ms-transform: translate3d(44px, 0, 0); - transform: translate3d(44px, 0, 0); + -ms-transform: translate3d(44px, 0, 0); + transform: translate3d(44px, 0, 0); } .toggle.active:before { right: auto; @@ -1199,23 +1200,23 @@ select { .content.sliding { z-index: 2; -webkit-transition: -webkit-transform .4s; - -moz-transition: -moz-transform .4s; - transition: transform .4s; + -moz-transition: -moz-transform .4s; + transition: transform .4s; -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .content.sliding.left { z-index: 1; -webkit-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); + -ms-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } .content.sliding.right { z-index: 3; -webkit-transform: translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); + -ms-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } .navigate-left:after, @@ -1225,15 +1226,16 @@ select { position: absolute; top: 50%; display: inline-block; - color: #bbb; font-family: Ratchicons; font-size: inherit; - text-decoration: none; line-height: 1; - -webkit-font-smoothing: antialiased; + color: #bbb; + text-decoration: none; -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + + -webkit-font-smoothing: antialiased; } .navigate-left:after, @@ -1250,18 +1252,20 @@ select { @font-face { font-family: Ratchicons; + font-style: normal; + font-weight: normal; + src: url("../fonts/ratchicons.eot"); src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ratchicons.woff") format("woff"), url("../fonts/ratchicons.ttf") format("truetype"), url("../fonts/ratchicons.svg#svgFontName") format("svg"); - font-weight: normal; - font-style: normal; } .icon { display: inline-block; font-family: Ratchicons; font-size: 24px; - text-decoration: none; line-height: 1; + text-decoration: none; + -webkit-font-smoothing: antialiased; } diff --git a/dist/css/ratchet.min.css b/dist/css/ratchet.min.css index 7010377..b4ff203 100644 --- a/dist/css/ratchet.min.css +++ b/dist/css/ratchet.min.css @@ -6,4 +6,4 @@ * * v2.0.1 designed by @connors. * ===================================================== - *//*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:fixed;top:0;right:0;bottom:0;left:0;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#428bca;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active{color:#3071a9}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background-color:#fff;-webkit-overflow-scrolling:touch}.content>*{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.bar-nav~.content{padding-top:44px}.bar-header-secondary~.content{padding-top:88px}.bar-footer~.content{padding-bottom:44px}.bar-footer-secondary~.content{padding-bottom:88px}.bar-tab~.content{padding-bottom:50px}.bar-footer-secondary-tab~.content{padding-bottom:94px}.content-padded{margin:10px}.pull-left{float:left}.pull-right{float:right}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px;margin-top:20px}h6,.h6{font-size:12px;margin-top:20px}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#777}.btn{position:relative;display:inline-block;padding:6px 8px 7px;margin-bottom:0;font-size:12px;font-weight:400;line-height:1;color:#333;text-align:center;vertical-align:top;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px}.btn:active,.btn.active{color:inherit;background-color:#ccc}.btn:disabled,.btn.disabled{opacity:.6}.btn-primary{color:#fff;border:1px solid #428bca;background-color:#428bca}.btn-primary:active,.btn-primary.active{color:#fff;border:1px solid #3071a9;background-color:#3071a9}.btn-positive{color:#fff;border:1px solid #5cb85c;background-color:#5cb85c}.btn-positive:active,.btn-positive.active{color:#fff;border:1px solid #449d44;background-color:#449d44}.btn-negative{color:#fff;border:1px solid #d9534f;background-color:#d9534f}.btn-negative:active,.btn-negative.active{color:#fff;border:1px solid #c9302c;background-color:#c9302c}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#428bca}.btn-outlined.btn-positive{color:#5cb85c}.btn-outlined.btn-negative{color:#d9534f}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{padding-top:6px;padding-bottom:6px;color:#428bca;background-color:transparent;border:0}.btn-link:active,.btn-link.active{color:#3071a9;background-color:transparent}.btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}input[type=submit],input[type=reset],input[type=button]{width:100%}.btn .badge{font-size:12px;margin:-2px -4px -2px 4px;background-color:rgba(0,0,0,.15)}.btn .badge-inverted,.btn:active .badge-inverted{background-color:transparent}.btn-primary:active .badge-inverted,.btn-positive:active .badge-inverted,.btn-negative:active .badge-inverted{color:#fff}.btn-block .badge{position:absolute;right:0;margin-right:10px}.btn .icon{font-size:inherit}.bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;border-bottom:1px solid #ddd;background-color:#fff}.bar-header-secondary{top:44px}.bar-footer{bottom:0}.bar-footer-secondary{bottom:44px}.bar-footer-secondary-tab{bottom:50px}.bar-footer,.bar-footer-secondary,.bar-footer-secondary-tab{border-bottom:0;border-top:1px solid #ddd}.bar-nav{top:0}.title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.title a{color:inherit}.bar-tab{display:table;bottom:0;width:100%;height:50px;padding:0;border-top:1px solid #ddd;border-bottom:0;table-layout:fixed}.bar-tab .tab-item{display:table-cell;width:1%;height:50px;vertical-align:middle;color:#929292;text-align:center}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#428bca}.bar-tab .tab-item .icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.bar-tab .tab-item .icon~.tab-label{display:block;font-size:11px}.bar .btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.bar .btn.pull-right{margin-left:10px}.bar .btn.pull-left{margin-right:10px}.bar .btn-link{top:0;padding:0;font-size:16px;color:#428bca;line-height:44px;border:0}.bar .btn-link:active,.bar .btn-link.active{color:#3071a9}.bar .btn-block{top:6px;padding:7px 0;margin-bottom:0;font-size:16px}.bar .btn-nav.pull-left{margin-left:-5px}.bar .btn-nav.pull-left .icon-left-nav{margin-right:-3px}.bar .btn-nav.pull-right{margin-right:-5px}.bar .btn-nav.pull-right .icon-right-nav{margin-left:-3px}.bar .icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.bar .btn .icon{top:3px;padding:0}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:4px;margin-left:-5px}.bar input[type=search]{height:29px;margin:6px 0}.bar .segmented-control{top:7px;margin:0 auto}.badge{display:inline-block;padding:2px 9px 3px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.badge.badge-inverted{padding:0 5px 0 0;background-color:transparent}.badge-primary{color:#fff;background-color:#428bca}.badge-primary.badge-inverted{color:#428bca}.badge-positive{color:#fff;background-color:#5cb85c}.badge-positive.badge-inverted{color:#5cb85c}.badge-negative{color:#fff;background-color:#d9534f}.badge-negative.badge-inverted{color:#d9534f}.card{overflow:hidden;margin:10px;background-color:#fff;border:1px solid #ddd;border-radius:6px}.card .table-view{margin-bottom:0;border-top:0;border-bottom:0}.card .table-view .table-view-divider:first-child{top:0;border-top-right-radius:6px;border-top-left-radius:6px}.card .table-view .table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.card .table-view-cell:last-child{border-bottom:0}.table-view{padding-left:0;margin-top:0;margin-bottom:15px;list-style:none;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view-cell{position:relative;overflow:hidden;padding:11px 65px 11px 15px;border-bottom:1px solid #ddd}.table-view-cell:last-child{border-bottom:0}.table-view-cell>a:not(.btn){position:relative;display:block;overflow:hidden;padding:inherit;margin:-11px -65px -11px -15px;color:inherit}.table-view-cell>a:not(.btn):active{background-color:#eee}.table-view-cell p{margin-bottom:0}.table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;color:#999;font-weight:500;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa}.table-view .media,.table-view .media-body{overflow:hidden;zoom:1}.table-view .media-object.pull-left{margin-right:10px}.table-view .media-object.pull-right{margin-left:10px}.table-view-cell>.btn,.table-view-cell>.badge,.table-view-cell>.toggle,.table-view-cell>a>.btn,.table-view-cell>a>.badge,.table-view-cell>a>.toggle{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.toggle{right:35px}.content>.table-view:first-child{margin-top:15px}input,textarea,button,select{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color]{width:100%;height:35px;padding:0 15px;margin-bottom:15px;line-height:21px;background-color:#fff;border:1px solid #ddd;border-radius:3px;outline:0;-webkit-appearance:none}input[type=search]{padding:0 10px;font-size:16px;border-radius:20px;box-sizing:border-box}input[type=search]:focus{text-align:left}textarea{height:auto}select{height:auto;font-size:14px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.input-group{background-color:#fff}.input-group input,.input-group textarea{margin-bottom:0;background-color:transparent;border-top:0;border-left:0;border-right:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.input-row{overflow:hidden;border-bottom:1px solid #ddd}.input-row label{float:left;width:35%;padding:10px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.input-row input{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.segmented-control{position:relative;display:table;overflow:hidden;font-size:12px;font-weight:400;background-color:#fff;border:1px solid #ccc;border-radius:3px}.segmented-control .control-item{display:table-cell;overflow:hidden;width:1%;padding-top:6px;padding-bottom:7px;line-height:1;color:#333;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #ccc}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active{background-color:#eee}.segmented-control .control-item.active{background-color:#ccc}.segmented-control-primary{border-color:#428bca}.segmented-control-primary .control-item{color:#428bca;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#cde1f1}.segmented-control-primary .control-item.active{color:#fff;background-color:#428bca}.segmented-control-positive{border-color:#5cb85c}.segmented-control-positive .control-item{color:#5cb85c;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#d8eed8}.segmented-control-positive .control-item.active{color:#fff;background-color:#5cb85c}.segmented-control-negative{border-color:#d9534f}.segmented-control-negative .control-item{color:#d9534f;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#f9e2e2}.segmented-control-negative .control-item.active{color:#fff;background-color:#d9534f}.control-content{display:none}.control-content.active{display:block}.popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:#fff;border-radius:6px;opacity:0;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear}.popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-15px;border-right:15px solid transparent;border-bottom:15px solid #fff;border-left:15px solid transparent;content:''}.popover.visible{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popover .bar~.table-view{padding-top:44px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.popover .btn-block{margin-bottom:5px}.popover .btn-block:last-child{margin-bottom:0}.popover .bar-nav{border-bottom:1px solid #ddd;border-top-right-radius:12px;border-top-left-radius:12px;-webkit-box-shadow:none;box-shadow:none}.popover .table-view{max-height:300px;margin-bottom:0;overflow:auto;background-color:#fff;border-top:0;border-bottom:0;border-radius:6px;-webkit-overflow-scrolling:touch}.modal{position:fixed;top:0;opacity:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.modal.active{opacity:1;height:100%;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slider{width:100%}.slider{overflow:hidden;background-color:#000}.slider .slide-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0 linear;-moz-transition:all 0 linear;transition:all 0 linear}.slider .slide-group .slide{display:inline-block;vertical-align:top;width:100%;height:100%;font-size:14px}.toggle{display:block;position:relative;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-property:background-color,border;-moz-transition-property:background-color,border;transition-property:background-color,border;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.toggle .toggle-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border:1px solid #ddd;border-radius:100px;-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.toggle:before{position:absolute;top:3px;right:11px;color:#999;font-size:13px;text-transform:uppercase;content:"Off"}.toggle.active{border:2px solid #5cb85c;background-color:#5cb85c}.toggle.active .toggle-handle{border-color:#5cb85c;-webkit-transform:translate3d(44px,0,0);-ms-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}.toggle.active:before{right:auto;left:15px;color:#fff;content:"On"}.toggle input[type=checkbox]{display:none}.content.fade{left:0;opacity:0}.content.fade.in{opacity:1}.content.sliding{z-index:2;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.content.sliding.left{z-index:1;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.content.sliding.right{z-index:3;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{position:absolute;top:50%;display:inline-block;color:#bbb;font-family:Ratchicons;font-size:inherit;text-decoration:none;line-height:1;-webkit-font-smoothing:antialiased;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.navigate-left:after,.push-left:after{left:15px;content:'\e822'}.navigate-right:after,.push-right:after{right:15px;content:'\e826'}@font-face{font-family:Ratchicons;src:url(../fonts/ratchicons.eot);src:url(../fonts/ratchicons.eot?#iefix) format("embedded-opentype"),url(../fonts/ratchicons.woff) format("woff"),url(../fonts/ratchicons.ttf) format("truetype"),url(../fonts/ratchicons.svg#svgFontName) format("svg");font-weight:400;font-style:normal}.icon{display:inline-block;font-family:Ratchicons;font-size:24px;text-decoration:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-and-up:before{content:'\e809'}.icon-back:before{content:'\e80a'}.icon-bars:before{content:'\e80e'}.icon-caret:before{content:'\e80f'}.icon-check:before{content:'\e810'}.icon-close:before{content:'\e811'}.icon-code:before{content:'\e812'}.icon-compose:before{content:'\e813'}.icon-down-nav:before{content:'\e814'}.icon-down:before{content:'\e820'}.icon-download:before{content:'\e815'}.icon-edit:before{content:'\e829'}.icon-forward:before{content:'\e82a'}.icon-gear:before{content:'\e821'}.icon-home:before{content:'\e82b'}.icon-info:before{content:'\e82c'}.icon-left-nav:before{content:'\e82d'}.icon-left:before{content:'\e822'}.icon-list:before{content:'\e823'}.icon-more-vertical:before{content:'\e82e'}.icon-more:before{content:'\e82f'}.icon-pages:before{content:'\e824'}.icon-pause:before{content:'\e830'}.icon-person:before{content:'\e832'}.icon-play:before{content:'\e816'}.icon-plus:before{content:'\e817'}.icon-refresh:before{content:'\e825'}.icon-right-nav:before{content:'\e818'}.icon-right:before{content:'\e826'}.icon-search:before{content:'\e819'}.icon-share:before{content:'\e81a'}.icon-sound2:before{content:'\e828'}.icon-sound3:before{content:'\e80b'}.icon-sound4:before{content:'\e80c'}.icon-sound:before{content:'\e827'}.icon-star-filled:before{content:'\e81b'}.icon-star:before{content:'\e81c'}.icon-stop:before{content:'\e81d'}.icon-trash:before{content:'\e81e'}.icon-up-nav:before{content:'\e81f'}.icon-up:before{content:'\e80d'} \ No newline at end of file + *//*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:fixed;top:0;right:0;bottom:0;left:0;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#428bca;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active{color:#3071a9}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.content>*{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.bar-nav~.content{padding-top:44px}.bar-header-secondary~.content{padding-top:88px}.bar-footer~.content{padding-bottom:44px}.bar-footer-secondary~.content{padding-bottom:88px}.bar-tab~.content{padding-bottom:50px}.bar-footer-secondary-tab~.content{padding-bottom:94px}.content-padded{margin:10px}.pull-left{float:left}.pull-right{float:right}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{margin-top:20px;font-size:14px}h6,.h6{margin-top:20px;font-size:12px}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#777}.btn{position:relative;display:inline-block;padding:6px 8px 7px;margin-bottom:0;font-size:12px;font-weight:400;line-height:1;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px}.btn:active,.btn.active{color:inherit;background-color:#ccc}.btn:disabled,.btn.disabled{opacity:.6}.btn-primary{color:#fff;background-color:#428bca;border:1px solid #428bca}.btn-primary:active,.btn-primary.active{color:#fff;background-color:#3071a9;border:1px solid #3071a9}.btn-positive{color:#fff;background-color:#5cb85c;border:1px solid #5cb85c}.btn-positive:active,.btn-positive.active{color:#fff;background-color:#449d44;border:1px solid #449d44}.btn-negative{color:#fff;background-color:#d9534f;border:1px solid #d9534f}.btn-negative:active,.btn-negative.active{color:#fff;background-color:#c9302c;border:1px solid #c9302c}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#428bca}.btn-outlined.btn-positive{color:#5cb85c}.btn-outlined.btn-negative{color:#d9534f}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{padding-top:6px;padding-bottom:6px;color:#428bca;background-color:transparent;border:0}.btn-link:active,.btn-link.active{color:#3071a9;background-color:transparent}.btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}input[type=submit],input[type=reset],input[type=button]{width:100%}.btn .badge{margin:-2px -4px -2px 4px;font-size:12px;background-color:rgba(0,0,0,.15)}.btn .badge-inverted,.btn:active .badge-inverted{background-color:transparent}.btn-primary:active .badge-inverted,.btn-positive:active .badge-inverted,.btn-negative:active .badge-inverted{color:#fff}.btn-block .badge{position:absolute;right:0;margin-right:10px}.btn .icon{font-size:inherit}.bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:#fff;border-bottom:1px solid #ddd}.bar-header-secondary{top:44px}.bar-footer{bottom:0}.bar-footer-secondary{bottom:44px}.bar-footer-secondary-tab{bottom:50px}.bar-footer,.bar-footer-secondary,.bar-footer-secondary-tab{border-top:1px solid #ddd;border-bottom:0}.bar-nav{top:0}.title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.title a{color:inherit}.bar-tab{bottom:0;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:1px solid #ddd;border-bottom:0}.bar-tab .tab-item{display:table-cell;width:1%;height:50px;color:#929292;text-align:center;vertical-align:middle}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#428bca}.bar-tab .tab-item .icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.bar-tab .tab-item .icon~.tab-label{display:block;font-size:11px}.bar .btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.bar .btn.pull-right{margin-left:10px}.bar .btn.pull-left{margin-right:10px}.bar .btn-link{top:0;padding:0;font-size:16px;line-height:44px;color:#428bca;border:0}.bar .btn-link:active,.bar .btn-link.active{color:#3071a9}.bar .btn-block{top:6px;padding:7px 0;margin-bottom:0;font-size:16px}.bar .btn-nav.pull-left{margin-left:-5px}.bar .btn-nav.pull-left .icon-left-nav{margin-right:-3px}.bar .btn-nav.pull-right{margin-right:-5px}.bar .btn-nav.pull-right .icon-right-nav{margin-left:-3px}.bar .icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.bar .btn .icon{top:3px;padding:0}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:4px;margin-left:-5px}.bar input[type=search]{height:29px;margin:6px 0}.bar .segmented-control{top:7px;margin:0 auto}.badge{display:inline-block;padding:2px 9px 3px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.badge.badge-inverted{padding:0 5px 0 0;background-color:transparent}.badge-primary{color:#fff;background-color:#428bca}.badge-primary.badge-inverted{color:#428bca}.badge-positive{color:#fff;background-color:#5cb85c}.badge-positive.badge-inverted{color:#5cb85c}.badge-negative{color:#fff;background-color:#d9534f}.badge-negative.badge-inverted{color:#d9534f}.card{margin:10px;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-radius:6px}.card .table-view{margin-bottom:0;border-top:0;border-bottom:0}.card .table-view .table-view-divider:first-child{top:0;border-top-left-radius:6px;border-top-right-radius:6px}.card .table-view .table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.card .table-view-cell:last-child{border-bottom:0}.table-view{padding-left:0;margin-top:0;margin-bottom:15px;list-style:none;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view-cell{position:relative;padding:11px 65px 11px 15px;overflow:hidden;border-bottom:1px solid #ddd}.table-view-cell:last-child{border-bottom:0}.table-view-cell>a:not(.btn){position:relative;display:block;padding:inherit;margin:-11px -65px -11px -15px;overflow:hidden;color:inherit}.table-view-cell>a:not(.btn):active{background-color:#eee}.table-view-cell p{margin-bottom:0}.table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view .media,.table-view .media-body{overflow:hidden;zoom:1}.table-view .media-object.pull-left{margin-right:10px}.table-view .media-object.pull-right{margin-left:10px}.table-view-cell>.btn,.table-view-cell>.badge,.table-view-cell>.toggle,.table-view-cell>a>.btn,.table-view-cell>a>.badge,.table-view-cell>a>.toggle{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.toggle{right:35px}.content>.table-view:first-child{margin-top:15px}input,textarea,button,select{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color]{width:100%;height:35px;-webkit-appearance:none;padding:0 15px;margin-bottom:15px;line-height:21px;background-color:#fff;border:1px solid #ddd;border-radius:3px;outline:0}input[type=search]{box-sizing:border-box;padding:0 10px;font-size:16px;border-radius:20px}input[type=search]:focus{text-align:left}textarea{height:auto}select{height:auto;font-size:14px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.input-group{background-color:#fff}.input-group input,.input-group textarea{margin-bottom:0;background-color:transparent;border-top:0;border-right:0;border-left:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.input-row{overflow:hidden;border-bottom:1px solid #ddd}.input-row label{float:left;width:35%;padding:10px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.input-row input{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.segmented-control{position:relative;display:table;overflow:hidden;font-size:12px;font-weight:400;background-color:#fff;border:1px solid #ccc;border-radius:3px}.segmented-control .control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #ccc}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active{background-color:#eee}.segmented-control .control-item.active{background-color:#ccc}.segmented-control-primary{border-color:#428bca}.segmented-control-primary .control-item{color:#428bca;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#cde1f1}.segmented-control-primary .control-item.active{color:#fff;background-color:#428bca}.segmented-control-positive{border-color:#5cb85c}.segmented-control-positive .control-item{color:#5cb85c;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#d8eed8}.segmented-control-positive .control-item.active{color:#fff;background-color:#5cb85c}.segmented-control-negative{border-color:#d9534f}.segmented-control-negative .control-item{color:#d9534f;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#f9e2e2}.segmented-control-negative .control-item.active{color:#fff;background-color:#d9534f}.control-content{display:none}.control-content.active{display:block}.popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}.popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-15px;content:'';border-right:15px solid transparent;border-bottom:15px solid #fff;border-left:15px solid transparent}.popover.visible{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popover .bar~.table-view{padding-top:44px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.popover .btn-block{margin-bottom:5px}.popover .btn-block:last-child{margin-bottom:0}.popover .bar-nav{border-bottom:1px solid #ddd;border-top-left-radius:12px;border-top-right-radius:12px;-webkit-box-shadow:none;box-shadow:none}.popover .table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:0;border-bottom:0;border-radius:6px}.modal{position:fixed;top:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.modal.active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slider{width:100%}.slider{overflow:hidden;background-color:#000}.slider .slide-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0 linear;-moz-transition:all 0 linear;transition:all 0 linear}.slider .slide-group .slide{display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.toggle{position:relative;display:block;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;-moz-transition-property:background-color,border;transition-property:background-color,border}.toggle .toggle-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border:1px solid #ddd;border-radius:100px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.toggle.active{background-color:#5cb85c;border:2px solid #5cb85c}.toggle.active .toggle-handle{border-color:#5cb85c;-webkit-transform:translate3d(44px,0,0);-ms-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}.toggle.active:before{right:auto;left:15px;color:#fff;content:"On"}.toggle input[type=checkbox]{display:none}.content.fade{left:0;opacity:0}.content.fade.in{opacity:1}.content.sliding{z-index:2;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.content.sliding.left{z-index:1;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.content.sliding.right{z-index:3;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{position:absolute;top:50%;display:inline-block;font-family:Ratchicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.navigate-left:after,.push-left:after{left:15px;content:'\e822'}.navigate-right:after,.push-right:after{right:15px;content:'\e826'}@font-face{font-family:Ratchicons;font-style:normal;font-weight:400;src:url(../fonts/ratchicons.eot);src:url(../fonts/ratchicons.eot?#iefix) format("embedded-opentype"),url(../fonts/ratchicons.woff) format("woff"),url(../fonts/ratchicons.ttf) format("truetype"),url(../fonts/ratchicons.svg#svgFontName) format("svg")}.icon{display:inline-block;font-family:Ratchicons;font-size:24px;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.icon-and-up:before{content:'\e809'}.icon-back:before{content:'\e80a'}.icon-bars:before{content:'\e80e'}.icon-caret:before{content:'\e80f'}.icon-check:before{content:'\e810'}.icon-close:before{content:'\e811'}.icon-code:before{content:'\e812'}.icon-compose:before{content:'\e813'}.icon-down-nav:before{content:'\e814'}.icon-down:before{content:'\e820'}.icon-download:before{content:'\e815'}.icon-edit:before{content:'\e829'}.icon-forward:before{content:'\e82a'}.icon-gear:before{content:'\e821'}.icon-home:before{content:'\e82b'}.icon-info:before{content:'\e82c'}.icon-left-nav:before{content:'\e82d'}.icon-left:before{content:'\e822'}.icon-list:before{content:'\e823'}.icon-more-vertical:before{content:'\e82e'}.icon-more:before{content:'\e82f'}.icon-pages:before{content:'\e824'}.icon-pause:before{content:'\e830'}.icon-person:before{content:'\e832'}.icon-play:before{content:'\e816'}.icon-plus:before{content:'\e817'}.icon-refresh:before{content:'\e825'}.icon-right-nav:before{content:'\e818'}.icon-right:before{content:'\e826'}.icon-search:before{content:'\e819'}.icon-share:before{content:'\e81a'}.icon-sound2:before{content:'\e828'}.icon-sound3:before{content:'\e80b'}.icon-sound4:before{content:'\e80c'}.icon-sound:before{content:'\e827'}.icon-star-filled:before{content:'\e81b'}.icon-star:before{content:'\e81c'}.icon-stop:before{content:'\e81d'}.icon-trash:before{content:'\e81e'}.icon-up-nav:before{content:'\e81f'}.icon-up:before{content:'\e80d'} \ No newline at end of file diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 275f781..4440518 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -18,9 +18,10 @@ body { position: relative !important; font: 400 14px/1.5 "Open Sans", sans-serif; color: #333; + -webkit-text-size-adjust: 100%; background-color: #fff; + -webkit-font-smoothing: antialiased; - -webkit-text-size-adjust: 100%; } .docs-content { @@ -68,23 +69,23 @@ body { position: relative !important; margin-top: 0 !important; -webkit-animation-name: fadeintext; - -moz-animation-name: fadeintext; - animation-name: fadeintext; + -moz-animation-name: fadeintext; + animation-name: fadeintext; -webkit-animation-duration: 2s; - -moz-animation-duration: 2s; - animation-duration: 2s; + -moz-animation-duration: 2s; + animation-duration: 2s; } .docs-header .version { margin-top: 15px; - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, .5); text-align: center; } .docs-header-bottom { position: absolute; - left: 0; right: 0; bottom: 0; + left: 0; } @media screen and (min-width: 768px) { @@ -94,8 +95,8 @@ body { .docs-header .carbonad { left: 50% !important; width: 300px !important; - margin-left: -150px !important; margin-bottom: 60px !important; + margin-left: -150px !important; } .docs-sub-header .carbonad { @@ -104,27 +105,27 @@ body { right: 15px !important; margin-top: 0 !important; -webkit-transform: translateY(-50%) !important; - -ms-transform: translateY(-50%) !important; - 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, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, .1); } .docs-title { position: absolute; left: 50%; + z-index: 20; margin-bottom: 0; font-size: 22px; font-weight: 400; - z-index: 20; -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); } .docs-nav .docs-nav-trigger { @@ -137,12 +138,12 @@ body { .docs-nav .docs-nav-group { position: absolute; top: 40px; - left: 0; right: 0; + left: 0; z-index: 20; - overflow: hidden; height: 0; - background-color: rgba(0, 0, 0, 0.9); + overflow: hidden; + background-color: rgba(0, 0, 0, .9); opacity: 0; } .docs-nav .docs-nav-group.active { @@ -163,9 +164,9 @@ body { .docs-title a, .docs-nav-item { color: #fff; - -webkit-transition: opacity 0.2s linear; - -moz-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + -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, @@ -179,8 +180,8 @@ body { position: static; float: left; -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } .docs-nav { @@ -209,9 +210,9 @@ body { display: block; color: #777; cursor: pointer; - -webkit-transition: opacity 0.2 linear; - -moz-transition: opacity 0.2 linear; - transition: opacity 0.2 linear; + -webkit-transition: opacity .2 linear; + -moz-transition: opacity .2 linear; + transition: opacity .2 linear; } .docs-jump-menu:hover { color: #428bca; @@ -220,8 +221,8 @@ body { opacity: .5; } .docs-jump-menu .icon-list { - font-size: 16px; margin-right: 3px; + font-size: 16px; } .docs-jump-menu .icon-caret { position: relative; @@ -237,10 +238,10 @@ body { padding-bottom: 10px; background-color: #fff; background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, .2); border-radius: 3px; - -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .05); + box-shadow: 0 0 8px rgba(0, 0, 0, .05); } .docs-component-group.active { display: block; @@ -256,7 +257,7 @@ body { top: -11px; margin-left: -11px; border-right: 11px solid transparent; - border-bottom: 11px solid rgba(0, 0, 0, 0.3); + border-bottom: 11px solid rgba(0, 0, 0, .3); border-left: 11px solid transparent; } .docs-component-group:after { @@ -283,31 +284,31 @@ body { } .docs-header-content { position: relative; - text-align: center; padding: 50px 10px; + text-align: center; -webkit-animation-name: fadeintext; - -moz-animation-name: fadeintext; - animation-name: fadeintext; + -moz-animation-name: fadeintext; + animation-name: fadeintext; -webkit-animation-duration: 2s; - -moz-animation-duration: 2s; - animation-duration: 2s; + -moz-animation-duration: 2s; + animation-duration: 2s; } .docs-header-content .btn { display: block; padding: 15px 75px 16px; - font-size: 18px; margin-bottom: 0; + font-size: 18px; color: #0a1855; background-color: #fff; border: 0; - -webkit-transition: all 0.2s linear; - -moz-transition: all 0.2s linear; - transition: all 0.2s linear; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; } .docs-header-content .btn:hover { background-color: #fff; - -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 0.3); - box-shadow: 0 0 50px rgba(255, 255, 255, 0.3); + -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, .3); + box-shadow: 0 0 50px rgba(255, 255, 255, .3); } .docs-header-content .btn:active { opacity: .5; @@ -317,16 +318,16 @@ body { max-width: 750px; margin: 0 auto 20px; font-size: 28px; - color: #fff; line-height: 38px; + color: #fff; } @media screen and (min-width: 768px) { .docs-header-content { top: 30%; -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } .docs-header-content .btn { display: inline-block; @@ -345,7 +346,7 @@ body { font-size: 13px !important; line-height: 18px !important; background: transparent !important; - border-top: 1px solid rgba(255, 255, 255, 0.1) !important; + border-top: 1px solid rgba(255, 255, 255, .1) !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; @@ -362,8 +363,8 @@ body { width: auto !important; height: auto !important; margin-left: 145px !important; - color: rgba(255, 255, 255, 0.65) !important; font-family: "Open Sans", sans-serif !important; + color: rgba(255, 255, 255, .65) !important; } .carbonad-text { @@ -386,16 +387,16 @@ body { @media screen and (min-width: 768px) { .carbonad { width: 360px !important; - border-right: 1px solid rgba(255, 255, 255, 0.1) !important; - border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; - border-left: 1px solid rgba(255, 255, 255, 0.1) !important; + border-right: 1px solid rgba(255, 255, 255, .1) !important; + border-bottom: 1px solid rgba(255, 255, 255, .1) !important; + border-left: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 3px !important; } } .docs-sub-content { position: relative; - overflow: hidden; padding: 55px 15px 65px; + overflow: hidden; color: #fff; text-align: center; } @@ -406,12 +407,12 @@ body { font-weight: 400; } .docs-sub-content .page-title { - font-size: 40px; margin-bottom: 5px; + font-size: 40px; } .docs-sub-content .page-description { - color: #fff; font-size: 24px; + color: #fff; opacity: .7; } @@ -437,9 +438,9 @@ body { } } .docs-module { - margin-top: 20px; padding: 20px; - border: 1px solid #dddddd; + margin-top: 20px; + border: 1px solid #ddd; border-radius: 3px; } .docs-module .btn-block { @@ -449,17 +450,17 @@ body { .version { margin-top: 10px; margin-bottom: 0; - color: #777; font-size: 90%; + color: #777; } .docs-footer { - border-top: 1px solid #ddd; - margin-top: 50px; padding: 30px 20px; - color: #777; + margin-top: 50px; font-size: 14px; + color: #777; text-align: center; + border-top: 1px solid #ddd; } .docs-footer .social { padding: 0 0 20px; @@ -467,8 +468,8 @@ body { list-style: none; } .docs-footer .social li { - height: 20px; display: inline-block; + height: 20px; vertical-align: top; } .docs-footer .social .twitter-follow-button { @@ -488,9 +489,9 @@ body { @media screen and (min-width: 768px) { .docs-footer-text { width: 550px; - margin: 0 auto; - padding-left: 0; padding-right: 0; + padding-left: 0; + margin: 0 auto; } } .docs-footer-links { @@ -498,51 +499,51 @@ body { } .docs-footer-links li { display: inline; - padding-left: 3px; padding-right: 3px; + padding-left: 3px; } .docs-header .docs-footer { margin-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.1); + border-top: 1px solid rgba(255, 255, 255, .1); } .docs-header .docs-footer .docs-footer-text, .docs-header .docs-footer .docs-footer-links { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, .5); } .docs-header .docs-footer .docs-footer-text a, .docs-header .docs-footer .docs-footer-links a { - color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, .8); } .github-btn { - border: 0; overflow: hidden; + border: 0; } .docs-component-toolbar { - padding-top: 8px; - padding-bottom: 8px; position: fixed; top: 0; + right: 0; bottom: auto; left: 0; - right: 0; z-index: 20; height: 44px; + padding-top: 8px; + padding-bottom: 8px; background-color: #fff; border-bottom: 1px solid #ddd; -webkit-transition: -webkit-transform .5s; - -moz-transition: -moz-transform .5s; - transition: transform .5s; + -moz-transition: -moz-transform .5s; + transition: transform .5s; -webkit-transform: translate3d(0, -55px, 0); - -ms-transform: translate3d(0, -55px, 0); - transform: translate3d(0, -55px, 0); + -ms-transform: translate3d(0, -55px, 0); + transform: translate3d(0, -55px, 0); } .docs-component-toolbar.visible { -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .docs-component-toolbar .segmented-control { max-width: 300px; @@ -561,10 +562,10 @@ body { } .example-wrap .example { display: block; - overflow: hidden; - padding: 3px; width: 100%; - border: 1px solid #dddddd; + padding: 3px; + overflow: hidden; + border: 1px solid #ddd; border-radius: 3px; } .example-wrap .example-title { @@ -578,16 +579,16 @@ body { code { padding: 2px 4px; - font-size: 90%; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-size: 90%; background-color: #f9f9f9; border-radius: 3px; } .component { padding: 50px 15px; - margin-left: -15px; margin-right: -15px; + margin-left: -15px; border-bottom: 1px solid #ddd; } .component.no-border { @@ -618,8 +619,8 @@ code { } .component-example .bar { - border-top: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; } .component-example .bar.bar-header-secondary { top: 0 !important; @@ -658,16 +659,16 @@ code { top: 45%; left: 0; width: 100%; + font-size: 24px; color: #fff; text-align: center; - font-size: 24px; - text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + text-shadow: 0 0 10px rgba(0, 0, 0, .5); } .component-example-fullbleed, .highlight { - margin-left: -15px; margin-right: -15px; + margin-left: -15px; } .bar-nav ~ .content { @@ -675,33 +676,33 @@ code { } .highlight pre { - margin-top: 15px; padding: 15px; - font-size: 13px; + margin-top: 15px; overflow-x: auto; + font-size: 13px; color: #777; + word-wrap: normal; + white-space: pre; background-color: #fafafa; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; - white-space: pre; - word-wrap: normal; } @media screen and (min-width: 768px) { .component, .component-example-fullbleed, .highlight { - margin-left: 0; margin-right: 0; + margin-left: 0; } .component { - padding-left: 0; padding-right: 0; + padding-left: 0; opacity: .3; - -webkit-transition: opacity 0.2s ease-in-out; - -moz-transition: opacity 0.2s ease-in-out; - transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity .2s ease-in-out; + -moz-transition: opacity .2s ease-in-out; + transition: opacity .2s ease-in-out; } .component.active { opacity: 1; @@ -712,8 +713,8 @@ code { } .highlight pre { - border-left: 1px solid #ddd; border-right: 1px solid #ddd; + border-left: 1px solid #ddd; border-radius: 3px; } } @@ -787,15 +788,15 @@ code { bottom: 0; left: 0; z-index: 11; - background-color: rgba(0, 0, 0, 0.3); content: ''; + background-color: rgba(0, 0, 0, .3); } @media screen and (min-width: 768px) { .popover { position: absolute; - display: block; top: 72px; + display: block; opacity: 1; } } @@ -805,9 +806,9 @@ code { @media screen and (min-width: 768px) { .slider .slide img { + display: block; width: 100%; height: 570px; - display: block; } .slider .slide-group .slide-text { @@ -815,10 +816,10 @@ code { top: 45%; left: 0; width: 100%; + font-size: 24px; color: #fff; text-align: center; - font-size: 24px; - text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + text-shadow: 0 0 10px rgba(0, 0, 0, .5); } } .device { @@ -838,12 +839,12 @@ code { margin-left: -20px; font-family: "Helvetica Neue", sans-serif; background-image: url("../img/device-sprite.png"); - background-size: 300%; background-repeat: no-repeat; background-position: 0 0; - -webkit-transition: background-image 0.1s linear; - -moz-transition: background-image 0.1s linear; - transition: background-image 0.1s linear; + background-size: 300%; + -webkit-transition: background-image .1s linear; + -moz-transition: background-image .1s linear; + transition: background-image .1s linear; } .device.device-fixed { position: fixed; @@ -870,9 +871,9 @@ code { .device .content { top: 44px; - left: 0; right: 0; bottom: 0; + left: 0; } } @media screen and (min-width: 1200px) { @@ -883,14 +884,14 @@ code { hr { height: 0; margin: 10px 0 30px; + clear: both; border: solid #ddd; border-width: 1px 0 0; - clear: both; } .column-group:before, .column-group:after { - content: " "; display: table; + content: " "; } .column-group:after { clear: both; @@ -898,10 +899,10 @@ hr { .container { position: relative; - margin-left: auto; - margin-right: auto; - padding-left: 0; padding-right: 0; + padding-left: 0; + margin-right: auto; + margin-left: auto; } .column-group { @@ -909,24 +910,24 @@ hr { } .column { - padding-left: 15px; - padding-right: 15px; float: left; width: 100%; + padding-right: 15px; + padding-left: 15px; } .column.pull-right { float: right; } .column .column-group { - margin-left: -15px; margin-right: -15px; + margin-left: -15px; } @media screen and (min-width: 768px) { .container { - padding: 0; max-width: 940px; + padding: 0; } .lg-units-4 { @@ -952,17 +953,16 @@ hr { } .platform-ios { @-webkit-keyframes fadeOverlay { - from { - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0); - box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0); - } + from { + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0); + } - to { - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1); - } + to { + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); + box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); + } } - } .platform-ios a { color: #007aff; @@ -984,18 +984,18 @@ hr { text-transform: uppercase; } .platform-ios .btn { - border: 1px solid #929292; color: #929292; - background-color: rgba(247, 247, 247, 0.98); + background-color: rgba(247, 247, 247, .98); + border: 1px solid #929292; -webkit-transition: all; - -moz-transition: all; - transition: all; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; + -moz-transition: all; + transition: all; -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - transition-timing-function: linear; + -moz-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; } .platform-ios .btn:active, .platform-ios .btn.active { color: #fff; @@ -1003,30 +1003,30 @@ hr { } .platform-ios .btn-primary { color: #fff; - border: 1px solid #007aff; background-color: #007aff; + border: 1px solid #007aff; } .platform-ios .btn-primary:active, .platform-ios .btn-primary.active { - border: 1px solid #0062cc; background-color: #0062cc; + border: 1px solid #0062cc; } .platform-ios .btn-positive { color: #fff; - border: 1px solid #4cd964; background-color: #4cd964; + border: 1px solid #4cd964; } .platform-ios .btn-positive:active, .platform-ios .btn-positive.active { - border: 1px solid #2ac845; background-color: #2ac845; + border: 1px solid #2ac845; } .platform-ios .btn-negative { color: #fff; - border: 1px solid #dd524d; background-color: #dd524d; + border: 1px solid #dd524d; } .platform-ios .btn-negative:active, .platform-ios .btn-negative.active { - border: 1px solid #cf2d28; background-color: #cf2d28; + border: 1px solid #cf2d28; } .platform-ios .btn-outlined { background-color: transparent; @@ -1053,7 +1053,7 @@ hr { background-color: transparent; } .platform-ios .btn .badge { - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(0, 0, 0, .15); } .platform-ios .btn .badge.badge-inverted { background-color: transparent; @@ -1062,10 +1062,10 @@ hr { color: #fff; } .platform-ios .bar { + background-color: rgba(247, 247, 247, .98); border-bottom: 0; - background-color: rgba(247, 247, 247, 0.98); - -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85); - box-shadow: 0 0 1px rgba(0, 0, 0, 0.85); + -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); + box-shadow: 0 0 1px rgba(0, 0, 0, .85); } .platform-ios .bar.bar-header-secondary { top: 44px; @@ -1130,27 +1130,27 @@ hr { background-image: none; } .platform-ios .table-view { - border-top: 0; - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-position: 0 100%, 0 0; background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border-top: 0; + border-bottom: 0; } .platform-ios .table-view .table-view-cell { - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"); - background-position: 15px 100%; background-repeat: no-repeat; + background-position: 15px 100%; + border-bottom: 0; } .platform-ios .table-view .table-view-cell:last-child { background-image: none; } .platform-ios .table-view .table-view-divider { - border-top: 0; - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-position: 0 100%, 0 0; background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border-top: 0; + border-bottom: 0; } .platform-ios select, .platform-ios textarea, @@ -1171,12 +1171,12 @@ hr { .platform-ios .input-group { height: 40px; padding: 10px 15px; - border: 1px solid rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, .2); } .platform-ios input[type="search"] { height: 34px; text-align: center; - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, .1); border: 0; border-radius: 6px; } @@ -1190,25 +1190,25 @@ hr { } .platform-ios .input-group { padding: 0; - border: 0; background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-position: 0 100%, 0 0; background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border: 0; } .platform-ios .input-group input { - border: 0; background-image: url("data:image/svg+xml;utf8,"); - background-position: 15px 100%; background-repeat: no-repeat; + background-position: 15px 100%; + border: 0; } .platform-ios .input-group input:last-child { background-image: none; } .platform-ios .input-row { - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"); - background-position: 15px 100%; background-repeat: no-repeat; + background-position: 15px 100%; + border-bottom: 0; } .platform-ios .input-row:last-child, .platform-ios .input-row label + input { @@ -1221,9 +1221,9 @@ hr { .platform-ios .segmented-control .control-item { color: #929292; border-color: #929292; - -webkit-transition: background-color 0.1s linear; - -moz-transition: background-color 0.1s linear; - transition: background-color 0.1s linear; + -webkit-transition: background-color .1s linear; + -moz-transition: background-color .1s linear; + transition: background-color .1s linear; } .platform-ios .segmented-control .control-item:active { background-color: #ebebeb; @@ -1276,98 +1276,98 @@ hr { } .platform-ios .popover { border-radius: 12px; - -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; - -moz-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; - transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; + -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; + -moz-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; + transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; } .platform-ios .popover:before { - border-bottom: 15px solid rgba(247, 247, 247, 0.98); + border-bottom: 15px solid rgba(247, 247, 247, .98); } .platform-ios .popover .bar { -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .platform-ios .popover .bar-nav { - border-bottom: 1px solid rgba(0, 0, 0, 0.15); + border-bottom: 1px solid rgba(0, 0, 0, .15); } .platform-ios .popover .table-view { - border-radius: 12px; background-image: none; + border-radius: 12px; } .platform-ios .modal { - -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .platform-ios .modal.active { - -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .platform-ios .toggle { width: 47px; border: 2px solid #e6e6e6; -webkit-box-shadow: inset 0 0 0 0 #e1e1e1; - box-shadow: inset 0 0 0 0 #e1e1e1; + box-shadow: inset 0 0 0 0 #e1e1e1; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; -webkit-transition-property: box-shadow, border; - -moz-transition-property: box-shadow, border; - transition-property: box-shadow, border; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; + -moz-transition-property: box-shadow, border; + transition-property: box-shadow, border; } .platform-ios .toggle .toggle-handle { - border: 1px solid rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, .2); + -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .08); + box-shadow: 0 3px 3px rgba(0, 0, 0, .08); -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; - transition-property: transform, border, width; - -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); + -moz-transition-property: -moz-transform, border, width; + transition-property: transform, border, width; } .platform-ios .toggle:before { display: none; } .platform-ios .toggle.active { - border: 2px solid #4cd964; background-color: transparent; + border: 2px solid #4cd964; -webkit-box-shadow: inset 0 0 0 13px #4cd964; - box-shadow: inset 0 0 0 13px #4cd964; + box-shadow: inset 0 0 0 13px #4cd964; } .platform-ios .toggle.active .toggle-handle { -webkit-transform: translate3d(17px, 0, 0); - -ms-transform: translate3d(17px, 0, 0); - transform: translate3d(17px, 0, 0); + -ms-transform: translate3d(17px, 0, 0); + transform: translate3d(17px, 0, 0); } .platform-ios .toggle.active .toggle-handle { border-color: #4cd964; } .platform-ios .content.fade { - -webkit-transition: opacity 0.2s ease-in-out; - -moz-transition: opacity 0.2s ease-in-out; - transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity .2s ease-in-out; + -moz-transition: opacity .2s ease-in-out; + transition: opacity .2s ease-in-out; } .platform-ios .content.sliding { - -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .platform-ios .content.sliding.sliding-in, .platform-ios .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-name: fadeOverlay; - -moz-animation-name: fadeOverlay; - animation-name: fadeOverlay; - -webkit-animation-duration: 0.4s; - -moz-animation-duration: 0.4s; - animation-duration: 0.4s; + -moz-animation-name: fadeOverlay; + animation-name: fadeOverlay; + -webkit-animation-duration: .4s; + -moz-animation-duration: .4s; + animation-duration: .4s; } .platform-ios .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-direction: reverse; - -moz-animation-direction: reverse; - animation-direction: reverse; + -moz-animation-direction: reverse; + animation-direction: reverse; } .platform-ios .content.sliding.left { -webkit-transform: translate3d(-20%, 0, 0); - -ms-transform: translate3d(-20%, 0, 0); - transform: translate3d(-20%, 0, 0); + -ms-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); } .platform-ios .device { background-position: -395px 0; @@ -1380,7 +1380,7 @@ hr { font-family: "Roboto", sans-serif; font-size: 18px; line-height: 22px; - color: #222222; + color: #222; } .platform-android a { color: #33b5e5; @@ -1410,110 +1410,110 @@ hr { .platform-android .btn { padding: 8px 15px; font-size: 14px; - color: #222222; + color: #222; background-color: #cecece; border: 0; border-radius: 2px; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.25); + -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); } .platform-android .btn:active, .platform-android .btn.active { - color: #222222; + color: #222; + background-color: #999; border: 0; - background-color: #999999; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); + -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); } .platform-android .btn-primary { color: #fff; - border: 0; background-color: #33b5e5; + border: 0; } .platform-android .btn-primary:active, .platform-android .btn-primary.active { color: #fff; - border: 0; background-color: #1a9bcb; + border: 0; } .platform-android .btn-positive { color: #fff; + background-color: #9c0; border: 0; - background-color: #99cc00; } .platform-android .btn-positive:active, .platform-android .btn-positive.active { color: #fff; - border: 0; background-color: #739900; + border: 0; } .platform-android .btn-negative { color: #fff; + background-color: #f44; border: 0; - background-color: #ff4444; } .platform-android .btn-negative:active, .platform-android .btn-negative.active { color: #fff; + background-color: #f11; border: 0; - background-color: #ff1111; } .platform-android .btn-outlined { - border: 1px solid #999999; background-color: transparent; + border: 1px solid #999; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .platform-android .btn-outlined.btn-primary { - border: 1px solid #33b5e5; color: #33b5e5; + border: 1px solid #33b5e5; } .platform-android .btn-outlined.btn-primary:active { - border: 1px solid #33b5e5; background-color: #33b5e5; + border: 1px solid #33b5e5; } .platform-android .btn-outlined.btn-positive { - border: 1px solid #99cc00; - color: #99cc00; + color: #9c0; + border: 1px solid #9c0; } .platform-android .btn-outlined.btn-positive:active { - border: 1px solid #99cc00; - background-color: #99cc00; + background-color: #9c0; + border: 1px solid #9c0; } .platform-android .btn-outlined.btn-negative { - border: 1px solid #ff4444; - color: #ff4444; + color: #f44; + border: 1px solid #f44; } .platform-android .btn-outlined.btn-negative:active { - border: 1px solid #ff4444; - background-color: #ff4444; + background-color: #f44; + border: 1px solid #f44; } .platform-android .btn-outlined:active { - border: 1px solid #999999; - background-color: #999999; + background-color: #999; + border: 1px solid #999; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .platform-android .btn-outlined.btn-primary:active, .platform-android .btn-outlined.btn-positive:active, .platform-android .btn-outlined.btn-negative:active { color: #fff; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .platform-android .btn-link { color: #33b5e5; background-color: transparent; border: none; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .platform-android .btn-link:active, .platform-android .btn-link.active { color: #1a9bcb; background-color: transparent; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .platform-android .btn-block { padding: 15px 0; font-size: 18px; } .platform-android .btn .badge { - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(0, 0, 0, .15); } .platform-android .btn .badge.badge-inverted { background-color: transparent; @@ -1523,10 +1523,10 @@ hr { } .platform-android .bar { height: 50px; - background-color: #dddddd; + background-color: #ddd; border-bottom: 1px solid #b1b1b1; - -webkit-box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, 0.07); - box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, 0.07); + -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); } .platform-android .bar.bar-header-secondary { top: 50px; @@ -1540,10 +1540,10 @@ hr { .platform-android .bar .bar-footer, .platform-android .bar .bar-footer-secondary, .platform-android .bar .bar-footer-secondary-tab { - border-bottom: 0; border-top: 1px solid #b1b1b1; + border-bottom: 0; -webkit-box-shadow: inset 0 -2px 0 #33b5e5; - box-shadow: inset 0 -2px 0 #33b5e5; + box-shadow: inset 0 -2px 0 #33b5e5; } .platform-android .bar-tab { top: 0; @@ -1557,7 +1557,7 @@ hr { .platform-android .bar-tab .tab-item.active { color: #33b5e5; -webkit-box-shadow: inset 0 -2px 0 #33b5e5; - box-shadow: inset 0 -2px 0 #33b5e5; + box-shadow: inset 0 -2px 0 #33b5e5; } .platform-android .bar-tab .tab-item:active { color: #929292; @@ -1583,9 +1583,9 @@ hr { .platform-android .bar .btn-link { top: 0; padding: 0; - color: #33b5e5; font-size: 18px; line-height: 49px; + color: #33b5e5; } .platform-android .bar .btn-link:active, .platform-android .bar .btn-link.active { color: #1a9bcb; @@ -1615,7 +1615,7 @@ hr { height: 35px; } .platform-android .badge.badge-inverted { - color: #999999; + color: #999; background-color: transparent; } .platform-android .badge-primary { @@ -1628,24 +1628,24 @@ hr { } .platform-android .badge-positive { color: #fff; - background-color: #99cc00; + background-color: #9c0; } .platform-android .badge-positive.badge-inverted { - color: #99cc00; + color: #9c0; background-color: transparent; } .platform-android .badge-negative { color: #fff; - background-color: #ff4444; + background-color: #f44; } .platform-android .badge-negative.badge-inverted { - color: #ff4444; + color: #f44; background-color: transparent; } .platform-android .card { + background-color: transparent; border-color: #d9d9d9; border-radius: 2px; - background-color: transparent; } .platform-android .table-view { background-color: transparent; @@ -1667,9 +1667,9 @@ hr { font-size: 12px; font-weight: bold; text-transform: uppercase; + background-color: transparent; border-top: 0; border-bottom: 2px solid #a9a9a9; - background-color: transparent; } .platform-android select, .platform-android textarea, @@ -1690,9 +1690,9 @@ hr { .platform-android .input-group { height: 40px; padding: 10px 15px; - border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + border: 1px solid rgba(0, 0, 0, .2); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + box-shadow: 0 1px 1px rgba(0, 0, 0, .1); } .platform-android input[type="search"] { border-radius: 2px; @@ -1710,7 +1710,7 @@ hr { border: 0; border-bottom: 1px solid #d9d9d9; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .platform-android .input-group input:last-child { background-image: none; @@ -1727,22 +1727,22 @@ hr { background-color: #cecece; border: 0; border-radius: 2px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25); + box-shadow: 0 1px 1px rgba(0, 0, 0, .25); } .platform-android .segmented-control .control-item { padding-top: 10px; padding-bottom: 10px; - color: #222222; + color: #222; border-left: 1px solid #999; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); + -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); } .platform-android .segmented-control .control-item:first-child { border-left-width: 0; } .platform-android .segmented-control .control-item:active, .platform-android .segmented-control .control-item.active { - background-color: #999999; + background-color: #999; } .platform-android .segmented-control-primary { border: 0; @@ -1764,7 +1764,7 @@ hr { } .platform-android .segmented-control-positive .control-item:active, .platform-android .segmented-control-positive .control-item.active { color: #fff; - background-color: #99cc00; + background-color: #9c0; } .platform-android .segmented-control-negative { border: 0; @@ -1775,7 +1775,7 @@ hr { } .platform-android .segmented-control-negative .control-item:active, .platform-android .segmented-control-negative .control-item.active { color: #fff; - background-color: #ff4444; + background-color: #f44; } .platform-android .popover { top: 47px; @@ -1784,22 +1784,22 @@ hr { margin-left: 0; border: 1px solid #9b9b9b; border-radius: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); + box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-transition: -webkit-transform .1s ease-in-out, opacity .2s ease-in-out; - -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out; - transition: transform .1s ease-in-out, opacity .2s ease-in-out; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); - -webkit-transform: scale(0.75); - -ms-transform: scale(0.75); - transform: scale(0.75); + -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out; + transition: transform .1s ease-in-out, opacity .2s ease-in-out; + -webkit-transform: scale(.75); + -ms-transform: scale(.75); + transform: scale(.75); } .platform-android .popover:before { display: none; } .platform-android .popover.visible { -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } .platform-android .backdrop { background-color: transparent; @@ -1816,20 +1816,20 @@ hr { .platform-android .toggle { width: 104px; height: 28px; + background-color: #d7d7d7; border: 2px solid #d7d7d7; border-radius: 0; - background-color: #d7d7d7; } .platform-android .toggle .toggle-handle { top: 0; left: 0; width: 50px; height: 24px; + background-color: #bebebe; border: 1px solid #b5b5b5; border-radius: 2px; - background-color: #bebebe; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1); } .platform-android .toggle:before { top: 1px; @@ -1839,20 +1839,20 @@ hr { color: #fff; } .platform-android .toggle.active { - border: 2px solid #d7d7d7; background-color: #d7d7d7; + border: 2px solid #d7d7d7; } .platform-android .toggle.active .toggle-handle { margin-right: 2px; background-color: #33b5e5; border-color: #33b5e5; -webkit-transform: translate3d(50px, 0, 0); - -ms-transform: translate3d(50px, 0, 0); - transform: translate3d(50px, 0, 0); + -ms-transform: translate3d(50px, 0, 0); + transform: translate3d(50px, 0, 0); } .platform-android .toggle.active:before { - left: auto; right: 14px; + left: auto; color: #fff; } .platform-android .navigate-left:after, @@ -1911,8 +1911,8 @@ hr { } .platform-android .device .popover { -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } .platform-android .bar ~ .content { padding: 0; @@ -1985,13 +1985,13 @@ hr { } .list-group { - margin-bottom: 20px; padding-left: 0; + margin-bottom: 20px; } .list-group-item:first-child { - border-top-right-radius: 4px; border-top-left-radius: 4px; + border-top-right-radius: 4px; } .list-group-item { @@ -2004,9 +2004,9 @@ hr { } .list-group .team-member { - color: #555; font-size: 14px; line-height: 32px; + color: #555; } .list-group img { @@ -2022,7 +2022,7 @@ hr { .list-group .github-btn { float: right; - margin-top: 6px; width: 121px; height: 20px; + margin-top: 6px; } diff --git a/docs/dist/css/ratchet-theme-android.css b/docs/dist/css/ratchet-theme-android.css index 0ec3e0b..9ce76eb 100644 --- a/docs/dist/css/ratchet-theme-android.css +++ b/docs/dist/css/ratchet-theme-android.css @@ -12,7 +12,7 @@ body { font-family: "Roboto", sans-serif; font-size: 18px; line-height: 22px; - color: #222222; + color: #222; } a { @@ -50,94 +50,94 @@ a:active { .btn { padding: 8px 15px; font-size: 14px; - color: #222222; + color: #222; background-color: #cecece; border: 0; border-radius: 2px; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.25); + -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: #222222; + color: #222; + background-color: #999; border: 0; - background-color: #999999; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); + -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; + border: 0; } .btn-primary:active, .btn-primary.active { color: #fff; - border: 0; background-color: #1a9bcb; + border: 0; } .btn-positive { color: #fff; + background-color: #9c0; border: 0; - background-color: #99cc00; } .btn-positive:active, .btn-positive.active { color: #fff; - border: 0; background-color: #739900; + border: 0; } .btn-negative { color: #fff; + background-color: #f44; border: 0; - background-color: #ff4444; } .btn-negative:active, .btn-negative.active { color: #fff; + background-color: #f11; border: 0; - background-color: #ff1111; } .btn-outlined { - border: 1px solid #999999; background-color: transparent; + border: 1px solid #999; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .btn-outlined.btn-primary { - border: 1px solid #33b5e5; color: #33b5e5; + border: 1px solid #33b5e5; } .btn-outlined.btn-primary:active { - border: 1px solid #33b5e5; background-color: #33b5e5; + border: 1px solid #33b5e5; } .btn-outlined.btn-positive { - border: 1px solid #99cc00; - color: #99cc00; + color: #9c0; + border: 1px solid #9c0; } .btn-outlined.btn-positive:active { - border: 1px solid #99cc00; - background-color: #99cc00; + background-color: #9c0; + border: 1px solid #9c0; } .btn-outlined.btn-negative { - border: 1px solid #ff4444; - color: #ff4444; + color: #f44; + border: 1px solid #f44; } .btn-outlined.btn-negative:active { - border: 1px solid #ff4444; - background-color: #ff4444; + background-color: #f44; + border: 1px solid #f44; } .btn-outlined:active { - border: 1px solid #999999; - background-color: #999999; + background-color: #999; + border: 1px solid #999; -webkit-box-shadow: none; - 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; + box-shadow: none; } .btn-link { @@ -145,13 +145,13 @@ a:active { background-color: transparent; border: none; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .btn-link:active, .btn-link.active { color: #1a9bcb; background-color: transparent; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .btn-block { @@ -160,7 +160,7 @@ a:active { } .btn .badge { - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(0, 0, 0, .15); } .btn .badge.badge-inverted { background-color: transparent; @@ -171,10 +171,10 @@ a:active { .bar { height: 50px; - background-color: #dddddd; + background-color: #ddd; border-bottom: 1px solid #b1b1b1; - -webkit-box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, 0.07); - box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, 0.07); + -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; @@ -188,10 +188,10 @@ a:active { .bar .bar-footer, .bar .bar-footer-secondary, .bar .bar-footer-secondary-tab { - border-bottom: 0; border-top: 1px solid #b1b1b1; + border-bottom: 0; -webkit-box-shadow: inset 0 -2px 0 #33b5e5; - box-shadow: inset 0 -2px 0 #33b5e5; + box-shadow: inset 0 -2px 0 #33b5e5; } .bar-tab { @@ -206,7 +206,7 @@ a:active { .bar-tab .tab-item.active { color: #33b5e5; -webkit-box-shadow: inset 0 -2px 0 #33b5e5; - box-shadow: inset 0 -2px 0 #33b5e5; + box-shadow: inset 0 -2px 0 #33b5e5; } .bar-tab .tab-item:active { color: #929292; @@ -234,9 +234,9 @@ a:active { .bar .btn-link { top: 0; padding: 0; - color: #33b5e5; font-size: 18px; line-height: 49px; + color: #33b5e5; } .bar .btn-link:active, .bar .btn-link.active { color: #1a9bcb; @@ -270,7 +270,7 @@ a:active { } .badge.badge-inverted { - color: #999999; + color: #999; background-color: transparent; } @@ -285,26 +285,26 @@ a:active { .badge-positive { color: #fff; - background-color: #99cc00; + background-color: #9c0; } .badge-positive.badge-inverted { - color: #99cc00; + color: #9c0; background-color: transparent; } .badge-negative { color: #fff; - background-color: #ff4444; + background-color: #f44; } .badge-negative.badge-inverted { - color: #ff4444; + color: #f44; background-color: transparent; } .card { + background-color: transparent; border-color: #d9d9d9; border-radius: 2px; - background-color: transparent; } .table-view { @@ -327,9 +327,9 @@ a:active { font-size: 12px; font-weight: bold; text-transform: uppercase; + background-color: transparent; border-top: 0; border-bottom: 2px solid #a9a9a9; - background-color: transparent; } select, @@ -351,9 +351,9 @@ input[type="color"], .input-group { height: 40px; padding: 10px 15px; - border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + border: 1px solid rgba(0, 0, 0, .2); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + box-shadow: 0 1px 1px rgba(0, 0, 0, .1); } input[type="search"] { @@ -375,7 +375,7 @@ textarea, border: 0; border-bottom: 1px solid #d9d9d9; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .input-group input:last-child { @@ -396,22 +396,22 @@ textarea, background-color: #cecece; border: 0; border-radius: 2px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25); + box-shadow: 0 1px 1px rgba(0, 0, 0, .25); } .segmented-control .control-item { padding-top: 10px; padding-bottom: 10px; - color: #222222; + color: #222; border-left: 1px solid #999; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); + -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); } .segmented-control .control-item:first-child { border-left-width: 0; } .segmented-control .control-item:active, .segmented-control .control-item.active { - background-color: #999999; + background-color: #999; } .segmented-control-primary { @@ -435,7 +435,7 @@ textarea, } .segmented-control-positive .control-item:active, .segmented-control-positive .control-item.active { color: #fff; - background-color: #99cc00; + background-color: #9c0; } .segmented-control-negative { @@ -447,7 +447,7 @@ textarea, } .segmented-control-negative .control-item:active, .segmented-control-negative .control-item.active { color: #fff; - background-color: #ff4444; + background-color: #f44; } .popover { @@ -457,22 +457,22 @@ textarea, margin-left: 0; border: 1px solid #9b9b9b; border-radius: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); + box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-transition: -webkit-transform .1s ease-in-out, opacity .2s ease-in-out; - -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out; - transition: transform .1s ease-in-out, opacity .2s ease-in-out; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); - -webkit-transform: scale(0.75); - -ms-transform: scale(0.75); - transform: scale(0.75); + -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out; + transition: transform .1s ease-in-out, opacity .2s ease-in-out; + -webkit-transform: scale(.75); + -ms-transform: scale(.75); + transform: scale(.75); } .popover:before { display: none; } .popover.visible { -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } .backdrop { @@ -493,20 +493,20 @@ textarea, .toggle { width: 104px; height: 28px; + background-color: #d7d7d7; border: 2px solid #d7d7d7; border-radius: 0; - background-color: #d7d7d7; } .toggle .toggle-handle { top: 0; left: 0; width: 50px; height: 24px; + background-color: #bebebe; border: 1px solid #b5b5b5; border-radius: 2px; - background-color: #bebebe; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1); } .toggle:before { top: 1px; @@ -516,20 +516,20 @@ textarea, color: #fff; } .toggle.active { - border: 2px solid #d7d7d7; background-color: #d7d7d7; + border: 2px solid #d7d7d7; } .toggle.active .toggle-handle { margin-right: 2px; background-color: #33b5e5; border-color: #33b5e5; -webkit-transform: translate3d(50px, 0, 0); - -ms-transform: translate3d(50px, 0, 0); - transform: translate3d(50px, 0, 0); + -ms-transform: translate3d(50px, 0, 0); + transform: translate3d(50px, 0, 0); } .toggle.active:before { - left: auto; right: 14px; + left: auto; color: #fff; } diff --git a/docs/dist/css/ratchet-theme-android.min.css b/docs/dist/css/ratchet-theme-android.min.css index 836b680..9456a74 100644 --- a/docs/dist/css/ratchet-theme-android.min.css +++ b/docs/dist/css/ratchet-theme-android.min.css @@ -6,4 +6,4 @@ * * 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-positive{color:#fff;background-color:#9c0}.badge-positive.badge-inverted{color:#9c0;background-color:transparent}.badge-negative{color:#fff;background-color:#f44}.badge-negative.badge-inverted{color:#f44;background-color:transparent}.card{border-color:#d9d9d9;border-radius:2px;background-color:transparent}.table-view{background-color:transparent}.table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{background-color:#e0e0e0}.table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;border-top:0;border-bottom:2px solid #a9a9a9;background-color:transparent}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}input[type=search]{border-radius:2px}select,textarea,.input-group{height:auto}.input-group{padding:0;border:0}.input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{background-image:none}.input-row{border-bottom:1px solid #d9d9d9}.input-row label+input{background-image:none;border-bottom:0}.segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #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)}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active,.segmented-control .control-item.active{background-color:#999}.segmented-control-primary{border:0}.segmented-control-primary .control-item{color:#fff;border-color:inherit}.segmented-control-primary .control-item:active,.segmented-control-primary .control-item.active{color:#fff;background-color:#33b5e5}.segmented-control-positive{border:0}.segmented-control-positive .control-item{color:#fff;border-color:inherit}.segmented-control-positive .control-item:active,.segmented-control-positive .control-item.active{color:#fff;background-color:#9c0}.segmented-control-negative{border:0}.segmented-control-negative .control-item{color:#fff;border-color:inherit}.segmented-control-negative .control-item:active,.segmented-control-negative .control-item.active{color:#fff;background-color:#f44}.popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-moz-transition:-moz-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75)}.popover:before{display:none}.popover.visible{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.backdrop{background-color:transparent}.popover .bar{border-radius:0}.popover .bar-nav~.table-view{padding-top:50px}.popover .table-view{border-radius:12px}.toggle{width:104px;height:28px;border:2px solid #d7d7d7;border-radius:0;background-color:#d7d7d7}.toggle .toggle-handle{top:0;left:0;width:50px;height:24px;border:1px solid #b5b5b5;border-radius:2px;background-color:#bebebe;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.toggle.active{border:2px solid #d7d7d7;background-color:#d7d7d7}.toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.toggle.active:before{left:auto;right:14px;color:#fff}.navigate-left:after,.push-left:after{content:''}.navigate-right:after,.push-right:after{content:''}.icon-caret:before{content:'\e800'}.icon-down:before,.icon-down-nav:before{content:'\e801'}.icon-download:before{content:'\e802'}.icon-left:before,.icon-left-nav:before{content:'\e803'}.icon-more-vertical:before{content:'\e804'}.icon-more:before{content:'\e805'}.icon-right:before,.icon-right-nav:before{content:'\e806'}.icon-search:before{content:'\e807'}.icon-share:before{content:'\e808'}.icon-up:before,.icon-up-nav:before{content:'\e809'} \ No newline at end of file + */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;background-color:#999;border:0;-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;background-color:#33b5e5;border:0}.btn-primary:active,.btn-primary.active{color:#fff;background-color:#1a9bcb;border:0}.btn-positive{color:#fff;background-color:#9c0;border:0}.btn-positive:active,.btn-positive.active{color:#fff;background-color:#739900;border:0}.btn-negative{color:#fff;background-color:#f44;border:0}.btn-negative:active,.btn-negative.active{color:#fff;background-color:#f11;border:0}.btn-outlined{background-color:transparent;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary{color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-primary:active{background-color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-positive{color:#9c0;border:1px solid #9c0}.btn-outlined.btn-positive:active{background-color:#9c0;border:1px solid #9c0}.btn-outlined.btn-negative{color:#f44;border:1px solid #f44}.btn-outlined.btn-negative:active{background-color:#f44;border:1px solid #f44}.btn-outlined:active{background-color:#999;border:1px solid #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-top:1px solid #b1b1b1;border-bottom:0;-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;font-size:18px;line-height:49px;color:#33b5e5}.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-positive{color:#fff;background-color:#9c0}.badge-positive.badge-inverted{color:#9c0;background-color:transparent}.badge-negative{color:#fff;background-color:#f44}.badge-negative.badge-inverted{color:#f44;background-color:transparent}.card{background-color:transparent;border-color:#d9d9d9;border-radius:2px}.table-view{background-color:transparent}.table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{background-color:#e0e0e0}.table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:transparent;border-top:0;border-bottom:2px solid #a9a9a9}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}input[type=search]{border-radius:2px}select,textarea,.input-group{height:auto}.input-group{padding:0;border:0}.input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{background-image:none}.input-row{border-bottom:1px solid #d9d9d9}.input-row label+input{background-image:none;border-bottom:0}.segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #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)}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active,.segmented-control .control-item.active{background-color:#999}.segmented-control-primary{border:0}.segmented-control-primary .control-item{color:#fff;border-color:inherit}.segmented-control-primary .control-item:active,.segmented-control-primary .control-item.active{color:#fff;background-color:#33b5e5}.segmented-control-positive{border:0}.segmented-control-positive .control-item{color:#fff;border-color:inherit}.segmented-control-positive .control-item:active,.segmented-control-positive .control-item.active{color:#fff;background-color:#9c0}.segmented-control-negative{border:0}.segmented-control-negative .control-item{color:#fff;border-color:inherit}.segmented-control-negative .control-item:active,.segmented-control-negative .control-item.active{color:#fff;background-color:#f44}.popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-moz-transition:-moz-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.popover:before{display:none}.popover.visible{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.backdrop{background-color:transparent}.popover .bar{border-radius:0}.popover .bar-nav~.table-view{padding-top:50px}.popover .table-view{border-radius:12px}.toggle{width:104px;height:28px;background-color:#d7d7d7;border:2px solid #d7d7d7;border-radius:0}.toggle .toggle-handle{top:0;left:0;width:50px;height:24px;background-color:#bebebe;border:1px solid #b5b5b5;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.toggle.active{background-color:#d7d7d7;border:2px solid #d7d7d7}.toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.toggle.active:before{right:14px;left:auto;color:#fff}.navigate-left:after,.push-left:after{content:''}.navigate-right:after,.push-right:after{content:''}.icon-caret:before{content:'\e800'}.icon-down:before,.icon-down-nav:before{content:'\e801'}.icon-download:before{content:'\e802'}.icon-left:before,.icon-left-nav:before{content:'\e803'}.icon-more-vertical:before{content:'\e804'}.icon-more:before{content:'\e805'}.icon-right:before,.icon-right-nav:before{content:'\e806'}.icon-search:before{content:'\e807'}.icon-share:before{content:'\e808'}.icon-up:before,.icon-up-nav:before{content:'\e809'} \ No newline at end of file diff --git a/docs/dist/css/ratchet-theme-ios.css b/docs/dist/css/ratchet-theme-ios.css index f135acb..3cab113 100644 --- a/docs/dist/css/ratchet-theme-ios.css +++ b/docs/dist/css/ratchet-theme-ios.css @@ -32,18 +32,18 @@ p { } .btn { - border: 1px solid #929292; color: #929292; - background-color: rgba(247, 247, 247, 0.98); + background-color: rgba(247, 247, 247, .98); + border: 1px solid #929292; -webkit-transition: all; - -moz-transition: all; - transition: all; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; + -moz-transition: all; + transition: all; -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - transition-timing-function: linear; + -moz-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; } .btn:active, .btn.active { color: #fff; @@ -52,32 +52,32 @@ p { .btn-primary { color: #fff; - border: 1px solid #007aff; background-color: #007aff; + border: 1px solid #007aff; } .btn-primary:active, .btn-primary.active { - border: 1px solid #0062cc; background-color: #0062cc; + border: 1px solid #0062cc; } .btn-positive { color: #fff; - border: 1px solid #4cd964; background-color: #4cd964; + border: 1px solid #4cd964; } .btn-positive:active, .btn-positive.active { - border: 1px solid #2ac845; background-color: #2ac845; + border: 1px solid #2ac845; } .btn-negative { color: #fff; - border: 1px solid #dd524d; background-color: #dd524d; + border: 1px solid #dd524d; } .btn-negative:active, .btn-negative.active { - border: 1px solid #cf2d28; background-color: #cf2d28; + border: 1px solid #cf2d28; } .btn-outlined { @@ -107,7 +107,7 @@ p { } .btn .badge { - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(0, 0, 0, .15); } .btn .badge.badge-inverted { background-color: transparent; @@ -117,10 +117,10 @@ p { } .bar { + background-color: rgba(247, 247, 247, .98); border-bottom: 0; - background-color: rgba(247, 247, 247, 0.98); - -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85); - box-shadow: 0 0 1px rgba(0, 0, 0, 0.85); + -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); + box-shadow: 0 0 1px rgba(0, 0, 0, .85); } .bar.bar-header-secondary { top: 44px; @@ -195,27 +195,27 @@ p { } .table-view { - border-top: 0; - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-position: 0 100%, 0 0; background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border-top: 0; + border-bottom: 0; } .table-view .table-view-cell { - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"); - background-position: 15px 100%; background-repeat: no-repeat; + background-position: 15px 100%; + border-bottom: 0; } .table-view .table-view-cell:last-child { background-image: none; } .table-view .table-view-divider { - border-top: 0; - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-position: 0 100%, 0 0; background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border-top: 0; + border-bottom: 0; } select, @@ -237,13 +237,13 @@ input[type="color"], .input-group { height: 40px; padding: 10px 15px; - border: 1px solid rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, .2); } input[type="search"] { height: 34px; text-align: center; - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, .1); border: 0; border-radius: 6px; } @@ -260,17 +260,17 @@ textarea, .input-group { padding: 0; - border: 0; background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-position: 0 100%, 0 0; background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border: 0; } .input-group input { - border: 0; background-image: url("data:image/svg+xml;utf8,"); - background-position: 15px 100%; background-repeat: no-repeat; + background-position: 15px 100%; + border: 0; } .input-group input:last-child { @@ -278,10 +278,10 @@ textarea, } .input-row { - border-bottom: 0; background-image: url("data:image/svg+xml;utf8,"); - background-position: 15px 100%; background-repeat: no-repeat; + background-position: 15px 100%; + border-bottom: 0; } .input-row:last-child, @@ -296,9 +296,9 @@ textarea, .segmented-control .control-item { color: #929292; border-color: #929292; - -webkit-transition: background-color 0.1s linear; - -moz-transition: background-color 0.1s linear; - transition: background-color 0.1s linear; + -webkit-transition: background-color .1s linear; + -moz-transition: background-color .1s linear; + transition: background-color .1s linear; } .segmented-control .control-item:active { background-color: #ebebeb; @@ -355,114 +355,114 @@ textarea, .popover { border-radius: 12px; - -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; - -moz-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; - transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; + -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; + -moz-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; + transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; } .popover:before { - border-bottom: 15px solid rgba(247, 247, 247, 0.98); + border-bottom: 15px solid rgba(247, 247, 247, .98); } .popover .bar { -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .popover .bar-nav { - border-bottom: 1px solid rgba(0, 0, 0, 0.15); + border-bottom: 1px solid rgba(0, 0, 0, .15); } .popover .table-view { - border-radius: 12px; background-image: none; + border-radius: 12px; } .modal { - -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .modal.active { - -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .toggle { width: 47px; border: 2px solid #e6e6e6; -webkit-box-shadow: inset 0 0 0 0 #e1e1e1; - box-shadow: inset 0 0 0 0 #e1e1e1; + box-shadow: inset 0 0 0 0 #e1e1e1; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; -webkit-transition-property: box-shadow, border; - -moz-transition-property: box-shadow, border; - transition-property: box-shadow, border; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; + -moz-transition-property: box-shadow, border; + transition-property: box-shadow, border; } .toggle .toggle-handle { - border: 1px solid rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, .2); + -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .08); + box-shadow: 0 3px 3px rgba(0, 0, 0, .08); -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; - transition-property: transform, border, width; - -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); + -moz-transition-property: -moz-transform, border, width; + transition-property: transform, border, width; } .toggle:before { display: none; } .toggle.active { - border: 2px solid #4cd964; background-color: transparent; + border: 2px solid #4cd964; -webkit-box-shadow: inset 0 0 0 13px #4cd964; - box-shadow: inset 0 0 0 13px #4cd964; + box-shadow: inset 0 0 0 13px #4cd964; } .toggle.active .toggle-handle { -webkit-transform: translate3d(17px, 0, 0); - -ms-transform: translate3d(17px, 0, 0); - transform: translate3d(17px, 0, 0); + -ms-transform: translate3d(17px, 0, 0); + transform: translate3d(17px, 0, 0); } .toggle.active .toggle-handle { border-color: #4cd964; } .content.fade { - -webkit-transition: opacity 0.2s ease-in-out; - -moz-transition: opacity 0.2s ease-in-out; - transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity .2s ease-in-out; + -moz-transition: opacity .2s ease-in-out; + transition: opacity .2s ease-in-out; } .content.sliding { - -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); - transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .content.sliding.sliding-in, .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-name: fadeOverlay; - -moz-animation-name: fadeOverlay; - animation-name: fadeOverlay; - -webkit-animation-duration: 0.4s; - -moz-animation-duration: 0.4s; - animation-duration: 0.4s; + -moz-animation-name: fadeOverlay; + animation-name: fadeOverlay; + -webkit-animation-duration: .4s; + -moz-animation-duration: .4s; + animation-duration: .4s; } .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-direction: reverse; - -moz-animation-direction: reverse; - animation-direction: reverse; + -moz-animation-direction: reverse; + animation-direction: reverse; } .content.sliding.left { -webkit-transform: translate3d(-20%, 0, 0); - -ms-transform: translate3d(-20%, 0, 0); - transform: translate3d(-20%, 0, 0); + -ms-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); } @-webkit-keyframes fadeOverlay { from { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0); - box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0); } to { - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); + box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); } } diff --git a/docs/dist/css/ratchet-theme-ios.min.css b/docs/dist/css/ratchet-theme-ios.min.css index ac82fcf..453ee6b 100644 --- a/docs/dist/css/ratchet-theme-ios.min.css +++ b/docs/dist/css/ratchet-theme-ios.min.css @@ -6,4 +6,4 @@ * * v2.0.1 designed by @connors. * ===================================================== - */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,h5,.h6,h6,p{color:#8f8f94}.h5,h5,.h6,h6{font-weight:400;text-transform:uppercase}.btn{border:1px solid #929292;color:#929292;background-color:rgba(247,247,247,.98);-webkit-transition:all;-moz-transition:all;transition:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear}.btn:active,.btn.active{color:#fff;background-color:#929292}.btn-primary{color:#fff;border:1px solid #007aff;background-color:#007aff}.btn-primary:active,.btn-primary.active{border:1px solid #0062cc;background-color:#0062cc}.btn-positive{color:#fff;border:1px solid #4cd964;background-color:#4cd964}.btn-positive:active,.btn-positive.active{border:1px solid #2ac845;background-color:#2ac845}.btn-negative{color:#fff;border:1px solid #dd524d;background-color:#dd524d}.btn-negative:active,.btn-negative.active{border:1px solid #cf2d28;background-color:#cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link:active,.btn-link.active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{border-bottom:0;background-color:rgba(247,247,247,.98);-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.bar-tab{border-top:0}.tab-item{color:#929292}.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view{background-image:none}.card .table-view-cell:last-child{background-image:none}.table-view{border-top:0;border-bottom:0;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-position:0 100%,0 0;background-repeat:no-repeat}.table-view .table-view-cell{border-bottom:0;background-image:url("data:image/svg+xml;utf8,");background-position:15px 100%;background-repeat:no-repeat}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-divider{border-top:0;border-bottom:0;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-position:0 100%,0 0;background-repeat:no-repeat}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}select,textarea,.input-group{height:auto}.input-group{padding:0;border:0;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-position:0 100%,0 0;background-repeat:no-repeat}.input-group input{border:0;background-image:url("data:image/svg+xml;utf8,");background-position:15px 100%;background-repeat:no-repeat}.input-group input:last-child{background-image:none}.input-row{border-bottom:0;background-image:url("data:image/svg+xml;utf8,");background-position:15px 100%;background-repeat:no-repeat}.input-row:last-child,.input-row label+input{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{-webkit-box-shadow:none;box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{border-radius:12px;background-image:none}.modal{-webkit-transition-timing-function:cubic-bezier(0.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(0.1,.5,.1,1);transition-timing-function:cubic-bezier(0.1,.5,.1,1)}.modal.active{-webkit-transition-timing-function:cubic-bezier(0.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(0.1,.5,.1,1);transition-timing-function:cubic-bezier(0.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-property:box-shadow,border;-moz-transition-property:box-shadow,border;transition-property:box-shadow,border;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width;-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08)}.toggle:before{display:none}.toggle.active{border:2px solid #4cd964;background-color:transparent;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0)}.toggle.active .toggle-handle{border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(0.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(0.1,.5,.1,1);transition-timing-function:cubic-bezier(0.1,.5,.1,1)}.content.sliding.sliding-in,.content.sliding.right:not([class*=sliding-in]){-webkit-animation-name:fadeOverlay;-moz-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px rgba(0,0,0,0),-320px 0 0 rgba(0,0,0,0);box-shadow:0 0 10px rgba(0,0,0,0),-320px 0 0 rgba(0,0,0,0)}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}} \ No newline at end of file + */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,h5,.h6,h6,p{color:#8f8f94}.h5,h5,.h6,h6{font-weight:400;text-transform:uppercase}.btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;-moz-transition:all;transition:all;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.btn:active,.btn.active{color:#fff;background-color:#929292}.btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.btn-primary:active,.btn-primary.active{background-color:#0062cc;border:1px solid #0062cc}.btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.btn-positive:active,.btn-positive.active{background-color:#2ac845;border:1px solid #2ac845}.btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.btn-negative:active,.btn-negative.active{background-color:#cf2d28;border:1px solid #cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link:active,.btn-link.active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.bar-tab{border-top:0}.tab-item{color:#929292}.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view{background-image:none}.card .table-view-cell:last-child{background-image:none}.table-view{background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}select,textarea,.input-group{height:auto}.input-group{padding:0;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.input-group input{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border:0}.input-group input:last-child{background-image:none}.input-row{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.input-row:last-child,.input-row label+input{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{-webkit-box-shadow:none;box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{background-image:none;border-radius:12px}.modal{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:box-shadow,border;-moz-transition-property:box-shadow,border;transition-property:box-shadow,border}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{display:none}.toggle.active{background-color:transparent;border:2px solid #4cd964;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0)}.toggle.active .toggle-handle{border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.content.sliding.sliding-in,.content.sliding.right:not([class*=sliding-in]){-webkit-animation-name:fadeOverlay;-moz-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px rgba(0,0,0,0),-320px 0 0 rgba(0,0,0,0);box-shadow:0 0 10px rgba(0,0,0,0),-320px 0 0 rgba(0,0,0,0)}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}} \ No newline at end of file diff --git a/docs/dist/css/ratchet.css b/docs/dist/css/ratchet.css index c7a850c..bd5d4b2 100644 --- a/docs/dist/css/ratchet.css +++ b/docs/dist/css/ratchet.css @@ -11,8 +11,8 @@ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; - -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } body { @@ -75,13 +75,13 @@ dfn { } h1 { + margin: .67em 0; font-size: 2em; - margin: 0.67em 0; } mark { - background: #ff0; color: #000; + background: #ff0; } small { @@ -90,18 +90,18 @@ small { sub, sup { + position: relative; font-size: 75%; line-height: 0; - position: relative; vertical-align: baseline; } sup { - top: -0.5em; + top: -.5em; } sub { - bottom: -0.25em; + bottom: -.25em; } img { @@ -117,9 +117,9 @@ figure { } hr { - -moz-box-sizing: content-box; - box-sizing: content-box; height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; } pre { @@ -139,9 +139,9 @@ input, optgroup, select, textarea { - color: inherit; - font: inherit; margin: 0; + font: inherit; + color: inherit; } button { @@ -168,8 +168,8 @@ html input[disabled] { button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; padding: 0; + border: 0; } input { @@ -188,10 +188,10 @@ input[type="number"]::-webkit-outer-spin-button { } input[type="search"] { - -webkit-appearance: textfield; - -moz-box-sizing: content-box; -webkit-box-sizing: content-box; - box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, @@ -200,14 +200,14 @@ input[type="search"]::-webkit-search-decoration { } fieldset { - border: 1px solid #c0c0c0; + padding: .35em .625em .75em; margin: 0 2px; - padding: 0.35em 0.625em 0.75em; + border: 1px solid #c0c0c0; } legend { - border: 0; padding: 0; + border: 0; } textarea { @@ -219,8 +219,8 @@ optgroup { } table { - border-collapse: collapse; border-spacing: 0; + border-collapse: collapse; } td, @@ -230,8 +230,8 @@ th { * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } body { @@ -250,6 +250,7 @@ body { a { color: #428bca; text-decoration: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a:active { @@ -263,14 +264,14 @@ a:active { bottom: 0; left: 0; overflow: auto; - background-color: #fff; -webkit-overflow-scrolling: touch; + background-color: #fff; } .content > * { -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); } .bar-nav ~ .content { @@ -310,8 +311,8 @@ a:active { } .clearfix:before, .clearfix:after { - content: " "; display: table; + content: " "; } .clearfix:after { clear: both; @@ -340,13 +341,13 @@ h4, .h4 { } h5, .h5 { - font-size: 14px; margin-top: 20px; + font-size: 14px; } h6, .h6 { - font-size: 12px; margin-top: 20px; + font-size: 12px; } p { @@ -366,8 +367,8 @@ p { line-height: 1; color: #333; text-align: center; - vertical-align: top; white-space: nowrap; + vertical-align: top; cursor: pointer; background-color: white; border: 1px solid #ccc; @@ -383,35 +384,35 @@ p { .btn-primary { color: #fff; - border: 1px solid #428bca; background-color: #428bca; + border: 1px solid #428bca; } .btn-primary:active, .btn-primary.active { color: #fff; - border: 1px solid #3071a9; background-color: #3071a9; + border: 1px solid #3071a9; } .btn-positive { color: #fff; - border: 1px solid #5cb85c; background-color: #5cb85c; + border: 1px solid #5cb85c; } .btn-positive:active, .btn-positive.active { color: #fff; - border: 1px solid #449d44; background-color: #449d44; + border: 1px solid #449d44; } .btn-negative { color: #fff; - border: 1px solid #d9534f; background-color: #d9534f; + border: 1px solid #d9534f; } .btn-negative:active, .btn-negative.active { color: #fff; - border: 1px solid #c9302c; background-color: #c9302c; + border: 1px solid #c9302c; } .btn-outlined { @@ -457,9 +458,9 @@ input[type="button"] { } .btn .badge { - font-size: 12px; margin: -2px -4px -2px 4px; - background-color: rgba(0, 0, 0, 0.15); + font-size: 12px; + background-color: rgba(0, 0, 0, .15); } .btn .badge-inverted, @@ -491,8 +492,8 @@ input[type="button"] { height: 44px; padding-right: 10px; padding-left: 10px; - border-bottom: 1px solid #dddddd; background-color: white; + border-bottom: 1px solid #ddd; } .bar-header-secondary { @@ -514,8 +515,8 @@ input[type="button"] { .bar-footer, .bar-footer-secondary, .bar-footer-secondary-tab { + border-top: 1px solid #ddd; border-bottom: 0; - border-top: 1px solid #dddddd; } .bar-nav { @@ -541,22 +542,22 @@ input[type="button"] { } .bar-tab { - display: table; bottom: 0; + display: table; width: 100%; height: 50px; padding: 0; - border-top: 1px solid #dddddd; - border-bottom: 0; table-layout: fixed; + border-top: 1px solid #ddd; + border-bottom: 0; } .bar-tab .tab-item { display: table-cell; width: 1%; height: 50px; - vertical-align: middle; color: #929292; text-align: center; + vertical-align: middle; } .bar-tab .tab-item.active, .bar-tab .tab-item:active { color: #428bca; @@ -592,8 +593,8 @@ input[type="button"] { top: 0; padding: 0; font-size: 16px; - color: #428bca; line-height: 44px; + color: #428bca; border: 0; } .bar .btn-link:active, .bar .btn-link.active { @@ -655,7 +656,7 @@ input[type="button"] { font-size: 12px; line-height: 1; color: #333; - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(0, 0, 0, .15); border-radius: 100px; } .badge.badge-inverted { @@ -688,10 +689,10 @@ input[type="button"] { } .card { - overflow: hidden; margin: 10px; + overflow: hidden; background-color: white; - border: 1px solid #dddddd; + border: 1px solid #ddd; border-radius: 6px; } @@ -702,8 +703,8 @@ input[type="button"] { } .card .table-view .table-view-divider:first-child { top: 0; - border-top-right-radius: 6px; border-top-left-radius: 6px; + border-top-right-radius: 6px; } .card .table-view .table-view-divider:last-child { border-bottom-right-radius: 6px; @@ -720,15 +721,15 @@ input[type="button"] { margin-bottom: 15px; list-style: none; background-color: #fff; - border-top: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; } .table-view-cell { position: relative; - overflow: hidden; padding: 11px 65px 11px 15px; - border-bottom: 1px solid #dddddd; + overflow: hidden; + border-bottom: 1px solid #ddd; } .table-view-cell:last-child { border-bottom: 0; @@ -736,9 +737,9 @@ input[type="button"] { .table-view-cell > a:not(.btn) { position: relative; display: block; - overflow: hidden; padding: inherit; margin: -11px -65px -11px -15px; + overflow: hidden; color: inherit; } .table-view-cell > a:not(.btn):active { @@ -754,11 +755,11 @@ input[type="button"] { padding-left: 15px; margin-top: -1px; margin-left: 0; - color: #999; font-weight: 500; - border-top: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; + color: #999; background-color: #fafafa; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; } .table-view .media, @@ -784,8 +785,8 @@ input[type="button"] { top: 50%; right: 15px; -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } .table-view-cell .navigate-left > .btn, .table-view-cell .navigate-left > .badge, @@ -844,21 +845,21 @@ input[type="tel"], input[type="color"] { width: 100%; height: 35px; + -webkit-appearance: none; padding: 0 15px; margin-bottom: 15px; line-height: 21px; background-color: #fff; - border: 1px solid #dddddd; + border: 1px solid #ddd; border-radius: 3px; outline: none; - -webkit-appearance: none; } input[type="search"] { + box-sizing: border-box; padding: 0 10px; font-size: 16px; border-radius: 20px; - box-sizing: border-box; } input[type="search"]:focus { @@ -873,8 +874,8 @@ select { height: auto; font-size: 14px; background-color: #f8f8f8; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); } .input-group { @@ -886,16 +887,16 @@ select { margin-bottom: 0; background-color: transparent; border-top: 0; - border-left: 0; border-right: 0; + border-left: 0; border-radius: 0; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .input-row { overflow: hidden; - border-bottom: 1px solid #dddddd; + border-bottom: 1px solid #ddd; } .input-row label { @@ -926,15 +927,15 @@ select { } .segmented-control .control-item { display: table-cell; - overflow: hidden; width: 1%; padding-top: 6px; padding-bottom: 7px; + overflow: hidden; line-height: 1; color: #333; text-align: center; - white-space: nowrap; text-overflow: ellipsis; + white-space: nowrap; border-left: 1px solid #ccc; } .segmented-control .control-item:first-child { @@ -1009,15 +1010,15 @@ select { margin-left: -140px; background-color: white; border-radius: 6px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); + box-shadow: 0 0 15px rgba(0, 0, 0, .1); opacity: 0; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); + -webkit-transition: all .25s linear; + -moz-transition: all .25s linear; + transition: all .25s linear; -webkit-transform: translate3d(0, -15px, 0); - -ms-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); - -webkit-transition: all 0.25s linear; - -moz-transition: all 0.25s linear; - transition: all 0.25s linear; + -ms-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); } .popover:before { position: absolute; @@ -1026,16 +1027,16 @@ select { width: 0; height: 0; margin-left: -15px; + content: ''; border-right: 15px solid transparent; border-bottom: 15px solid white; border-left: 15px solid transparent; - content: ''; } .popover.visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .popover .bar ~ .table-view { padding-top: 44px; @@ -1048,7 +1049,7 @@ select { bottom: 0; left: 0; z-index: 15; - background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(0, 0, 0, .3); } .popover .btn-block { @@ -1059,49 +1060,49 @@ select { } .popover .bar-nav { - border-bottom: 1px solid #dddddd; - border-top-right-radius: 12px; + border-bottom: 1px solid #ddd; border-top-left-radius: 12px; + border-top-right-radius: 12px; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .popover .table-view { max-height: 300px; margin-bottom: 0; overflow: auto; + -webkit-overflow-scrolling: touch; background-color: #fff; border-top: 0; border-bottom: 0; border-radius: 6px; - -webkit-overflow-scrolling: touch; } .modal { position: fixed; top: 0; - opacity: 0; z-index: 11; width: 100%; min-height: 100%; overflow: hidden; background-color: #fff; + opacity: 0; -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; - -moz-transition: -moz-transform .25s, opacity 1ms .25s; - transition: transform .25s, opacity 1ms .25s; + -moz-transition: -moz-transform .25s, opacity 1ms .25s; + transition: transform .25s, opacity 1ms .25s; -webkit-transform: translate3d(0, 100%, 0); - -ms-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); + -ms-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } .modal.active { - opacity: 1; height: 100%; + opacity: 1; -webkit-transition: -webkit-transform .25s; - -moz-transition: -moz-transform .25s; - transition: transform .25s; + -moz-transition: -moz-transform .25s; + transition: transform .25s; -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .slider { @@ -1117,31 +1118,31 @@ select { font-size: 0; white-space: nowrap; -webkit-transition: all 0 linear; - -moz-transition: all 0 linear; - transition: all 0 linear; + -moz-transition: all 0 linear; + transition: all 0 linear; } .slider .slide-group .slide { display: inline-block; - vertical-align: top; width: 100%; height: 100%; font-size: 14px; + vertical-align: top; } .toggle { - display: block; position: relative; + display: block; width: 74px; height: 30px; background-color: #fff; border: 2px solid #ddd; border-radius: 20px; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; -webkit-transition-property: background-color, border; - -moz-transition-property: background-color, border; - transition-property: background-color, border; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; + -moz-transition-property: background-color, border; + transition-property: background-color, border; } .toggle .toggle-handle { position: absolute; @@ -1153,31 +1154,31 @@ select { background-color: #fff; border: 1px solid #ddd; border-radius: 100px; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; - transition-property: transform, border, width; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; + -moz-transition-property: -moz-transform, border, width; + transition-property: transform, border, width; } .toggle:before { position: absolute; top: 3px; right: 11px; - color: #999; font-size: 13px; + color: #999; text-transform: uppercase; content: "Off"; } .toggle.active { - border: 2px solid #5cb85c; background-color: #5cb85c; + border: 2px solid #5cb85c; } .toggle.active .toggle-handle { border-color: #5cb85c; -webkit-transform: translate3d(44px, 0, 0); - -ms-transform: translate3d(44px, 0, 0); - transform: translate3d(44px, 0, 0); + -ms-transform: translate3d(44px, 0, 0); + transform: translate3d(44px, 0, 0); } .toggle.active:before { right: auto; @@ -1199,23 +1200,23 @@ select { .content.sliding { z-index: 2; -webkit-transition: -webkit-transform .4s; - -moz-transition: -moz-transform .4s; - transition: transform .4s; + -moz-transition: -moz-transform .4s; + transition: transform .4s; -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .content.sliding.left { z-index: 1; -webkit-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); + -ms-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } .content.sliding.right { z-index: 3; -webkit-transform: translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); + -ms-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } .navigate-left:after, @@ -1225,15 +1226,16 @@ select { position: absolute; top: 50%; display: inline-block; - color: #bbb; font-family: Ratchicons; font-size: inherit; - text-decoration: none; line-height: 1; - -webkit-font-smoothing: antialiased; + color: #bbb; + text-decoration: none; -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + + -webkit-font-smoothing: antialiased; } .navigate-left:after, @@ -1250,18 +1252,20 @@ select { @font-face { font-family: Ratchicons; + font-style: normal; + font-weight: normal; + src: url("../fonts/ratchicons.eot"); src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ratchicons.woff") format("woff"), url("../fonts/ratchicons.ttf") format("truetype"), url("../fonts/ratchicons.svg#svgFontName") format("svg"); - font-weight: normal; - font-style: normal; } .icon { display: inline-block; font-family: Ratchicons; font-size: 24px; - text-decoration: none; line-height: 1; + text-decoration: none; + -webkit-font-smoothing: antialiased; } diff --git a/docs/dist/css/ratchet.min.css b/docs/dist/css/ratchet.min.css index 7010377..b4ff203 100644 --- a/docs/dist/css/ratchet.min.css +++ b/docs/dist/css/ratchet.min.css @@ -6,4 +6,4 @@ * * v2.0.1 designed by @connors. * ===================================================== - *//*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:fixed;top:0;right:0;bottom:0;left:0;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#428bca;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active{color:#3071a9}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background-color:#fff;-webkit-overflow-scrolling:touch}.content>*{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.bar-nav~.content{padding-top:44px}.bar-header-secondary~.content{padding-top:88px}.bar-footer~.content{padding-bottom:44px}.bar-footer-secondary~.content{padding-bottom:88px}.bar-tab~.content{padding-bottom:50px}.bar-footer-secondary-tab~.content{padding-bottom:94px}.content-padded{margin:10px}.pull-left{float:left}.pull-right{float:right}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px;margin-top:20px}h6,.h6{font-size:12px;margin-top:20px}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#777}.btn{position:relative;display:inline-block;padding:6px 8px 7px;margin-bottom:0;font-size:12px;font-weight:400;line-height:1;color:#333;text-align:center;vertical-align:top;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px}.btn:active,.btn.active{color:inherit;background-color:#ccc}.btn:disabled,.btn.disabled{opacity:.6}.btn-primary{color:#fff;border:1px solid #428bca;background-color:#428bca}.btn-primary:active,.btn-primary.active{color:#fff;border:1px solid #3071a9;background-color:#3071a9}.btn-positive{color:#fff;border:1px solid #5cb85c;background-color:#5cb85c}.btn-positive:active,.btn-positive.active{color:#fff;border:1px solid #449d44;background-color:#449d44}.btn-negative{color:#fff;border:1px solid #d9534f;background-color:#d9534f}.btn-negative:active,.btn-negative.active{color:#fff;border:1px solid #c9302c;background-color:#c9302c}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#428bca}.btn-outlined.btn-positive{color:#5cb85c}.btn-outlined.btn-negative{color:#d9534f}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{padding-top:6px;padding-bottom:6px;color:#428bca;background-color:transparent;border:0}.btn-link:active,.btn-link.active{color:#3071a9;background-color:transparent}.btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}input[type=submit],input[type=reset],input[type=button]{width:100%}.btn .badge{font-size:12px;margin:-2px -4px -2px 4px;background-color:rgba(0,0,0,.15)}.btn .badge-inverted,.btn:active .badge-inverted{background-color:transparent}.btn-primary:active .badge-inverted,.btn-positive:active .badge-inverted,.btn-negative:active .badge-inverted{color:#fff}.btn-block .badge{position:absolute;right:0;margin-right:10px}.btn .icon{font-size:inherit}.bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;border-bottom:1px solid #ddd;background-color:#fff}.bar-header-secondary{top:44px}.bar-footer{bottom:0}.bar-footer-secondary{bottom:44px}.bar-footer-secondary-tab{bottom:50px}.bar-footer,.bar-footer-secondary,.bar-footer-secondary-tab{border-bottom:0;border-top:1px solid #ddd}.bar-nav{top:0}.title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.title a{color:inherit}.bar-tab{display:table;bottom:0;width:100%;height:50px;padding:0;border-top:1px solid #ddd;border-bottom:0;table-layout:fixed}.bar-tab .tab-item{display:table-cell;width:1%;height:50px;vertical-align:middle;color:#929292;text-align:center}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#428bca}.bar-tab .tab-item .icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.bar-tab .tab-item .icon~.tab-label{display:block;font-size:11px}.bar .btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.bar .btn.pull-right{margin-left:10px}.bar .btn.pull-left{margin-right:10px}.bar .btn-link{top:0;padding:0;font-size:16px;color:#428bca;line-height:44px;border:0}.bar .btn-link:active,.bar .btn-link.active{color:#3071a9}.bar .btn-block{top:6px;padding:7px 0;margin-bottom:0;font-size:16px}.bar .btn-nav.pull-left{margin-left:-5px}.bar .btn-nav.pull-left .icon-left-nav{margin-right:-3px}.bar .btn-nav.pull-right{margin-right:-5px}.bar .btn-nav.pull-right .icon-right-nav{margin-left:-3px}.bar .icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.bar .btn .icon{top:3px;padding:0}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:4px;margin-left:-5px}.bar input[type=search]{height:29px;margin:6px 0}.bar .segmented-control{top:7px;margin:0 auto}.badge{display:inline-block;padding:2px 9px 3px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.badge.badge-inverted{padding:0 5px 0 0;background-color:transparent}.badge-primary{color:#fff;background-color:#428bca}.badge-primary.badge-inverted{color:#428bca}.badge-positive{color:#fff;background-color:#5cb85c}.badge-positive.badge-inverted{color:#5cb85c}.badge-negative{color:#fff;background-color:#d9534f}.badge-negative.badge-inverted{color:#d9534f}.card{overflow:hidden;margin:10px;background-color:#fff;border:1px solid #ddd;border-radius:6px}.card .table-view{margin-bottom:0;border-top:0;border-bottom:0}.card .table-view .table-view-divider:first-child{top:0;border-top-right-radius:6px;border-top-left-radius:6px}.card .table-view .table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.card .table-view-cell:last-child{border-bottom:0}.table-view{padding-left:0;margin-top:0;margin-bottom:15px;list-style:none;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view-cell{position:relative;overflow:hidden;padding:11px 65px 11px 15px;border-bottom:1px solid #ddd}.table-view-cell:last-child{border-bottom:0}.table-view-cell>a:not(.btn){position:relative;display:block;overflow:hidden;padding:inherit;margin:-11px -65px -11px -15px;color:inherit}.table-view-cell>a:not(.btn):active{background-color:#eee}.table-view-cell p{margin-bottom:0}.table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;color:#999;font-weight:500;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa}.table-view .media,.table-view .media-body{overflow:hidden;zoom:1}.table-view .media-object.pull-left{margin-right:10px}.table-view .media-object.pull-right{margin-left:10px}.table-view-cell>.btn,.table-view-cell>.badge,.table-view-cell>.toggle,.table-view-cell>a>.btn,.table-view-cell>a>.badge,.table-view-cell>a>.toggle{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.toggle{right:35px}.content>.table-view:first-child{margin-top:15px}input,textarea,button,select{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color]{width:100%;height:35px;padding:0 15px;margin-bottom:15px;line-height:21px;background-color:#fff;border:1px solid #ddd;border-radius:3px;outline:0;-webkit-appearance:none}input[type=search]{padding:0 10px;font-size:16px;border-radius:20px;box-sizing:border-box}input[type=search]:focus{text-align:left}textarea{height:auto}select{height:auto;font-size:14px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.input-group{background-color:#fff}.input-group input,.input-group textarea{margin-bottom:0;background-color:transparent;border-top:0;border-left:0;border-right:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.input-row{overflow:hidden;border-bottom:1px solid #ddd}.input-row label{float:left;width:35%;padding:10px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.input-row input{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.segmented-control{position:relative;display:table;overflow:hidden;font-size:12px;font-weight:400;background-color:#fff;border:1px solid #ccc;border-radius:3px}.segmented-control .control-item{display:table-cell;overflow:hidden;width:1%;padding-top:6px;padding-bottom:7px;line-height:1;color:#333;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #ccc}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active{background-color:#eee}.segmented-control .control-item.active{background-color:#ccc}.segmented-control-primary{border-color:#428bca}.segmented-control-primary .control-item{color:#428bca;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#cde1f1}.segmented-control-primary .control-item.active{color:#fff;background-color:#428bca}.segmented-control-positive{border-color:#5cb85c}.segmented-control-positive .control-item{color:#5cb85c;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#d8eed8}.segmented-control-positive .control-item.active{color:#fff;background-color:#5cb85c}.segmented-control-negative{border-color:#d9534f}.segmented-control-negative .control-item{color:#d9534f;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#f9e2e2}.segmented-control-negative .control-item.active{color:#fff;background-color:#d9534f}.control-content{display:none}.control-content.active{display:block}.popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:#fff;border-radius:6px;opacity:0;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear}.popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-15px;border-right:15px solid transparent;border-bottom:15px solid #fff;border-left:15px solid transparent;content:''}.popover.visible{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popover .bar~.table-view{padding-top:44px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.popover .btn-block{margin-bottom:5px}.popover .btn-block:last-child{margin-bottom:0}.popover .bar-nav{border-bottom:1px solid #ddd;border-top-right-radius:12px;border-top-left-radius:12px;-webkit-box-shadow:none;box-shadow:none}.popover .table-view{max-height:300px;margin-bottom:0;overflow:auto;background-color:#fff;border-top:0;border-bottom:0;border-radius:6px;-webkit-overflow-scrolling:touch}.modal{position:fixed;top:0;opacity:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.modal.active{opacity:1;height:100%;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slider{width:100%}.slider{overflow:hidden;background-color:#000}.slider .slide-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0 linear;-moz-transition:all 0 linear;transition:all 0 linear}.slider .slide-group .slide{display:inline-block;vertical-align:top;width:100%;height:100%;font-size:14px}.toggle{display:block;position:relative;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-property:background-color,border;-moz-transition-property:background-color,border;transition-property:background-color,border;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.toggle .toggle-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border:1px solid #ddd;border-radius:100px;-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.toggle:before{position:absolute;top:3px;right:11px;color:#999;font-size:13px;text-transform:uppercase;content:"Off"}.toggle.active{border:2px solid #5cb85c;background-color:#5cb85c}.toggle.active .toggle-handle{border-color:#5cb85c;-webkit-transform:translate3d(44px,0,0);-ms-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}.toggle.active:before{right:auto;left:15px;color:#fff;content:"On"}.toggle input[type=checkbox]{display:none}.content.fade{left:0;opacity:0}.content.fade.in{opacity:1}.content.sliding{z-index:2;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.content.sliding.left{z-index:1;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.content.sliding.right{z-index:3;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{position:absolute;top:50%;display:inline-block;color:#bbb;font-family:Ratchicons;font-size:inherit;text-decoration:none;line-height:1;-webkit-font-smoothing:antialiased;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.navigate-left:after,.push-left:after{left:15px;content:'\e822'}.navigate-right:after,.push-right:after{right:15px;content:'\e826'}@font-face{font-family:Ratchicons;src:url(../fonts/ratchicons.eot);src:url(../fonts/ratchicons.eot?#iefix) format("embedded-opentype"),url(../fonts/ratchicons.woff) format("woff"),url(../fonts/ratchicons.ttf) format("truetype"),url(../fonts/ratchicons.svg#svgFontName) format("svg");font-weight:400;font-style:normal}.icon{display:inline-block;font-family:Ratchicons;font-size:24px;text-decoration:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-and-up:before{content:'\e809'}.icon-back:before{content:'\e80a'}.icon-bars:before{content:'\e80e'}.icon-caret:before{content:'\e80f'}.icon-check:before{content:'\e810'}.icon-close:before{content:'\e811'}.icon-code:before{content:'\e812'}.icon-compose:before{content:'\e813'}.icon-down-nav:before{content:'\e814'}.icon-down:before{content:'\e820'}.icon-download:before{content:'\e815'}.icon-edit:before{content:'\e829'}.icon-forward:before{content:'\e82a'}.icon-gear:before{content:'\e821'}.icon-home:before{content:'\e82b'}.icon-info:before{content:'\e82c'}.icon-left-nav:before{content:'\e82d'}.icon-left:before{content:'\e822'}.icon-list:before{content:'\e823'}.icon-more-vertical:before{content:'\e82e'}.icon-more:before{content:'\e82f'}.icon-pages:before{content:'\e824'}.icon-pause:before{content:'\e830'}.icon-person:before{content:'\e832'}.icon-play:before{content:'\e816'}.icon-plus:before{content:'\e817'}.icon-refresh:before{content:'\e825'}.icon-right-nav:before{content:'\e818'}.icon-right:before{content:'\e826'}.icon-search:before{content:'\e819'}.icon-share:before{content:'\e81a'}.icon-sound2:before{content:'\e828'}.icon-sound3:before{content:'\e80b'}.icon-sound4:before{content:'\e80c'}.icon-sound:before{content:'\e827'}.icon-star-filled:before{content:'\e81b'}.icon-star:before{content:'\e81c'}.icon-stop:before{content:'\e81d'}.icon-trash:before{content:'\e81e'}.icon-up-nav:before{content:'\e81f'}.icon-up:before{content:'\e80d'} \ No newline at end of file + *//*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:fixed;top:0;right:0;bottom:0;left:0;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#428bca;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active{color:#3071a9}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.content>*{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.bar-nav~.content{padding-top:44px}.bar-header-secondary~.content{padding-top:88px}.bar-footer~.content{padding-bottom:44px}.bar-footer-secondary~.content{padding-bottom:88px}.bar-tab~.content{padding-bottom:50px}.bar-footer-secondary-tab~.content{padding-bottom:94px}.content-padded{margin:10px}.pull-left{float:left}.pull-right{float:right}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{margin-top:20px;font-size:14px}h6,.h6{margin-top:20px;font-size:12px}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#777}.btn{position:relative;display:inline-block;padding:6px 8px 7px;margin-bottom:0;font-size:12px;font-weight:400;line-height:1;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px}.btn:active,.btn.active{color:inherit;background-color:#ccc}.btn:disabled,.btn.disabled{opacity:.6}.btn-primary{color:#fff;background-color:#428bca;border:1px solid #428bca}.btn-primary:active,.btn-primary.active{color:#fff;background-color:#3071a9;border:1px solid #3071a9}.btn-positive{color:#fff;background-color:#5cb85c;border:1px solid #5cb85c}.btn-positive:active,.btn-positive.active{color:#fff;background-color:#449d44;border:1px solid #449d44}.btn-negative{color:#fff;background-color:#d9534f;border:1px solid #d9534f}.btn-negative:active,.btn-negative.active{color:#fff;background-color:#c9302c;border:1px solid #c9302c}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#428bca}.btn-outlined.btn-positive{color:#5cb85c}.btn-outlined.btn-negative{color:#d9534f}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{padding-top:6px;padding-bottom:6px;color:#428bca;background-color:transparent;border:0}.btn-link:active,.btn-link.active{color:#3071a9;background-color:transparent}.btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}input[type=submit],input[type=reset],input[type=button]{width:100%}.btn .badge{margin:-2px -4px -2px 4px;font-size:12px;background-color:rgba(0,0,0,.15)}.btn .badge-inverted,.btn:active .badge-inverted{background-color:transparent}.btn-primary:active .badge-inverted,.btn-positive:active .badge-inverted,.btn-negative:active .badge-inverted{color:#fff}.btn-block .badge{position:absolute;right:0;margin-right:10px}.btn .icon{font-size:inherit}.bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:#fff;border-bottom:1px solid #ddd}.bar-header-secondary{top:44px}.bar-footer{bottom:0}.bar-footer-secondary{bottom:44px}.bar-footer-secondary-tab{bottom:50px}.bar-footer,.bar-footer-secondary,.bar-footer-secondary-tab{border-top:1px solid #ddd;border-bottom:0}.bar-nav{top:0}.title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.title a{color:inherit}.bar-tab{bottom:0;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:1px solid #ddd;border-bottom:0}.bar-tab .tab-item{display:table-cell;width:1%;height:50px;color:#929292;text-align:center;vertical-align:middle}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#428bca}.bar-tab .tab-item .icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.bar-tab .tab-item .icon~.tab-label{display:block;font-size:11px}.bar .btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.bar .btn.pull-right{margin-left:10px}.bar .btn.pull-left{margin-right:10px}.bar .btn-link{top:0;padding:0;font-size:16px;line-height:44px;color:#428bca;border:0}.bar .btn-link:active,.bar .btn-link.active{color:#3071a9}.bar .btn-block{top:6px;padding:7px 0;margin-bottom:0;font-size:16px}.bar .btn-nav.pull-left{margin-left:-5px}.bar .btn-nav.pull-left .icon-left-nav{margin-right:-3px}.bar .btn-nav.pull-right{margin-right:-5px}.bar .btn-nav.pull-right .icon-right-nav{margin-left:-3px}.bar .icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.bar .btn .icon{top:3px;padding:0}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:4px;margin-left:-5px}.bar input[type=search]{height:29px;margin:6px 0}.bar .segmented-control{top:7px;margin:0 auto}.badge{display:inline-block;padding:2px 9px 3px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.badge.badge-inverted{padding:0 5px 0 0;background-color:transparent}.badge-primary{color:#fff;background-color:#428bca}.badge-primary.badge-inverted{color:#428bca}.badge-positive{color:#fff;background-color:#5cb85c}.badge-positive.badge-inverted{color:#5cb85c}.badge-negative{color:#fff;background-color:#d9534f}.badge-negative.badge-inverted{color:#d9534f}.card{margin:10px;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-radius:6px}.card .table-view{margin-bottom:0;border-top:0;border-bottom:0}.card .table-view .table-view-divider:first-child{top:0;border-top-left-radius:6px;border-top-right-radius:6px}.card .table-view .table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.card .table-view-cell:last-child{border-bottom:0}.table-view{padding-left:0;margin-top:0;margin-bottom:15px;list-style:none;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view-cell{position:relative;padding:11px 65px 11px 15px;overflow:hidden;border-bottom:1px solid #ddd}.table-view-cell:last-child{border-bottom:0}.table-view-cell>a:not(.btn){position:relative;display:block;padding:inherit;margin:-11px -65px -11px -15px;overflow:hidden;color:inherit}.table-view-cell>a:not(.btn):active{background-color:#eee}.table-view-cell p{margin-bottom:0}.table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view .media,.table-view .media-body{overflow:hidden;zoom:1}.table-view .media-object.pull-left{margin-right:10px}.table-view .media-object.pull-right{margin-left:10px}.table-view-cell>.btn,.table-view-cell>.badge,.table-view-cell>.toggle,.table-view-cell>a>.btn,.table-view-cell>a>.badge,.table-view-cell>a>.toggle{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.toggle{right:35px}.content>.table-view:first-child{margin-top:15px}input,textarea,button,select{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color]{width:100%;height:35px;-webkit-appearance:none;padding:0 15px;margin-bottom:15px;line-height:21px;background-color:#fff;border:1px solid #ddd;border-radius:3px;outline:0}input[type=search]{box-sizing:border-box;padding:0 10px;font-size:16px;border-radius:20px}input[type=search]:focus{text-align:left}textarea{height:auto}select{height:auto;font-size:14px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.input-group{background-color:#fff}.input-group input,.input-group textarea{margin-bottom:0;background-color:transparent;border-top:0;border-right:0;border-left:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.input-row{overflow:hidden;border-bottom:1px solid #ddd}.input-row label{float:left;width:35%;padding:10px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.input-row input{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.segmented-control{position:relative;display:table;overflow:hidden;font-size:12px;font-weight:400;background-color:#fff;border:1px solid #ccc;border-radius:3px}.segmented-control .control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #ccc}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active{background-color:#eee}.segmented-control .control-item.active{background-color:#ccc}.segmented-control-primary{border-color:#428bca}.segmented-control-primary .control-item{color:#428bca;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#cde1f1}.segmented-control-primary .control-item.active{color:#fff;background-color:#428bca}.segmented-control-positive{border-color:#5cb85c}.segmented-control-positive .control-item{color:#5cb85c;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#d8eed8}.segmented-control-positive .control-item.active{color:#fff;background-color:#5cb85c}.segmented-control-negative{border-color:#d9534f}.segmented-control-negative .control-item{color:#d9534f;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#f9e2e2}.segmented-control-negative .control-item.active{color:#fff;background-color:#d9534f}.control-content{display:none}.control-content.active{display:block}.popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}.popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-15px;content:'';border-right:15px solid transparent;border-bottom:15px solid #fff;border-left:15px solid transparent}.popover.visible{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popover .bar~.table-view{padding-top:44px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.popover .btn-block{margin-bottom:5px}.popover .btn-block:last-child{margin-bottom:0}.popover .bar-nav{border-bottom:1px solid #ddd;border-top-left-radius:12px;border-top-right-radius:12px;-webkit-box-shadow:none;box-shadow:none}.popover .table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:0;border-bottom:0;border-radius:6px}.modal{position:fixed;top:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.modal.active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slider{width:100%}.slider{overflow:hidden;background-color:#000}.slider .slide-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0 linear;-moz-transition:all 0 linear;transition:all 0 linear}.slider .slide-group .slide{display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.toggle{position:relative;display:block;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;-moz-transition-property:background-color,border;transition-property:background-color,border}.toggle .toggle-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border:1px solid #ddd;border-radius:100px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.toggle.active{background-color:#5cb85c;border:2px solid #5cb85c}.toggle.active .toggle-handle{border-color:#5cb85c;-webkit-transform:translate3d(44px,0,0);-ms-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}.toggle.active:before{right:auto;left:15px;color:#fff;content:"On"}.toggle input[type=checkbox]{display:none}.content.fade{left:0;opacity:0}.content.fade.in{opacity:1}.content.sliding{z-index:2;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.content.sliding.left{z-index:1;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.content.sliding.right{z-index:3;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{position:absolute;top:50%;display:inline-block;font-family:Ratchicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.navigate-left:after,.push-left:after{left:15px;content:'\e822'}.navigate-right:after,.push-right:after{right:15px;content:'\e826'}@font-face{font-family:Ratchicons;font-style:normal;font-weight:400;src:url(../fonts/ratchicons.eot);src:url(../fonts/ratchicons.eot?#iefix) format("embedded-opentype"),url(../fonts/ratchicons.woff) format("woff"),url(../fonts/ratchicons.ttf) format("truetype"),url(../fonts/ratchicons.svg#svgFontName) format("svg")}.icon{display:inline-block;font-family:Ratchicons;font-size:24px;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.icon-and-up:before{content:'\e809'}.icon-back:before{content:'\e80a'}.icon-bars:before{content:'\e80e'}.icon-caret:before{content:'\e80f'}.icon-check:before{content:'\e810'}.icon-close:before{content:'\e811'}.icon-code:before{content:'\e812'}.icon-compose:before{content:'\e813'}.icon-down-nav:before{content:'\e814'}.icon-down:before{content:'\e820'}.icon-download:before{content:'\e815'}.icon-edit:before{content:'\e829'}.icon-forward:before{content:'\e82a'}.icon-gear:before{content:'\e821'}.icon-home:before{content:'\e82b'}.icon-info:before{content:'\e82c'}.icon-left-nav:before{content:'\e82d'}.icon-left:before{content:'\e822'}.icon-list:before{content:'\e823'}.icon-more-vertical:before{content:'\e82e'}.icon-more:before{content:'\e82f'}.icon-pages:before{content:'\e824'}.icon-pause:before{content:'\e830'}.icon-person:before{content:'\e832'}.icon-play:before{content:'\e816'}.icon-plus:before{content:'\e817'}.icon-refresh:before{content:'\e825'}.icon-right-nav:before{content:'\e818'}.icon-right:before{content:'\e826'}.icon-search:before{content:'\e819'}.icon-share:before{content:'\e81a'}.icon-sound2:before{content:'\e828'}.icon-sound3:before{content:'\e80b'}.icon-sound4:before{content:'\e80c'}.icon-sound:before{content:'\e827'}.icon-star-filled:before{content:'\e81b'}.icon-star:before{content:'\e81c'}.icon-stop:before{content:'\e81d'}.icon-trash:before{content:'\e81e'}.icon-up-nav:before{content:'\e81f'}.icon-up:before{content:'\e80d'} \ No newline at end of file