"

From 2013.igem.org

*{
     padding:0px;
     margin: 0px;
   }
   body {
     height: 100%;
     width: 100%;
     background-color: #CCC;
     font-family: 'Arial';
   }

/*the tutorial content*/

1. tutorial-container{

 width: 100%;
 margin: 0 auto;
 height: 100%;

 background-color: white;

}

.subnav{

 float: right;

 padding-right: 4px;
 padding-top: 15px;
 font-size: 15px;

} .subnav a{

 color: #445d72;

}

1. tutorial-header{

 width:100%;
 background-color: #dff5f2;
 padding-top: 90px;
 padding-bottom: 30px; 
 font-size: 39px;
 color: #445d72;
 font-weight: 900;

 text-align: center;

}

1. tutorial-list{

 position: fixed;
 left: 60px;
 top: 150px;

 width: 140px;
 height: 200px;
 border-radius: 20px;
 background-color: white;
 border-color: #dff5f1;
 border: 3px solid #dff5f1;

}

1. list-header{

 font-size: 23px;
 color: #aeb3ba;
 font-weight: bolder;
 
 margin-left: 18px;
 padding-bottom: 10px;

}

1. tutorial-list ul{

 position: relative;
 list-style: none;

} .mainnav li a{

 font-size: 18px;
 color: #aeb3ba;

} /*part content*/

1. part-header{

 padding-top: 28px;
 font-size: 23px;
 font-weight: bold;
 color: #445d72;

}

1. part-content{

 width: 878px;
 height: 690px;

 padding-top: 10px;

}

1. part-text{

 text-align: justify;
 padding-top: 40px;
 padding-bottom: 70px;

 width: 870px;
 margin: 0 auto;

 font-size: 18px;
 font-weight: 200;
 color: #9d9c9b;

}

1. part1{

 width: 880px;
 height: 100%;

 margin: 0 auto;

}

1. part2-part{

 width: 100%;
 background-color: #dff5f2;

}

1. part2{

 width: 880px;
 height: 100%;

 margin: 0 auto;

}

1. part3{

 width: 880px;
 height: 100%;

 margin: 0 auto;

}

1. part4{

 width: 880px;
 height: 100%;

 margin: 0 auto;

}

1. part4-part{

 width: 100%;
 background-color: #dff5f2;

} /*footer*/

   #sysu-footer{
     width: 100%;
     margin:0 auto;

     position: relative;
     bottom: 0px;
     overflow: hidden;

     background-color: white;
   }
   #bottom-image{
     width: 100%;
   }