"

From 2013.igem.org

/*

   nav style
   */

nav{ position:fixed; z-index: 50; top:15px;

   width:100%;
   height:45px;
   background-color:#EC6100;
   left:0%;
   text-align:center;

} .toggleMenu {

   display:  none;
   background: #666;
   padding: 10px 15px;
   color: #fff;
   position: absolute;
   top: 83px;
   left: 0px;

} .nav {

   position:relative;
   top:0px;
   display: inline-block;
   margin:0px;
   padding:0px;
   list-style: none;
   background:#EC6100;
   height: 45px;
   font:1.6em BuxtonSketch,arial,verdana;

} .nav:before, .nav:after {

   content: " "; 
   display: block; 

} .nav:after {

   clear: both;

} .nav ul {

   list-style: none;
   width: 9em;

} .nav a {

   padding: 10px 15px;
   color:#fff;

} .nav .current a, .nav li:hover > a {

   background:#7788aa url('https://static.igem.org/mediawiki/2013/1/12/UESTC_downArrow.png') repeat-x 0 -20px;
   color:#000;

text-decoration:none; } .nav li {

   position: relative;

} .nav > li {

   float: left;
   border-top: 1px solid #EC6100;

} .nav > li > .parent {

   background-image: url('https://static.igem.org/mediawiki/2013/1/12/UESTC_downArrow.png');
   background-repeat: no-repeat;
   background-position: right;

} .nav > li > a {

   display: block;

} .nav li ul {

   position: absolute;
   left: -9999px;

} .nav > li.hover > ul {

   left: 0;
   top:20px;

} .nav li li.hover ul {

   left: 100%;
   top: 0;

} .nav li li a {

   display: block;
   background: #EC6100;
   position: relative;
   z-index:100;
   border-top: 1px solid #175e4c;

} .nav li li li a {

   background:#EC6100;
   z-index:200;
   border-top: 1px solid #1d7a62;

} .nav ul li:first-child > a { } .nav ul li:last-child > a { } .nav ul {

   padding:0;
   width:170px;
   background-color:#EC6100;
   border:1px solid #7788aa;

} /*

   projects nav style
   */

1. nav_proj {

   width: 100%;
   height: 100px;
   z-index:50;
   background-color:yellow;

} /*

   team info nav style
   */

1. nav_team {

   width: 100%;
   height: 100px;
   z-index:50;
   background-color:yellow;

} /*

   home part style
   */

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:50px;
   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:-110px;
   margin:0 auto;
   font: 1.8em BuxtonSketch,arial,verdana;
   z-index:5;
   text-align:center;

}

1. team_photo {

   position:relative;
   top: -56px;
   display:block;
   margin:0 auto;
   z-index:5;

} /*

   responsive pic
   */

img {

   max-width: 100%;

}

1. proj_slides {

   height: 700px;
   background-color:orange;
   z-index:1;

} /*

   project slideshow style
   */

1. camera_wrap_1 {

   max-width: 1280px;
   max-height:600px;
   width:95%;
   margin: 0 2.25%;
   z-index:5;

}

   #camera_wrap_1 h1 {
       font: 2em arial,verdana;
       color:white;
   }