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...")
 
(63 intermediate revisions not shown)
Line 1: Line 1:
body{
body{
-
background-color:#f3f3f3;
+
    background-color:#f3f3f3;
-
}
+
 
 +
}
 +
 
#safety{
#safety{
-
width:1000px;
+
    width:1050px;
-
margin:110px auto;
+
    margin:100px auto;
-
height:1500px;
+
    height:auto;
-
background-color:#e2e1e1;
+
    background-color:#e2e1e1;
-
/*border:1px #333 solid;*/
+
    background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat !important;
-
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 Black", Gadget, sans-serif;
-
font-family:Arial, Helvetica, sans-serif;
+
}
-
}
+
 
#safety .head img{
#safety .head img{
-
margin-left:200px;
+
    margin-left:210px;
-
}
+
}
 +
 
#safety .pic{
#safety .pic{
-
width:200px;
+
    width:150px;
-
height:200px;
+
    height:150px;
-
/*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:950px;
-
margin-left:50px;
+
    padding-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;
+
   
-
font-size:22px;
+
    font-size:22px;
-
+
}
-
}
+
#content1 .ans{
#content1 .ans{
-
width:950px;
+
    width:100%;
-
margin-left:60px;
+
    padding-left:60px;
-
+
}
-
}
+
 
#content1 .ans p{
#content1 .ans p{
-
font-size:22px;
+
    font-size:22px;
-
text-indent:4em;
+
    font-family:"Times New Roman", Times, serif;
-
font-family:"Times New Roman", Times, serif;
+
    text-indent:3em;
-
}
+
}
#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:1050px;
-
height:2300px;
+
    height:auto;
-
margin:120px auto auto auto;
+
    margin:100px auto;
-
box-shadow:3px 3px 3px #999;
+
    box-shadow:3px 3px 3px #999;
-
/*border:1px solid #333;*/
+
    background:url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat !important;
-
background:url(../images/bg1.jpg);
+
}
-
}
+
 
#hp .head{
#hp .head{
-
margin-left:50px;
+
    margin-left:60px;
-
}
+
}
 +
 
#hp .content p{
#hp .content p{
-
text-indent:2em;
+
    width:990px;
-
width:950px;
+
    padding-left:30px;
-
margin-left:30px;
+
    font-size:18px;
-
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:120px;
-
}
+
}
 +
#video{
 +
    float:left;
 +
    margin-left:30px;
 +
}
 +
#sign {
 +
    margin-top:0px;
 +
    margin-left:500px;
 +
 
 +
}

Latest revision as of 05:08, 28 October 2013

body{

   background-color:#f3f3f3;
  

}

  1. safety{
   width:1050px;
   margin:100px auto;
   height:auto;
   background-color:#e2e1e1;
   background: url(M_1243691170517.jpg) repeat !important;
   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 Black", Gadget, sans-serif;

}

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

}

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

}

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

}

  1. content1 .ques p{
   font-size:22px;

}

  1. content1 .ans{
   width:100%;
   padding-left:60px;

}

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

}

  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:1050px;
   height:auto;
   margin:100px auto;
   box-shadow:3px 3px 3px #999;
   background:url(M_1243691170517.jpg) repeat !important;

}

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

}

  1. hp .content p{
   width:990px;
   padding-left:30px;
   font-size:18px;
   font-family:Arial, Helvetica, sans-serif;

}

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

}

  1. video{
   float:left;
   margin-left:30px;

}

  1. sign {
   margin-top:0px;
   margin-left:500px;

}