Team:Groningen/CSS3
From 2013.igem.org
(Difference between revisions)
(81 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
a:visited{ | 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; | opacity:0.6; | ||
- | filter:alpha(opacity=60); /* For IE8 and earlier */ | + | filter:alpha(opacity=60); /* For IE8 and earlier */ |
+ | } | ||
+ | |||
+ | .tileImage:active { | ||
+ | position:relative; | ||
+ | top:1px; | ||
} | } | ||
/* readmore button http://css-tricks.com/examples/ButtonMaker/# */ | /* readmore button http://css-tricks.com/examples/ButtonMaker/# */ | ||
- | + | ||
- | + | ||
.myButton { | .myButton { | ||
+ | |||
-moz-box-shadow:inset 0px 0px 0px -1px #0047ab; | -moz-box-shadow:inset 0px 0px 0px -1px #0047ab; | ||
-webkit-box-shadow:inset 0px 0px 0px -1px #0047ab; | -webkit-box-shadow:inset 0px 0px 0px -1px #0047ab; |
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; }