Team:SYSU-Software/team.css

From 2013.igem.org

Revision as of 12:05, 16 September 2013 by SysuDaYu (Talk | contribs)
   *{
     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;
   }    


   /*team contents*/
   #team-container{
     width: 980px;
     margin: 0 auto;
   }
   #team-content{
     background-color: #544444;
     width: 980px;
   }
   #content-head-text{
     position: relative;
     left: 130px;
     top: 50px;
   }
   #fly{
     position: relative;
     left: 35px;
     top: -40px;
   }
   #fly img:hover{
      -moz-transform:scale(1.4);
     -webkit-transform:scale(1.4);
     -o-transform:scale(1.4);
     -ms-transform:scale(1.4);
     transform:scale(1.4);
   }
   #content-text{
     font-size: 15px;
     font-weight: bolder;
     color: #A8DBD2;
     line-height: 25px;
     display: block;
     width: 370px;
     position: relative;
     top: -90px;
     left: 515px;
   }
   #content-text:first-letter{
     font-size: 30px;
   }


   #content-image{
     position: relative;
     top: 10px;
     margin-bottom: 110px;
   }
   .teamer-image-list{
     margin:0 auto;
     table-layout: auto;
     width: 68%;
   }
   
   #teamer-image-show{
     margin-bottom: 25px;
   }
   #teamer-image img:hover{
     -moz-transform:scale(1.2);
     -webkit-transform:scale(1.2);
     -o-transform:scale(1.2);
     -ms-transform:scale(1.2);
     transform:scale(1.2);
   }
 


   #instructor-image{
     position: relative;
   }
   #instructor-image-list{
     margin:0 auto;
     table-layout: auto;
     width: 460px;
   }
   #teacher-image-show{
     margin-bottom: 50px;
   }
   #teacher-image img:hover{
     -moz-transform:scale(1.2);
     -webkit-transform:scale(1.2);
     -o-transform:scale(1.2);
     -ms-transform:scale(1.2);
     transform:scale(1.2);
   }
  
   /*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; 
   }