"

From 2013.igem.org

Revision as of 11:02, 8 August 2013 (view source) Zigzag (Talk | contribs) (Created page with " body { background:#36526C; margin: 0px auto; max-width:1340px; } #home{ position: relative; height:522px; background: #FFF; width:990px; margin-left:...") ← Older edit		Latest revision as of 11:49, 28 October 2013 (view source) Zigzag (Talk | contribs)
(213 intermediate revisions not shown)
Line 1:		Line 1:
		+	body {background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;}
-	body {	+	#camera {
-	background:#36526C;	+	width:1000px;
-	margin: 0px auto;	+	margin:0 auto;
-	max-width:1340px;	+	height:500px;
-	}	+	margin-top:100px;
-		+	}
-		+
-	#home{	+
-	position: relative;	+
-	height:522px;	+
-	background: #FFF;	+
-	width:990px;	+
-	margin-left:172px;	+
-	margin-top:60px;	+
-	-moz-border-radius:1em;	+
-	-webkit-border-radius:1em;	+
-	border-radius: 1em;	+
-	display:block;	+
		+	#green {
		+	background:#8cc63f;
		+	width:1000px;
		+	margin:0 auto;
		+	height:250px;
	}		}
-	#home .line {	+
-	border-bottom: 1px dotted #CCCCCC;	+	#cyan {
-	background:#fff;	+	background:#2da7a0;
-	width:100%;	+	width:1000px;
-	height:35px;	+	margin:0 auto;
-	position: absolute;	+	height:250px;
-	top:15px;	+
	}		}
-	#home .line h2 {	+	#blue {
-	position: relative;	+	background:#6b93af;
-	font-family:"Times New Roman", Times, serif;	+	width:1000px;
-	color:#0D97F2;	+	margin:0 auto;
-	margin-top:0px;	+	height:250px;
-	margin-left:25px;	+
	}		}
-
-	#home2{	+	#purple {
-	position: relative;	+	background:#b575a7;
-	height:1200px;	+	width:1000px;
-	background: #FFF;	+	margin:0 auto;
-	display:block;	+	height:250px;
-	width:990px;	+
-	margin-left:172px;	+
-	margin-top:10px;	+
-	-moz-border-radius: 1em;	+
-	-webkit-border-radius: 1em;	+
-	border-radius: 1em;	+
	}		}
-	#home3{	+	.right {
-	position: relative;	+	width:620px;
-	height:400px;	+	height:200px;
-	overflow: hidden;	+	font:16px Arial, Helvetica, sans-serif;
-	background:#0D97F2;	+	float:right;
-	/*background: url(../igem3.png) 50% 0 no-repeat fixed;*/	+	margin-right:50px;
-	display: block;	+	margin-top:25px;
-	width:990px;	+
-	margin-left:172px;	+
-	margin-top:10px;	+
-	-moz-border-radius: 1em;	+
-	-webkit-border-radius: 1em;	+
-	border-radius: 1em;	+
	}		}
-
-
-	/*#home4{
-	position: relative;
-	height:600px;
-	margin: 0 auto;
-	padding: 0;
-	overflow: hidden; background: url(../Library.png);
-	display: none; width:100%;
-	}*/
-	.sprite {
-	position: absolute;
-	height: 100%;
-	z-index: 200;
-	padding: 0;
-	width: 990px;
-	}
-	.screen {
-	position: absolute;
-	height: 100%;
-	z-index: 500;
-	padding: 0;
-	width: 990px;
-	}
-	/*.screen .content { width: 280px; margin-left: 20%; margin-top: 10%; }*/
-	/*#home .sprite {	+	.right p{color:#fff;}
-	background: #FFF;	+
-	height:100%;	+
-	margin-left:210px;	+
-	margin-top:0px;	+
-	}	+
-	#home .screen {*/	+
-	/*background: #F63;	+
-	perspective: 50%;	+
-	height:100%;	+
-	margin-left:0px;	+
-	margin-top:0px;	+
-	}*/	+
-	/*#home .screen .content { margin-top: 14%; margin-left: 20%; color: #0FF; }	+
-	#home .screen .content { margin-left: 10%;}
-	#home .screen .content { margin-left: 5%;}*/	+	.right h2{color:#fff;}
-	#home2 .sprite {	+	.left {
-	background: url(../pictures/Logo2.png) 50% 0 no-repeat fixed;	+	width:290px;
-	opacity:0.05;	+	height:240px;
-	/*margin-left:210px;	+	float:left;
-	margin-top:20px;*/	+
-	width:100%;	+
-	}	+
-	#home2 .screen {	+
-	/*background: url(../%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/home_frei.png) 50% 117px no-repeat;*/	+
-	perspective: 50%;	+
-	margin-left:0px;	+
-	margin-top:5px;	+
	}		}
