Team:USTC-Software/Others/css

From 2013.igem.org

(Difference between revisions)
(Created page with "body{ background-color:#f3f3f3; } #safety{ width:1000px; margin:110px auto; height:1500px; background-color:#e2e1e1; - border:1px #333 solid;: background:url(../images/b...")
Line 1: Line 1:
body{
body{
-
background-color:#f3f3f3;
+
background-color:#f3f3f3;
-
}
+
}
 +
 
#safety{
#safety{
-
width:1000px;
+
    width:1000px;
-
margin:110px auto;
+
    margin:110px auto;
-
height:1500px;
+
    height:1500px;
-
background-color:#e2e1e1;
+
    background-color:#e2e1e1;
-
/*border:1px #333 solid;*/
+
    background:url(../images/bg1.jpg);
-
background:url(../images/bg1.jpg);
+
    box-shadow:#999 3px 3px 3px;
-
box-shadow:#999 3px 3px 3px;
+
    padding-top:30px;
-
padding-top:30px;
+
}
-
}
+
 
#safety .head{
#safety .head{
-
height:100px;
+
    height:100px;
-
/*border:1px solid #333;*/
+
    font-size:30px;
-
font-size:30px;
+
    margin-left:100px;
-
margin-left:100px;
+
    margin-top:10px;
-
margin-top:10px;
+
    font-family:Arial, Helvetica, sans-serif;
-
font-family:Arial, Helvetica, sans-serif;
+
}
-
}
+
 
#safety .head img{
#safety .head img{
-
margin-left:200px;
+
    margin-left:200px;
-
}
+
}
 +
 
#safety .pic{
#safety .pic{
-
width:200px;
+
    width:200px;
-
height:200px;
+
    height:200px;
-
/*border:1px solid #333;*/
+
    margin:-120px auto auto -10px;
-
margin:-120px auto auto -10px;
+
    opacity:0.5;
-
opacity:0.5;
+
}
-
}
+
 
#content1 .ques{
#content1 .ques{
-
width:900px;
+
    width:900px;
-
margin-left:50px;
+
    margin-left:50px;
-
font-family:Georgia, "Times New Roman", Times, serif;
+
    font-family:Georgia, "Times New Roman", Times, serif;
-
color:#668cc0;
+
    color:#668cc0;
-
}
+
}
 +
 
#content1 .ques p{
#content1 .ques p{
-
text-indent:2em;
+
    text-indent:2em;
-
font-size:22px;
+
    font-size:22px;
-
+
}
-
}
+
#content1 .ans{
#content1 .ans{
-
width:950px;
+
    width:950px;
-
margin-left:60px;
+
    margin-left:60px;
-
+
}
-
}
+
 
#content1 .ans p{
#content1 .ans p{
-
font-size:22px;
+
    font-size:22px;
-
text-indent:4em;
+
    text-indent:4em;
-
font-family:"Times New Roman", Times, serif;
+
    font-family:"Times New Roman", Times, serif;
-
}
+
}
#download{
#download{
-
width:700px;
+
    width:700px;
-
height:300px;
+
    height:300px;
-
/*border:1px solid #333;*/
+
    margin-left:100px;
-
margin-left:100px;
+
    font-size:22px;
-
font-size:22px;
+
}
}
 +
#download p{
#download p{
-
font-size:24px;
+
    font-size:24px;
-
float:left;
+
    float:left;
-
+
}
-
}
+
 
#download .pic{
#download .pic{
-
margin-left:310px;
+
    margin-left:310px;
-
margin-top:0px;
+
    margin-top:0px;
-
/*border:1px solid #333;*/
+
}
-
}
+
 
#download .pic img:hover{
#download .pic img:hover{
-
border:3px #999 outset;
+
    border:3px #999 outset;
-
}
+
}
#hp{
#hp{
-
width:1000px;
+
    width:1000px;
-
height:2300px;
+
    height:2300px;
-
margin:120px auto auto auto;
+
    margin:120px auto auto auto;
-
box-shadow:3px 3px 3px #999;
+
    box-shadow:3px 3px 3px #999;
-
/*border:1px solid #333;*/
+
    background:url(../images/bg1.jpg);
-
background:url(../images/bg1.jpg);
+
}
-
}
+
 
#hp .head{
#hp .head{
-
margin-left:50px;
+
    margin-left:50px;
-
}
+
}
 +
 
#hp .content p{
#hp .content p{
-
text-indent:2em;
+
    text-indent:2em;
-
width:950px;
+
    width:950px;
-
margin-left:30px;
+
    margin-left:30px;
-
font-size:20px;
+
    font-size:20px;
-
font-family:Arial, Helvetica, sans-serif;
+
    font-family:Arial, Helvetica, sans-serif;
-
}
+
}
 +
 
#hp .content img{
#hp .content img{
-
margin-left:100px;
+
    margin-left:100px;
-
}
+
}

Revision as of 04:44, 23 September 2013

body{ background-color:#f3f3f3; }

  1. safety{
   width:1000px;
   margin:110px auto;
   height:1500px;
   background-color:#e2e1e1;
   background:url(../images/bg1.jpg);
   box-shadow:#999 3px 3px 3px;
   padding-top:30px;

}

  1. safety .head{
   height:100px;
   font-size:30px;
   margin-left:100px;
   margin-top:10px;
   font-family:Arial, Helvetica, sans-serif;

}

  1. safety .head img{
   margin-left:200px;

}

  1. safety .pic{
   width:200px;
   height:200px;
   margin:-120px auto auto -10px;
   opacity:0.5;

}

  1. content1 .ques{
   width:900px;
   margin-left:50px;
   font-family:Georgia, "Times New Roman", Times, serif;
   color:#668cc0;

}

  1. content1 .ques p{
   text-indent:2em;
   font-size:22px;

}

  1. content1 .ans{
   width:950px;
   margin-left:60px;

}

  1. content1 .ans p{
   font-size:22px;
   text-indent:4em;
   font-family:"Times New Roman", Times, serif;

}

  1. download{
   width:700px;
   height:300px;
   margin-left:100px;
   font-size:22px;

}

  1. download p{
   font-size:24px;
   float:left;

}

  1. download .pic{
   margin-left:310px;
   margin-top:0px;

}

  1. download .pic img:hover{
   border:3px #999 outset;

}


  1. hp{
   width:1000px;
   height:2300px;
   margin:120px auto auto auto;
   box-shadow:3px 3px 3px #999;
   background:url(../images/bg1.jpg);

}

  1. hp .head{
   margin-left:50px;

}

  1. hp .content p{
   text-indent:2em;
   width:950px;
   margin-left:30px;
   font-size:20px;
   font-family:Arial, Helvetica, sans-serif;

}

  1. hp .content img{
   margin-left:100px;

}