Template:CSS/newpage

From 2014.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 26: Line 26:
   }
   }
}
}
 +
body {
body {
   display: -webkit-box;
   display: -webkit-box;
Line 44: Line 45:
   -webkit-animation: glow 8s both;
   -webkit-animation: glow 8s both;
           animation: glow 8s both;
           animation: glow 8s both;
 +
 
 +
 +
 +
}
}
 +
 +
span {
span {
Line 189: Line 196:
}
}
-
body {
+
 
-
  background: #fff;
+
-
}
+
#Body path {
#Body path {
   stroke: #00ff30;
   stroke: #00ff30;
Line 324: Line 329:
}
}
-
body {
+
.below{
-
  -webkit-filter: url("#goo");
+
-webkit-filter: url("#goo");
           filter: url("#goo");
           filter: url("#goo");
}
}
Line 332: Line 337:
   position: absolute;
   position: absolute;
   bottom: 0;
   bottom: 0;
-
top:90%
 
   width: 100%;
   width: 100%;
-
+
  height: 7vh;
-
   background: #fff;
+
   background:red;
}
}
Line 341: Line 345:
.bubble {
.bubble {
   position: absolute;
   position: absolute;
-
   top: 52vh;
+
   top: 90vh;
   left: 45%;
   left: 45%;
   width: 50px;
   width: 50px;
-
   height: 50px;
+
   height: 20px;
-
   background: #fff;
+
   background: red;
   border-radius: 50%;
   border-radius: 50%;
   -webkit-animation: loader 1.3s ease-in-out infinite;
   -webkit-animation: loader 1.3s ease-in-out infinite;
Line 353: Line 357:
   left: 50%;
   left: 50%;
   width: 40px;
   width: 40px;
-
   height: 40px;
+
   height: 20px;
   -webkit-animation: loader 2.6s ease-in-out infinite;
   -webkit-animation: loader 2.6s ease-in-out infinite;
   animation: loader 2.6s ease-in-out infinite;
   animation: loader 2.6s ease-in-out infinite;
Line 370: Line 374:
   }
   }
   50% {
   50% {
-
     -webkit-transform: translate(0, -100px);
+
     -webkit-transform: translate(0, -70px);
-
             transform: translate(0, -100px);
+
             transform: translate(0, -70px);
   }
   }
}
}
 +
 +
</style>
</style>
</html>
</html>

Latest revision as of 07:52, 9 June 2015