"
Team:Groningen/CSS/Frontpage
From 2013.igem.org
(Difference between revisions)
m |
|||
| (5 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| + | a:visited{ | ||
| + | color: white; | ||
| + | } | ||
.table{ | .table{ | ||
| Line 7: | Line 10: | ||
} | } | ||
| + | /* 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 */ | /* Color for the mouse hover */ | ||
Latest revision as of 15:23, 31 July 2013
a:visited{
color: white;
}
.table{
width:auto; padding:5px; height:auto; 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;
}
