"

From 2013.igem.org

Revision as of 14:00, 27 September 2013 (view source) SysuDaYu (Talk | contribs) ← Older edit		Latest revision as of 23:27, 28 October 2013 (view source) Nie1234567 (Talk | contribs)
(11 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-part4-image{	+	#medal-part1{
-	position: relative;	+	margin-left: 8px;
-	top: -180px;	+	margin-bottom:60px;
	}		}
		+
	#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 86:		Line 78:
	height: 25px;		height: 25px;
	}		}
-
-
	#medal-part4{		#medal-part4{
-	margin-top:40px;	+	margin-left: 8px;
-	padding-bottom: 80px;	+	margin-top: 0px;
		+	margin-bottom:60px;
	}		}
		+
	#medal-part4-area{		#medal-part4-area{
	margin-top: 80px;		margin-top: 80px;
-	margin-left: 230px;	+	margin-left: 0px;
	display: block;		display: block;
	width: 645px;		width: 645px;
-	height: 880px;	+	height: 2700px;
	border-radius: 9px 0px 0px 9px;		border-radius: 9px 0px 0px 9px;
Line 111:		Line 103:
	display: block;		display: block;
	width: 88px;		width: 88px;
-	height: 880px;	+	height: 2700px;
	margin-left: -5px;		margin-left: -5px;
	border-radius: 0px 9px 9px 0px;		border-radius: 0px 9px 9px 0px;
	background-color: #4ed79c;		background-color: #4ed79c;
		+	}
		+	#medal-part4-image{
		+	position: relative;
		+	top: -790px;
	}		}
Line 124:		Line 120:
	position: relative;		position: relative;
	left: -55px;		left: -55px;
-	top: -220px;	+	top: -770px;
	}		}
-	#fangdajing{	+
-	position: relative;	+
-	left: -55px;	+
-	top: 20px;	+
-	}	+
Line 145:		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; 
   }