"
Team:SYSU-China/css/main.css
From 2014.igem.org
@charset "utf-8"; /* CSS Document */ html, body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, label, form, hr, menu, nav {
vertical-align: baseline; padding: 0; margin: 0; border: 0; }
body {
min-height: 100%; }
/*@section one pictures ---------------------------------------------*/
- IGEMlogo img{
height:3em; width:3.4em; position:fixed; left:3em; top:1.5em; }
- section0{
background-image:url(
);
}
- section1{
background-image:url(
);
background-repeat:repeat-x;
}
- section2{
background-image:url(
);
}
.worker{ position:relative; top:100px; left:30px; }
.worker img { margin: 20px; width: 20%; }
.line { position: relative; margin-left: 20px; top: 60px; }
.line img { float: left; }
.line .wheel { position: relative; z-index: 1000; bottom: 10px; margin-left: -15px; margin-right: -15px; }
.line .segment {
}
/*@section one structure ---------------------------------------------*/
.section h1{ font-family:Arial, Helvetica, sans-serif; font-size:4em; color:#FFF; }
.section p{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFF; }
- section0 h1{
position:absolute; top:60px; right:50px; }
- section0 p{
position:absolute; top:160px; right:50px; }
- section2 .intro {
position:absolute; top:10%; left:17%; }
- section2 .ch-grid{
position:absolut;
top:0%; }
- section2 h1{
color:#000; text-align:center; }
- sysu{
margin-top: 50px; position: absolute; left:410px;
}
/* Fixed footer. * --------------------------------------- */
#footer{
height: 45px; display:block; width: 100%; background: #333; z-index:9; color: #f2f2f2; padding: 20px 0 0 90px; bottom:0px; position:absolute; font-family:Arial, Helvetica, sans-serif; text-align:left; }
- footer h3{
text-transform:uppercase; font-size:14px; }
- footer p{
font-size:12px; }
- board {
margin: 20px; width: 20%; }
.boardFont { position: relative; float: right; margin-top: 80px; right: 155px; color: white; font-family:Arial, Helvetica, sans-serif; }
.boardFont p { margin-top: -20px; margin-left: -55px; }
