"
Team:USTC-Software/css
From 2013.igem.org
body {
background:#36526C;
/*margin: 0px auto;
max-width:1340px;*/
}
- home{
margin: 0 auto;
position: relative;
height:522px;
background: #FFF;
width:960px;
/*margin-left:172px;*/
margin-top:55px;
-moz-border-radius:1em;
-webkit-border-radius:1em;
border-radius: 1em;
display:block;
}
- home .line {
border-bottom: 1px dotted #CCCCCC;
background:#fff;
width:100%;
height:35px;
position: absolute;
top:15px;
}
- home .line h2 {
position: relative;
font-family:"Times New Roman", Times, serif;
color:#0D97F2;
/*margin-top:0px;*/
margin-left:5px;
}
- home2{
margin: 0 auto;
position: relative;
height:1200px;
background: #FFF;
display:block;
width:960px;
/*margin-left:172px;*/
margin-top:10px;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}
- home3{
position: relative;
height:400px;
overflow: hidden;
background:#0D97F2;
display: block;
width:960px;
/*margin-left:172px;
margin-top:10px;*/
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}
.sprite {
position: absolute;
height: 100%;
z-index: 200;
padding: 0;
width: 960px;
} .screen {
position: absolute;
height: 100%;
z-index: 500;
padding: 0;
width: 960px;
}
- home2 .sprite {
background: url(../pictures/Logo2.png) 50% 0 no-repeat fixed;
opacity:0.05;
width:100%;
}
- home2 .screen {
perspective: 50%;
margin-left:0px;
margin-top:5px;
}
- home3 .sprite {
background: url(../b-bg.png) 50% no-repeat fixed;
margin-left:210px;
margin-top:0px;
}
- home3 .screen {
background: url(../2.png) 50% no-repeat;
margin-left:0px;
margin-top:5px;
}
- video {
float:left;
background: url(
) repeat-x;
margin-top:16px;
margin-right:0px;
margin-left:15px;
width:420px;
height:270px;
}
- abstract {
float: right;
width:470px;
margin-right:15px;
margin-top:15px;
height:270px;
background: url(
) repeat-x;
padding:13px;
padding-top:0px;
color:#213443;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 6px 6px 0 0;
}
- abstract p {
font-family: "Helvetica Neue","Arial",sans-serif;
font-size: 13px;
}
- abstract p:first-letter{
font-size:24px;
}
- abstract h1 {
font-family: 'Open Sans',arial,serif;
text-align:center;
font-size: 36px;
}
- contain {
position:absolute;
float:left;
width:620px;
height:790px;
background: url() repeat-x;
top:310px;
left:15px;
color:#213443;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 6px 6px 0 0;
}
- contain h2 {
font-size:18px;
font-family: 'Open Sans',arial,serif;
margin-left:10px;
}
- contain p {
font-size:12px;
font-family: "Helvetica Neue","Arial",sans-serif;
}
- description_l {
height:auto;
width:300px;
float:left;
clear:left;
margin-left:10px;
}
- description_l h3 {
font-size:14px;
font-family: 'Open Sans',"Helvetica Neue",arial,serif;
}
- description_r {
height:auto;
width:300px;
float:right;
margin-top:0px;
margin-right:40px;
}
- description_r h3 {
font-size:14px;
font-family: 'Open Sans',"Helvetica Neue",arial,serif;
}
- ash {
position:absolute;
float:right;
width:300px;
height:790px;
background: #EBEBEB;
right:15px;
top:310px;
-moz-border-radius: 0.5em;
-webkit-border-radius:0.5em;
border-radius: 0.5em;
}
- ash_container {
position: relative;
margin-left:30px;
width:80%;
}
- ash_container p {
font-family: "Helvetica Neue","Arial",sans-serif;
font-size: 12px;
line-height: 18px;
margin: 6px 0 16px;
}
- ash_container span a {
color:#0b83d3;
font-family: "Helvetica Neue","Arial",sans-serif;
font-size: 12px;
line-height: 18px;
margin: 6px 0 16px;
text-decoration: none;
}
- ash_container span:hover a { text-decoration:underline;}
- ash_container h3 {
font-family:'Open Sans',"Helvetica Neue",arial,serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
margin-bottom: 15px;
padding-top: 10px;
}
