Team:Groningen/CSS3
From 2013.igem.org
a:visited{
color: white;
}
table { border:0px solid black; } td { width:205px; padding:5px; vertical-align:top; position:relative; }
.RMbutton{
position:absolute; bottom:10px; right:0px;
}
.tileImage{
width:225px; height:225px;
.tileImage:hover{
opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
.tileImage:active {
position:absolute; top:0px;
}
/* readmore button http://css-tricks.com/examples/ButtonMaker/# */
.myButton {
-moz-box-shadow:inset 0px 0px 0px -1px #0047ab; -webkit-box-shadow:inset 0px 0px 0px -1px #0047ab; box-shadow:inset 0px 0px 0px -1px #0047ab; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0047ab), color-stop(1, #0067e5)); background:-moz-linear-gradient(top, #0047ab 5%, #0067e5 100%); background:-webkit-linear-gradient(top, #0047ab 5%, #0067e5 100%); background:-o-linear-gradient(top, #0047ab 5%, #0067e5 100%); background:-ms-linear-gradient(top, #0047ab 5%, #0067e5 100%); background:linear-gradient(to bottom, #0047ab 5%, #0067e5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0047ab', endColorstr='#0067e5',GradientType=0); background-color:#0047ab; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; border:1px solid #0047ab; display:inline-block; color:#ffffff; font-family:Trebuchet MS; font-size:14px; font-weight:bold; padding:2px 17px; text-decoration:none; text-shadow:1px 1px 0px #0047ab; } .myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0067e5), color-stop(1, #0047ab)); background:-moz-linear-gradient(top, #0067e5 5%, #0047ab 100%); background:-webkit-linear-gradient(top, #0067e5 5%, #0047ab 100%); background:-o-linear-gradient(top, #0067e5 5%, #0047ab 100%); background:-ms-linear-gradient(top, #0067e5 5%, #0047ab 100%); background:linear-gradient(to bottom, #0067e5 5%, #0047ab 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0067e5', endColorstr='#0047ab',GradientType=0); background-color:#0067e5; } .myButton:active { position:relative; top:1px; }