"
Team:Groningen/CSS3
From 2013.igem.org
(Difference between revisions)
| (17 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
color: white; | color: white; | ||
} | } | ||
| + | a:link{ | ||
| + | color: white; | ||
| + | } | ||
| + | |||
| + | a:hover {text-decoration:none;} | ||
| + | |||
| + | |||
table | table | ||
| Line 7: | Line 14: | ||
border:0px solid black; | border:0px solid black; | ||
} | } | ||
| + | |||
td | td | ||
{ | { | ||
| Line 15: | Line 23: | ||
} | } | ||
| - | .RMbutton{ | + | .RMbutton#Frontpage{ |
position:absolute; | position:absolute; | ||
bottom:10px; | bottom:10px; | ||
| Line 21: | Line 29: | ||
} | } | ||
| - | + | .RMbutton{ | |
| + | position:absolute; | ||
| + | right:0px; | ||
| + | } | ||
| + | |||
| + | .imgtile{ | ||
height:225px; | height:225px; | ||
width:225px; | width:225px; | ||
| Line 32: | Line 45: | ||
.tileImage:active { | .tileImage:active { | ||
| - | position: | + | position:relative; |
| - | top: | + | top:1px; |
} | } | ||
Latest revision as of 12:18, 3 October 2013
a:visited{
color: white;
} a:link{
color: white;
}
a:hover {text-decoration:none;}
table { border:0px solid black; }
td { width:230px; padding:5px; vertical-align:top; position:relative; }
.RMbutton#Frontpage{
position:absolute;
bottom:10px;
right:0px;
}
.RMbutton{
position:absolute;
right:0px;
}
.imgtile{
height:225px; width:225px;
}
.tileImage:hover{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
.tileImage:active {
position:relative;
top:1px;
}
/* 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;
}
