"

From 2013.igem.org

Revision as of 20:24, 31 July 2013 (view source) Ejpostema (Talk | contribs) ← Older edit		Revision as of 20:24, 31 July 2013 (view source) Ejpostema (Talk | contribs) Newer edit →
Line 21:		Line 21:
	}		}
-	.img.tile{	+	.imgtile{
	height:225px;		height:225px;
	width:225px;		width:225px;

---

Revision as of 20:24, 31 July 2013

a:visited{

  color: white;

}

table { border:0px solid black; } td { width:230px; padding:5px; vertical-align:top; position:relative; }

.RMbutton{

    position:absolute;
    bottom:10px;
    right:0px;

}

.imgtile{

   height:225px;
   width: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;
   }