"

From 2013.igem.org

Revision as of 21:45, 21 September 2013 (view source) Zigzag (Talk | contribs) (Created page with " #title { height:70px; width:1000px; margin-top:100px; margin-left:-30px; } #title img { height:100%; width:100%; } h2 { display:block; width:100%; } #Sta...") ← Older edit		Latest revision as of 05:34, 28 October 2013 (view source) Zigzag (Talk | contribs)
(120 intermediate revisions not shown)
Line 1:		Line 1:
		+	div.contain {
		+	font: 16px Arial, Helvetica, sans-serif;
		+	margin:0 auto;
		+	width:960px;
		+	height:auto;
		+	}
	#title {		#title {
-	height:70px;	+	margin-top:80px;
-	width:1000px;	+	margin-left:-20px;
-	margin-top:100px;	+
-	margin-left:-30px;	+
	}		}
-	#title img {
-	height:100%;
-	width:100%;
-	}
-		+	#Tutorial {
-	h2 {	+	margin-left:0;
-	display:block;	+	height:auto;
-	width:100%;	+
	}		}
-	#Starter {	+	#Tutorial .left {
-	height:600px;	+	width:460px;
-	width:1000px;	+	height:auto;
-	font: 18px Arial, Helvetica, sans-serif;	+	float:left;
-		+	margin-left:25px;
		+	margin-top:5px;
	}		}
-	#Starter .left {
-	width:470px;
-	height:400px;
-	float:left;
-	}
-	#Starter .right {	+	#Tutorial .right {
-	margin-top:100px;	+	width:460px;
-	width:450px;	+	float:right;
-	height:400px;	+	margin-right:-25px;
-	float:right;	+	height:400px;
-	margin-right:50px;	+	padding-top:70px;
	}		}
-		+	#Code {
-		+	clear:both;
-	#Monitor {	+	position:relative;
-	width:1000px;	+	top:10px;
-	height:600px;	+
-	font: 18px Arial, Helvetica, sans-serif;	+
-		+
	}		}
-	#Monitor .left {	+	#Download img {
-	width:470px;	+	width:60px;
-	height:350px;	+	height:60px;
-	float:left;	+
	}		}
		+	a:hover {text-decoration:none;}
-	#Monitor .right {
-	margin-top:70px;
-	width:450px;
-	height:350px;
-	float:right;
-	margin-right:50px;
-	}
		+	.image img{width:960px;}
		+	#softwarebutton { color:#aaed51;}
-	#Result {	+	#left_direction{
-	height:600px;	+	width:130px;
-	width:1000px;	+	height:auto;
-	margin:0 auto;	+	float:left;
-	font: 18px Arial, Helvetica, sans-serif;	+	position:fixed;
-		+	top:40%;
		+	background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;
		+	border-radius:5px;
		+	box-shadow:#999 3px 3px 1px;
	}		}
-		+	#left_direction ul , #left_direction ul li a{
-	#Result .left {	+	color:#000;
-	width:470px;	+	font-size:16px;
-	height:300px;	+	text-decoration:none;
-	float:left;	+	font-family:Tahoma, Geneva, sans-serif;
-	clear:both;	+	list-style-image:none;
		+	list-style-type:disc;
	}		}
-		+	#left_direction ul li a:hover{
-		+	color:#aaed51;
-	#Result .right {	+	opacity:1;
-	margin-top:120px;	+
-	width:450px;	+
-	height:300px;	+
-	float:right;	+
-	margin-right:50px;	+
-	}	+
-		+
-		+
-		+
-	#display {	+
-	height:600px;	+
-	margin:0 auto;	+
-	width:1000px;	+
-	font:18px Arial, Helvetica, sans-serif;	+
-	clear:both;	+
-	}	+
-		+
-	#display .left {	+
-	width:470px;	+
-	height:300px;	+
-	float:left;	+
-	clear:both;	+
-	}	+
-		+
-		+
-		+
-	#display .right {	+
-	margin-top:120px;	+
-	width:450px;	+
-	height:300px;	+
-	float:right;	+
-	margin-right:50px;	+
-	}	+
-		+
-		+
-		+
-	#Tutorial {	+
-	float:left;	+
-	margin-left:0;	+
-	width:1000px;	+
-	height:600px;	+
-	font: 18px Arial, Helvetica, sans-serif;	+
-	}	+
-		+
-		+
-	#Tutorial .left {	+
-	width:470px;	+
-	height:350px;	+
-	float:left;	+
-	clear:both;	+
-	}	+
-		+
-		+
-	#Tutorial .right {	+
-	margin-top:100px;	+
-	float:right;	+
-	margin-right:0px;	+
-	width:470px;	+
-	height:350px;	+
-	font: 18px Arial, Helvetica, sans-serif;	+
-	}	+
-		+
-		+
-		+
-	#code {	+
-	margin:0 auto;	+
-	width:1000px;	+
-	height:600px;	+
-	font:18px Arial, Helvetica, sans-serif;	+
-	clear:both;	+
-	}	+
-		+
-		+
-	#sum {	+
-	margin:0 auto;	+
-	width:1000px;	+
-	height:600px;;	+
-	font:18px Arial, Helvetica, sans-serif;	+
-	clear:both;	+
	}		}

---

Latest revision as of 05:34, 28 October 2013

div.contain {

    font: 16px Arial, Helvetica, sans-serif;
    margin:0 auto;
    width:960px;
    height:auto;

}

1. title {

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

}

1. Tutorial {

    margin-left:0;
    height:auto;

}

1. Tutorial .left {

    width:460px;
    height:auto;
    float:left;
    margin-left:25px;
    margin-top:5px;

}

1. Tutorial .right {

    width:460px;
    float:right;
    margin-right:-25px;
    height:400px;
    padding-top:70px;

}

1. Code {

   clear:both;
   position:relative;
   top:10px;

}

1. Download img {

    width:60px;
    height:60px;

}

a:hover {text-decoration:none;}

.image img{width:960px;}

1. softwarebutton { color:#aaed51;}

1. left_direction{

   width:130px;
   height:auto;
   float:left;
   position:fixed;
   top:40%;
   background: url() repeat;
   border-radius:5px;
   box-shadow:#999 3px 3px 1px;

}

1. left_direction ul , #left_direction ul li a{

   color:#000;
   font-size:16px;
   text-decoration:none;
   font-family:Tahoma, Geneva, sans-serif;
   list-style-image:none;
   list-style-type:disc;

}

1. left_direction ul li a:hover{

   color:#aaed51;
   opacity:1;

}