"

From 2013.igem.org

Revision as of 14:05, 27 September 2013 (view source) SysuDaYu (Talk | contribs) ← Older edit		Latest revision as of 23:27, 28 October 2013 (view source) Nie1234567 (Talk | contribs)
(10 intermediate revisions not shown)
Line 24:		Line 24:
	#medal-title{		#medal-title{
-	width: 200px;	+	width: 500px;
	margin: 0 auto;		margin: 0 auto;
-	padding-top: 70px;	+	padding-top: 40px;
	}		}
	#medal-part1{		#medal-part1{
-	margin-top:40px;
	margin-left: 8px;		margin-left: 8px;
	margin-bottom:60px;		margin-bottom:60px;
	}		}
-	#medal-part1-image{
-	position: relative;
-	top: -13px;
-	}
-	#medal-part1-area{
-	margin-top: 80px;
-	margin-left: 0px;
-	display: block;
-	width: 645px;
-	height: 330px;
-	border-radius: 9px 0px 0px 9px;
-	background-color: #fed6d6;
-	}
	#medal-content table{		#medal-content table{
	text-align: justify;		text-align: justify;
	}		}
-	#medal-part1-slide{
-	margin-top: 80px;
-	display: block;
-	width: 88px;
-	height: 330px;
-	margin-left: -5px;
-	border-radius: 0px 9px 9px 0px;
-	background-color: #fb7f7f;
-	}
	/*text-content part*/		/*text-content part*/
	#medal-part-text{		#medal-part-text{
Line 102:		Line 79:
	}		}
-	#medal-part2{	+	#medal-part4{
-	margin-top: 40px;	+
-	margin-left: 8px;	+
-	}	+
-		+
-	#medal-part2-image{	+
-	position: relative;	+
-	top: -180px;	+
-	}	+
-	#medal-part2-area{	+
-	margin-top: 80px;	+
-	margin-left: 0px;	+
-		+
-	display: block;	+
-	width: 645px;	+
-	height: 665px;	+
-	border-radius: 9px 0px 0px 9px;	+
-		+
-	background-color: #fff2ad;	+
-	}	+
-		+
-	#medal-part2-slide{	+
-	margin-top: 80px;	+
-	display: block;	+
-	width: 88px;	+
-	height: 665px;	+
-	margin-left: -5px;	+
-		+
-	border-radius: 0px 9px 9px 0px;	+
-	background-color: #fed700;	+
-	}	+
-	#fangdajing2{	+
-	position: relative;	+
-	left: -55px;	+
-	top: -145px;	+
-	}	+
-		+
-		+
-		+
-	#medal-part3{	+
	margin-left: 8px;		margin-left: 8px;
	margin-top: 0px;		margin-top: 0px;
		+	margin-bottom:60px;
	}		}
-	#medal-part3-area{	+	#medal-part4-area{
	margin-top: 80px;		margin-top: 80px;
	margin-left: 0px;		margin-left: 0px;
Line 152:		Line 91:
	display: block;		display: block;
	width: 645px;		width: 645px;
-	height: 1050px;	+	height: 2700px;
	border-radius: 9px 0px 0px 9px;		border-radius: 9px 0px 0px 9px;
-	background-color: #cfefee;	+	background-color: #dbf6eb;
	}		}
-	#medal-part3-text{	+	#medal-part4-text{
	position: absolute;		position: absolute;
	}		}
-	#medal-part3-slide{	+	#medal-part4-slide{
	margin-top: 80px;		margin-top: 80px;
	display: block;		display: block;
	width: 88px;		width: 88px;
-	height: 1050px;	+	height: 2700px;
	margin-left: -5px;		margin-left: -5px;
	border-radius: 0px 9px 9px 0px;		border-radius: 0px 9px 9px 0px;
-	background-color: #69ceca;	+	background-color: #4ed79c;
	}		}
-	#medal-part3-image{	+	#medal-part4-image{
	position: relative;		position: relative;
-	top: -369px;	+	top: -790px;
	}		}
Line 178:		Line 117:
	list-style: none;		list-style: none;
	}		}
-	#fangdajing3{	+	#fangdajing4{
	position: relative;		position: relative;
	left: -55px;		left: -55px;
-	top: -310px;	+	top: -770px;
	}		}
-
-	#fangdajing{
-	position: relative;
-	left: -55px;
-	top: 20px;
-	}
Line 204:		Line 137:
	background-color: #f5f5f5;		background-color: #f5f5f5;
		+	}
		+	#bottom-image {
		+	width: 100%;
	}		}

---

Latest revision as of 23:27, 28 October 2013

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

/*medal content*/

1. medal-container{

 width: 980px;
 margin: 0 auto;
 height: 100%;

 background-color: #f5f5f5;

}

1. medal-title{

 width: 500px;
 margin: 0 auto;
 padding-top: 40px;

}

1. medal-part1{

 margin-left: 8px;

margin-bottom:60px; }

1. medal-content table{

 text-align: justify;

}

/*text-content part*/

1. medal-part-text{

 padding-left: 20px;
 padding-right: 20px;

 width: 600px;
 color: #526a7c;

}

1. medal-header{

 position: relative;
 top: 20px;
 left: 50%;
 margin-left: -75px;

 font-weight: bold;
 font-size: 24px;

}

1. medal-question{

 position: relative;
 top: 30px;

 font-size: 17px;
 font-weight: bold;
 line-height: 26px;

}

1. medal-answer{

 position: relative;
 top: 30px;
 margin-left: 10px;
 
 color: #4e4d49;
 font-size: 16px;
 line-height: 25px;

}

1. checked img{

 margin-left: 15px;
 width: 30px;
 height: 25px;

}

1. medal-part4{

 margin-left: 8px;
 margin-top: 0px;

margin-bottom:60px; }

1. medal-part4-area{

 margin-top: 80px;
 margin-left: 0px;

 display: block;
 width: 645px;
 height: 2700px;
 border-radius: 9px 0px 0px 9px;

 background-color: #dbf6eb;

}

1. medal-part4-text{

 position: absolute;

}

1. medal-part4-slide{

 margin-top: 80px;
 display: block;
 width: 88px;
 height: 2700px;
 margin-left: -5px;

 border-radius: 0px 9px 9px 0px;
 background-color: #4ed79c;

}

1. medal-part4-image{

 position: relative;
 top: -790px;

}

1. medal-content ul li{

 list-style: none;

}

1. fangdajing4{

 position: relative;
 left: -55px;
 top: -770px;

}

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