"
Template:Team:DukeMenu/CSS
From 2014.igem.org
(Difference between revisions)
| Line 30: | Line 30: | ||
.sq-menu:hover { | .sq-menu:hover { | ||
| + | background-color: #0000ff; | ||
| + | opacity: 1; | ||
| + | /* Glow effect */ | ||
| + | -webkit-box-shadow: 0px 0px 20px rgba(7, 54, 164, 0); | ||
| + | -moz-box-shadow: 0px 0px 20px rgba(7, 54, 164, 0; | ||
| + | box-shadow: 0px 0px 20px rgba(7, 54, 164, 0); | ||
| + | } | ||
| + | |||
| + | .homebutton { | ||
| + | display:block; | ||
| + | width:50px; | ||
| + | height:50px; | ||
| + | border:none; | ||
| + | line-height:50px; | ||
| + | color:#f5f5f5; | ||
| + | text-align:center; | ||
| + | text-decoration:none; | ||
| + | opacity: 1; | ||
| + | background: #0736A4; | ||
| + | font-size:16px; | ||
| + | font-weight:bold; | ||
| + | overflow:hidden; | ||
| + | -webkit-transition: all 0.5s ease; | ||
| + | -moz-transition: all 0.5s ease; | ||
| + | -o-transition: all 0.5s ease; | ||
| + | /*margins must be half of the change in size*/ | ||
| + | margin: 0px; | ||
| + | line-height:200%; | ||
| + | } | ||
| + | |||
| + | .homebutton:hover { | ||
background-color: #0000ff; | background-color: #0000ff; | ||
opacity: 1; | opacity: 1; | ||
| Line 48: | Line 79: | ||
<table id="bodyContent" width="1000px" align="center"> | <table id="bodyContent" width="1000px" align="center"> | ||
<tr height="50px"> | <tr height="50px"> | ||
| - | <td width="50px"><a class=" | + | <td width="50px"><a class="homebutton" href="https://2014.igem.org/Team:Duke"><img src="https://static.igem.org/mediawiki/2014/a/aa/Homeicon.png" align="left" alt="Home" height="50px" width="50px" /></a></td> |
<td width="200px"><a class="sq-menu" href="https://2014.igem.org/Team:Duke">Home</a></td> | <td width="200px"><a class="sq-menu" href="https://2014.igem.org/Team:Duke">Home</a></td> | ||
<td width="200px"><a class="sq-menu" href="https://2014.igem.org/Team:Duke">Home</a></td> | <td width="200px"><a class="sq-menu" href="https://2014.igem.org/Team:Duke">Home</a></td> | ||
Revision as of 20:17, 24 July 2014
 |
Home | Home | Home | Home | Home |  |
