"

From 2013.igem.org

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

   /*header images */
   #team-header{
     margin: 0 auto;
     z-index: 100;

     height: 200px;
     width: 980px;
     background-color: white;

     font-family: 'Arial';
   }
   #team-header-logo{
     position: relative;
     left: 20px;
     top:30px;
   }
   #team-header-text{
     position: relative;
     left: 130px;
     top: -67px;
   }

   #boss-header-image{
     position: relative;
     left: 285px;
     top: -85px;
   }

   /*navigation*/
   #navigation1{
     float: right;
     height: 40px;

     z-index: 100;

     position: relative;
     top: -37px;
   }

   .navbar {
   margin-bottom: 0px;
   overflow: visible;
   }

   .nav{
     display: inline;

     height: 40px;
     background-color:#A8DBD2;     
   }
       
   .navbar-inverse .nav > li > a{
     font-size: 14px;
     border: none;
     height: 40px;
     padding:0px 20px;

     line-height: 40px;
   }
   #nav-li{
     height: 40px;
   }
   
   .navbar-inverse .nav > li.active > a{
     background-color: #FFE14B;
     height: 40px;
   }
   .navbar-inverse .nav > li.active > a{
     background-color: #FFE14B; 
   }
   /*sub navs*/
   #sub-link1{
     width:90px;
     background-color:#A8DBD2; 
   }    
   .navbar .nav > li > ul:before {
     border-width: 0px;
   }

   #sub-link2{
     width:100px;
     background-color:#A8DBD2; 
   }    
   #sub-link3{
     width:135px;
     background-color:#A8DBD2; 

   }    
   #sub-link4{
     background-color:#A8DBD2; 
     width:70px;
   }    

/*notebook content*/

1. notebook-container{

width: 980px;

 height: 2460px;

margin:0 auto; }

/*---------------------------------------- BLOCKS */ .scrollblock { width: 980px; height: 820px; background-color: #252629;

}

1. intro {

overflow: hidden; }

/*used to zoom test*/ /*#title { margin: 80px auto 0; width: 1050px; position: relative; z-index: 99; }*/

/*#parallax2 { position: absolute; top: 500px; left: -50px; color: #C5C3DE; opacity: .2; font-size: 210px; text-shadow: none; }

1. parallax3 {

position: absolute; top: 320px; right: 40px; color: #C5C3DE; opacity: .4; font-size: 160px; text-shadow: none; }

• /

/*--notebook content--------------------------------------*/

1. file-folder{

margin: 0 auto; width: 212px; }

/*time list*/

1. time-list{

margin: 0 auto; width: 10px; height: 603px; }

1. nav1{

position: relative; left: -83px;

list-style: none; }

1. nav1 a{

color: white; text-decoration: none; }

1. nav2 a{

color: white; text-decoration: none; }

1. nav1 li{

width: 90px; }

1. nav2 li{

width: 90px; }

1. nav2{

position: relative; left: -12px;

list-style: none; }

.left-second{ position: relative; top: 95px; } .left-third{ position: relative; top:210px; } .left-forth{ position: relative; top: 345px; }

.left-fifth{ position: relative; top: 440px; }

.right-second{ position: relative; top: 45px; }

.right-third{ position: relative; top: 190px; }

.right-forth{ position: relative; top: 278px; }

.right-fifth{ position: relative; top: 393px; }

1. notebook{

margin: 0 auto; width: 643px; height: 86px; }

/*the content accroding to the date*/ /*date1*/

1. time-list-fix{

position: relative; left: 60px; }

1. fix-nav{

position: relative; top: 200px; left: -13px; list-style: none; }

1. fix-nav a{

color: white; text-decoration: none; } .fix-left-first{ position: relative; }

.fix-left-second{ position: relative; top: 9px; } .fix-left-third{ position: relative; top: 38px; } .fix-left-forth{ position: relative; top: 93px; } .fix-left-fifth{ position: relative; top: 147px; } .fix-left-sixth{ position: relative; top: 176px; } .fix-left-seventh{ position: relative; top: 233px; } .fix-left-eighth{ position: relative; top: 290px; } .fix-left-ninth{ position: relative; top: 355px; } .fix-left-tenth{ position: relative; top: 410px; }

1. date1-photo{

position: relative; left: 220px; }

1. date1-task{

position: relative; left: 515px;

font-size: 18px; color: white; line-height: 28px; }

1. date1-task span{

width: 150px; font-size: 28px; }

/*date2 task and introduce*/

1. date2-task{

position: relative; left: 300px;

font-size: 18px; color: white; line-height: 28px; }

1. date2-task span{

width: 150px; font-size: 28px; }

1. date2-photo{

width: 400px; position: relative; left: 300px; top: -600px; }

/*footer*/
   #team-footer{
     width: 980px;
     margin:0 auto;

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

     background-color: #ebdfd2;
   }
   /*instructions*/
   #team-sub{
     position: relative;

     margin-bottom: 30px;
   }
   #subscribe{
     position: relative;
   }
   #subscribe-header{
     position: relative;
     top: 25px;
     left: 145px;

     font-weight: bolder;
     font-size: 25px;
   }
   #subscribe-content{
     position: relative;
     top: 45px;
     left: 145px;

     font-weight: bold;
     line-height: 10px;
   }
   #link{
     position: relative;
     left: 100px;
   }
   #link-header{
     position: relative;
     top: 20px;
     left: 180px;

     font-weight:bolder;
     font-size: 25px;
   }
   #link-content{
     position: relative;
     top: 34px;
     left: 180px;
   }

   #link-content a{
     text-decoration: none;
   }
   /*bottom image*/
   #bottom-image{
     position: relative;
     bottom: 0px;
   }

   a:focus{
     outline-color:#544444; 
   }