louies1

/**
 * Loading animation like the one seen on http://www.freeger.com/projects/contextad/ with CSS
 * Caveat: Not DRY. The content needs to be repeated in a data- attribute (or directly in the CSS).
 */

body {
	background: #ccc51c;
	min-height: 100%;
}

louies1

/**
 * CSS3 Flashing Button
 */

.button { display: inline-block; padding: 30px; background-color: #ccc; }

louies1

/* CSS3 shine button */


a { display: block; width: auto; margin: 10px; padding: 10px; text-align: center; border: 1px solid #0C649F; border-radius: 5px; -webkit-border-radius: 5px; Start Gradient */ background: #347aff; background: -moz-linear-gradient(top,  #347aff 0%, #347ae5 50%, #2b65dc 50%, #2455ba 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#347aff), color-stop(50%,#347ae5), color-stop(50%,#2b65dc), color-stop(100%,#2455ba)); background: -webkit-linear-gradient(top,  #347aff 0%,#347ae5 50%,#2b65dc 50%,#2455ba 100%); background: -o-linear-gradient(top,  #347aff 0%,#347ae5 50%,#2b65dc 50%,#2455ba 100%); background: -ms-linear-gradient(top,  #347aff 0%,#347ae5 50%,#2b65dc 50%,#2455ba 100%); background: linear-gradient(to bottom,  #347aff 0%,#347ae5 50%,#2b65dc 50%,#2455ba 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#347aff', endColorstr='#2455ba',GradientType=0 ); /* End Gradient */ line-height: 125%; text-decoration: none; text-shadow: 0