"

From 2013.igem.org

/*

   home part style
   */
 .gwd-gen-f18lgwdanimation {
       -webkit-animation: gwd-gen-f18lgwdanimation_gwd-keyframes 1.2s linear 0s 1 forwards;
     }
     .gwd-div-vixx {
       -webkit-transform-style: preserve-3d;
       -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -418, 0, 1);
     }
     @-webkit-keyframes gwd-gen-f18lgwdanimation_gwd-keyframes {
       0% {
         -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -418, 0, 1);
         -webkit-animation-timing-function: linear;
       }
       100% {
         -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
         -webkit-animation-timing-function: linear;
       }
     }

1. home {

   height: 560px;
   background-color:#0EA6EA;

background:-webkit-gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE)); background:-ms-gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE)); background:gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE)); background:-moz-linear-gradient(top,#0EA6EA,#F8FCFE); background:-0-linear-gradient(top,#0EA6EA,#F8FCFE); background:linear-gradient(top,#0EA6EA,#F8FCFE); filter: progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr='#0EA6EA',endColorstr='#F8FCFE'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr='#0EA6EA',endColorstr='#F8FCFE')";

   z-index:0;

}

1. logo {

   height: 150px;
   width:46.875%;/* 600/1280 */
   margin:0 auto;
   position:relative;
   top:90px;
   z-index:10;

}

   #logo #team_logo {
       float: left;
   }
   #logo #igem_logo {
       float: right;
   }

/*

   moving cloud style
   */

1. experiment{

	position: relative;
	top:0px;
   height:200px;
	z-index: 5;
}

1. background {

background: url('https://2013.igem.org/File:Cloud_back.png') repeat-x;

   background: url('https://static.igem.org/mediawiki/2013/7/70/UESTC_cloud2.png') 5% 5%, url('https://static.igem.org/mediawiki/2013/3/33/Cloud_front.jpg') 50% 50%, url('https://2013.igem.org/File:Cloud_back.png') 90% 110% repeat-x;
   top: -136px;
   left: 0;
   right: 0;
   position:absolute;
   -webkit-transition: left 300s linear;
   -moz-transition: left 300s linear;
   -o-transition: left 300s linear;
   -ms-transition: left 300s linear;
   transition: left 300s linear;
   z-index: 5;
   height:275px;

}

body:target #background {

   left: -5000px;

}

body:hover #background {

   left: -9999px;

}

1. hi {

   height: auto;
   width: 46.875%; /* 600/1280 */
   position:relative;
   top:-25px;
   margin:0 auto;
   font: 27px/1.8em BuxtonSketch,arial,verdana;
   z-index:5;
   text-align:center;

}