Template:Team:DukeHomePage/CSS

From 2014.igem.org

(Difference between revisions)
Line 108: Line 108:
}
}
-
/* Makes the round buttons */       
+
/* Makes the square buttons */       
-
.round-button {
+
.sq-button {
     display:block;
     display:block;
     width:100px;
     width:100px;
Line 130: Line 130:
}
}
-
.round-button:hover {
+
.sq-button:hover {
     background: #000;
     background: #000;
     opacity: 1;
     opacity: 1;
Line 137: Line 137:
     margin-left: -5px;
     margin-left: -5px;
}
}
-
 
-
/*Example 2 #container { width: 300px; margin: 0 auto; } #ex2 img{ height: 100px; width: 300px; margin: 15px 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; } #ex2 img:hover { height: 133px; width: 400px; margin-left: -50px; } */
 
-
 
/* Button menu is black and aligned with big text */
/* Button menu is black and aligned with big text */
Line 183: Line 180:
<table align="center">
<table align="center">
<tr height="120px">
<tr height="120px">
-
<td width="120px"><a class="round-button"> </a></td>
+
<td width="120px"><a class="sq-button"> </a></td>
-
<td width="120px"><a class="round-button"> </a></td>
+
<td width="120px"><a class="sq-button"> </a></td>
-
<td width="120px"><a class="round-button"> </a></td>
+
<td width="120px"><a class="sq-button"> </a></td>
-
<td width="120px"><a class="round-button"> </a></td>
+
<td width="120px"><a class="sq-button"> </a></td>
</tr>
</tr>
</table>
</table>

Revision as of 15:01, 22 July 2014

Demonstrating cooperative repression

Retrieved from "http://2014.igem.org/Template:Team:DukeHomePage/CSS"