Template:Team:Bielefeld-Germany/css/button.css

From 2013.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 3: Line 3:
//Buttons
//Buttons
 +
 +
 +
.bigbutton a{display: table-cell; vertical-align: middle; padding-left:10px; padding-right:10px;}
 +
.bigbutton a:link{color:white; text-decoration:none; font-weight:normal;}
 +
.bigbutton a:visited {color:white; text-decoration:none; font-weight:normal;}
 +
.bigbutton a:focus {color:white; text-decoration:none; font-weight:normal;}
 +
.bigbutton a:hover {color:white; text-decoration:none; font-weight:normal;}
 +
.bigbutton a:active {color:white; text-decoration:none; font-weight:normal;}
 +
 +
.bigbutton:hover {
 +
background:-moz-linear-gradient(top, #ff6600 5%, #e67b09 100%); border-radius:5px);
 +
background: -webkit-linear-gradient(top, #ff6600 5%, #e67b09 100%); border-radius:5px);
 +
}
 +
 +
.bigbutton:active {
 +
position:relative; top:1px;
 +
box-shadow:1px 1px 2px 0px grey;
 +
}
 +
.bigbutton{
.bigbutton{
Line 8: Line 27:
height:50px;  
height:50px;  
border-radius:5px;  
border-radius:5px;  
 +
background:-moz-linear-gradient(top, #e67b09 5%, #ff6600 100%);
background:-moz-linear-gradient(top, #e67b09 5%, #ff6600 100%);
-
background:-webkit-linear-gradient(top, #ff6600 5%, #e67b09 100%);  
+
background:-webkit-gradient(linear, left top, left bottom, color-stop(5%,#e67b09), color-stop(100%,#ff6600));
 +
background: -webkit-linear-gradient(top, #e67b09 0%,#ff6600 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top, #e67b09 0%,#ff6600 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top, #e67b09 0%,#ff6600 100%); /* IE10+ */
 +
background: linear-gradient(to bottom, #e67b09 0%,#ff6600 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e67b09', endColorstr='#ff6600',GradientType=0 ); /* IE6-9 */
color:white;  
color:white;  
text-align:center;  
text-align:center;  
Line 19: Line 44:
box-shadow:1px 1px 2px 1px grey;  
box-shadow:1px 1px 2px 1px grey;  
float:left;"
float:left;"
 +
display:table;
 +
}
}
-
.bigbutton:hover {border: 1px dotted white;}
 
-
.bigbutton:hover {
 
-
background:-moz-linear-gradient(top, #ff6600 5%, #e67b09 100%); border-radius:5px);
 
-
background: -webkit-linear-gradient(top, #ff6600 5%, #e67b09 100%); border-radius:5px);
 
-
}
 
-
 
-
.bigbutton:active {position:relative; top:1px;}
 
</style>
</style>
</html>
</html>

Latest revision as of 09:29, 27 September 2013

Retrieved from "http://2013.igem.org/Template:Team:Bielefeld-Germany/css/button.css"