"
Template:Team:Bielefeld-Germany/css/button.css
From 2013.igem.org
(Difference between revisions)
| (35 intermediate revisions not shown) | |||
| Line 4: | Line 4: | ||
//Buttons | //Buttons | ||
| - | .bigbutton:hover {background:-moz-linear-gradient(top, #ff6600 5%, #e67b09 100%); border-radius:5px; | + | |
| - | + | .bigbutton a{display: table-cell; vertical-align: middle; padding-left:10px; padding-right:10px;} | |
| - | .bigbutton:active {position:relative; top:1px;} | + | .bigbutton a:link{color:white; text-decoration:none; font-weight:normal;} |
| - | .bigbutton{width:200px;height:50px; border-radius:5px; background:-moz-linear-gradient(top, #e67b09 5%, #ff6600 100%); color:white; text-align:center; vertical-align:middle; line-height:50px; font-size:2.0em; font-weight:normal; font-variant:small-caps; | + | .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{ | ||
| + | width:200px; | ||
| + | height:50px; | ||
| + | border-radius:5px; | ||
| + | |||
| + | background:-moz-linear-gradient(top, #e67b09 5%, #ff6600 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; | ||
| + | text-align:center; | ||
| + | vertical-align:middle; | ||
| + | line-height:50px; | ||
| + | font-size:2.0em; | ||
| + | font-weight:normal; | ||
| + | font-variant:small-caps; | ||
| + | box-shadow:1px 1px 2px 1px grey; | ||
| + | float:left;" | ||
| + | display:table; | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
Latest revision as of 09:29, 27 September 2013
