"

From 2013.igem.org

Revision as of 08:45, 27 August 2013 (view source) SysuDaYu (Talk | contribs) ← Older edit		Revision as of 12:01, 16 September 2013 (view source) SysuDaYu (Talk | contribs) Newer edit →
Line 9:		Line 9:
	font-family: 'Arial';		font-family: 'Arial';
	}		}
		+
		+
	/*team contents*/		/*team contents*/
Line 55:		Line 57:
-
-	#myModal{
-	position: absolute;
-	left: 44%;
-
-	border-radius: 0px;
-	width: 700px;
-	height: 400px;
-	}
	#content-image{		#content-image{
	position: relative;		position: relative;
-	top: -10px;	+	top: 10px;
-	margin-bottom: 80px;	+	margin-bottom: 110px;
	}		}
	.teamer-image-list{		.teamer-image-list{
Line 75:		Line 68:
	width: 68%;		width: 68%;
	}		}
-	.teamer-image{	+
-	display: inline;	+	#teamer-image-show{
-	margin-left: 10px;	+
-	margin-right: 0px;	+
	margin-bottom: 25px;		margin-bottom: 25px;
	}		}
-	.teamer-image:hover{	+	#teamer-image img:hover{
	-moz-transform:scale(1.2);		-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);		-webkit-transform:scale(1.2);
Line 99:		Line 90:
	width: 460px;		width: 460px;
	}		}
-	.teacher-image{	+	#teacher-image-show{
-	margin-bottom: 40px;	+	margin-bottom: 50px;
	}		}
-	.teacher-image:hover{	+	#teacher-image img:hover{
	-moz-transform:scale(1.2);		-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);		-webkit-transform:scale(1.2);
Line 110:		Line 101:
	}		}
		+
	a:focus{		a:focus{
	outline-color:#544444;		outline-color:#544444;
	}		}

---

Revision as of 12:01, 16 September 2013

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

   /*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);
   }
  

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