User:Hilycker/common.css

/*Homepage Buttons effects*/ .HomeNav { display:inline-block; position:relative; width:112px; transform: skew(30deg); text-align:center; background:#D50F04; padding:5px; text-transform:uppercase; font-size:14px; margin:2px; } .HomeNav span { display:inline-block; transform: skew(-30deg); } .HomeNav span a { font-size:14px; font-weight:bold; font-family:'Open Sans'; color:white; text-decoration:none; } .HomeNav .trapzoidleft { position:absolute; top:0; left:-10px; height:100%; width:30px; background:#D50F04; transform: skew(-30deg); } .HomeNav .trapzoidright { position:absolute; top:0; right:-10px; height:100%; width:30px; background:#D50F04; transform: skew(-30deg); } .HomeNav:hover span a { color:black; } .HomeTile {   position:relative; height: 106px; width: 106px; background: -webkit-radial-gradient(#727272, #151515); background: -o-radial-gradient(#727272, #151515); background: -moz-radial-gradient(#727272, #151515); background: radial-gradient(#727272, #151515); z-index:0; } .HomeTilelink {   position:absolute; top:84px; width:100%; background-color:rgba(0,0,0,0.6); text-align:center; text-transform:uppercase; color:white; text-shadow: 0 0 2px; font-size:12px; z-index:4; } .HomeTilelink a { color:white; text-decoration: none; } .HomeTileimage, .HomeTileimage-overlap {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:1; z-index:1; } .HomeTileimage2 {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:0; z-index:2; } .HomeTile:hover .HomeTileimage {   opacity:0; } .HomeTile:hover .HomeTileimage2 {   opacity:1; }