"

From 2013.igem.org

Revision as of 12:37, 27 August 2013 (view source) SysuDaYu (Talk | contribs) ← Older edit		Latest revision as of 18:04, 27 September 2013 (view source) Whyuan (Talk | contribs)
(31 intermediate revisions not shown)
Line 9:		Line 9:
	font-family: 'Arial';		font-family: 'Arial';
	}		}
-
-
-
-	/*header images */
-	#team-header{
-	margin: 0 auto;
-	z-index: 100;
-
-	height: 200px;
-	width: 980px;
-	background-color: white;
-
-	font-family: 'Arial';
-	}
-	#team-header-logo{
-	position: relative;
-	left: 20px;
-	top:30px;
-	}
-	#team-header-text{
-	position: relative;
-	left: 130px;
-	top: -67px;
-	}
-
-	#boss-header-image{
-	position: relative;
-	left: 285px;
-	top: -85px;
-	}
-
-	/*navigation*/
-	#navigation1{
-	float: right;
-	height: 40px;
-
-	z-index: 100;
-
-	position: relative;
-	top: -37px;
-	}
-
-	.navbar {
-	margin-bottom: 0px;
-	overflow: visible;
-	}
-
-	.nav{
-	display: inline;
-
-	height: 40px;
-	background-color:#A8DBD2;
-	}
-
-	.navbar-inverse .nav > li > a{
-	font-size: 14px;
-	border: none;
-	height: 40px;
-	padding:0px 20px;
-
-	line-height: 40px;
-	}
-	#nav-li{
-	height: 40px;
-	}
-
-	.navbar-inverse .nav > li.active > a{
-	background-color: #FFE14B;
-	height: 40px;
-	}
-	.navbar-inverse .nav > li.active > a{
-	background-color: #FFE14B;
-	}
-	/*sub navs*/
-	#sub-link1{
-	width:90px;
-	background-color:#A8DBD2;
-	}
-	.navbar .nav > li > ul:before {
-	border-width: 0px;
-	}
-
-	#sub-link2{
-	width:100px;
-	background-color:#A8DBD2;
-	}
-	#sub-link3{
-	width:135px;
-	background-color:#A8DBD2;
-
-	}
-	#sub-link4{
-	background-color:#A8DBD2;
-	width:70px;
-	}
-
-
-
Line 117:		Line 19:
	#safety-header{		#safety-header{
-	height: 100%;	+	/* height: 100%; */
	}		}
-	#safety-sanjiao1{	+	#safety-font{
-	float: left;	+	left:50%;
-	margin-left: 50px;	+	position:relative;
		+	margin-left:-101px;
	margin-top: 40px;		margin-top: 40px;
-	}
-
-	#safety-font{
-	float: left;
-	margin-top: 30px;
-	margin-left: 30px;
	margin-right: 27px;		margin-right: 27px;
	}		}
-	#safety-sanjiao2{
-	float: left;
-	margin-top: 40px;
-	}
-
-	#safety-q1{
-	clear: both;
-	}
-
-	#q1-light{
-	float: left;
-	margin-left: 40px;
-	margin-top: 37px;
-	}
-
-	#q1-text{
-	float: left;
-	margin-top: 50px;
-	margin-left: 4px;
-
-	font-family: 'Arial';
-	font-size: 19px;
-	font-weight: 900;
-	color: #445d72;
-	}
	#q1-image{		#q1-image{
Line 166:		Line 38:
	}		}
-	#q1-pen{	+	.safety-q{
-	float: left;	+
-	margin-top: 28px;	+
-	margin-left: 40px;	+
-		+
-	}	+
-		+
-	#q1-answer{	+
-	width: 850px;	+
-	float: left;	+
-	margin-left: 2px;	+
-	margin-top: 38px;	+
-		+
-	line-height: 24px;	+
-	color: #445d72;	+
-	font-weight: 800;	+
-	font-size: 15px;	+
-	}	+
-		+
-	#safety-q2{	+
	clear: both;		clear: both;
	}		}
-	#q2-light{	+	.q-light{
	float: left;		float: left;
	margin-left: 40px;		margin-left: 40px;
-	margin-top: 45px;	+	margin-top: 0px;
		+	/* margin-bottom:30px; */
		+	width: 5%;
		+	height: 1px;
	}		}
