Team:SYSU-Software/colla.css

From 2013.igem.org

Revision as of 09:15, 27 September 2013 by SysuDaYu (Talk | contribs)
   *{
     padding:0px;
     margin: 0px;
   }
   body {
     height: 100%;
     width: 100%;
     font-family: 'Arial';
   }

/*container*/


  1. collaboration-container{
 width: 100%;
 height: 100%;
 background-color: #f5f5f5;
 margin:0 auto;

}

  1. collaboration-header{
 width: 328px;
 margin: 0 auto;

}


  1. collaboration-font{
 margin-top: 40px;

}


  1. collaboration-q1{
 width: 980px;
 margin: 0 auto;
 clear: both;

}

  1. q1-light{
 float: left;
 margin-left: 40px;
 margin-top: 37px;

}

  1. q1-text{
 float: left;
 margin-top: 50px;
 margin-left: 4px;
 font-family: 'Arial';
 font-size: 19px;
 font-weight: 900;
 color: black;

}

  1. q1-image{
 float: left;
 margin-left: 60px;
 margin-top: 30px;
 margin-right: 50px;

}

  1. q1-image-spe{
 float: left;
 margin-left: 60px;
 margin-top: 30px;
 margin-right: 50px;
 margin-bottom:35px;

}

  1. q1-pen{
 float: left;
 margin-top: 28px;
 margin-left: 40px;

}

  1. q1-answer{
 width: 850px;
 float: left;
 margin-left: 2px;
 margin-top: 38px;
 
 text-align:justify;
 line-height: 24px;
 *color: #445d72;*
 color: black;
 font-weight: 800;
 font-size: 15px;

}

  1. collaboration-q2{
 width: 980px;
 margin: 0 auto;
 clear: both;
 background-color: #f5f5f5;

}

  1. collaboration-q2-makemarginbottom{
  width:100%;
  height:40px;

}

  1. q2-light{
 float: left;
 margin-left: 40px;
 margin-top: 45px;

}

  1. q2-text{
 float: left;
 margin-top: 40px;
 margin-left: 4px;
 font-family: 'Arial';
 font-size: 19px;
 font-weight: 900;

}

  1. q2-text-2{
 width:100%;
 float: left;
 margin-top: 20px;
 margin-left: 4px;
 font-family: 'Arial';
 font-size: 19px;
 font-weight: 900;
 text-align:center;

}

  1. q2-pen{
 clear: both;
 float: left;
 margin-top: 28px;
 margin-left: 40px;

}

  1. q2-answer{
 width: 850px;
 float: left;
 margin-left: 2px;
 margin-top: 38px;
 margin-bottom: 30px;

 text-align:justify;
 line-height: 24px;
 color: #445d72;
 font-weight: 800;
 font-size: 15px;

} .q2-image-introduce{

 text-align:center;

}

   /*footer*/
   /*footer*/  
   #sysu-footer{
     width: 100%;
     margin:0 auto;
     position: relative;
     bottom: 0px;
     overflow: hidden;
     background-color: #f5f5f5;
   }
   #bottom-image{
     width: 100%;
   }
   a:focus{
     outline-color:#544444; 
   }

.clear:after {

 display: block;
 content: ".";
 height: 0;
 clear: both;
 overflow: hidden;
 visibility: hidden;

}

  1. q1-image img{

width:870px; height:449px; }

  1. q1-image-spe{

width:870px; height:202px; }