Skip to content

Instantly share code, notes, and snippets.

@dandean
Created March 21, 2013 18:31
Show Gist options
  • Select an option

  • Save dandean/5215453 to your computer and use it in GitHub Desktop.

Select an option

Save dandean/5215453 to your computer and use it in GitHub Desktop.
Some stripey CSS shit.
div[data-preference="card-management"]:before {
content:"";
display: block;
position: absolute;
left: 0;
top: 61px;
width: 100%;
height: 6px;
-webkit-background-size: 50px 50px, 100%;
-moz-background-size: 50px 50px, 100%;
-ms-background-size: 50px 50px, 100%;
-o-background-size: 50px 50px, 100%;
background-size: 50px 50px, 100%;
background-image:
-webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent),
-webkit-linear-gradient(top, rgb(255, 218, 0) 0%, rgb(255, 203, 0) 100%);
background-image:
-moz-linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent),
-moz-linear-gradient(top, rgb(255, 218, 0) 0%, rgb(255, 203, 0) 100%);
background-image:
-ms-linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent),
-ms-linear-gradient(top, rgb(255, 218, 0) 0%, rgb(255, 203, 0) 100%);
background-image:
-o-linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent),
-o-linear-gradient(top, rgb(255, 218, 0) 0%, rgb(255, 203, 0) 100%);
background-image:
linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent),
linear-gradient(top, rgb(255, 218, 0) 0%, rgb(255, 203, 0) 100%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment