No pseudo-elements just gradients.

index.haml

- (1..3).each do |i|
  %div hello

style.scss

@import "compass";
@import "compass/css3";
@import url(http://fonts.googleapis.com/css?family=Meie+Script);

div {
  @include background(linear-gradient(
    45deg,
    #dcdcdc 5%, #dfdfdf 8%, transparent 8%,
    #d3d3d3 8%, #d3d3d3 8.33333%, transparent 8.4444%,
    transparent 92.4444%,#9ac97e 92%, #c1ddb3 97%, transparent 97%),
    linear-gradient(top,#f9f9f9,#e4e4e4));
  display: inline-block; position: relative;
	padding: 1em 1em 3em; margin: 1.5em;
	width: 240px; height: auto;
  box-shadow: 0 7px 5px -5px rgba(#000,0.4);
  font-family: 'Meie Script', 'cursive';
  font-size: 1.5em;
  color: #555;
  
  &:hover { opacity: 0.9; }
}