"

From 2014.igem.org

Revision as of 23:55, 14 August 2014 (view source) CharMoon (Talk | contribs) ← Older edit		Latest revision as of 16:51, 17 October 2014 (view source) CharMoon (Talk | contribs)
(20 intermediate revisions not shown)
Line 1:		Line 1:
	@charset "utf-8";		@charset "utf-8";
	/* CSS Document */		/* CSS Document */
		+	body{ overflow-x:hidden}
	#index_bg{ margin:50px 0 0 100px; z-index:-1;}		#index_bg{ margin:50px 0 0 100px; z-index:-1;}
	#project{position:absolute;top: 131px;left: 100px;}		#project{position:absolute;top: 131px;left: 100px;}
Line 11:		Line 12:
		+	#footer1{ margin-top:0px;}
		+	.news
		+	{
		+	-moz-column-count:2; /* Firefox */
		+	-webkit-column-count:2; /* Safari and Chrome */
		+	column-count:2;
		+	margin-top: 230px;
		+	-moz-column-gap:200px; /* Firefox */
		+	-webkit-column-gap:200px; /* Safari and Chrome */
		+	column-gap:200px;
-	#footer1{ margin-top:60px;}
		+	text-indent:2em;
		+	text-align:justify;
		+	color:#666;
		+
		+	}
	#logo{ width:1024px; margin:auto; height:45px;}		#logo{ width:1024px; margin:auto; height:45px;}
	#logo img{ position:absolute;left:485px;}		#logo img{ position:absolute;left:485px;}
	#address{width:1024px; height:50px; }		#address{width:1024px; height:50px; }
-	#others{	+
-	margin:auto 0;	+	/*提示框*/
-	width:1024px;	+
-	height:130px;	+	.tooltip p {
-	margin-top:650px;	+	font-size:14px;
-	}	+	}
-	#address p{ text-align:center; line-height:5px;}	+	.tooltip{ width:150px;
		+	padding:10px;
		+	border-radius:3px;
		+	z-index:1;
		+	position:absolute;
		+	box-shadow:1px 1px 10px 0 #ccc;
		+	margin: -5000px 0 0 200px;
		+	background:rgba(255,255,255,0.7);
		+	-webkit-transition:margin .5s ease-in-out;
		+	-moz-transition:margin .5s ease-in-out;}
		+
		+
		+
		+
		+
		+	.arrow {
		+	position:absolute;
		+	margin:10px 0 0 50px;
		+
		+	width: 0;
		+	height: 0;
		+	border-left: 10px solid transparent;
		+	border-right: 10px solid transparent;
		+	border-top: 10px solid rgba(255,255,255,0.7);
		+	}

---

Latest revision as of 16:51, 17 October 2014

@charset "utf-8"; /* CSS Document */ body{ overflow-x:hidden}

1. index_bg{ margin:50px 0 0 100px; z-index:-1;}
2. project{position:absolute;top: 131px;left: 100px;}
3. team{position:absolute;top: 50px;left: 365px;}
4. human{position:absolute;top: 662px;left: 627px;}
5. model{position:absolute;top: 550px;left: 365px;}
6. notebook{position:absolute;top: 435px;left: 100px;}
7. device{position:absolute;top: 133px;left: 627px;}
8. inter{position:absolute;top: 446px;left: 627px;}

1. footer1{ margin-top:0px;}

.news { -moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari and Chrome */ column-count:2; margin-top: 230px; -moz-column-gap:200px; /* Firefox */ -webkit-column-gap:200px; /* Safari and Chrome */ column-gap:200px;

text-indent:2em; text-align:justify; color:#666;

}

1. logo{ width:1024px; margin:auto; height:45px;}
2. logo img{ position:absolute;left:485px;}
3. address{width:1024px; height:50px; }

/*提示框*/

.tooltip p {

            font-size:14px;

} .tooltip{ width:150px;

          padding:10px;
          border-radius:3px;

z-index:1;

          position:absolute;
          box-shadow:1px 1px 10px 0 #ccc;
           margin: -5000px 0 0 200px;
          background:rgba(255,255,255,0.7);
          -webkit-transition:margin .5s ease-in-out;
         -moz-transition:margin .5s ease-in-out;}

.arrow {

 position:absolute;
 margin:10px 0 0 50px;
 

width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(255,255,255,0.7); }