Team:USTC-Software/css
From 2013.igem.org
(Difference between revisions)
Line 134: | Line 134: | ||
width:470px; | width:470px; | ||
margin-right:15px; | margin-right:15px; | ||
- | margin-top: | + | margin-top:15px; |
height:270px; | height:270px; | ||
background: url(https://static.igem.org/mediawiki/2013/9/96/USTC-Software_Box_header.png) repeat-x; | background: url(https://static.igem.org/mediawiki/2013/9/96/USTC-Software_Box_header.png) repeat-x; | ||
Line 147: | Line 147: | ||
#abstract p { | #abstract p { | ||
font-family: "Helvetica Neue","Arial",sans-serif; | font-family: "Helvetica Neue","Arial",sans-serif; | ||
- | font-size: 13. | + | font-size: 13.4px; |
} | } | ||
#abstract p:first-letter { font-size: 24px;} | #abstract p:first-letter { font-size: 24px;} |
Revision as of 09:16, 10 August 2013
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:#0b83d3; /*margin-top:0px;*/ margin-left:5px;
}
- home2{
color: #213443; 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; 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: 13.4px;
}
- abstract p:first-letter { font-size: 24px;}
- abstract h1 {
color: #0b83d3; 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; 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; color: #213443;
}