Team:SYSU-Software/home.css
From 2014.igem.org
- {
margin:0; padding:0; }
- content1{
margin:0 auto; }
body{ font-family: Arial, Helvetica, Microsoft Sans Serif; background-color: #f7f7f5; background-image: url(""); background-repeat: no-repeat; background-position: 0px 180px; width:100%; height:100%; overflow: show; margin: auto; }
- top1{
position: absolute;
top: 0px; max-width: 1920px; min-width: 1360px; background-image: url(""); background-repeat: repeat-x; margin: 0 auto; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1360px?"1360px":""); }
- igem-logo1{
position: relative; height: 90px; width: 200px; text-align: center; display: inline; float: right; }
- igem-logo-img1{
position: absolute; top: 50%; margin-top: -18.5px; }
- flameTitle{
position: absolute;
color: #2f2826; font-size: 136px;
font-family: Arial, Helvetica, Microsoft Sans Serif;
top: 330px; left: 250px;
font-weight: bold; }
- flameContent{
position: absolute;
color: #2f2826; font-size: 32px;
font-family: Arial, Helvetica, Microsoft Sans Serif;
top: 470px; left: 250px;
font-weight: bold; }
- address1{
position: absolute;
color: #c2c3c4; font-size: 13px;
font-family: Arial, Helvetica, Microsoft Sans Serif;
bottom: 0px; right: 0px;
font-weight: bold; }
.navigation1{
margin: 0px auto;
} .navigation1 .item{
position: absolute;
} .project{
top: 150px; left: 140px;
} .doc{
top: 50px; left: 380px;
} .require{
top: 66px; left: 625px;
} .hp{
top:185px; left:830px;
} .team{
top:360px; left:970px;
} a.icon{
width: 68px; height: 117px; position: absolute; top: 0px; left: 0px; cursor: pointer;
} .project a.icon{
background:transparent url("") no-repeat 0px 0px;
} .doc a.icon{
background:transparent url("") no-repeat 0px 0px;
} .require a.icon{
background:transparent url("") no-repeat 0px 0px;
} .hp a.icon{
background:transparent url("") no-repeat 0px 0px;
} .team a.icon{
background:transparent url("") no-repeat 0px 0px;
}
.navigation1 .item a.active{
background-position: 68px 117px;
}
.item img.circle{
position: absolute; top: 0px; left: 0px; width: 0px; height: 0px;
}
.item h2{
position:absolute; width:210px; height:52px; color: #3b3533; font-size: 19px;
font-family: Microsoft Sans Serif, Arial, Helvetica; font-weight: 700;
top: 0px; left: 60px; text-indent: 10px; line-height: 52px; text-transform: uppercase; border: none;
}
.item ul{ text-align: center;
list-style: none; position: absolute; top: 60px; left: 22px; display: none;
}
.item ul li a{
font-size: 18px;
font-family: Microsoft Sans Serif, Arial, Helvetica; font-weight: 700;
text-decoration: none; color: #3b3533; padding: 1px; float: left; clear: both; width: 155px;
}
.item ul li a:hover{
/* background-color:#fff; color:#444; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 4px #666; -webkit-box-shadow:1px 1px 4px #666; box-shadow:1px 1px 4px #666;*/
font-family: Microsoft Sans Serif, Arial, Helvetica; font-weight: 700; color:#fff; text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de; }