Team:USTC-Software/Others/css

From 2013.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
Line 5: Line 5:
#safety{
#safety{
-
     width:1000px;
+
     width:1050px;
-
     margin:110px auto;
+
     margin:100px auto;
-
     height:1500px;
+
     height:auto;
     background-color:#e2e1e1;
     background-color:#e2e1e1;
     background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat !important;
     background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat !important;
Line 23: Line 23:
#safety .head img{
#safety .head img{
-
     margin-left:200px;
+
     margin-left:210px;
}
}
#safety .pic{
#safety .pic{
-
     width:200px;
+
     width:150px;
-
     height:200px;
+
     height:150px;
     margin:-120px auto auto -10px;
     margin:-120px auto auto -10px;
     opacity:0.5;
     opacity:0.5;
Line 34: Line 34:
#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;
Line 46: Line 46:
#content1 .ans{
#content1 .ans{
-
     width:950px;
+
     width:100%;
-
     margin-left:60px;
+
     padding-left:60px;
}
}
Line 53: Line 53:
     font-size:22px;
     font-size:22px;
     font-family:"Times New Roman", Times, serif;
     font-family:"Times New Roman", Times, serif;
 +
    text-indent:3em;
}
}
Line 78: Line 79:
#hp{
#hp{
-
     width:1000px;
+
     width:1050px;
-
     height:2300px;
+
     height:auto;
-
     margin:90px auto auto auto;
+
     margin:100px auto;
     box-shadow:3px 3px 3px #999;
     box-shadow:3px 3px 3px #999;
     background:url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat !important;
     background:url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat !important;
Line 86: Line 87:
#hp .head{
#hp .head{
-
     margin-left:50px;
+
     margin-left:60px;
}
}
#hp .content p{
#hp .content p{
-
     width:950px;
+
     width:990px;
-
     margin-left:30px;
+
     padding-left:30px;
-
     font-size:20px;
+
     font-size:18px;
     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{
#video{
     float:left;
     float:left;
 +
    margin-left:30px;
}
}
#sign {
#sign {
-
     float:right;
+
     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;

}