.aqua { display: block; line-height: 32px; color: #fff; font-family: arial, sans-serif; font-size: 14px; font-weight: bold; float: left; text-decoration: none; padding: 0 10px; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(255, 255, 255, 0.2))); background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0)); } .vista { display: block; line-height: 36px; color: #fff; font-family: arial, sans-serif; font-size: 14px; font-weight: bold; float: left; text-decoration: none; padding: 0 13px 0 14px; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(48%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)); }
source: cssplay.co.uk