-	#home3 .sprite {
-	background: url(../b-bg.png) 50% no-repeat fixed;
-	margin-left:210px;
-	margin-top:0px;
-
-	}
-	#home3 .screen {
-	background: url(../2.png) 50% no-repeat;
-	/*perspective: 50%;*/
-	margin-left:0px;
-	margin-top:5px;
-	}
-	/*#home4 .sprite {	+	#green .left img{
-	background: url(../USTC-Software-images-half-black.png);	+	margin-left:60px;
-	height:100%;	+	margin-top:35px;
-	margin-top:0px;	+	height:180px;
-	margin-left:210px;	+	width:190px;
	}		}
-	#home4 .screen {
-	background: url(../dna.png)50% no-repeat;
-	height:100%;
-	margin-top:0px;
-	margin-left:210px;
-	}*/
		+	#cyan .left img{
		+	margin-left:30px;
		+	margin-top:25px;
		+	height:190px;
		+	width:210px;
		+	}
-	#video {
-	float:left;
-	background: url(../video.jpg) repeat-x;
-
-	/*-moz-border-radius:1em;
-	-webkit-border-radius:1em;
-	border-radius: 1em;*/
-
-	margin-top:16px;
-	margin-right:0px;	+	#blue .left img{
-	margin-left:25px;	+	margin-left:45px;
-		+	margin-top:20px;
-	width:420px;	+	height:200px;
-	height:270px;	+	width:200px;
	}		}
-	#abstract {
-	float: right;
-	width:475px;
-	margin-right:20px;
-	margin-top:15px;
-	height:270px;
-	background: url(../box_header_470.png) repeat-x;
-
-	padding:13px;
-	padding-top:0px;
-	color:#213443;
-
-	border-radius: 2px 2px 0 0;
-	-moz-border-radius: 2px 2px 0 0;
-	-webkit-border-radius: 6px 6px 0 0;
-	}
-	#abstract p {	+	#purple .left img{
-	font-family: "Helvetica Neue","Arial",sans-serif;	+	margin-left:60px;
-	font-size: 14px;	+	margin-top:34px;
		+	height:180px;
		+	width:180px;
	}		}
-	#abstract h2 {font-family: 'Open Sans',arial,serif;}
		+	/*#green .right{margin-top:-25px;}
		+	#green .left{margin-top:-50px;}*/
-	#contain {
-	position:absolute;
-	float:left;
-	width:660px;
-	height:790px;
-	background: url(../box_header_250.png) no-repeat;
-	top:310px;
-	left:23px;
-	color:#213443;
-	}
-	#contain h2 {	+	#sponsors {
-	font-size:18px;	+	background:#34495e;
-	font-family: 'Open Sans',arial,serif;	+	height:133px;/*133*/
-	margin-left:10px;	+	width:1000px;
		+	margin:0 auto;
	}		}
-	#contain p {	+	#sponsors h2 {
-	font-size:12px;	+	width:auto;
-	font-family: "Helvetica Neue","Arial",sans-serif;	+	font-family: Arial, Helvetica, sans-serif;
		+	font-size:25px;
		+	color: #fff;
		+	float:left;
		+	margin-left:20px;
		+	margin-right:105px;
		+	margin-top:15px;
	}		}
-	#description_l {	+	.more {
-	height:auto;	+	height:35px;
-	width:300px;	+	width:70px;
-	float:left;	+	background:url(https://static.igem.org/mediawiki/2012/7/70/More.png) no-repeat center;
-	clear:left;	+
-	margin-left:10px;	+
-	}	+
-		+
-	#description_l h3 {	+
-	font-size:14px;	+
-	font-family: 'Open Sans',"Helvetica Neue",arial,serif;	+
-	}	+
-		+
-		+
-		+
-	#description_r {	+
-	height:auto;	+
-	width:300px;	+
	float:right;		float:right;