-	#q2-text{	+	.q-text{
-	float: left;	+	float: left;
-	margin-top: 58px;	+	margin-top: 10px;
-	margin-left: 4px;	+	margin-left: 4px;
		+	font-family: 'Arial';
		+	font-size: 19px;
		+	font-weight: 900;
		+	color: black;
		+	display: block;
		+	width: 100%;
		+	text-align:justify;
		+	}
-	font-family: 'Arial';	+	.safety-q .q-text > p {
-	font-size: 19px;	+	display: inline-block;
-	font-weight: 900;	+	width: 90%;
-	color: #445d72;	+
	}		}
-	#q2-pen{	+	.q-pen{
	clear: both;		clear: both;
	float: left;		float: left;
-	margin-top: 28px;	+	margin-top:0px;
	margin-left: 40px;		margin-left: 40px;
	}		}
-	#q2-answer{	+	.q-answer{
-	width: 850px;	+	width: 90%;
-	float: left;	+	float: left;
-	margin-left: 2px;	+	margin-left: 2px;
-	margin-top: 38px;	+	margin-top: 10px;
-	margin-bottom: 30px;	+
		+	line-height: 24px;
		+	color: #445d72;
		+	font-weight: 800;
		+	font-size: 15px;
		+	text-align:justify;
		+	}
-	line-height: 24px;	+	#q3{
-	color: #445d72;	+	clear:both;
-	font-weight: 800;	+
-	font-size: 15px;	+
	}		}
-	/*footer*/	+
-	#team-footer{	+	/*footer*/
-	width: 980px;	+	#sysu-footer{
		+	width: 100%;
	margin:0 auto;		margin:0 auto;
Line 237:		Line 105:
	overflow: hidden;		overflow: hidden;
-	background-color: #ebdfd2;	+	/*background-color: white;*/
	}		}
-	/*instructions*/	+	#bottom-image{
-	#team-sub{	+	width: 100%;
-	position: relative;	+
-		+
-	margin-bottom: 30px;	+
	}		}
-	#subscribe{
-	position: relative;
-	}
-	#subscribe-header{
-	position: relative;
-	top: 25px;
-	left: 145px;
-	font-weight: bolder;
-	font-size: 25px;
-	}
-	#subscribe-content{
-	position: relative;
-	top: 45px;
-	left: 145px;
-
-	font-weight: bold;
-	line-height: 10px;
-	}
-	#link{
-	position: relative;
-	left: 100px;
-	}
-	#link-header{
-	position: relative;
-	top: 20px;
-	left: 180px;
-
-	font-weight:bolder;
-	font-size: 25px;
-	}
-	#link-content{
-	position: relative;
-	top: 34px;
-	left: 180px;
-	}
-
-	#link-content a{
-	text-decoration: none;
-	}
-	/*bottom image*/
-	#bottom-image{
-	position: relative;
-	bottom: 0px;
-	}

---

Latest revision as of 18:04, 27 September 2013

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

1. safety-container{

 width: 980px;
 height: 100%;
 background-color: #DDF4EF;
 margin:0 auto;

}

1. safety-header{

 /* height: 100%; */

}

1. safety-font{

 left:50%;
 position:relative;
 margin-left:-101px;
 margin-top: 40px;
 margin-right: 27px;

}

1. q1-image{

 float: left;
 margin-left: 60px;
 margin-top: 30px;
 margin-right: 50px;

}

.safety-q{

 clear: both;

}

.q-light{

 float: left;
 margin-left: 40px;
 margin-top: 0px;
 /* margin-bottom:30px; */

width: 5%; height: 1px; }

.q-text{

float: left;
margin-top: 10px;
margin-left: 4px;
font-family: 'Arial';
font-size: 19px;
font-weight: 900;
color: black;
display: block;
width: 100%;
text-align:justify;

}

.safety-q .q-text > p { display: inline-block; width: 90%; }

.q-pen{

 clear: both;
 float: left;
 margin-top:0px;
 margin-left: 40px;

}

.q-answer{

width: 90%;
float: left;
margin-left: 2px;
margin-top: 10px;

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

}

1. q3{

 clear:both;

}

 /*footer*/
   #sysu-footer{
     width: 100%;
     margin:0 auto;

     position: relative;
     bottom: 0px;
     overflow: hidden;

     /*background-color: white;*/
   }
   #bottom-image{
     width: 100%;
   }

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