Template:CSS/newpage

From 2014.igem.org

(Difference between revisions)
 
(30 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 237: Line 242:
   position: absolute;
   position: absolute;
   top: 50%;
   top: 50%;
-
   left: 80%;
+
   left: 82%;
   margin-top: -250px;
   margin-top: -250px;
   margin-left: -250px;
   margin-left: -250px;
Line 323: Line 328:
   }
   }
}
}
 +
 +
.below{
 +
-webkit-filter: url("#goo");
 +
          filter: url("#goo");
 +
}
 +
 +
footer {
 +
  position: absolute;
 +
  bottom: 0;
 +
  width: 100%;
 +
  height: 7vh;
 +
  background:red;
 +
}
 +
 +
 +
.bubble {
 +
  position: absolute;
 +
  top: 90vh;
 +
  left: 45%;
 +
  width: 50px;
 +
  height: 20px;
 +
  background: red;
 +
  border-radius: 50%;
 +
  -webkit-animation: loader 1.3s ease-in-out infinite;
 +
  animation: loader 1.3s ease-in-out infinite;
 +
}
 +
.bubble:nth-child(2) {
 +
  left: 50%;
 +
  width: 40px;
 +
  height: 20px;
 +
  -webkit-animation: loader 2.6s ease-in-out infinite;
 +
  animation: loader 2.6s ease-in-out infinite;
 +
}
 +
 +
.bubble:nth-child(3) {
 +
  left: 55%;
 +
  -webkit-animation: loader 1.3s ease-in-out infinite;
 +
  animation: loader 1.3s ease-in-out infinite;
 +
}
 +
 +
@keyframes loader {
 +
  0% {
 +
    -webkit-transform: translate(0, 0);
 +
            transform: translate(0, 0);
 +
  }
 +
  50% {
 +
    -webkit-transform: translate(0, -70px);
 +
            transform: translate(0, -70px);
 +
  }
 +
 +
}
 +
 +
</style>
</style>
</html>
</html>

Latest revision as of 07:52, 9 June 2015