Team:USTC-Software/Project/Software/css

From 2013.igem.org

(Difference between revisions)
(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...")
Line 1: Line 1:
-
 
+
div {
-
#title {
+
font: 18px Arial, Helvetica, sans-serif;
-
        height:70px;
+
-
width:1000px;
+
-
margin-top:100px;
+
-
margin-left:-30px;
+
-
}
+
-
 
+
-
#title img {
+
-
height:100%;
+
-
width:100%;
+
-
}
+
-
 
+
-
 
+
-
h2 {
+
-
display:block;
+
-
width:100%;
+
-
}
+
-
 
+
-
 
+
-
#Starter {
+
-
height:600px;
+
-
width:1000px;
+
-
font: 18px Arial, Helvetica, sans-serif;
+
-
 
+
-
}
+
-
 
+
-
#Starter .left {
+
-
width:470px;
+
-
height:400px;
+
-
float:left;
+
-
}
+
-
 
+
-
#Starter .right {
+
-
margin-top:100px;
+
-
width:450px;
+
-
height:400px;
+
-
float:right;
+
-
margin-right:50px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#Monitor {
+
-
        width:1000px;
+
-
height:600px;
+
-
font: 18px Arial, Helvetica, sans-serif;
+
-
+
-
}
+
-
 
+
-
#Monitor .left {
+
-
width:470px;
+
-
height:350px;
+
-
float:left;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#Monitor .right {
+
-
margin-top:70px;
+
-
width:450px;
+
-
height:350px;
+
-
float:right;
+
-
margin-right:50px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
#Result {
+
-
height:600px;
+
-
        width:1000px;
+
-
margin:0 auto;
+
-
font: 18px Arial, Helvetica, sans-serif;
+
-
+
-
}
+
-
 
+
-
 
+
-
#Result .left {
+
-
width:470px;
+
-
height:300px;
+
-
float:left;
+
-
clear:both;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#Result .right {
+
-
margin-top:120px;
+
-
width:450px;
+
-
height:300px;
+
-
float:right;
+
-
margin-right:50px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#display {
+
-
height:600px;
+
margin:0 auto;
margin:0 auto;
width:1000px;
width:1000px;
-
font:18px Arial, Helvetica, sans-serif;
+
height:auto;
-
clear:both;
+
/*border:1px #000 solid;*/
}
}
-
 
-
#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 {
#Tutorial {
-
float:left;
 
margin-left:0;
margin-left:0;
-
width:1000px;
+
height:auto;
-
height:600px;
+
-
font: 18px Arial, Helvetica, sans-serif;
+
}
}
#Tutorial .left {
#Tutorial .left {
-
width:470px;
+
width:490px;
-
height:350px;
+
height:450px;
float:left;
float:left;
-
clear:both;
 
}
}
#Tutorial .right {
#Tutorial .right {
-
margin-top:100px;
+
width:490px;
float:right;
float:right;
-
margin-right:0px;
+
height:380px;
-
width:470px;
+
padding-top:70px;
-
height:350px;
+
-
        font: 18px Arial, Helvetica, sans-serif;
+
}
}
 +
#download img {
 +
width:60px;
 +
height:60px;
 +
}
-
#code {
 
-
margin:0 auto;
 
-
width:1000px;
 
-
height:600px;
 
-
font:18px Arial, Helvetica, sans-serif;
 
-
clear:both;
 
-
}
 
-
 
+
a:hover {
-
#sum {
+
text-decoration:none;
-
        margin:0 auto;
+
-
width:1000px;
+
-
height:600px;;
+
-
font:18px Arial, Helvetica, sans-serif;
+
-
clear:both;
+
}
}

Revision as of 09:23, 22 September 2013

div { font: 18px Arial, Helvetica, sans-serif; margin:0 auto; width:1000px; height:auto; /*border:1px #000 solid;*/ }

  1. Tutorial {

margin-left:0; height:auto; }


  1. Tutorial .left {

width:490px; height:450px; float:left; }


  1. Tutorial .right {

width:490px; float:right; height:380px; padding-top:70px; }


  1. download img {

width:60px; height:60px; }


a:hover { text-decoration:none; }