-	margin-top:0px;	+	margin-top:-20px;
-	margin-right:40px;	+
	}		}
-	#description_r h3 {	+	.more:hover {
-	font-size:14px;	+	height:35px;
-	font-family: 'Open Sans',"Helvetica Neue",arial,serif;	+	width:70px;
		+	background: url(https://static.igem.org/mediawiki/2012/f/f5/USTC_Software_More.gif) no-repeat center;
	}		}
-	#ash {	+	#homelink {
-	position:absolute;	+	color:#fcc644;
-	float:right;	+	transition:1s;
-	width:310px;	+
-	height:790px;	+
-	background: #EBEBEB;	+
-	right:18px;	+
-	top:310px;	+
-	-moz-border-radius: 0.5em;	+
-	-webkit-border-radius:0.5em;	+
-	border-radius: 0.5em;	+
-	}	+
-		+
-		+
-		+
-	#ash_container {	+
-	position: relative;	+
-	margin-left:30px;	+
-	width:80%;	+
-	}	+
-		+
-		+
-		+
-	#ash_container p {	+
-	font-family: "Helvetica Neue","Arial",sans-serif;	+
-	font-size: 12px;	+
-	line-height: 18px;	+
-	margin: 6px 0 16px;	+
-	}	+
-		+
-	#ash_container span a {	+
-	color:#0b83d3;	+
-	font-family: "Helvetica Neue","Arial",sans-serif;	+
-	font-size: 12px;	+
-	line-height: 18px;	+
-	margin: 6px 0 16px;	+
-	text-decoration: none;	+
-	}	+
-	#ash_container span:hover a {	+
-	text-decoration:underline;	+
	}		}
-	#ash_container h3 {	+	#homelink:hover {
-	font-family:'Open Sans',"Helvetica Neue",arial,serif;	+	color:#fff;
-	font-size: 16px;	+	text-decoration: none;
-	font-weight: 600;	+	transition:1s;
-	line-height: 20px;	+
-	margin-bottom: 15px;	+
-	padding-top: 10px;	+
	}		}

---

Latest revision as of 11:49, 28 October 2013

body {background: url() repeat;}

1. camera {

    width:1000px;
    margin:0 auto;
    height:500px;
    margin-top:100px;

}

1. green {

    background:#8cc63f;
    width:1000px;
    margin:0 auto;
    height:250px;

}

1. cyan {

    background:#2da7a0;
    width:1000px;
    margin:0 auto;
    height:250px;

}

1. blue {

    background:#6b93af;
    width:1000px;
    margin:0 auto;
    height:250px;

}

1. purple {

    background:#b575a7;
    width:1000px;
    margin:0 auto;
    height:250px;

}

.right {

    width:620px;
    height:200px;
    font:16px Arial, Helvetica, sans-serif;
    float:right;
    margin-right:50px;
    margin-top:25px;

}

.right p{color:#fff;}

.right h2{color:#fff;}

.left {

    width:290px;
    height:240px;
    float:left;

}

1. green .left img{

    margin-left:60px;
    margin-top:35px;
    height:180px;
    width:190px;

}

1. cyan .left img{

    margin-left:30px;
    margin-top:25px;
    height:190px;
    width:210px;

}

1. blue .left img{

    margin-left:45px;
    margin-top:20px;
    height:200px;
    width:200px;

}

1. purple .left img{

    margin-left:60px; 
    margin-top:34px; 
    height:180px; 
    width:180px;

}

/*#green .right{margin-top:-25px;}

1. green .left{margin-top:-50px;}*/

1. sponsors {

    background:#34495e;
    height:133px;/*133*/
    width:1000px;
    margin:0 auto; 

}

1. sponsors h2 {

    width:auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size:25px;
    color: #fff;
    float:left;
    margin-left:20px;
    margin-right:105px;
    margin-top:15px;

}

.more {

height:35px; width:70px; background:url() no-repeat center; float:right; margin-top:-20px; }

.more:hover {

height:35px; width:70px; background: url() no-repeat center; }

1. homelink {

   color:#fcc644;
   transition:1s;

}

1. homelink:hover {

   color:#fff;
   text-decoration: none;
   transition:1s;

}