A whole lotta shit

This commit is contained in:
Max Lynch
2013-10-21 10:44:35 -05:00
parent 073b30c818
commit aad3bb92b5
48 changed files with 25083 additions and 320 deletions

137
dist/css/ionic.css vendored
View File

@@ -1892,6 +1892,7 @@ address {
bottom: 0;
width: 100%;
height: 49px;
z-index: 5;
box-orient: horizontal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
@@ -1935,6 +1936,9 @@ address {
border-color: #c73927;
color: white; }
.tabs-top {
top: 44px; }
.tab-item {
display: block;
width: 0;
@@ -2024,6 +2028,38 @@ address {
.modal.active {
height: 100%; }
.popup {
position: fixed; }
.popup-content {
padding: 10px; }
.loading-backdrop {
position: fixed;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.3s;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.loading-backdrop.enabled {
background-color: rgba(0, 0, 0, 0.7); }
.loading-backdrop.active {
visibility: visible;
-webkit-transition-delay: 0s; }
.loading {
position: fixed;
left: 50%;
top: 50%;
border-radius: 5px;
padding: 20px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 20px; }
.loading h1, .loading h2, .loading h3, .loading h4, .loading h5 {
color: #fff; }
.list {
margin-bottom: 20px;
padding-left: 0;
@@ -2303,10 +2339,16 @@ a.list-item {
* List refreser elements
*/
.list-refresher {
background-color: red;
height: 0;
overflow: hidden; }
.list-refresher-content {
padding: 20px;
text-align: center; }
.list-refreshing {
-webkit-transition: height 0.2s ease-in-out; }
form {
margin: 0 0 1.42857; }
@@ -3085,6 +3127,12 @@ a.button {
-webkit-transition: opacity 0.4s ease-in;
opacity: 1; }
.nav-content {
position: absolute;
width: 100%;
height: 100%;
background-color: white; }
.slide-in-up {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
@@ -3100,15 +3148,86 @@ a.button {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
@keyframes fadein {
.slide-in-slide-out.ng-enter, .slide-in-slide-out > .ng-enter {
-webkit-transition: 0.5s ease-in-out all;
-webkit-transform: translate3d(100%, 0, 0);
box-shadow: -1px 0px 10px rgba(0, 0, 0, 0.6); }
.slide-in-slide-out.ng-enter-active, .slide-in-slide-out > .ng-enter-active {
-webkit-transform: translate3d(0, 0, 0); }
.slide-in-slide-out.ng-leave, .slide-in-slide-out > .ng-leave {
-webkit-transition: 0.5s ease-in-out all;
-webkit-transform: translate3d(0%, 0, 0); }
.slide-in-slide-out.ng-leave-active, .slide-in-slide-out > .ng-leave-active {
-webkit-transform: translate3d(-10%, 0, 0);
opacity: 0.8; }
.slide-in-slide-out-reverse.ng-enter, .slide-in-slide-out-reverse > .ng-enter {
z-index: 1;
-webkit-transition: 0.5s ease-in-out all;
-webkit-transform: translate3d(-100%, 0, 0);
box-shadow: -1px 0px 10px rgba(0, 0, 0, 0.6); }
.slide-in-slide-out-reverse.ng-enter-active, .slide-in-slide-out-reverse > .ng-enter-active {
-webkit-transform: translate3d(0, 0, 0); }
.slide-in-slide-out-reverse.ng-leave, .slide-in-slide-out-reverse > .ng-leave {
z-index: 0;
-webkit-transition: 0.5s ease-in-out all;
-webkit-transform: translate3d(0%, 0, 0); }
.slide-in-slide-out-reverse.ng-leave-active, .slide-in-slide-out-reverse > .ng-leave-active {
-webkit-transform: translate3d(10%, 0, 0);
opacity: 0.8; }
/**
* An animation that fades out one content area and fades in another
*/
.fade-in-out.ng-enter, .fade-in-out > .ng-enter {
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out; }
.fade-in-out.ng-enter-active, .fade-in-out > .ng-enter-active {
opacity: 1; }
.fade-in-out.ng-leave, .fade-in-out > .ng-leave {
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out; }
.fade-in-out.ng-leave-active, .fade-in-out > .ng-leave-active {
opacity: 0; }
.slide-left-fade-add {
-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0.5s ease-in-out; }
.slide-left-fade-add-active {
-webkit-transform: translate3d(-120px, 0, 0);
opacity: 0; }
.slide-left-fade-remove {
-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
-webkit-transform: translate3d(120px, 0, 0);
opacity: 0; }
.slide-left-fade-remove-active {
-webkit-transform: translate3d(0, 0, 0);
opacity: 1; }
@-webkit-keyframes fadeOut {
from {
opacity: 0.7; }
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
/* Safari and Chrome */
@keyframes fadeIn {
from {
opacity: 0; }
@@ -3116,9 +3235,11 @@ a.button {
opacity: 1; } }
.fade-in {
opacity: 0;
animation: fadein 0.5s;
-webkit-animation: fadein 0.5s; }
-webkit-animation: fadeOut 0.3s;
animation: fadeOut 0.3s; }
.fade-in.active {
-webkit-animation: fadeIn 0.3s;
animation: fadeIn 0.3s; }
.hidden,
.hide {