"

From 2014.igem.org

html,body{ padding: 0; margin: 0; min-height: 500px; min-width: 500px; background-color: #e7f0e2;

} h1{ text-align: center; }

1. logoBox{

margin: auto; position: absolute; }

1. logoBox img{

position: absolute; }

1. home{

top: 164px; left: 43px; }

1. project{

top: 240px; left: 10px; }

1. team{

top: 295px; left: 55px; }

1. document{

top: 98px; left: 187px; }

1. requirment{

top: 171px; left: 300px; }

1. notebook{

top: 294px; left: 230px; } .imenu{ display: none; } .imenu:hover{ opacity: .5; cursor: pointer; }

1. logoRay{

border: solid 7px #8fc41f; position: absolute; } @keyframes logoShadow { from{box-shadow: 0 0 0 #8fc41f} to{box-shadow: 0 0 20px #8fc41f} } @-moz-keyframes logoShadow { from{box-shadow: 0 0 0 #8fc41f} to{box-shadow: 0 0 20px #8fc41f} } @-webkit-keyframes logoShadow { from{box-shadow: 0 0 0 #8fc41f;} to{box-shadow: 0 0 20px #8fc41f;} } @-o-keyframes logoShadow { from{box-shadow: 0 0 0 #8fc41f} to{box-shadow: 0 0 20px #8fc41f} }

1. logo{

animation: logoShadow 1.3s ease 0 infinite alternate; -webkit-animation: logoShadow 1.3s ease 0 infinite alternate; }

.navbar{ background: url("img/nav_bg.png") repeat; height: 60px; position: fixed; bottom: 0; width: 100%; } .navbar ul{ list-style-type: none; overflow: hidden; display: inline-block; height: 100%; padding: 0; margin: 0; } .navbar ul li{ height: 100%; cursor: pointer; } .leftUl,.leftUl li{ float: left; } .rightUl,.rightUl li{ float: right; }

1. nav_home{

background: url("img/home.png") no-repeat center; }

1. nav_home:hover{

background: rgba(255,255,255,.2) url("img/home.png") no-repeat center; }

1. nav_project{

background: url("img/project.png") no-repeat center; }

1. nav_project:hover{

background: rgba(255,255,255,.2) url("img/project.png") no-repeat center; }

1. nav_team{

background: url("img/team.png") no-repeat center; }

1. nav_team:hover{

background: rgba(255,255,255,.2) url("img/team.png") no-repeat center; }

1. nav_doc{

background: url("img/doc.png") no-repeat center; }

1. nav_doc:hover{

background: rgba(255,255,255,.2) url("img/doc.png") no-repeat center; }

1. nav_reqrmt{

background: url("img/reqrmt.png") no-repeat center; }

1. nav_reqrmt:hover{

background: rgba(255,255,255,.2) url("img/reqrmt.png") no-repeat center; }

1. nav_notebk{

background: url("img/notebk.png") no-repeat center; }

1. nav_notebk:hover{

background: rgba(255,255,255,.2) url("img/notebk.png") no-repeat center; }