Team:Virginia/Notebook

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
<head>
<head>
     <style>  
     <style>  
-
.button{
+
.button {
-
  padding: 1em;
+
-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
-
  background-color:gray;
+
-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
-
  font-family:arial;
+
box-shadow:inset 0px 1px 0px 0px #d9fbbe;
-
  width: 7em;
+
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
-
  border-radius:12px;
+
background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
-
border-top: solid 2px black;
+
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
 +
background-color:#b8e356;
 +
-webkit-border-top-left-radius:36px;
 +
-moz-border-radius-topleft:36px;
 +
border-top-left-radius:36px;
 +
-webkit-border-top-right-radius:0px;
 +
-moz-border-radius-topright:0px;
 +
border-top-right-radius:0px;
 +
-webkit-border-bottom-right-radius:36px;
 +
-moz-border-radius-bottomright:36px;
 +
border-bottom-right-radius:36px;
 +
-webkit-border-bottom-left-radius:0px;
 +
-moz-border-radius-bottomleft:0px;
 +
border-bottom-left-radius:0px;
 +
text-indent:0;
 +
border:1px solid #83c41a;
 +
display:inline-block;
 +
color:#ffffff;
 +
font-family:Arial;
 +
font-size:15px;
 +
font-weight:bold;
 +
font-style:normal;
 +
height:50px;
 +
line-height:50px;
 +
width:100px;
 +
text-decoration:none;
 +
text-align:center;
 +
text-shadow:1px 1px 0px #86ae47;
}
}
-
 
+
.button:hover {
-
a:hover{
+
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
-
text-decoration:none;
+
background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
-
}
+
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
-
 
+
background-color:#a5cc52;
-
a:visited{
+
}.button:active {
-
color:white;
+
position:relative;
-
}
+
top:1px;
-
 
+
-
a:active{
+
-
color:white;
+
}
}
</style>
</style>
</head>
</head>
<body>
<body>
-
<br><br><br><br>
+
<div class="button">NEXT</div>
-
<a href="google.com"><div class="button">
+
-
  NEXT<br>Gallery
+
-
 
+
-
  </div></a>
+
</body>
</body>
</html>
</html>

Revision as of 19:23, 10 July 2014

NEXT

Retrieved from "http://2014.igem.org/Team:Virginia/Notebook"