Team:UESTC-Software/style.css
From 2014.igem.org
Tangying0608 (Talk | contribs) |
Tangying0608 (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | .firstHeading{ | ||
+ | display: none !important; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6{ | ||
+ | border: 0; | ||
+ | } | ||
html,body{ | html,body{ | ||
padding: 0; | padding: 0; | ||
Line 137: | Line 143: | ||
#nav_notebk:hover{ | #nav_notebk:hover{ | ||
background: rgba(255,255,255,.2) url("img/notebk.png") no-repeat center; | background: rgba(255,255,255,.2) url("img/notebk.png") no-repeat center; | ||
- | |||
- | |||
- | |||
} | } |
Revision as of 10:13, 16 July 2014
.firstHeading{ display: none !important; } h1, h2, h3, h4, h5, h6{ border: 0; } html,body{ padding: 0; margin: 0; min-height: 500px; min-width: 500px; background-color: #e7f0e2;
} h1{ text-align: center; }
- logoBox{
margin: auto; position: absolute; }
- logoBox img{
position: absolute; }
- home{
top: 164px; left: 43px; }
- project{
top: 240px; left: 10px; }
- team{
top: 295px; left: 55px; }
- document{
top: 98px; left: 187px; }
- requirment{
top: 171px; left: 300px; }
- notebook{
top: 294px; left: 230px; } .imenu{ display: none; } .imenu:hover{ opacity: .5; cursor: pointer; }
- 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} }
- 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; }
- nav_home{
background: url("img/home.png") no-repeat center; }
- nav_home:hover{
background: rgba(255,255,255,.2) url("img/home.png") no-repeat center; }
- nav_project{
background: url("img/project.png") no-repeat center; }
- nav_project:hover{
background: rgba(255,255,255,.2) url("img/project.png") no-repeat center; }
- nav_team{
background: url("img/team.png") no-repeat center; }
- nav_team:hover{
background: rgba(255,255,255,.2) url("img/team.png") no-repeat center; }
- nav_doc{
background: url("img/doc.png") no-repeat center; }
- nav_doc:hover{
background: rgba(255,255,255,.2) url("img/doc.png") no-repeat center; }
- nav_reqrmt{
background: url("img/reqrmt.png") no-repeat center; }
- nav_reqrmt:hover{
background: rgba(255,255,255,.2) url("img/reqrmt.png") no-repeat center; }
- nav_notebk{
background: url("img/notebk.png") no-repeat center; }
- nav_notebk:hover{
background: rgba(255,255,255,.2) url("img/notebk.png") no-repeat center; }