Changed the Style of GUI

[holmes/rule-management.git] / rulemgt-frontend / src / assets / framework / browser / css / animations.css

diff --git a/rulemgt-frontend/src/assets/framework/browser/css/animations.css b/rulemgt-frontend/src/assets/framework/browser/css/animations.css
new file mode 100644 (file)
index 0000000..678d9ff
--- /dev/null
+++ b/rulemgt-frontend/src/assets/framework/browser/css/animations.css
@@ -0,0 +1,45 @@
+.slide-reveal.ng-enter {
+  -webkit-transition:0.5s linear all;
+  -moz-transition:0.5s linear all;
+  -o-transition:0.5s linear all;
+  transition:0.5s linear all;
+
+  opacity:0.5;
+  position:relative;
+  opacity:0;
+  top:10px;
+}
+.slide-reveal.ng-enter-active {
+  top:0;
+  opacity:1;
+}
+
+.expand.ng-enter {
+  -webkit-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
+  -moz-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
+  -o-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
+  transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
+
+  opacity:0;
+  max-height:0;
+  overflow:hidden;
+}
+.expand.ng-enter-active {
+  opacity:1;
+  max-height:40px;
+}
+
+.expand.ng-leave {
+  -webkit-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
+  -moz-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
+  -o-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
+  transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
+
+  opacity:1;
+  max-height:40px;
+  overflow:hidden;
+}
+.expand.ng-leave-active {
+  opacity:0;
+  max-height:0;
+}