Browse files

Added new upholstery pattern

Uses a series of radial gradients to make a pattern that looks like
luxurious red upholstery.
  • Loading branch information...
1 parent e846de4 commit a9e0a29f3bf553459878739eb18f4fe4def02b9a @neagle neagle committed Aug 24, 2011
Showing with 14 additions and 1 deletion.
  1. +14 −1 index.html
View
15 index.html
@@ -278,6 +278,19 @@
<li style="background-color: gray;
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
background-size: 50px;" title="Horizontal stripes"></li>
+
+ <li style="background-color: hsl(0, 100%, 10%); background-image:
+radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 9%, hsla(0, 100%, 20%, 0) 9%),
+radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 8%, hsla(0, 100%, 20%, 0) 10%),
+radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)),
+radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)),
+radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%),
+radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%),
+radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)),
+radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)),
+linear-gradient(45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%),
+linear-gradient(-45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%);
+background-position: 0 0, 50px 50px, 50px 0, 0 50px, 50px 0, 100px 50px, 0 0, 50px 50px, 0 0, 0 0; background-size: 100px 100px;" title="Upholstery" data-author="Nate Eagle" data-author-url="http://nateeagle.com/"></li>
</ul>
@@ -314,4 +327,4 @@ <h2 id="new-submissions">Submission guidelines</h2>
</script>
<script src="http://cdn.topsy.com/topsy.js?init=topsyWidgetCreator"></script>
</body>
-</html>
+</html>

0 comments on commit a9e0a29

Please sign in to comment.