Team:SYSU-Software/team.css

From 2013.igem.org

Revision as of 13:22, 25 August 2013 by SysuDaYu (Talk | contribs)
body {
     background-color: #CCC;
   }
   #content {
     background-color: #FFF;
     border-radius: 5px;
   }
   #content .main {
     padding: 20px;
   }
   #content .sidebar {
     padding: 10px;
   }
   #content p {
     line-height: 30px;
   }
   #team-container{
     width: 980px;
   }
   #team-header{
     height: 200px;
     width: 980px;
     background-color: white;
   }
   #team-header-logo{
     display:block;
     width: 140px;
     height: 140px;
     border-radius: 70px;
     background-color:#445d72;
     position: relative;
     left: 15px;
     top:30px;
   }
   #team-header-text{
     position: absolute;
     left: 355px;
     top: 50px;
     font-family:'Berlin Sans FB Demi';
     font-size: 50px;
     color: #A8DBD2;
     line-height: 47px;
   }
  
   .nav{
     height: 46px;
     background-color:#A8DBD2;     
   }
   
   .navbar-inverse .nav > li > a{
     font-size: 16px;
     padding: 16px 15px 15px;
     border: none;
   }
   #nav-li{
     height: 40px;
   }
   #navigation1{
     width: 580px;
     height: 40px;
     position: absolute;
     left:577px;
     top: 93px;
     z-index: 100;
   }
   .navbar-inverse .nav > li.active > a{
     background-color: #FFE14B;
     height: 15px;
   }
   #team-content{
     background-color: #544444;
     width: 980px;
     height: 1050px;
   }
   #content-head-text{
     font-family: 'Script MT Bold';
     font-size: 120px;
     color: #FFFFFF;
     -moz-transform:rotate(-20deg);
     -webkit-transform:rotate(-20deg);
     -o-transform:rotate(-20deg);
     -ms-transform:rotate(-20deg);
     transform:rotate(-20deg);
     position: relative;
     left: 100px;
     top: -120px;
   }
   #content-text{
     font-size: 16px;
     font-weight: bolder;
     color: #A8DBD2;
     line-height: 25px;
     position: relative;
     top: -109px;
     left: 498px;
   }
   p:first-letter{
     font-size: 30px;
   }
   #myModal{
     border-radius: 0px;
     width: 560px;
     height: 400px;
   }
   #content-image{
     position: relative;
     left: 157px;
     top: -30px;
   }
   .teamer-image-list{
     table-layout: auto;
     width: 665px;
   }
   .teamer-image{
     width: 75px;
     height: 75px;
     border-radius: 50px;
     margin: 10px;
   }
   #teamer-lable{
     position: relative;
     left: 0px;
     top: -28px;
   }
   #instructor-image{
     position: relative;
     top: 10px;
     left: 252px;
   }
   #instructor-image-list{
     table-layout: auto;
     width: 460px;
   }
   .teacher-image{
     width: 100px;
     height: 100px;
     border-radius: 50px;
     margin:15px;
   }
   .teacher-lable1{
     position: relative;
     top: -27px;
     left: 9px;
   }
   #bottom-image{
     position:relative;
     left: -1px; 
     top: -45px;
     -moz-transform:scaleX(1.012);
     -webkit-transform:scaleX(1.012);
     -o-transform:scaleX(1.012);
     -ms-transform:scaleX(1.012);
     transform:scaleX(1.012);
   }
   a:focus{
     outline-color:#544444; 
   }