Team:Groningen/CSS3
From 2013.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
.table{ | .table{ | ||
- | width: | + | width:200px; |
padding:5px; | padding:5px; | ||
- | height: | + | height:200px; |
display:table; | display:table; | ||
} | } |
Revision as of 13:41, 31 July 2013
a:visited{
color: white;
}
.table{
width:200px; padding:5px; height:200px; display:table;
}
/* Code for the characteristics for the tiles */
.tile{
height:200px; width:200px; float:left; margin:0 5px 0 0; padding:2px;
}
/* Code for the characteristics for the tiles with text (made a seperate one so this one does not doe anything if you hover over*/
.tileText{
height:200px; width:200px; float:left; margin:0 5px 0 0; padding:2px;
}
/* Color-code for the tiles */
.color1{
background: #fff;
} .color2{
background-color: transparent;
}
.color3{
background:#fff;
}
.color4{
background-color: #fff;
}
/* Color for the mouse hover */
.selection{
opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
/* 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; }