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; | |
- | + | } | |
+ | |||
#safety{ | #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; | |
- | + | } | |
- | + | ||
#safety .head{ | #safety .head{ | ||
- | + | height:100px; | |
- | + | font-size:30px; | |
- | + | margin-left:100px; | |
- | + | margin-top:10px; | |
- | + | font-family:Arial, Helvetica, sans-serif; | |
- | + | } | |
- | + | ||
#safety .head img{ | #safety .head img{ | ||
- | + | margin-left:200px; | |
- | + | } | |
+ | |||
#safety .pic{ | #safety .pic{ | ||
- | + | width:200px; | |
- | + | height:200px; | |
- | + | margin:-120px auto auto -10px; | |
- | + | opacity:0.5; | |
- | + | } | |
- | + | ||
#content1 .ques{ | #content1 .ques{ | ||
- | + | width:900px; | |
- | + | margin-left:50px; | |
- | + | font-family:Georgia, "Times New Roman", Times, serif; | |
- | + | color:#668cc0; | |
- | + | } | |
+ | |||
#content1 .ques p{ | #content1 .ques p{ | ||
- | + | text-indent:2em; | |
- | + | font-size:22px; | |
- | + | } | |
- | + | ||
#content1 .ans{ | #content1 .ans{ | ||
- | + | width:950px; | |
- | + | margin-left:60px; | |
- | + | } | |
- | + | ||
#content1 .ans p{ | #content1 .ans p{ | ||
- | + | font-size:22px; | |
- | + | text-indent:4em; | |
- | + | font-family:"Times New Roman", Times, serif; | |
- | + | } | |
#download{ | #download{ | ||
- | + | width:700px; | |
- | + | height:300px; | |
- | + | margin-left:100px; | |
- | + | font-size:22px; | |
- | + | ||
} | } | ||
+ | |||
#download p{ | #download p{ | ||
- | + | font-size:24px; | |
- | + | float:left; | |
- | + | } | |
- | + | ||
#download .pic{ | #download .pic{ | ||
- | + | margin-left:310px; | |
- | + | margin-top:0px; | |
- | + | } | |
- | + | ||
#download .pic img:hover{ | #download .pic img:hover{ | ||
- | + | border:3px #999 outset; | |
- | + | } | |
#hp{ | #hp{ | ||
- | + | width:1000px; | |
- | + | height:2300px; | |
- | + | margin:120px auto auto auto; | |
- | + | box-shadow:3px 3px 3px #999; | |
- | + | background:url(../images/bg1.jpg); | |
- | + | } | |
- | + | ||
#hp .head{ | #hp .head{ | ||
- | + | margin-left:50px; | |
- | + | } | |
+ | |||
#hp .content p{ | #hp .content p{ | ||
- | + | text-indent:2em; | |
- | + | width:950px; | |
- | + | margin-left:30px; | |
- | + | font-size:20px; | |
- | + | font-family:Arial, Helvetica, sans-serif; | |
- | + | } | |
+ | |||
#hp .content img{ | #hp .content img{ | ||
- | + | margin-left:100px; | |
- | + | } |
Revision as of 04:44, 23 September 2013
body{ background-color:#f3f3f3; }
- 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;
}
- safety .head{
height:100px; font-size:30px; margin-left:100px; margin-top:10px; font-family:Arial, Helvetica, sans-serif;
}
- safety .head img{
margin-left:200px;
}
- safety .pic{
width:200px; height:200px; margin:-120px auto auto -10px; opacity:0.5;
}
- content1 .ques{
width:900px; margin-left:50px; font-family:Georgia, "Times New Roman", Times, serif; color:#668cc0;
}
- content1 .ques p{
text-indent:2em; font-size:22px;
}
- content1 .ans{
width:950px; margin-left:60px;
}
- content1 .ans p{
font-size:22px; text-indent:4em; font-family:"Times New Roman", Times, serif;
}
- download{
width:700px; height:300px; margin-left:100px; font-size:22px;
}
- download p{
font-size:24px; float:left;
}
- download .pic{
margin-left:310px; margin-top:0px;
}
- download .pic img:hover{
border:3px #999 outset;
}
- hp{
width:1000px; height:2300px; margin:120px auto auto auto; box-shadow:3px 3px 3px #999; background:url(../images/bg1.jpg);
}
- hp .head{
margin-left:50px;
}
- hp .content p{
text-indent:2em; width:950px; margin-left:30px; font-size:20px; font-family:Arial, Helvetica, sans-serif;
}
- hp .content img{
margin-left:100px;
}