Team:USTC-Software/winter/css
From 2013.igem.org
Line 97: | Line 97: | ||
div.dev_wrapper1 .dev .circle{ | div.dev_wrapper1 .dev .circle{ | ||
- | height: | + | height:1840px; |
width: 95px; | width: 95px; | ||
margin-top:5px; | margin-top:5px; | ||
Line 107: | Line 107: | ||
div.dev_wrapper1 .dev .content{ | div.dev_wrapper1 .dev .content{ | ||
width:820px; | width:820px; | ||
- | height: | + | height:1850px; |
margin:60px auto 10px 80px; | margin:60px auto 10px 80px; | ||
} | } |
Revision as of 15:43, 22 September 2013
body{
font-family:Arial, Helvetica, sans-serif; color:#fff;
}
- direction{
width:160px; height:400px; margin-left:1120px; margin-top:30px; position:fixed; background-color:#2da7a0; border-radius:5px;
}
- direction ul , #direction ul li a{
color:#fff; font-size:19px; text-decoration:none; font-family:Tahoma, Geneva, sans-serif;
}
- direction ul li a:hover{
color:#c8cac4; opacity:1; font-size:21px;
}
- global_wrapper{
margin-top:90px;
}
div.dev_wrapper0 {
width:960px; margin:10px auto auto auto; border-radius:10px; box-shadow:#ccc 3px 3px 1px; background:#2da7a0;
} div.dev_wrapper0 .dev .circle{
height:2290px; width: 95px; margin-top:5px; margin-left:-15px; float:left; border-radius:10px; background:url() repeat-y;
} div.dev_wrapper0 .dev .content{
width:820px; height:2300px; margin:20px auto 10px 80px;
} div.dev_wrapper0 .dev .pic{
margin-left:100px;
}
- con_one .head p{
width:500px; height:100px; margin:30px auto auto 250px; font-size:86px; color:#73f573; font-family:'Bilbo Swash Caps', cursive;
}
- con_one .content0{
height:600px; width:800px; margin-left:30px; margin-top:30px;
}
- con_one .content0 .date{
width:400px; height:30px; margin:30px auto auto 10px;
}
- date{
margin-top:50px;
}
- con_one .content0 .date p{
font-size:30px; color:#73f573;
}
- con_one .content0 .main{
broder:#333 1px solid; color:#fff; text-indent:2em;
}
- con_one .content0 .main p{
font-size:21px;
}
div.dev_wrapper1{
width:960px; margin:120px auto auto auto; border-radius:10px; box-shadow:#ccc 3px 3px 1px; background:#2da7a0;
}
div.dev_wrapper1 .dev .circle{
height:1840px; width: 95px; margin-top:5px; margin-left:-15px; float:left; border-radius:10px; background:url() repeat-y;
} div.dev_wrapper1 .dev .content{
width:820px; height:1850px; margin:60px auto 10px 80px;
}
div.dev_wrapper1 .dev .pic{
margin-left:100px; margin-top:40px;
}
- con_one .content1{
height:600px; width:800px; margin-left:30px; margin-top:50px; border:1px #2da7a0 solid;
}
- con_one .content1 .date{
width:200px; height:30px; margin:30px auto auto 300px;
}
- con_one .content1 .date p{
font-size:30px; color:#73f573;
}
- con_one .content1 .main{
broder:#333 1px solid; color:#fff; text-indent:2em;
}
- con_one .content1 .main p{
font-size:21px;
}
div.dev_wrapper2{
width:960px; margin:120px auto auto auto; border-radius:10px; box-shadow:#ccc 3px 3px 1px; background-color:#2da7a0;
} div.dev_wrapper2 .dev .circle{
height:1590px; width: 80px; margin-top:10px; margin-left:-10px; float:left; border-radius:10px; background:url() repeat-y;
} div.dev_wrapper2 .dev .content{
width:820px; height:1600px; margin:60px auto 10px 80px;
}
div.dev_wrapper2 .dev .content .pic{
margin-left:100px; margin-top:40px;
}
- con_one .content2{
height:500px; width:800px; margin-left:30px; margin-top:0px; border:1px #2da7a0 solid;
}
- con_one .content2 .date{
width:300px; height:30px; margin:100px auto auto 300px; font-size:30px; color:#73f573;
}
- con_one .content2 .main{
margin-top:10px; text-indent:2em;
}
- con_one .content2 .main p{
font-size:21px; margin-top:30px;
}
div.dev_wrapper3{
width:960px; margin:120px auto auto auto; border-radius:10px; box-shadow:#ccc 3px 3px 1px; background-color:#2da7a0;
}
div.dev_wrapper3 .dev .circle{
height:1190px; width: 80px; margin-top:10px; margin-left:-10px; float:left; border-radius:10px; background:url() repeat-y;
}
div.dev_wrapper3 .dev .content{
width:820px; height:1200px; margin:60px auto 10px 80px;
}
- con_one .content3{
height:500px; width:800px; margin-left:30px; margin-top:30px; border:1px #2da7a0 solid;
}
- con_one .content3 .date{
width:200px; height:30px; margin:100px auto auto 300px; font-size:30px; color:#aaed51;
}
- con_one .content3 .main{
margin-top:10px;
}
- con_one .content3 .main p{
font-size:21px; margin-top:30px; text-indent:2em;
}
div.dev_wrapper4{
width:960px; margin:120px auto auto auto; border-radius:10px; box-shadow:#ccc 3px 3px 1px; background-color:#2da7a0;
}
div.dev_wrapper4 .dev .circle{
height:1390px; width: 80px; margin-top:10px; margin-left:-10px; float:left; border-radius:10px; background:url() repeat-y;
}
div.dev_wrapper4 .dev .content{ width:820px;
height:1400px; margin:60px auto 10px 80px;
}
div.dev_wrapper4 .dev .content .pic{
margin-top:0px; margin-left:100px;
}
- con_one .content4{
height:600px; width:800px; margin-left:30px; margin-top:30px; border:1px #2da7a0 solid;
}
- con_one .content5{
height:300px; width:800px; margin-left:30px; margin-top:0px; border:1px #2da7a0 solid;
}
- con_one .content4 .date ,#con_one .content5 .date{
width:200px; height:30px; margin:100px auto auto 300px; font-size:30px; color:#aaed51;
}
- con_one .content4 .main ,#con_one .content5 .main{
margin-top:10px; text-indent:2em;
}
- con_one .content4 .main p,#con_one .content5 .main p{
font-size:21px; margin-top:30px;
}
div.wrapper{
width:960px; margin:50px auto auto auto; border-radius:10px; box-shadow:#ccc 3px 3px 1px; background:#2da7a0;
}
- second .dev .circle{
height:4140px; width: 95px; margin-top:0px; margin-left:-15px; float:left; border-radius:10px; background:url() repeat-y;
}
- second .dev .content{
width:820px; height:4150px; margin:60px auto 10px 80px;
}
- cont_one .head p{
width:400px; height:90px; margin:60px auto auto 300px; font-size:86px; color:#54e86c; font-family:'Bilbo Swash Caps', cursive;
}
- cont_one .content2{
height:600px; width:800px; margin-left:30px; margin-top:10px;
}
- cont_one .pic{
margin:10px auto auto 100px;
}
- cont_one .aa{
height:70px;
}
- cont_one .content2 .date{
width:400px; height:30px; margin:30px auto auto 300px;
}
- date{
margin-top:50px;
}
- cont_one .content2 .date p{
font-size:30px; color:#54e86c;
}
- con_one .content2 .main{
text-indent:2em; color:#000;
}
- cont_one .content2 .main p{
font-size:21px; color:#fff;
}
- cont_one .content3{
height:1100px; width:800px; margin-left:30px; margin-top:50px;
}
- cont_one .content3 .date{
width:400px; height:30px; margin:30px auto auto 300px;
}
- date{
margin-top:50px;
}
- cont_one .content3 .date p{
font-size:30px; color:#aaed51;
}
- con_one .content3 .main{
text-indent:2em; color:#fff;
}
- cont_one .content3 .main p{
font-size:21px; color:#fff;
}
- third .dev .circle{
height:2970px; width: 95px; margin-top:0px; margin-left:-15px; float:left; border-radius:10px; background:url() repeat-y;
}
- third .dev .content{
width:780px; height:2980px; margin:60px auto 10px 80px;
}
- third .dev .pic{
margin-left:100px;
}
- cont_one .content4{
height:800px; width:800px; margin-left:30px; margin-top:20px; border:1px #2da7a0 solid;
}
- cont_one .content4 .date{
width:400px; height:30px; margin:30px auto auto 300px;
}
- date{
margin-top:50px;
}
- cont_one .content4 .date p{
font-size:30px; color:#aaed51;
}
- cont_one .content4 .main{
broder:#333 1px solid; color:#fff; text-indent:2em;
}
- cont_one .content4 .main p{
font-size:21px; color:#fff;
}
- forth .dev .circle{
height:2790px; width: 95px; margin-top:5px; margin-left:-15px; float:left; border-radius:10px; background:url() repeat-y;
}
- forth .dev .content{
width:820px; height:2800px; margin:60px auto 10px 80px;
}
- forth .dev .pic{
margin-left:100px;
}
- cont_one .content5{
height:550px; width:800px; margin-left:30px; margin-top:50px; border:1px #2da7a0 solid;
}
- cont_one .content5 .date{
width:400px; height:30px; margin:30px auto auto 300px;
}
- date{
margin-top:50px;
}
- cont_one .content5 .date p{
font-size:30px; color:#aaed51;
}
- con_one .content4 .main{
broder:#333 1px solid; color:#fff; text-indent:2em;
}
- cont_one .content5 .main p{
font-size:21px; color:#fff;
}
- six{
height:40px;
}