Team:USTC China/css
From 2013.igem.org
body{
background:#98dad3; }
- home_1 {
margin: 0 auto; position: relative; height:522px; background: rgba(255,255,255,1); width:960px; /*margin-left:172px;*/ margin-top:55px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius: 15px; /*display:block;*/ border-bottom: 1px #fff dashed;
}
- home_1 .line {
border-bottom: 1px dotted #CCCCCC; background:#fff; width:100%; height:35px; position: absolute; top:15px;
}
- home_1 .line h1{
position: relative; font-family:"Times New Roman", Times, serif; color:#0b83d3; /*margin-top:0px;*/ margin-left:5px;
}
- home_2 {
margin: 0 auto; position: relative; height:800px; /*background: rgba(255,255,255,0.2); */ display:block; width:960px; margin-top:10px; /*-moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;*/ border-bottom: 1px #fff dashed;
}
- home_3 {
position: relative; height:auto; overflow: hidden; background:#36526c; display: block; width:960px; margin:0 auto; margin-top:0px; border-bottom: 1px dashed #fff;
}
/*.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: #fff /*url() repeat-x; margin-top:16px; margin-right:0px; margin-left:15px; width:420px; height:270px; -moz-border-radius: 0.5em; -webkit-border-radius:0.5em; border-radius: 0.5em;
}
- abstract {
float: right; width:470px; margin-right:15px; margin-top:15px; height:270px; background: #fff url() repeat-x; padding:13px; padding-top:0px; -moz-border-radius: 0.5em; -webkit-border-radius:0.5em; border-radius: 0.5em;
}
- abstract p {
font-family: "Helvetica Neue","Arial",sans-serif; font-size: 13.5px; margin-bottom: 0px;
}
- abstract p:first-letter { font-size: 20px;}
- abstract h1 {
color: #0b83d3; font-family: 'Open Sans',arial,serif; text-align:center; font-size: 26px; margin-bottom: 0px;
}*/
- home_2 .contain {
/*position:absolute;*/ margin-bottom: 10px; float:left; width:635px; height:auto; background: #fff /*url() repeat-x*/; /*top:auto; left: 0px;*/ -moz-border-radius: 0.5em; -webkit-border-radius:0.5em; border-radius: 0.5em; /*clear: both;*/
}
/*#home_2 .contain h2 {
font-size:18px; font-family: 'Open Sans',arial,serif; margin-left:10px;
}*/
- home_2 .contain p {
font-size:14px; font-family: "Helvetica Neue","Arial",sans-serif;
}
- home_2 .contain .description_l {
height:auto; width:300px; float:left; clear:left; padding: 10px 0 10px 10px;
}
- home_2 .contain a {
float:right; font-size: 12px; font-family: 'Open Sans',"Helvetica Neue",arial,serif; padding: 7px 14px 8px; background: #2ba6cb; color: #fff; border: 1px solid #1e728c; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-decoration: none; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /*cursor: pointer; display: inline-block; width: auto; height: auto; text-align: center;*/
}
- home_2 .contain a:hover {
background: #1e728c;
}
- home_2 .contain a:active {
background: #1e728c; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0;
}
/*#home_2 .contain .description_l h3 {
font-size:20px; font-family: 'Open Sans',"Helvetica Neue",arial,serif;
}
- /
- home_2 .contain .description_r {
height:auto; width:300px; float:right; padding: 10px;
}
- home_2 .contain .description_r h3 {
font-size:20px; font-family: 'Open Sans',"Helvetica Neue",arial,serif;
}
- home_2 .contain img {
width:300px; height:185px;
}
- ash {
position:absolute; float:right; width:315px; height:660px; background: #fff; right:0px; top:auto; -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: 14px; 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: 20px; /*font-weight: 600;*/ line-height: 20px; margin-bottom: 15px; padding-top: 10px;
}
- footer-box{
/*-moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;*/ margin-left: 10px; width: 950px; padding: 5px; background-color:#36526c; margin: 0 auto; border:0px;
}
- footer-box a{ color: #fff !important;}