Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

pushing

  • Loading branch information...
commit 624f53f7b6df585cc3636ab6cf7f55a1c2887895 1 parent 2475e6a
Estelle Weyl authored
Showing with 8,258 additions and 1,180 deletions.
  1. +2 −0  .gitignore
  2. +190 −0 css/angled.css
  3. +159 −0 css/checkered.css
  4. +108 −0 css/diamonds.css
  5. +96 −0 css/dots.css
  6. +747 −0 css/flashes.css
  7. +178 −0 css/food.css
  8. +443 −0 css/hearts.css
  9. +228 −0 css/inverse.css
  10. +8 −0 css/linkedcircles.css
  11. +118 −0 css/metal.css
  12. +290 −0 css/nonrepeat.css
  13. +72 −0 css/pagesetup.css
  14. +92 −0 css/repeat.css
  15. +170 −0 css/seamless.css
  16. +185 −0 css/squares.css
  17. +176 −0 css/stripes.css
  18. +225 −0 css/wallpaper.css
  19. +0 −1,180 flags.html
  20. +190 −0 gradientslibrary/css/angled.css
  21. +159 −0 gradientslibrary/css/checkered.css
  22. +108 −0 gradientslibrary/css/diamonds.css
  23. +96 −0 gradientslibrary/css/dots.css
  24. +747 −0 gradientslibrary/css/flashes.css
  25. +187 −0 gradientslibrary/css/food.css
  26. +443 −0 gradientslibrary/css/hearts.css
  27. +228 −0 gradientslibrary/css/inverse.css
  28. +8 −0 gradientslibrary/css/linkedcircles.css
  29. +118 −0 gradientslibrary/css/metal.css
  30. +290 −0 gradientslibrary/css/nonrepeat.css
  31. +73 −0 gradientslibrary/css/pagesetup.css
  32. +641 −0 gradientslibrary/css/plaid.css
  33. +110 −0 gradientslibrary/css/repeat.css
  34. +170 −0 gradientslibrary/css/seamless.css
  35. +185 −0 gradientslibrary/css/squares.css
  36. +176 −0 gradientslibrary/css/stripes.css
  37. +75 −0 gradientslibrary/css/test.txt
  38. +195 −0 gradientslibrary/css/vintage.css
  39. +227 −0 gradientslibrary/css/wallpaper.css
  40. +182 −0 gradientslibrary/index.html
  41. +163 −0 index.html
2  .gitignore
View
@@ -0,0 +1,2 @@
+
+_notes/dwsync.xml
190 css/angled.css
View
@@ -0,0 +1,190 @@
+@charset "UTF-8";
+/*
+
+Author: Estelle Weyl
+ http://www.standardista.com
+ http://www.twitter.com/estellevw
+
+You can add any background color to these to make angular stripes in the color of your choice.
+
+
+
+*/
+
+
+.angled {
+ background-image: /* Safari 5 and earlier */
+ -webkit-gradient(linear, 100% 100%, 0 0,
+ color-stop(.25, rgba(255, 255, 255, 0.2)),
+ color-stop(.25, rgba(255, 255, 255, 0)),
+ color-stop(.5, rgba(255, 255, 255, 0)),
+ color-stop(.5, rgba(255, 255, 255, 0.2)),
+ color-stop(.75, rgba(255, 255, 255, 0.2)),
+ color-stop(.75, rgba(255, 255, 255, 0)),
+ color-stop(1, rgba(255, 255, 255, 0)));
+ background-image: /* Chrome and Webkit Nightly build */
+ -webkit-linear-gradient(135deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-image: /* Firefox */
+ -moz-linear-gradient(135deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-image: /* IE10 */
+ -ms-linear-gradient(135deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-image: /* opera 11+ */
+ -o-linear-gradient(135deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-image:
+ linear-gradient(135deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ }
+
+ .doubleAngled {
+ background-image: /* Safari 5 and earlier */
+ -webkit-gradient(linear, 100% 100%, 0 0,
+ color-stop(.25, rgba(255, 255, 255, 0.2)),
+ color-stop(.25, rgba(255, 255, 255, 0)),
+ color-stop(.5, rgba(255, 255, 255, 0)),
+ color-stop(.5, rgba(255, 255, 255, 0.2)),
+ color-stop(.75, rgba(255, 255, 255, 0.2)),
+ color-stop(.75, rgba(255, 255, 255, 0)),
+ color-stop(1, rgba(255, 255, 255, 0))),
+ -webkit-gradient(linear, 100% 0, 0 100%,
+ color-stop(.25, rgba(255, 255, 255, 0.2)),
+ color-stop(.25, rgba(255, 255, 255, 0)),
+ color-stop(.5, rgba(255, 255, 255, 0)),
+ color-stop(.5, rgba(255, 255, 255, 0.2)),
+ color-stop(.75, rgba(255, 255, 255, 0.2)),
+ color-stop(.75, rgba(255, 255, 255, 0)),
+ color-stop(1, rgba(255, 255, 255, 0)));
+ background-image: /* Chrome and Webkit Nightly build */
+ -webkit-linear-gradient(135deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ -webkit-linear-gradient(45deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );;
+ background-image: /* Firefox */
+ -moz-linear-gradient(135deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ -moz-linear-gradient(45deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );;
+ background-image: /* IE10 */
+ -ms-linear-gradient(135deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ -ms-linear-gradient(45deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-image: /* opera 11+ */
+ -o-linear-gradient(135deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ -o-linear-gradient(45deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-image:
+ linear-gradient(135deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ linear-gradient(45deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ }
159 css/checkered.css
View
@@ -0,0 +1,159 @@
+@charset "UTF-8";
+/* CSS Document
+
+Author: Estelle Weyl
+ http://www.standardista.com
+ http://www.twitter.com/estellevw
+
+You can add any background color to these to make checkered or tiles patterns in the color of your choice.
+
+
+
+*/
+
+.checkered {
+ background-image: /* Safari 5 and earlier */
+ -webkit-gradient(linear, 0 0, 0 100%,
+ color-stop(0.5, rgba(255, 255, 255, 0.25)),
+ color-stop(0.5, rgba(255, 255, 255, 0)),
+ color-stop(1, rgba(255, 255, 255, 0))),
+ -webkit-gradient(linear, 0 0, 100% 0,
+ color-stop(0.5, rgba(255, 255, 255, 0.25)),
+ color-stop(0.5, rgba(255, 255, 255, 0)),
+ color-stop(1, rgba(255, 255, 255, 0)));
+ background-image: /* Chrome and Nightly webkit build (Safari 6 and newer) */
+ -webkit-linear-gradient(90deg,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0)),
+ -webkit-linear-gradient(0,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0));
+ background-image: /* Firefox */
+ -moz-linear-gradient(90deg,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0)),
+ -moz-linear-gradient(0,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0));
+ background-image: /* IE10 */
+ -ms-linear-gradient(90deg,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0) 100%),
+ -ms-linear-gradient(0deg,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0));
+ background-image: /* opera */
+ -o-linear-gradient(90deg,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0) 100%),
+ -o-linear-gradient(0,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0));
+ background-image:
+ linear-gradient(90deg,
+ rgba(255, 255, 255, 0.25) 50%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0) 100%),
+ linear-gradient(0,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 0));
+
+ /* background-color: red; */
+}
+.kitchenTiles {
+ background-image:
+ -webkit-gradient(linear, 0 0, 0 100%,
+ color-stop(0.05, rgba(255, 255, 255, 1)),
+ color-stop(0.05, rgba(255, 255, 255, 0.2)),
+ color-stop(0.5, rgba(255, 255, 255, 0.2)),
+ color-stop(0.5, rgba(255, 255, 255, 1)),
+ color-stop(0.55, rgba(255, 255, 255, 1)),
+ color-stop(0.55, rgba(255, 255, 255, 0))),
+ -webkit-gradient(linear, 0 0, 100% 0,
+ color-stop(0.05, rgba(255, 255, 255, 1)),
+ color-stop(0.05, rgba(255, 255, 255, 0.2)),
+ color-stop(0.5, rgba(255, 255, 255, 0.2)),
+ color-stop(0.5, rgba(255, 255, 255, 1)),
+ color-stop(0.55, rgba(255, 255, 255, 1)),
+ color-stop(0.55, rgba(255, 255, 255, 0)));
+ background-image:
+ -moz-linear-gradient(90deg,
+ rgba(255, 255, 255, 1) 5%,
+ rgba(255, 255, 255, .25) 5%,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 55%,
+ rgba(255, 255, 255, 0) 55%,
+ rgba(255, 255, 255, 0)),
+ -moz-linear-gradient(0,
+ rgba(255, 255, 255, 1)5%,
+ rgba(255, 255, 255, .25) 5%,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 55%,
+ rgba(255, 255, 255, 0) 55%,
+ rgba(255, 255, 255, 0));
+
+ background-image:
+ -ms-linear-gradient(90deg,
+ rgba(255, 255, 255, 1) 5%,
+ rgba(255, 255, 255, .25) 5%,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 55%,
+ rgba(255, 255, 255, 0) 55%,
+ rgba(255, 255, 255, 0)),
+ -ms-linear-gradient(0deg,
+ rgba(255, 255, 255, 1)5%,
+ rgba(255, 255, 255, .25) 5%,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 55%,
+ rgba(255, 255, 255, 0) 55%,
+ rgba(255, 255, 255, 0));
+ background-image:
+ -o-linear-gradient(90deg,
+ rgba(255, 255, 255, 1) 5%,
+ rgba(255, 255, 255, .25) 5%,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 55%,
+ rgba(255, 255, 255, 0) 55%,
+ rgba(255, 255, 255, 0)),
+ -o-linear-gradient(0,
+ rgba(255, 255, 255, 1)5%,
+ rgba(255, 255, 255, .25) 5%,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 55%,
+ rgba(255, 255, 255, 0) 55%,
+ rgba(255, 255, 255, 0));
+ background-image:
+ linear-gradient(90deg,
+ rgba(255, 255, 255, 1) 5%,
+ rgba(255, 255, 255, .25) 5%,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 55%,
+ rgba(255, 255, 255, 0) 55%,
+ rgba(255, 255, 255, 0)),
+ linear-gradient(0,
+ rgba(255, 255, 255, 1)5%,
+ rgba(255, 255, 255, .25) 5%,
+ rgba(255, 255, 255, .25) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 55%,
+ rgba(255, 255, 255, 0) 55%,
+ rgba(255, 255, 255, 0));
+
+ /* background-color: red; */
+}
108 css/diamonds.css
View
@@ -0,0 +1,108 @@
+@charset "UTF-8";
+/* CSS Document
+
+Author: Estelle Weyl
+ http://www.standardista.com
+ http://www.twitter.com/estellevw
+
+You can add any background color to these to make squares in the color of your choice.
+
+
+
+*/
+
+.diamonds {
+ background-image: /* Safari 5 and earlier */
+ -webkit-gradient(linear, 100% 100%, 0 0,
+ color-stop(.25, rgba(255, 255, 255, 1)),
+ color-stop(.25, rgba(255, 255, 255, 0)),
+ color-stop(.5, rgba(255, 255, 255, 0)),
+ color-stop(.5, rgba(255, 255, 255, 1)),
+ color-stop(.75, rgba(255, 255, 255, 1)),
+ color-stop(.75, rgba(255, 255, 255, 0)),
+ color-stop(1, rgba(255, 255, 255, 0))),
+ -webkit-gradient(linear, 100% 0, 0 100%,
+ color-stop(.25, rgba(255, 255, 255, 1)),
+ color-stop(.25, rgba(255, 255, 255, 0)),
+ color-stop(.5, rgba(255, 255, 255, 0)),
+ color-stop(.5, rgba(255, 255, 255, 1)),
+ color-stop(.75, rgba(255, 255, 255, 1)),
+ color-stop(.75, rgba(255, 255, 255, 0)),
+ color-stop(1, rgba(255, 255, 255, 0)));
+ background-image: /* Chrome and Webkit Nightly build */
+ -webkit-linear-gradient(135deg,
+ rgba(255, 255, 255, 1) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ -webkit-linear-gradient(45deg,
+ rgba(255, 255, 255, 1) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );;
+ background-image: /* Firefox */
+ -moz-linear-gradient(135deg,
+ rgba(255, 255, 255, 1) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ -moz-linear-gradient(45deg,
+ rgba(255, 255, 255, 1) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );;
+ background-image: /* opera 11+ */
+ -o-linear-gradient(135deg,
+ rgba(255, 255, 255, 1) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ -o-linear-gradient(45deg,
+ rgba(255, 255, 255, 1) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-image:
+ linear-gradient(135deg,
+ rgba(255, 255, 255, 1) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ linear-gradient(45deg,
+ rgba(255, 255, 255, 1) 25%,
+ rgba(255, 255, 255, 0) 25%,
+ rgba(255, 255, 255, 0) 50%,
+ rgba(255, 255, 255, 1) 50%,
+ rgba(255, 255, 255, 1) 75%,
+ rgba(255, 255, 255, 0) 75%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ }
96 css/dots.css
View
@@ -0,0 +1,96 @@
+@charset "UTF-8";
+/* CSS Document */
+
+
+.dots {
+
+ background-image:
+ -webkit-gradient(radial, 30 30, 0, 30 30, 45,
+ color-stop(0.4, rgba(255,255,255,0.5)),
+ color-stop(0.44, rgba(255,255,255,0))
+ ),
+ -webkit-gradient(radial, 30 30, 0, 30 30, 45,
+ color-stop(0.4, rgba(255,255,255,0.5)),
+ color-stop(0.44, rgba(255,255,255,0))
+ );
+
+ background-image:
+ -webkit-radial-gradient(30% 30%,circle closest-side,
+ rgba(255,255,225,0.5) 40%,
+ rgba(255,255,225,0) 44%,
+ transparent 100%),
+ -webkit-radial-gradient(30% 30%,circle closest-side,
+ rgba(255,255,225,0.5) 40%,
+ rgba(255,255,225,0) 44%,
+ transparent 100%);
+ background-image:
+ -moz-radial-gradient(30% 30%,circle closest-side,
+ rgba(255,255,225,0.5) 40%,
+ rgba(255,255,225,0) 44%,
+ transparent 100%),
+ -moz-radial-gradient(30% 30%,circle closest-side,
+ rgba(255,255,225,0.5) 40%,
+ rgba(255,255,225,0) 44%,
+ transparent 100%);
+ background-image:
+ -ms-radial-gradient(30% 30%,circle closest-side,
+ rgba(255,255,225,0.5) 40%,
+ rgba(255,255,225,0) 44%,
+ transparent 100%),
+ -ms-radial-gradient(30% 30%,circle closest-side,
+ rgba(255,255,225,0.5) 40%,
+ rgba(255,255,225,0) 44%,
+ transparent 100%);
+ background-image:
+ -o-radial-gradient(30% 30%,circle closest-side,
+ rgba(255,255,225,0.5) 40%,
+ rgba(255,255,225,0) 44%,
+ transparent 100%),
+ -o-radial-gradient(30% 30%,circle closest-side,
+ rgba(255,255,225,0.5) 40%,
+ rgba(255,255,225,0) 44%,
+ transparent 100%);
+
+ background-image:
+ radial-gradient(30% 30%,circle closest-side,
+ rgba(255,255,225,0.5) 40%,
+ rgba(255,255,225,0) 44%,
+ transparent 100%),
+ radial-gradient(30% 30%,circle closest-side,
+ rgba(255,255,225,0.5) 40%,
+ rgba(255,255,225,0) 44%,
+ transparent 100%);
+
+ /*ff 3.6*/-moz-background-size: 100px 100px;
+ background-size: 100px 100px;
+ background-position: 0 0, 50px 50px;
+}
+.small {
+ background-image:
+ -webkit-gradient(radial, 20 20, 0, 20 20, 20,
+ color-stop(0.4, rgba(255,255,255,0.5)),
+ color-stop(0.44, rgba(255,255,255,0))
+ ),
+ -webkit-gradient(radial, 20 20, 0, 20 20, 20,
+ color-stop(0.4, rgba(255,255,255,0.5)),
+ color-stop(0.44, rgba(255,255,255,0))
+ );
+
+ /*ff 3.6*/-moz-background-size: 50px 50px;
+ background-size: 50px 50px;
+ background-position: 0 0, 25px 25px;
+}
+
+.tiny {background-image:
+ -webkit-gradient(radial, 7 7, 0, 7 7, 7,
+ color-stop(0.4, rgba(255,255,255,0.5)),
+ color-stop(0.44, rgba(255,255,255,0))
+ ),
+ -webkit-gradient(radial, 7 7, 0, 7 7, 7,
+ color-stop(0.4, rgba(255,255,255,0.5)),
+ color-stop(0.44, rgba(255,255,255,0))
+ );
+ /*ff 3.6*/-moz-background-size: 20px 20px;
+ background-size: 20px 20px;
+ background-position: 0 0, 10px 10px;
+}
747 css/flashes.css
View
@@ -0,0 +1,747 @@
+@charset "UTF-8";/*
+
+Author: Estelle Weyl
+ http://www.standardista.com
+ http://www.twitter.com/estellevw
+
+Check out http://standardista.com/sandbox/lightbursts.html in webkit to see the flashes animated.
+
+
+*/
+.flash{
+ background-color:#000000;
+ background-image:
+ -webkit-gradient(radial, 25 25, 0, 25 25, 20,
+ from(rgba(255,255,255,0.95)),
+ to(rgba(189,58,54,0)),
+ color-stop(.1,rgba(255,255,255,0.63)),
+ color-stop(.4,rgba(189,58,54,0.21)),
+ color-stop(.45,rgba(189,58,54,0)),
+ color-stop(.5,rgba(189,58,54,0.43)),
+ color-stop(.55,rgba(189,58,54,0))),
+ -webkit-gradient(radial, 25 25, 0, 25 25, 30,
+ from(rgba(255,255,255,0.99)),
+ to(rgba(255,255,255,0.0)),
+ color-stop(.7,rgba(255,255,255,0.1))),
+ -webkit-gradient(radial, 10 10, 0, 10 10, 4,
+ from(rgba(255,255,255,0.4)),
+ to(rgba(255,255,255,0)),
+ color-stop(.7,rgba(255,255,255,0))),
+ -webkit-gradient(radial, 10 10, 0, 10 10, 4, from(rgba(255,255,255,0.4)), to(rgba(255,255,255,0)), color-stop(.7,rgba(255,255,255,0))),
+ -webkit-gradient(radial, 10 10, 0, 10 10, 4, from(rgba(255,255,255,0.4)), to(rgba(255,255,255,0)), color-stop(.7,rgba(255,255,255,0))),
+ -webkit-gradient(radial, 10 10, 0, 10 10, 4, from(rgba(255,255,255,0.4)), to(rgba(255,255,255,0)), color-stop(.7,rgba(255,255,255,0))),
+ /* red circle with white center -RedB */
+ -webkit-gradient(radial, 50 50, 0, 50 50, 35,
+ from(rgba(255,255,255,0.95)),
+ to(rgba(189,58,54,0)),
+ color-stop(.1,rgba(255,255,255,0.8)),
+ color-stop(.7,rgba(189,58,54,0.21)),
+ color-stop(.85,rgba(189,58,54,0)),
+ color-stop(.9,rgba(189,58,54,0.53)),
+ color-stop(.95,rgba(189,58,54,0))),
+ /* large rainbow circle -Flag*/
+ -webkit-gradient(radial, 45 45, 0, 45 45, 45,
+ from(rgba(255,255,255,0)),
+ to(rgba(189,58,54,0)),
+ color-stop(0.23, rgba(0,218,0,0.10)),
+ color-stop(0.54, rgba(0,218,0,0.18)),
+ color-stop(.54,rgba(189,58,54,0.25)),
+ color-stop(.57,rgba(189,58,54,0.25)),
+ color-stop(0.6, rgba(0, 218,0,0)),
+ color-stop(0.83, rgba(0, 0,218,0)),
+ color-stop(0.86, rgba(0, 0,218,0.25)),
+ color-stop(0.89, rgba(0,218,0,0.25)),
+ color-stop(0.92, rgba(251,218,63,0.18)),
+ color-stop(0.95, rgba(189,58,54,0.25))),
+ /* green circle with blue center -blue*/
+ -webkit-gradient(radial, 41 41, 4, 30 30, 30,
+ from(rgba(0,0,218,0.25)),
+ to(rgba(0,0,0,0)),
+ color-stop(.6,rgba(0,218,0,0.10)),
+ color-stop(.7,rgba(0,218,0,0)),
+ color-stop(.71,rgba(0,0,0,0.35)),
+ color-stop(.9,rgba(0,0,0,0))),
+ /* single red on top of dim -sr*/
+ -webkit-gradient(radial, 50 50, 10, 50 50, 11,
+ from(rgba(189,58,54,0.15)),
+ to(rgba(0,0,0,0)),
+ color-stop(.9,rgba(189,58,54,0.15)),
+ color-stop(.91,rgba(189,58,54,0.0))),
+ /* barely visible red inner and outer cirle -dim*/
+ -webkit-gradient(radial, 50 50, 0, 50 50, 22,
+ from(rgba(189,58,54,0.25)),
+ to(rgba(0,0,0,0)),
+ color-stop(.25,rgba(189,58,54,0.25)),
+ color-stop(.26,rgba(189,58,54,0.1)),
+ color-stop(.9,rgba(189,58,54,0.2)),
+ color-stop(.91,rgba(189,58,54,0.0)));
+ background-image:
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.95) 0%,
+ rgba(255,255,255,0.63) 10%,
+ rgba(189,58,54,0.21) 40%,
+ rgba(189,58,54,0) 45%,
+ rgba(189,58,54,0.43) 50%,
+ rgba(189,58,54,0) 55%,
+ rgba(189,58,54,0) 100%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.99) 0%,
+ rgba(255,255,255,0.1) 70%,
+ rgba(255,255,255,0.0) 100%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.95) 0%,
+ rgba(255,255,255,0.8) 10%,
+ rgba(189,58,54,0.21) 70%,
+ rgba(189,58,54,0) 85%,
+ rgba(189,58,54,0.53) 90%,
+ rgba(189,58,54,0) 95%,
+ rgba(189,58,54,0) 100%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0) 0%,
+ rgba(0,218,0,0.10) 23%,
+ rgba(0,218,0,0.18) 54%,
+ rgba(189,58,54,0.25) 54%,
+ rgba(189,58,54,0.25) 57%,
+ rgba(0, 218,0,0) 60%,
+ rgba(0, 0,218,0) 83%,
+ rgba(0, 0,218,0.25) 86%,
+ rgba(0,218,0,0.25) 89%,
+ rgba(251,218,63,0.18) 92%,
+ rgba(189,58,54,0.25) 95%,
+ rgba(189,58,54,0) 100%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(0,0,218,0.25) 0%,
+ rgba(0,218,0,0.10) 60%,
+ rgba(0,218,0,0) 70%,
+ rgba(0,0,0,0.35) 71%,
+ rgba(0,0,0,0) 90%,
+ rgba(0,0,0,0) 100%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(189,58,54,0.15) 0%,
+ rgba(189,58,54,0.15) 90%,
+ rgba(189,58,54,0.0) 91%,
+ rgba(0,0,0,0) 100%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(189,58,54,0.25) 0%,
+ rgba(189,58,54,0.25) 25%,
+ rgba(189,58,54,0.1) 26%,
+ rgba(189,58,54,0.2) 90%,
+ rgba(189,58,54,0.0) 91%,
+ rgba(0,0,0,0) 100%)/**/;
+
+
+ background-image:
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.95) 0%,
+ rgba(255,255,255,0.63) 10%,
+ rgba(189,58,54,0.21) 40%,
+ rgba(189,58,54,0) 45%,
+ rgba(189,58,54,0.43) 50%,
+ rgba(189,58,54,0) 55%,
+ rgba(189,58,54,0) 100%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.99) 0%,
+ rgba(255,255,255,0.1) 70%,
+ rgba(255,255,255,0.0) 100%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.95) 0%,
+ rgba(255,255,255,0.8) 10%,
+ rgba(189,58,54,0.21) 70%,
+ rgba(189,58,54,0) 85%,
+ rgba(189,58,54,0.53) 90%,
+ rgba(189,58,54,0) 95%,
+ rgba(189,58,54,0) 100%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0) 0%,
+ rgba(0,218,0,0.10) 23%,
+ rgba(0,218,0,0.18) 54%,
+ rgba(189,58,54,0.25) 54%,
+ rgba(189,58,54,0.25) 57%,
+ rgba(0, 218,0,0) 60%,
+ rgba(0, 0,218,0) 83%,
+ rgba(0, 0,218,0.25) 86%,
+ rgba(0,218,0,0.25) 89%,
+ rgba(251,218,63,0.18) 92%,
+ rgba(189,58,54,0.25) 95%,
+ rgba(189,58,54,0) 100%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(0,0,218,0.25) 0%,
+ rgba(0,218,0,0.10) 60%,
+ rgba(0,218,0,0) 70%,
+ rgba(0,0,0,0.35) 71%,
+ rgba(0,0,0,0) 90%,
+ rgba(0,0,0,0) 100%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(189,58,54,0.15) 0%,
+ rgba(189,58,54,0.15) 90%,
+ rgba(189,58,54,0.0) 91%,
+ rgba(0,0,0,0) 100%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(189,58,54,0.25) 0%,
+ rgba(189,58,54,0.25) 25%,
+ rgba(189,58,54,0.1) 26%,
+ rgba(189,58,54,0.2) 90%,
+ rgba(189,58,54,0.0) 91%,
+ rgba(0,0,0,0) 100%)/**/;
+
+ background-image:
+ -o-radial-gradient(circle,
+ rgba(255,255,255,0.95) 0%,
+ rgba(255,255,255,0.63) 10%,
+ rgba(189,58,54,0.21) 40%,
+ rgba(189,58,54,0) 45%,
+ rgba(189,58,54,0.43) 50%,
+ rgba(189,58,54,0) 55%,
+ rgba(189,58,54,0) 100%
+ ),
+ -o-radial-gradient(circle,
+ rgba(255,255,255,0.99) 0%,
+ rgba(255,255,255,0.1) 70%,
+ rgba(255,255,255,0.0) 100%
+ ),
+ -o-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+ -o-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+ -o-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+ -o-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 70%,
+ rgba(255,255,255,0) 100%
+ ),
+
+ -o-radial-gradient(circle,
+ rgba(255,255,255,0.95) 0%,
+ rgba(255,255,255,0.8) 10%,
+ rgba(189,58,54,0.21) 70%,
+ rgba(189,58,54,0) 85%,
+ rgba(189,58,54,0.53) 90%,
+ rgba(189,58,54,0) 95%,
+ rgba(189,58,54,0) 100%
+ ),
+ -o-radial-gradient(circle,
+ rgba(255,255,255,0) 0%,
+ rgba(0,218,0,0.10) 23%,
+ rgba(0,218,0,0.18) 54%,
+ rgba(189,58,54,0.25) 54%,
+ rgba(189,58,54,0.25) 57%,
+ rgba(0, 218,0,0) 60%,
+ rgba(0, 0,218,0) 83%,
+ rgba(0, 0,218,0.25) 86%,
+ rgba(0,218,0,0.25) 89%,
+ rgba(251,218,63,0.18) 92%,
+ rgba(189,58,54,0.25) 95%,
+ rgba(189,58,54,0) 100%
+ ),
+ -o-radial-gradient(circle,
+ rgba(0,0,218,0.25) 0%,
+ rgba(0,218,0,0.10) 60%,
+ rgba(0,218,0,0) 70%,
+ rgba(0,0,0,0.35) 71%,
+ rgba(0,0,0,0) 90%,
+ rgba(0,0,0,0) 100%
+ ),
+ -o-radial-gradient(circle,
+ rgba(189,58,54,0.15) 0%,
+ rgba(189,58,54,0.15) 90%,
+ rgba(189,58,54,0.0) 91%,
+ rgba(0,0,0,0) 100%
+ ),
+ -o-radial-gradient(circle,
+ rgba(189,58,54,0.25) 0%,
+ rgba(189,58,54,0.25) 25%,
+ rgba(189,58,54,0.1) 26%,
+ rgba(189,58,54,0.2) 90%,
+ rgba(189,58,54,0.0) 91%,
+ rgba(0,0,0,0) 100%)/**/;
+
+
+ /*ff 3.6*/-moz-background-size: 100px 100px;
+ background-size: 100px 100px;
+ background-position:
+ 75px 75px,
+ 85px 85px,
+ 94px 95px,
+ 117px 137px,
+ 58px 60px, /* RedB*/
+ 40px 40px, /* Flag*/
+ 125px 150px, /* blue*/
+ 87px 197px, /*sr */
+ 90px 100px;/* dim*/
+}
+.flash2{
+ background-color:#000000;
+ background-image:
+ /* -webkit-gradient(radial, 125 125, 0, 125 125, 100,
+ from(rgba(255,255,255,0.95)),
+ to(rgba(189,58,54,0)),
+ color-stop(.1,rgba(255,255,255,0.63)),
+ color-stop(.4,rgba(189,58,54,0.21)),
+ color-stop(.45,rgba(189,58,54,0)),
+ color-stop(.5,rgba(189,58,54,0.43)),
+ color-stop(.55,rgba(189,58,54,0))),
+ -webkit-gradient(radial, 125 125, 0, 125 125, 150,
+ from(rgba(255,255,255,0.99)),
+ to(rgba(255,255,255,0.0)),
+ color-stop(.7,rgba(255,255,255,0.1))),*/
+ -webkit-gradient(radial, 10 10, 0, 10 10, 4,
+ from(rgba(255,255,255,0.4)),
+ to(rgba(255,255,255,0)),
+ color-stop(.7,rgba(255,255,255,0))),
+ -webkit-gradient(radial, 10 10, 0, 10 10, 4, from(rgba(255,255,255,0.4)), to(rgba(255,255,255,0)), color-stop(.7,rgba(255,255,255,0))),
+ -webkit-gradient(radial, 10 10, 0, 10 10, 4, from(rgba(255,255,255,0.4)), to(rgba(255,255,255,0)), color-stop(.7,rgba(255,255,255,0))),
+ -webkit-gradient(radial, 10 10, 0, 10 10, 4, from(rgba(255,255,255,0.4)), to(rgba(255,255,255,0)), color-stop(.7,rgba(255,255,255,0))),
+ /* red circle with white center -RedB */
+ -webkit-gradient(radial, 50 50, 0, 50 50, 35,
+ from(rgba(255,255,255,0.95)),
+ to(rgba(189,58,54,0)),
+ color-stop(.1,rgba(255,255,255,0.8)),
+ color-stop(.7,rgba(189,58,54,0.21)),
+ color-stop(.85,rgba(189,58,54,0)),
+ color-stop(.9,rgba(189,58,54,0.53)),
+ color-stop(.95,rgba(189,58,54,0))),
+ /* large rainbow circle -Flag*/
+ -webkit-gradient(radial, 45 45, 0, 45 45, 45,
+ from(rgba(255,255,255,0)),
+ to(rgba(189,58,54,0)),
+ color-stop(0.23, rgba(0,218,0,0.10)),
+ color-stop(0.54, rgba(0,218,0,0.18)),
+ color-stop(.54,rgba(189,58,54,0.25)),
+ color-stop(.57,rgba(189,58,54,0.25)),
+ color-stop(0.6, rgba(0, 218,0,0)),
+ color-stop(0.83, rgba(0, 0,218,0)),
+ color-stop(0.86, rgba(0, 0,218,0.25)),
+ color-stop(0.89, rgba(0,218,0,0.25)),
+ color-stop(0.92, rgba(251,218,63,0.18)),
+ color-stop(0.95, rgba(189,58,54,0.25))),
+ /* green circle with blue center -blue*/
+ -webkit-gradient(radial, 41 41, 4, 30 30, 30,
+ from(rgba(0,0,218,0.25)),
+ to(rgba(0,0,0,0)),
+ color-stop(.6,rgba(0,218,0,0.10)),
+ color-stop(.7,rgba(0,218,0,0)),
+ color-stop(.71,rgba(0,0,0,0.35)),
+ color-stop(.9,rgba(0,0,0,0))),
+ /* single red on top of dim -sr*/
+ -webkit-gradient(radial, 50 50, 10, 50 50, 11,
+ from(rgba(189,58,54,0.15)),
+ to(rgba(0,0,0,0)),
+ color-stop(.9,rgba(189,58,54,0.15)),
+ color-stop(.91,rgba(189,58,54,0.0))),
+ /* barely visible red inner and outer cirle -dim*/
+ -webkit-gradient(radial, 50 50, 0, 50 50, 22,
+ from(rgba(189,58,54,0.25)),
+ to(rgba(0,0,0,0)),
+ color-stop(.25,rgba(189,58,54,0.25)),
+ color-stop(.26,rgba(189,58,54,0.1)),
+ color-stop(.9,rgba(189,58,54,0.2)),
+ color-stop(.91,rgba(189,58,54,0.0)));
+background-image:
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 28%,
+ rgba(255,255,255,0) 40%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0,
+ rgba(255,255,255,0) 28%,
+ rgba(255,255,255,0) 40%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 3.5%,
+ rgba(255,255,255,0) 5%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 3.5%,
+ rgba(255,255,255,0) 5%
+ ),
+ /* red circle with white center -RedB */
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0.95) 0%,
+ rgba(255,255,255,0.8) 4%,
+ rgba(189,58,54,0.21) 28%,
+ rgba(189,58,54,0) 34%,
+ rgba(189,58,54,0.53) 36%,
+ rgba(189,58,54,0) 38%,
+ rgba(189,58,54,0) 40%
+ ),
+ /* large rainbow circle -Flag*/
+ -moz-radial-gradient(circle,
+ rgba(255,255,255,0) 0%,
+ rgba(0,218,0,0.10) 11.5%,
+ rgba(0,218,0,0.18) 27%,
+ rgba(189,58,54,0.25) 27%,
+ rgba(189,58,54,0.25) 28.5%,
+ rgba(0, 218,0,0) 30%,
+ rgba(0, 0,218,0) 41.5%,
+ rgba(0, 0,218,0.25) 43%,
+ rgba(0,218,0,0.25) 44.5%,
+ rgba(251,218,63,0.18) 46%,
+ rgba(189,58,54,0.25) 47.5%,
+ rgba(189,58,54,0) 50%
+ ),
+ /* green circle with blue center -blue*/
+ -moz-radial-gradient(circle,
+ rgba(0,0,218,0.25) 0%,
+ rgba(0,218,0,0.10) 24.0%,
+ rgba(0,218,0,0) 28.0%,
+ rgba(0,0,0,0.35) 28.4%,
+ rgba(0,0,0,0) 36.0%,
+ rgba(0,0,0,0) 40.0%
+ ),
+ /* single red on top of dim -sr*/
+ -moz-radial-gradient(circle,
+ rgba(189,58,54,0.15) 0%,
+ rgba(189,58,54,0.15) 36.0%,
+ rgba(189,58,54,0.0) 36.4%,
+ rgba(0,0,0,0) 40.0%
+ ),
+ /* barely visible red inner and outer cirle -dim*/
+ -moz-radial-gradient(circle,
+ rgba(189,58,54,0.25) 0%,
+ rgba(189,58,54,0.25) 10%,
+ rgba(189,58,54,0.1) 12%,
+ rgba(189,58,54,0.2) 36%,
+ rgba(189,58,54,0.0) 36.4%,
+ rgba(0,0,0,0) 40.0%)/**/;
+
+
+ background-image:
+ -webkit-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 28%,
+ rgba(255,255,255,0) 40%
+ ),
+ -webkit-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0,
+ rgba(255,255,255,0) 28%,
+ rgba(255,255,255,0) 40%
+ ),
+ -webkit-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 3.5%,
+ rgba(255,255,255,0) 5%
+ ),
+ -webkit-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 3.5%,
+ rgba(255,255,255,0) 5%
+ ),
+ /* red circle with white center -RedB */
+ -webkit-radial-gradient(circle,
+ rgba(255,255,255,0.95) 0%,
+ rgba(255,255,255,0.8) 4%,
+ rgba(189,58,54,0.21) 28%,
+ rgba(189,58,54,0) 34%,
+ rgba(189,58,54,0.53) 36%,
+ rgba(189,58,54,0) 38%,
+ rgba(189,58,54,0) 40%
+ ),
+ /* large rainbow circle -Flag*/
+ -webkit-radial-gradient(circle,
+ rgba(255,255,255,0) 0%,
+ rgba(0,218,0,0.10) 11.5%,
+ rgba(0,218,0,0.18) 27%,
+ rgba(189,58,54,0.25) 27%,
+ rgba(189,58,54,0.25) 28.5%,
+ rgba(0, 218,0,0) 30%,
+ rgba(0, 0,218,0) 41.5%,
+ rgba(0, 0,218,0.25) 43%,
+ rgba(0,218,0,0.25) 44.5%,
+ rgba(251,218,63,0.18) 46%,
+ rgba(189,58,54,0.25) 47.5%,
+ rgba(189,58,54,0) 50%
+ ),
+ /* green circle with blue center -blue*/
+ -webkit-radial-gradient(circle,
+ rgba(0,0,218,0.25) 0%,
+ rgba(0,218,0,0.10) 24.0%,
+ rgba(0,218,0,0) 28.0%,
+ rgba(0,0,0,0.35) 28.4%,
+ rgba(0,0,0,0) 36.0%,
+ rgba(0,0,0,0) 40.0%
+ ),
+ /* single red on top of dim -sr*/
+ -webkit-radial-gradient(circle,
+ rgba(189,58,54,0.15) 0%,
+ rgba(189,58,54,0.15) 36.0%,
+ rgba(189,58,54,0.0) 36.4%,
+ rgba(0,0,0,0) 40.0%
+ ),
+ /* barely visible red inner and outer cirle -dim*/
+ -webkit-radial-gradient(circle,
+ rgba(189,58,54,0.25) 0%,
+ rgba(189,58,54,0.25) 10%,
+ rgba(189,58,54,0.1) 12%,
+ rgba(189,58,54,0.2) 36%,
+ rgba(189,58,54,0.0) 36.4%,
+ rgba(0,0,0,0) 40.0%)/**/;
+
+ background-image:
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 28%,
+ rgba(255,255,255,0) 40%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0,
+ rgba(255,255,255,0) 28%,
+ rgba(255,255,255,0) 40%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 3.5%,
+ rgba(255,255,255,0) 5%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 3.5%,
+ rgba(255,255,255,0) 5%
+ ),
+ /* red circle with white center -RedB */
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0.95) 0%,
+ rgba(255,255,255,0.8) 4%,
+ rgba(189,58,54,0.21) 28%,
+ rgba(189,58,54,0) 34%,
+ rgba(189,58,54,0.53) 36%,
+ rgba(189,58,54,0) 38%,
+ rgba(189,58,54,0) 40%
+ ),
+ /* large rainbow circle -Flag*/
+ -ms-radial-gradient(circle,
+ rgba(255,255,255,0) 0%,
+ rgba(0,218,0,0.10) 11.5%,
+ rgba(0,218,0,0.18) 27%,
+ rgba(189,58,54,0.25) 27%,
+ rgba(189,58,54,0.25) 28.5%,
+ rgba(0, 218,0,0) 30%,
+ rgba(0, 0,218,0) 41.5%,
+ rgba(0, 0,218,0.25) 43%,
+ rgba(0,218,0,0.25) 44.5%,
+ rgba(251,218,63,0.18) 46%,
+ rgba(189,58,54,0.25) 47.5%,
+ rgba(189,58,54,0) 50%
+ ),
+ /* green circle with blue center -blue*/
+ -ms-radial-gradient(circle,
+ rgba(0,0,218,0.25) 0%,
+ rgba(0,218,0,0.10) 24.0%,
+ rgba(0,218,0,0) 28.0%,
+ rgba(0,0,0,0.35) 28.4%,
+ rgba(0,0,0,0) 36.0%,
+ rgba(0,0,0,0) 40.0%
+ ),
+ /* single red on top of dim -sr*/
+ -ms-radial-gradient(circle,
+ rgba(189,58,54,0.15) 0%,
+ rgba(189,58,54,0.15) 36.0%,
+ rgba(189,58,54,0.0) 36.4%,
+ rgba(0,0,0,0) 40.0%
+ ),
+ /* barely visible red inner and outer cirle -dim*/
+ -ms-radial-gradient(circle,
+ rgba(189,58,54,0.25) 0%,
+ rgba(189,58,54,0.25) 10%,
+ rgba(189,58,54,0.1) 12%,
+ rgba(189,58,54,0.2) 36%,
+ rgba(189,58,54,0.0) 36.4%,
+ rgba(0,0,0,0) 40.0%)/**/;
+
+ background-image:
+ radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 28%,
+ rgba(255,255,255,0) 40%
+ ),
+ radial-gradient(circle,
+ rgba(255,255,255,0.4) 0,
+ rgba(255,255,255,0) 28%,
+ rgba(255,255,255,0) 40%
+ ),
+ radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 3.5%,
+ rgba(255,255,255,0) 5%
+ ),
+ radial-gradient(circle,
+ rgba(255,255,255,0.4) 0%,
+ rgba(255,255,255,0) 3.5%,
+ rgba(255,255,255,0) 5%
+ ),
+ /* red circle with white center -RedB */
+ radial-gradient(circle,
+ rgba(255,255,255,0.95) 0%,
+ rgba(255,255,255,0.8) 4%,
+ rgba(189,58,54,0.21) 28%,
+ rgba(189,58,54,0) 34%,
+ rgba(189,58,54,0.53) 36%,
+ rgba(189,58,54,0) 38%,
+ rgba(189,58,54,0) 40%
+ ),
+ /* large rainbow circle -Flag*/
+ radial-gradient(circle,
+ rgba(255,255,255,0) 0%,
+ rgba(0,218,0,0.10) 11.5%,
+ rgba(0,218,0,0.18) 27%,
+ rgba(189,58,54,0.25) 27%,
+ rgba(189,58,54,0.25) 28.5%,
+ rgba(0, 218,0,0) 30%,
+ rgba(0, 0,218,0) 41.5%,
+ rgba(0, 0,218,0.25) 43%,
+ rgba(0,218,0,0.25) 44.5%,
+ rgba(251,218,63,0.18) 46%,
+ rgba(189,58,54,0.25) 47.5%,
+ rgba(189,58,54,0) 50%
+ ),
+ /* green circle with blue center -blue*/
+ radial-gradient(circle,
+ rgba(0,0,218,0.25) 0%,
+ rgba(0,218,0,0.10) 24.0%,
+ rgba(0,218,0,0) 28.0%,
+ rgba(0,0,0,0.35) 28.4%,
+ rgba(0,0,0,0) 36.0%,
+ rgba(0,0,0,0) 40.0%
+ ),
+ /* single red on top of dim -sr*/
+ radial-gradient(circle,
+ rgba(189,58,54,0.15) 0%,
+ rgba(189,58,54,0.15) 36.0%,
+ rgba(189,58,54,0.0) 36.4%,
+ rgba(0,0,0,0) 40.0%
+ ),
+ /* barely visible red inner and outer cirle -dim*/
+ radial-gradient(circle,
+ rgba(189,58,54,0.25) 0%,
+ rgba(189,58,54,0.25) 10%,
+ rgba(189,58,54,0.1) 12%,
+ rgba(189,58,54,0.2) 36%,
+ rgba(189,58,54,0.0) 36.4%,
+ rgba(0,0,0,0) 40.0%)/**/;
+
+
+ -moz-background-size: /* ff3.6 */
+ 200px 200px;
+ background-size:
+ 200px 200px;
+ background-position:
+ /*-100px -400px,
+ -100px -400px,*/
+ 75px 75px,
+ 85px 85px,
+ 94px 95px,
+ 117px 137px,
+ 58px 60px, /* RedB*/
+ 40px 40px, /* Flag*/
+ 125px 150px, /* blue*/
+ 87px 197px, /*sr */
+ 90px 100px;/* dim*/
+}
+
+.weird {
+
+background-image:
+ -webkit-gradient(radial, 25 25, 0, 25 25, 20,
+ color-stop(0, rgba(255, 255, 255, 0)),
+ color-stop(0.23, rgba(0, 218, 0, 0.1)),
+ color-stop(0.54, rgba(0, 218, 0, 0.18)),
+ color-stop(0.54, rgba(189, 58, 54, 0.25)),
+ color-stop(0.57, rgba(189, 58, 54, 0.25)),
+ color-stop(0.60, rgba(0, 218, 0, 0)),
+ color-stop(0.83, rgba(0, 0, 218, 0)),
+ color-stop(0.86, rgba(0, 0, 218, 0.25)),
+ color-stop(0.89, rgba(0, 218, 0, 0.25)),
+ color-stop(0.92, rgba(251, 218, 63, 0.18)),
+ color-stop(0.95, rgba(189, 58, 54, 0.25))),
+ -webkit-gradient(radial, 45 45, 0, 45 45, 45,
+ from(rgba(0, 0, 218, 0.25)),
+ color-stop(0.6, rgba(0, 218, 0, 0.1)),
+ color-stop(0.7, rgba(0, 218, 0, 0)),
+ color-stop(0.71, rgba(0, 0, 0, 0.35)),
+ color-stop(0.9, rgba(0,0,0,0))),
+ -webkit-gradient(radial, 41 41, 4, 30 30, 30,
+ color-stop(0.9, rgba(189, 58, 54, 0.15)),
+ color-stop(0.91, rgba(189, 58, 54, 0))),
+ -webkit-gradient(radial, 50 50, 10, 50 50, 11,
+ color-stop(0.25, rgba(189, 58, 54, 0.25)),
+ color-stop(0.26, rgba(189, 58, 54, 0.1)),
+ color-stop(0.90, rgba(189, 58, 54, 0.2)),
+ color-stop(0.91, rgba(189, 58, 54, 0)))/**/;
+
+
+background-image: -moz-radial-gradient(circle , rgba(255, 255, 255, 0) 0%, rgba(0, 218, 0, 0.1) 23%, rgba(0, 218, 0, 0.18) 54%, rgba(189, 58, 54, 0.25) 54%, rgba(189, 58, 54, 0.25) 57%, rgba(0, 218, 0, 0) 60%, rgba(0, 0, 218, 0) 83%, rgba(0, 0, 218, 0.25) 86%, rgba(0, 218, 0, 0.25) 89%, rgba(251, 218, 63, 0.18) 92%, rgba(189, 58, 54, 0.25) 95%, rgba(189, 58, 54, 0) 100%), -moz-radial-gradient(circle , rgba(0, 0, 218, 0.25) 0%, rgba(0, 218, 0, 0.1) 60%, rgba(0, 218, 0, 0) 70%, rgba(0, 0, 0, 0.35) 71%, transparent 90%, transparent 100%), -moz-radial-gradient(circle , rgba(189, 58, 54, 0.15) 0%, rgba(189, 58, 54, 0.15) 90%, rgba(189, 58, 54, 0) 91%, transparent 100%), -moz-radial-gradient(circle , rgba(189, 58, 54, 0.25) 0%, rgba(189, 58, 54, 0.25) 25%, rgba(189, 58, 54, 0.1) 26%, rgba(189, 58, 54, 0.2) 90%, rgba(189, 58, 54, 0) 91%, transparent 100%) ;
+background-image: -webkit-radial-gradient(circle , rgba(255, 255, 255, 0) 0%, rgba(0, 218, 0, 0.1) 23%, rgba(0, 218, 0, 0.18) 54%, rgba(189, 58, 54, 0.25) 54%, rgba(189, 58, 54, 0.25) 57%, rgba(0, 218, 0, 0) 60%, rgba(0, 0, 218, 0) 83%, rgba(0, 0, 218, 0.25) 86%, rgba(0, 218, 0, 0.25) 89%, rgba(251, 218, 63, 0.18) 92%, rgba(189, 58, 54, 0.25) 95%, rgba(189, 58, 54, 0) 100%), -webkit-radial-gradient(circle , rgba(0, 0, 218, 0.25) 0%, rgba(0, 218, 0, 0.1) 60%, rgba(0, 218, 0, 0) 70%, rgba(0, 0, 0, 0.35) 71%, transparent 90%, transparent 100%), -webkit-radial-gradient(circle , rgba(189, 58, 54, 0.15) 0%, rgba(189, 58, 54, 0.15) 90%, rgba(189, 58, 54, 0) 91%, transparent 100%), -webkit-radial-gradient(circle , rgba(189, 58, 54, 0.25) 0%, rgba(189, 58, 54, 0.25) 25%, rgba(189, 58, 54, 0.1) 26%, rgba(189, 58, 54, 0.2) 90%, rgba(189, 58, 54, 0) 91%, transparent 100%) ;
+
+
+background-image: -ms-radial-gradient(circle , rgba(255, 255, 255, 0) 0%, rgba(0, 218, 0, 0.1) 23%, rgba(0, 218, 0, 0.18) 54%, rgba(189, 58, 54, 0.25) 54%, rgba(189, 58, 54, 0.25) 57%, rgba(0, 218, 0, 0) 60%, rgba(0, 0, 218, 0) 83%, rgba(0, 0, 218, 0.25) 86%, rgba(0, 218, 0, 0.25) 89%, rgba(251, 218, 63, 0.18) 92%, rgba(189, 58, 54, 0.25) 95%, rgba(189, 58, 54, 0) 100%), -ms-radial-gradient(circle , rgba(0, 0, 218, 0.25) 0%, rgba(0, 218, 0, 0.1) 60%, rgba(0, 218, 0, 0) 70%, rgba(0, 0, 0, 0.35) 71%, transparent 90%, transparent 100%), -ms-radial-gradient(circle , rgba(189, 58, 54, 0.15) 0%, rgba(189, 58, 54, 0.15) 90%, rgba(189, 58, 54, 0) 91%, transparent 100%), -ms-radial-gradient(circle , rgba(189, 58, 54, 0.25) 0%, rgba(189, 58, 54, 0.25) 25%, rgba(189, 58, 54, 0.1) 26%, rgba(189, 58, 54, 0.2) 90%, rgba(189, 58, 54, 0) 91%, transparent 100%) ;
+
+
+background-image: radial-gradient(circle , rgba(255, 255, 255, 0) 0%, rgba(0, 218, 0, 0.1) 23%, rgba(0, 218, 0, 0.18) 54%, rgba(189, 58, 54, 0.25) 54%, rgba(189, 58, 54, 0.25) 57%, rgba(0, 218, 0, 0) 60%, rgba(0, 0, 218, 0) 83%, rgba(0, 0, 218, 0.25) 86%, rgba(0, 218, 0, 0.25) 89%, rgba(251, 218, 63, 0.18) 92%, rgba(189, 58, 54, 0.25) 95%, rgba(189, 58, 54, 0) 100%), radial-gradient(circle , rgba(0, 0, 218, 0.25) 0%, rgba(0, 218, 0, 0.1) 60%, rgba(0, 218, 0, 0) 70%, rgba(0, 0, 0, 0.35) 71%, transparent 90%, transparent 100%), radial-gradient(circle , rgba(189, 58, 54, 0.15) 0%, rgba(189, 58, 54, 0.15) 90%, rgba(189, 58, 54, 0) 91%, transparent 100%), radial-gradient(circle , rgba(189, 58, 54, 0.25) 0%, rgba(189, 58, 54, 0.25) 25%, rgba(189, 58, 54, 0.1) 26%, rgba(189, 58, 54, 0.2) 90%, rgba(189, 58, 54, 0) 91%, transparent 100%) ;
+
+}
178 css/food.css
View
@@ -0,0 +1,178 @@
+.candyDots {
+ background-image:
+ -webkit-gradient(radial, 16 16,0, 16 16, 12,
+ color-stop(0.7, rgba(255,255,255,0)),
+ color-stop(0.8, #ffffff)),
+ -webkit-gradient(radial, 16 16,0, 16 16, 12,
+ color-stop(0.5, rgba(0,0,220,0)),
+ color-stop(0.7, rgba(0,0,220, 0.4))),
+ -webkit-gradient(linear, 0 10%, 0% 100%,
+ color-stop(.2,#108fd2),
+ color-stop(.3,#f0ef07),
+ color-stop(.65,#f0ef07),
+ color-stop(.72,#ff4591));
+
+
+ background-image:
+ -webkit-radial-gradient(15px 15px, circle closest-side,
+ rgba(255,255,255,0) 60%,
+ #ffffff 61%),
+ -webkit-radial-gradient(15px 15px, circle closest-side,
+ rgba(0,0,220,0) 55%,
+ rgba(0,0,220,0.4) 56%),
+ -webkit-linear-gradient(90deg,
+ #108fd2 20%,
+ #f0ef07 30%,
+ #f0ef07 65%,
+ #ff4591 72%);
+ background-image:
+ -moz-radial-gradient(15px 15px, circle closest-side,
+ rgba(255,255,255,0) 60%,
+ #ffffff 61%),
+ -moz-radial-gradient(15px 15px, circle closest-side,
+ rgba(0,0,220,0) 55%,
+ rgba(0,0,220,0.4) 56%),
+ -moz-linear-gradient(90deg,
+ #108fd2 20%,
+ #f0ef07 30%,
+ #f0ef07 65%,
+ #ff4591 72%);
+ background-image:
+ -ms-radial-gradient(circle closest-side,
+ rgba(255,255,255,0) 60%,
+ #ffffff 61%),
+ -ms-radial-gradient(circle closest-side,
+ rgba(0,0,220,0) 55%,
+ rgba(0,0,220,0.4) 56%),
+ -ms-linear-gradient(90deg,
+ #108fd2 20%,
+ #f0ef07 30%,
+ #f0ef07 65%,
+ #ff4591 72%);
+ background-image:
+ -o-radial-gradient(circle closest-side,
+ rgba(255,255,255,0) 60%,
+ #ffffff 61%),
+ -o-radial-gradient(circle closest-side,
+ rgba(0,0,220,0) 55%,
+ rgba(0,0,220,0.4) 56%),
+ -o-linear-gradient(90deg,
+ #108fd2 20%,
+ #f0ef07 30%,
+ #f0ef07 65%,
+ #ff4591 72%);
+ background-image:
+ radial-gradient(circle closest-side,
+ rgba(255,255,255,0) 60%,
+ #ffffff 61%),
+ radial-gradient(circle closest-side,
+ rgba(0,0,220,0) 55%,
+ rgba(0,0,220,0.4) 56%),
+ linear-gradient(90deg,
+ #108fd2 20%,
+ #f0ef07 30%,
+ #f0ef07 65%,
+ #ff4591 72%);
+
+ -webkit-background-size: 40px 40px, 40px 40px,100% 100%; /* safari 4 */
+ -moz-background-size: 40px 40px, 40px 40px,100% 100%; /* FF 3.6 */
+ background-size: 40px 40px, 40px 40px,100% 100%;
+ background-position: 0 0, 0 3px, 0 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ -webkit-transform: skew(2deg,3deg);
+ -moz-transform: skew(2deg,3deg);
+ -ms-transform: skew(2deg,3deg);
+ -o-transform: skew(2deg,3deg);
+ transform: skew(2deg,3deg);
+ width:250px;
+ height: 300px;
+}
+
+
+.apple{
+ background-color:#ffffff;
+
+ background-image:
+ -webkit-gradient(radial,48 100, 0, 48 96, 110,
+ color-stop(0.05, #8f0c1f),
+ color-stop(0.14, #600409),
+ color-stop(0.16, rgba(0, 0, 0,0))),
+ -webkit-gradient(radial,78 100, 0, 78 96, 110,
+ color-stop(0.05, #8f0c1f),
+ color-stop(0.14, #600409),
+ color-stop(0.16, rgba(0, 0, 0,0))),
+ -webkit-gradient(radial,63 0, 0, 63 0, 90,
+ color-stop(0.20, #8f0c1f),
+ color-stop(0.35, #600409),
+ color-stop(0.36, rgba(0, 0, 0,0))),
+ -webkit-gradient(radial,0 0, 0, 0 0, 0,
+ color-stop(0.20, #8f0c1f),
+ color-stop(0.35, #600409),
+ color-stop(0.36, rgba(0, 0, 0,0))),
+ /* stem */
+ -webkit-gradient(radial, 180 120, 90, 180 120, 95,
+ from(transparent),
+ color-stop(0.01, brown),
+ color-stop(0.5, brown),
+ color-stop(0.6, transparent),
+ to(transparent)),
+ /* leaf hider */
+ -webkit-gradient(radial, 20 33, 0, 20 33, 18,
+ from(transparent),
+ color-stop(0.5, rgba(255,255,255,0)),
+ color-stop(0.51, rgba(255,255,255,1))),
+ /* leaf */
+ -webkit-gradient(radial, 20 33, 0, 20 33, 15,
+ from(#060),
+ color-stop(0.70, #060),
+ color-stop(0.71, transparent),
+ to(transparent));
+
+ background-image:
+ -webkit-radial-gradient(85% 96% , #8F0C1F 5%, #600409 15%, transparent 17%, transparent 100%),
+ -webkit-radial-gradient(15% 96% , #8F0C1F 5%, #600409 15%, transparent 17%, transparent 100%),
+ -webkit-radial-gradient(0pt 0 , farthest-side, #8F0C1F 22%, #600409 36%, transparent 36%, transparent 100%),
+ -webkit-radial-gradient(103% 0 , farthest-side, #8F0C1F 22%, #600409 36%, transparent 36%, transparent 100%),
+ -webkit-radial-gradient(-5% 90% , transparent 23%, brown 24%, brown 25%, transparent 26%, transparent 100%),
+ -webkit-radial-gradient(35% 20% , circle closest-side, transparent 0%, transparent 70%, white 71%, white 100%),
+ -webkit-radial-gradient(35% 20% , circle closest-side, #006600 0%, #006600 70%, transparent 71%, transparent 100%);
+background-image:
+ -moz-radial-gradient(85% 96% , #8F0C1F 5%, #600409 15%, transparent 17%, transparent 100%),
+ -moz-radial-gradient(15% 96% , #8F0C1F 5%, #600409 15%, transparent 17%, transparent 100%),
+ -moz-radial-gradient(0pt 0 , farthest-side, #8F0C1F 22%, #600409 36%, transparent 36%, transparent 100%),
+ -moz-radial-gradient(103% 0 , farthest-side, #8F0C1F 22%, #600409 36%, transparent 36%, transparent 100%),
+ -moz-radial-gradient(-5% 90% , transparent 23%, brown 24%, brown 25%, transparent 26%, transparent 100%),
+ -moz-radial-gradient(35% 20% , circle closest-side, transparent 0%, transparent 70%, white 71%, white 100%),
+ -moz-radial-gradient(35% 20% , circle closest-side, #006600 0%, #006600 70%, transparent 71%, transparent 100%);
+background-image:
+ -ms-radial-gradient(85% 96% , #8F0C1F 5%, #600409 15%, transparent 17%, transparent 100%),
+ -ms-radial-gradient(15% 96% , #8F0C1F 5%, #600409 15%, transparent 17%, transparent 100%),
+ -ms-radial-gradient(0pt 0 , farthest-side, #8F0C1F 22%, #600409 36%, transparent 36%, transparent 100%),
+ -ms-radial-gradient(103% 0 , farthest-side, #8F0C1F 22%, #600409 36%, transparent 36%, transparent 100%),
+ -ms-radial-gradient(-5% 90% , transparent 23%, brown 24%, brown 25%, transparent 26%, transparent 100%),
+ -ms-radial-gradient(35% 20% , circle closest-side, transparent 0%, transparent 70%, white 71%, white 100%),
+ -ms-radial-gradient(35% 20% , circle closest-side, #006600 0%, #006600 70%, transparent 71%, transparent 100%);
+background-image:
+ -o-radial-gradient(85% 96% , #8F0C1F 5%, #600409 15%, transparent 17%, transparent 100%),
+ -o-radial-gradient(15% 96% , #8F0C1F 5%, #600409 15%, transparent 17%, transparent 100%),
+ -o-radial-gradient(0pt 0 , farthest-side, #8F0C1F 22%, #600409 36%, transparent 36%, transparent 100%),
+ -o-radial-gradient(103% 0 , farthest-side, #8F0C1F 22%, #600409 36%, transparent 36%, transparent 100%),
+ -o-radial-gradient(-5% 90% , transparent 23%, brown 24%, brown 25%, transparent 26%, transparent 100%),
+ -o-radial-gradient(35% 20% , circle closest-side, transparent 0%, transparent 70%, white 71%, white 100%),
+ -o-radial-gradient(35% 20% , circle closest-side, #006600 0%, #006600 70%, transparent 71%, transparent 100%);
+background-image:
+ radial-gradient(85% 96% , #8F0C1F 5%, #600409 15%, transparent 17%, transparent 100%),
+ radial-gradient(15% 96% , #8F0C1F 5%, #600409 15%, transparent 17%, transparent 100%),
+ radial-gradient(0pt 0 , farthest-side, #8F0C1F 22%, #600409 36%, transparent 36%, transparent 100%),
+ radial-gradient(103% 0 , farthest-side, #8F0C1F 22%, #600409 36%, transparent 36%, transparent 100%),
+ radial-gradient(-5% 90% , transparent 23%, brown 24%, brown 25%, transparent 26%, transparent 100%),
+ radial-gradient(35% 20% , circle closest-side, transparent 0%, transparent 70%, white 71%, white 100%),
+ -moz-radial-gradient(35% 20% , circle closest-side, #006600 0%, #006600 70%, transparent 71%, transparent 100%);
+
+ background-position: /**/ -50px -50px, -50px 50px, -50px 50px, -50px -50px, 20px 50px, -8px -10px, -8px 0px;
+
+ /*ff 3.6*/-moz-background-size: 100px 100px;
+ background-size: 100px 100px;
+}
+
443 css/hearts.css
View
@@ -0,0 +1,443 @@
+@charset "UTF-8";/*
+
+Author: Estelle Weyl
+ http://www.standardista.com
+ http://www.twitter.com/estellevw
+
+*/
+
+.hearts {
+
+ background-color:#fff;
+ background-image:
+
+ -webkit-gradient(linear, 0% 0%, 0% 100%,
+ color-stop(0.25, rgba(255,255,255,1)),
+ color-stop(0.25, rgba(255,255,255,0))),
+ -webkit-gradient(linear, 0% 0%, 100% 100%,
+ color-stop(0.15, rgba(212,0,0,1)),
+ color-stop(0.17, rgba(255,255,255,0))),
+ -webkit-gradient(linear, 100% 0, 0 100%,
+ color-stop(0.15, rgba(212,0,0,1)),
+ color-stop(0.17, rgba(255,255,255,0))),
+ -webkit-gradient(radial, 20 27, 0, 25 20, 47,
+ color-stop(0.22, rgba(212,0,0,1)),
+ color-stop(0.25, rgba(255,255,255,0))
+ ),
+ -webkit-gradient(radial, 48 30, 0, 48 30, 47,
+ color-stop(0.22, rgba(212,0,0,1)),
+ color-stop(0.25, rgba(255,255,255,0))
+ );
+ background-image:
+
+ -webkit-linear-gradient(0deg,
+ rgba(255,255,255,0) 17%,
+ rgba(255,255,255,0) 17%
+ ),
+ -webkit-linear-gradient(-137deg,
+ rgba(212,0,0,1) 15%,
+ rgba(0,0,0,1) 15%,
+ rgba(255,255,255,0) 17%
+ ),
+ -webkit-linear-gradient(-43deg,
+ rgba(212,0,0,1) 15%,
+ rgba(0,0,0,1) 15%,
+ rgba(255,255,255,0) 17%
+ ),
+ -webkit-radial-gradient(circle,
+ rgba(212,0,0,1) 22%,
+ rgba(212,0,0,0) 24%,
+ rgba(255,255,255,0) 25%
+ ),
+ -webkit-radial-gradient(circle,
+ rgba(212,0,0,1) 24%,
+ rgba(0,0,0,1) 24%,
+ rgba(255,255,255,0) 28%
+ ),
+ -webkit-radial-gradient(circle,
+ rgba(212,0,0,1) 24%,
+ rgba(0,0,0,1) 24%,
+ rgba(255,255,255,0) 28%
+ );
+ background-image:
+
+ -moz-linear-gradient(0deg,
+ rgba(255,255,255,0) 17%,
+ rgba(255,255,255,0) 17%
+ ),
+ -moz-linear-gradient(-137deg,
+ rgba(212,0,0,1) 15%,
+ rgba(0,0,0,1) 15%,
+ rgba(255,255,255,0) 17%
+ ),
+ -moz-linear-gradient(-43deg,
+ rgba(212,0,0,1) 15%,
+ rgba(0,0,0,1) 15%,
+ rgba(255,255,255,0) 17%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(212,0,0,1) 22%,
+ rgba(212,0,0,0) 24%,
+ rgba(255,255,255,0) 25%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(212,0,0,1) 24%,
+ rgba(0,0,0,1) 24%,
+ rgba(255,255,255,0) 28%
+ ),
+ -moz-radial-gradient(circle,
+ rgba(212,0,0,1) 24%,
+ rgba(0,0,0,1) 24%,
+ rgba(255,255,255,0) 28%
+ );
+
+ background-image:
+
+ -ms-linear-gradient(0deg,
+ rgba(255,255,255,0) 17%,
+ rgba(255,255,255,0) 17%
+ ),
+ -ms-linear-gradient(-137deg,
+ rgba(212,0,0,1) 15%,
+ rgba(0,0,0,1) 15%,
+ rgba(255,255,255,0) 17%
+ ),
+ -ms-linear-gradient(-43deg,
+ rgba(212,0,0,1) 15%,
+ rgba(0,0,0,1) 15%,
+ rgba(255,255,255,0) 17%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(212,0,0,1) 22%,
+ rgba(212,0,0,0) 24%,
+ rgba(255,255,255,0) 25%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(212,0,0,1) 24%,
+ rgba(0,0,0,1) 24%,
+ rgba(255,255,255,0) 28%
+ ),
+ -ms-radial-gradient(circle,
+ rgba(212,0,0,1) 24%,
+ rgba(0,0,0,1) 24%,
+ rgba(255,255,255,0) 28%
+ );
+
+ background-image:
+
+ -o-linear-gradient(0deg,
+ rgba(255,255,255,0) 17%,
+ rgba(255,255,255,0) 17%
+ ),
+ -o-linear-gradient(-137deg,
+ rgba(212,0,0,1) 15%,
+ rgba(0,0,0,1) 15%,
+ rgba(255,255,255,0) 17%
+ ),
+ -o-linear-gradient(-43deg,
+ rgba(212,0,0,1) 15%,
+ rgba(0,0,0,1) 15%,
+ rgba(255,255,255,0) 17%
+ ),
+ -o-radial-gradient(circle,
+ rgba(212,0,0,1) 22%,
+ rgba(212,0,0,0) 24%,
+ rgba(255,255,255,0) 25%
+ ),
+ -o-radial-gradient(circle,
+ rgba(212,0,0,1) 24%,
+ rgba(0,0,0,1) 24%,
+ rgba(255,255,255,0) 28%
+ ),
+ -o-radial-gradient(circle,
+ rgba(212,0,0,1) 24%,
+ rgba(0,0,0,1) 24%,
+ rgba(255,255,255,0) 28%
+ );
+ background-image:
+
+ linear-gradient(0deg,
+ rgba(255,255,255,0) 17%,
+ rgba(255,255,255,0) 17%
+ ),
+ linear-gradient(-137deg,
+ rgba(212,0,0,1) 15%,
+ rgba(0,0,0,1) 15%,
+ rgba(255,255,255,0) 17%
+ ),
+ linear-gradient(-43deg,
+ rgba(212,0,0,1) 15%,
+ rgba(0,0,0,1) 15%,
+ rgba(255,255,255,0) 17%
+ ),
+ radial-gradient(circle,
+ rgba(212,0,0,1) 22%,
+ rgba(212,0,0,0) 24%,
+ rgba(255,255,255,0) 25%
+ ),
+ -radial-gradient(circle,
+ rgba(212,0,0,1) 24%,
+ rgba(0,0,0,1) 24%,
+ rgba(255,255,255,0) 28%
+ ),
+ radial-gradient(circle,
+ rgba(212,0,0,1) 24%,
+ rgba(0,0,0,1) 24%,
+ rgba(255,255,255,0) 28%
+ );
+
+ /*ff 3.6*/-moz-background-size: 60px 60px;
+ background-size: 60px 60px;
+ background-position: 0 5px,-20px -13px, -20px -13px , 9px -44px, 1px -48px, 19px -48px;
+ background-repeat:repeat;
+}
+.littlehearts {
+
+ background-color:#fff;
+
+
+ background-image:
+ -webkit-gradient(linear, 0 0%, 100% 100%,
+ color-stop(0.16, rgba(212, 0, 0, 1)),
+ color-stop(0.16, rgba(212, 0, 0, 0)),
+ color-stop(1, rgba(212, 0, 0, 0))),
+ -webkit-gradient(linear, 100% 0%, 0% 100%,
+ color-stop(0.16, rgba(212, 0, 0, 1)),
+ color-stop(0.16, rgba(212, 0, 0, 0)),
+ color-stop(1, rgba(212, 0, 0, 0))),
+ -webkit-gradient(radial, 20 20, 0, 20 20, 27,
+ color-stop(0.22, #d40000),
+ color-stop(0.22, rgba(255,255,255,0))),
+ -webkit-gradient(radial, 21 20, 0, 21 20, 27,
+ color-stop(0.22, #d40000),
+ color-stop(0.22, rgba(255,255,255,0)));
+ background-image:
+ -webkit-linear-gradient(-140deg,
+ rgba(212, 0, 0, 1) 16%,
+ rgba(212, 0, 0, 0) 16%,
+ rgba(212, 0, 0, 0)),
+ -webkit-linear-gradient(-40deg,
+ rgba(212, 0, 0, 1) 16%,
+ rgba(212, 0, 0, 0) 16%,
+ rgba(212, 0, 0, 0)),
+ -webkit-radial-gradient(circle,#d40000 22%, transparent 22.1%),
+ -webkit-radial-gradient(circle,#d40000 22%, transparent 22.1%);
+ background-image:-moz-linear-gradient(-140deg,
+ rgba(212, 0, 0, 1) 15%,
+ rgba(212, 0, 0, 0) 15%,
+ rgba(212, 0, 0, 0)),
+ -moz-linear-gradient(-40deg,
+ rgba(212, 0, 0, 1) 15%,
+ rgba(212, 0, 0, 0) 15%,
+ rgba(212, 0, 0, 0)),
+ -moz-radial-gradient(circle,#d40000 22%, transparent 22.1%),
+ -moz-radial-gradient(circle,#d40000 22%, transparent 22.1%);
+ background-image:
+ -ms-linear-gradient(-140deg,
+ rgba(212, 0, 0, 1) 15%,
+ rgba(212, 0, 0, 0) 15%,
+ rgba(212, 0, 0, 0)),
+ -ms-linear-gradient(-40deg,
+ rgba(212, 0, 0, 1) 15%,
+ rgba(212, 0, 0, 0) 15%,
+ rgba(212, 0, 0, 0)),
+ -ms-radial-gradient(circle,#d40000 22%, transparent 22.1%),
+ -ms-radial-gradient(circle,#d40000 22%, transparent 22.1%);
+ background-image:
+ -o-linear-gradient(-140deg,
+ rgba(212, 0, 0, 1) 15%,
+ rgba(212, 0, 0, 0) 15%,
+ rgba(212, 0, 0, 0)),
+ -o-linear-gradient(-40deg,
+ rgba(212, 0, 0, 1) 15%,
+ rgba(212, 0, 0, 0) 15%,
+ rgba(212, 0, 0, 0)),
+ -o-radial-gradient(circle,#d40000 22%, transparent 22.1%),
+ -o-radial-gradient(circle,#d40000 22%, transparent 22.1%);
+ background-image:
+ linear-gradient(-140deg,
+ rgba(212, 0, 0, 1) 15%,
+ rgba(212, 0, 0, 0) 15%,
+ rgba(212, 0, 0, 0)),
+ linear-gradient(-40deg,
+ rgba(212, 0, 0, 1) 15%,
+ rgba(212, 0, 0, 0) 15%,
+ rgba(212, 0, 0, 0)),
+ radial-gradient(circle,#d40000 22%, transparent 22.1%),
+ radial-gradient(circle,#d40000 22%, transparent 22.1%);
+
+ /*ff 3.6*/-moz-background-size: 40px 40px;
+ background-size: 40px 40px;
+ background-position: 0 -15px, 0 -15px, 14px -38px, 25px -38px;
+ background-repeat:repeat;
+}
+
+.radhearts{
+ background-color:rgba(255, 0, 128, 1);
+
+ background-image:
+ -webkit-gradient(radial,13 96, 0, 13 96, 90,
+ color-stop(0, rgba(255, 255, 255, .3)),
+ color-stop(0.15, rgba(255, 255, 255, .3)),
+ color-stop(0.15, rgba(255, 255, 255,1)),
+ color-stop(0.16, rgba(255, 255, 255,1)),
+ color-stop(0.16, rgba(255, 255, 255,0))
+ ),
+ -webkit-gradient(radial,87 96, 0, 87 96, 90,
+ color-stop(0.0, rgba(255, 255, 255, .3)),
+ color-stop(0.15, rgba(255, 255, 255, .3)),
+ color-stop(0.15, rgba(255, 255, 255,1)),
+ color-stop(0.16, rgba(255, 255, 255,1)),
+ color-stop(0.16, rgba(255, 255, 255,0))
+ ),
+ -webkit-gradient(radial,-6 0, 0, -6 0, 90,
+ color-stop(0.35, rgba(255, 255, 255,.3)),
+ color-stop(0.35, rgba(255, 255, 255,1)),
+ color-stop(0.36, rgba(255, 255, 255,1)),
+ color-stop(0.36, rgba(255, 255, 255,0))
+ ),
+ -webkit-gradient(radial,105 0, 0, 105 0, 90,
+ color-stop(0.35, rgba(255, 255, 255,.3)),
+ color-stop(0.35, rgba(255, 255, 255,1)),
+ color-stop(0.36, rgba(255, 255, 255,1)),
+ color-stop(0.36, rgba(255, 255, 255,0))
+ )/**/;
+ background-image:
+ -webkit-radial-gradient(13% 96%, circle,
+ rgba(255, 255, 255, .3) 0%,
+ rgba(255, 255, 255, .3) 15%,
+ rgba(255,255,255,1) 15%,
+ rgba(255,255,255,1) 16%,
+ transparent 16%
+ ),
+ -webkit-radial-gradient(87% 96%, circle,
+ rgba(255, 255, 255, .3) 0%,
+ rgba(255, 255, 255, .3) 15%,
+ rgba(255,255,255,1) 15%,
+ rgba(255,255,255,1) 16%,
+ transparent 16%
+ ),
+ -webkit-radial-gradient(-35% 0,
+ rgba(255,255,255,.3) 35%,
+ rgba(255,255,255,1) 35%,
+ rgba(255,255,255,1) 36%,
+ transparent 36%
+ ),
+ -webkit-radial-gradient(135% 0%,
+ rgba(255,255,255,.3) 35%,
+ rgba(255,255,255,1) 35%,
+ rgba(255,255,255,1) 36%,
+ transparent 36%
+ );
+background-image:
+ /**/
+ -moz-radial-gradient(87% 96%,
+ rgba(255, 0, 128, 0) 15%,
+ rgba(255,255,255,1) 15.3%,
+ rgba(255,255,255,1) 15.9%,
+ rgba(255, 0, 128, 0) 16.4%
+ ),
+ -moz-radial-gradient(13% 96%, circle,
+ rgba(255, 0, 128, 0) 15%,
+ rgba(255,255,255,1) 15.3%,
+ rgba(255,255,255,1) 15.9%,
+ rgba(255, 0, 128, 0) 16.4%
+ ),
+ -moz-radial-gradient(-35% 0,
+ rgba(255, 0, 128, 0) 35%,
+ rgba(255,255,255,1) 35.1%,
+ rgba(255,255,255,1) 36%,
+ rgba(255, 0, 128, 0) 36.1%
+ ),
+ -moz-radial-gradient(135% 0%,
+ rgba(255, 0, 128, 0) 35%,
+ rgba(255,255,255,1) 35.1%,
+ rgba(255,255,255,1) 36%,
+ rgba(255, 0, 128, 0) 36.1%
+ );
+
+ background-image:
+ /**/
+ -ms-radial-gradient(87% 96%,
+ rgba(255, 0, 128, 0) 15%,
+ rgba(255,255,255,1) 15.3%,
+ rgba(255,255,255,1) 15.9%,
+ rgba(255, 0, 128, 0) 16.4%
+ ),
+ -ms-radial-gradient(13% 96%, circle,
+ rgba(255, 0, 128, 0) 15%,
+ rgba(255,255,255,1) 15.3%,
+ rgba(255,255,255,1) 15.9%,
+ rgba(255, 0, 128, 0) 16.4%
+ ),
+ -ms-radial-gradient(-35% 0,
+ rgba(255, 0, 128, 0) 35%,
+ rgba(255,255,255,1) 35.1%,
+ rgba(255,255,255,1) 36%,
+ rgba(255, 0, 128, 0) 36.1%
+ ),
+ -ms-radial-gradient(135% 0%,
+ rgba(255, 0, 128, 0) 35%,
+ rgba(255,255,255,1) 35.1%,
+ rgba(255,255,255,1) 36%,
+ rgba(255, 0, 128, 0) 36.1%
+ );
+
+ background-image:
+ /**/
+ -o-radial-gradient(87% 96%,
+ rgba(255, 0, 128, 0) 15%,
+ rgba(255,255,255,1) 15.3%,
+ rgba(255,255,255,1) 15.9%,
+ rgba(255, 0, 128, 0) 16.4%
+ ),
+ -o-radial-gradient(13% 96%, circle,
+ rgba(255, 0, 128, 0) 15%,
+ rgba(255,255,255,1) 15.3%,
+ rgba(255,255,255,1) 15.9%,
+ rgba(255, 0, 128, 0) 16.4%
+ ),
+ -o-radial-gradient(-35% 0,
+ rgba(255, 0, 128, 0) 35%,
+ rgba(255,255,255,1) 35.1%,
+ rgba(255,255,255,1) 36%,
+ rgba(255, 0, 128, 0) 36.1%
+ ),
+ -o-radial-gradient(135% 0%,
+ rgba(255, 0, 128, 0) 35%,
+ rgba(255,255,255,1) 35.1%,
+ rgba(255,255,255,1) 36%,
+ rgba(255, 0, 128, 0) 36.1%
+ );
+background-image:
+ radial-gradient(13% 96%, circle,
+ rgba(255, 255, 255, .3) 0%,
+ rgba(255, 255, 255, .3) 15%,
+ rgba(255,255,255,1) 15%,
+ rgba(255,255,255,1) 16%,
+ transparent 16%
+ ),
+ radial-gradient(87% 96%, circle,
+ rgba(255, 255, 255, .3) 0%,
+ rgba(255, 255, 255, .3) 15%,
+ rgba(255,255,255,1) 15%,
+ rgba(255,255,255,1) 16%,
+ transparent 16%
+ ),
+ radial-gradient(-35% 0,
+ rgba(255,255,255,.3) 35%,
+ rgba(255,255,255,1) 35%,
+ rgba(255,255,255,1) 36%,
+ transparent 36%
+ ),
+ radial-gradient(135% 0%,
+ rgba(255,255,255,.3) 35%,
+ rgba(255,255,255,1) 35%,
+ rgba(255,255,255,1) 36%,
+ transparent 36%
+ );
+ background-position: /**/-50px -50px, -50px 50px, -50px 50px, -50px -50px;
+
+ /*ff 3.6*/-moz-background-size: 100px 100px;
+ background-size: 100px 100px;
+}
228 css/inverse.css
View
@@ -0,0 +1,228 @@
+@charset "UTF-8";
+/* CSS Document */
+
+.inverse1 {
+ background-color:green;
+ background-image:
+ -webkit-gradient(radial, 8 8,0, 8 8, 7,
+ color-stop(0.7, rgba(0,0,0,0)),
+ color-stop(0.8, #000000)),
+ -webkit-gradient(radial, 64 64, 1000, 100 44, 40,
+ from(#FC1C14),
+ color-stop(.4,#751199),
+ color-stop(.6,#E7F70C),
+ color-stop(.6,#08ABFC),
+ color-stop(.7,#24990C),
+ color-stop(.8,#F78F07),
+ to(#CF15CF));
+ background-image:
+ -webkit-radial-gradient(circle,
+ rgba(0,0,0,0) 45%,
+ rgba(0,0,0,1) 48%),
+ -webkit-radial-gradient( ellipse farthest-corner,
+ #FC1C14 0%,
+ #751199 40%,
+ #E7F70C 60%,
+ #08ABFC 60%,
+ #24990C 70%,
+ #F78F07 80%,
+ #CF15CF 90%);
+
+ background-image:
+ -moz-radial-gradient(circle,
+ rgba(0,0,0,0) 45%,
+ rgba(0,0,0,1) 48%),
+ -moz-radial-gradient( ellipse farthest-corner,
+ #FC1C14 0%,
+ #751199 40%,
+ #E7F70C 60%,
+ #08ABFC 60%,
+ #24990C 70%,
+ #F78F07 80%,
+ #CF15CF 90%);
+
+ background-image:
+ -ms-radial-gradient(circle,
+ rgba(0,0,0,0) 45%,
+ rgba(0,0,0,1) 48%),
+ -ms-radial-gradient( ellipse farthest-corner,
+ #FC1C14 0%,
+ #751199 40%,
+ #E7F70C 60%,
+ #08ABFC 60%,
+ #24990C 70%,
+ #F78F07 80%,
+ #CF15CF 90%);
+
+ background-image:
+ -o-radial-gradient(circle,
+ rgba(0,0,0,0) 45%,
+ rgba(0,0,0,1) 48%),
+ -o-radial-gradient( ellipse farthest-corner,
+ #FC1C14 0%,
+ #751199 40%,
+ #E7F70C 60%,
+ #08ABFC 60%,
+ #24990C 70%,
+ #F78F07 80%,
+ #CF15CF 90%);
+
+ background-image:
+ radial-gradient(circle,
+ rgba(0,0,0,0) 45%,
+ rgba(0,0,0,1) 48%),
+ radial-gradient( ellipse farthest-corner,
+ #FC1C14 0%,
+ #751199 40%,
+ #E7F70C 60%,
+ #08ABFC 60%,
+ #24990C 70%,
+ #F78F07 80%,
+ #CF15CF 90%);
+ -webkit-background-size: 15px 15px, 100%, 100%; /* safari 4 */
+ -moz-background-size: 15px 15px, 100%, 100%; /* FF 3.6 */
+ background-size: 15px 15px, 160%, 160%;
+ background-position: 0 0, -200px -200px;
+}
+
+.inverse2 {
+ background-image:
+ -webkit-gradient(radial, 8 8,0, 8 8, 9,
+ color-stop(0.7, rgba(0,0,0,0)),
+ color-stop(0.8, #000000)),
+ -webkit-gradient(linear, 0 0, 0 100%,
+ color-stop(0.5, rgba(255,255,255,0)),
+ color-stop(0.51, rgba(255, 255, 255, 0.7))),
+ -webkit-gradient(radial, 64 64, 1000, 100 44, 40,
+ from(#f0f),to(#063));
+ background-image:
+ -webkit-radial-gradient(circle,
+ rgba(0,0,0,0) 60%,
+ #000000 61%),
+ -webkit-linear-gradient(90deg,
+ rgba(255,255,255,0.7) 45%,
+ rgba(255,255,255,0) 46%),
+ -webkit-radial-gradient(circle,
+ #f0f 0%,
+ #063 100%);
+ background-image:
+ -moz-radial-gradient(circle,
+ rgba(0,0,0,0) 60%,
+ #000000 61%),
+ -moz-linear-gradient(90deg,
+ rgba(255,255,255,0.7) 45%,
+ rgba(255,255,255,0) 46%),
+ -moz-radial-gradient(circle,
+ #f0f 0%,
+ #063 100%);
+ background-image:
+ -ms-radial-gradient(circle,
+ rgba(0,0,0,0) 60%,
+ #000000 61%),
+ -ms-linear-gradient(90deg,
+ rgba(255,255,255,0.7) 45%,
+ rgba(255,255,255,0) 46%),
+ -ms-radial-gradient(circle,
+ #f0f 0%,
+ #063 100%);
+ background-image:
+ -o-radial-gradient(circle,
+ rgba(0,0,0,0) 60%,
+ #000000 61%),
+ -o-linear-gradient(90deg,
+ rgba(255,255,255,0.7) 45%,
+ rgba(255,255,255,0) 46%),
+ -o-radial-gradient(circle,
+ #f0f 0%,
+ #063 100%);
+ background-image:
+ radial-gradient(circle,
+ rgba(0,0,0,0) 60%,
+ #000000 61%),
+ linear-gradient(90deg,
+ rgba(255,255,255,0.7) 45%,
+ rgba(255,255,255,0) 46%),
+ radial-gradient(circle,
+ #f0f 0%,
+ #063 100%);
+
+ -webkit-background-size: 20px 20px, 20px 20px,100%, 100%; /* safari 4 */
+ -moz-background-size: 20px 20px, 20px 20px,100%, 100%; /* FF 3.6 */
+ background-size: 20px 20px, 20px 20px,100%, 100%;
+ background-position: 0 0,0 -1px, 0 0;
+}
+
+.inverse3 {
+ background-image:
+ -webkit-gradient(radial, 8 8,0, 8 8, 7,
+ color-stop(0.7, rgba(0,0,0,0)),
+ color-stop(0.8, #000000)),
+ -webkit-gradient(radial, 8 8,0, 8 8, 7,
+ color-stop(0.5, rgba(0,0,220,0)),
+ color-stop(0.7, rgba(0,0,220, 0.4))),
+ -webkit-gradient(radial, 64 64, 1000, 100 44, 40,
+ from(#FF0080), color-stop(.6,#ECB7FC), to(#f09));
+
+
+ background-image:
+ -webkit-radial-gradient(circle,
+ rgba(0,0,0,0) 60%,
+ #000000 61%),
+ -webkit-radial-gradient(circle,
+ rgba(0,0,220,0) 55%,
+ rgba(0,0,220,0.4) 56%),
+ -webkit-radial-gradient(circle,
+ #FF0080 0%,
+ #ECB7FC 60%,
+ #f09 100%);
+ background-image:
+ -moz-radial-gradient(circle,
+ rgba(0,0,0,0) 60%,
+ #000000 61%),
+ -moz-radial-gradient(circle,
+ rgba(0,0,220,0) 55%,
+ rgba(0,0,220,0.4) 56%),
+ -moz-radial-gradient(circle,
+ #FF0080 0%,
+ #ECB7FC 60%,
+ #f09 100%);
+ background-image:
+ -ms-radial-gradient(circle,
+ rgba(0,0,0,0) 60%,
+ #000000 61%),
+ -ms-radial-gradient(circle,
+ rgba(0,0,220,0) 55%,
+ rgba(0,0,220,0.4) 56%),
+ -ms-radial-gradient(circle,
+ #FF0080 0%,
+ #ECB7FC 60%,
+ #f09 100%);
+ background-image:
+ -o-radial-gradient(circle,
+ rgba(0,0,0,0) 60%,
+ #000000 61%),
+ -o-radial-gradient(circle,
+ rgba(0,0,220,0) 55%,
+ rgba(0,0,220,0.4) 56%),
+ -o-radial-gradient(circle,
+ #FF0080 0%,
+ #ECB7FC 60%,
+ #f09 100%);
+ background-image:
+ radial-gradient(circle,
+ rgba(0,0,0,0) 60%,
+ #000000 61%),
+ radial-gradient(circle,
+ rgba(0,0,220,0) 55%,
+ rgba(0,0,220,0.4) 56%),
+ radial-gradient(circle,
+ #FF0080 0%,
+ #ECB7FC 60%,
+ #f09 100%);
+
+ -webkit-background-size: 15px 15px, 15px 15px,100%, 100%; /* safari 4 */
+ -moz-background-size: 15px 15px,15px 15px, 100%, 100%; /* FF 3.6 */
+ background-size: 15px 15px, 15px 15px,160%, 160%;
+ background-position: 0 0, 0 3px, 00;
+}
+
8 css/linkedcircles.css
View
@@ -0,0 +1,8 @@
+@charset "UTF-8";
+/* CSS Document */
+
+
+background-image: radial-gradient(circle, closest-side, transparent 98%, rgba(0,0,0,.3) 99%),
+ radial-gradient(closest-side, transparent 98%, rgba(0,0,0,.3) 99%);
+background-size:40px 40px;
+background-position:0 0, 20px 20px;
118 css/metal.css
View
@@ -0,0 +1,118 @@
+@charset "UTF-8";
+/* CSS Document */
+
+.metal {
+
+ background-image:
+ -webkit-gradient(radial, 15 15, 0, 15 15, 14.6,
+ color-stop(0.8, rgba(0, 0, 0, 0)),
+ color-stop(0.85, rgba(0, 0, 0, 1)),
+ color-stop(1.00, rgba(0, 0, 0, 1))
+ ),
+
+ -webkit-gradient(radial, 15 15, 0, 15 15, 14.6,
+ color-stop(0.8, rgba(0, 0, 0, 0)),
+ color-stop(0.85, rgba(0, 0, 0, 1)),
+ color-stop(1.00, rgba(0, 0, 0, 1))
+ );
+ background-image:
+ -webkit-radial-gradient(circle closest-side,
+ transparent 70%,
+ #000000 100%),
+ -webkit-radial-gradient(circle closest-side,
+ transparent 70%,
+ #000000 100%);
+ background-image:
+ -moz-radial-gradient(circle closest-side,
+ transparent 70%,
+ #000000 100%),
+ -moz-radial-gradient(circle closest-side,
+ transparent 70%,
+ #000000 100%);
+ background-image:
+ -ms-radial-gradient(circle closest-side,
+ transparent 70%,
+ #000000 100%),
+ -ms-radial-gradient(circle closest-side,
+ transparent 70%,
+ #000000 100%);
+ background-image:
+ -o-radial-gradient(circle closest-side,
+ transparent 70%,
+ #000000 100%),
+ -o-radial-gradient(circle closest-side,
+ transparent 70%,
+ #000000 100%);
+ background-image:
+ radial-gradient(circle closest-side,
+ transparent 70%,
+ #000000 100%),
+ radial-gradient(circle closest-side,
+ transparent 70%,
+ #000000 100%);
+
+ background-color: #AAAAAA;
+ -webkit-background-size: 30px 30px, 30px 30px;
+ -moz-background-size: 30px 30px, 30px 30px;
+ background-size: 30px 30px, 30px 30px;
+ background-position: 0 0pt, 15px 15px;
+}
+
+
+
+
+.retro67, .circlestripes {
+
+ background-image:
+ -webkit-radial-gradient(circle closest-side, transparent 96%, rgba(0, 0, 0, 0.3) 100%),
+ -webkit-radial-gradient(circle closest-side, transparent 96%, rgba(0, 0, 0, 0.3) 100%);
+ background-image:
+ -moz-radial-gradient(circle closest-side, transparent 96%, rgba(0, 0, 0, 0.3) 100%),
+ -moz-radial-gradient(circle closest-side, transparent 96%, rgba(0, 0, 0, 0.3) 100%);
+ background-image:
+ -ms-radial-gradient(circle closest-side, transparent 96%, rgba(0, 0, 0, 0.3) 100%),
+ -ms-radial-gradient(circle closest-side, transparent 96%, rgba(0, 0, 0, 0.3) 100%);
+ background-image:
+ -o-radial-gradient(circle closest-side, transparent 96%, rgba(0, 0, 0, 0.3) 100%),
+ -o-radial-gradient(circle closest-side, transparent 96%, rgba(0, 0, 0, 0.3) 100%);
+ background-image:
+ radial-gradient(circle closest-side, transparent 96%, rgba(0, 0, 0, 0.3) 100%),
+ radial-gradient(circle closest-side, transparent 96%, rgba(0, 0, 0, 0.3) 100%);
+}
+.circlestripes {
+ background-image:
+ -webkit-gradient(radial, 15 5, 0, 15 5, 5,
+ color-stop(0.96, rgba(0, 0, 0, 0)),
+ color-stop(0.96, rgba(0, 0, 0, 0.3)),
+ color-stop(1.00, rgba(0, 0, 0, 0.3))
+ ),
+
+ -webkit-gradient(radial, 15 5, 0, 15 5, 5.5,
+ color-stop(0.96, rgba(0, 0, 0, 0)),
+ color-stop(0.96, rgba(0, 0, 0, 0.3)),
+ color-stop(1.00, rgba(0, 0, 0, 0.3))
+ );
+ background-position: 0 0pt, 15px 15px;
+ -webkit-background-size: 30px 10px, 30px 8px;
+ -moz-background-size: 30px 10px, 30px 8px;
+ background-size: 30px 10px, 30px 8px;
+}
+.retro67 {
+ background-image:
+ -webkit-gradient(radial, 15 7, 0, 15 7, 8.5,
+ color-stop(0.96, rgba(0, 0, 0, 0)),
+ color-stop(0.96, rgba(0, 0, 0, 0.3)),
+ color-stop(1.00, rgba(0, 0, 0, 0.3))
+ ),
+
+ -webkit-gradient(radial, 15 15, 0, 15 15, 14.6,
+ color-stop(0.96, rgba(0, 0, 0, 0)),
+ color-stop(0.96, rgba(0, 0, 0, 0.3)),
+ color-stop(1.00, rgba(0, 0, 0, 0.3))
+ );
+ background-position: 15px 0pt, 15px 15px;
+ -webkit-background-size: 30px 15px, 30px 30px;
+ -moz-background-size: 30px 15px, 30px 30px;
+ background-size: 30px 15px, 30px 30px;
+ background-color: #993300;
+}
290 css/nonrepeat.css
View
@@ -0,0 +1,290 @@
+@charset "UTF-8";
+/* CSS Document */
+
+
+.nonrepeating {
+ background-image:
+
+ -webkit-gradient(linear, 0 0, 60% 0,
+ color-stop(0.27, rgba(255, 255, 255, 0)),
+ color-stop(0.27, rgba(255, 255, 255, 0.4)),
+ color-stop(0.29, rgba(255, 255, 255, 0.4)),
+ color-stop(0.29, rgba(255, 255, 255, 0)),
+ color-stop(0.31, rgba(255, 255, 255, 0)),
+ color-stop(0.31, rgba(255, 255, 255, 0.2)),
+ color-stop(0.54, rgba(255, 255, 255, 0.2)),
+ color-stop(0.54, rgba(255, 255, 255, 0))),
+ -webkit-gradient(linear, 0 0, 104% 0,
+ color-stop(0.11, rgba(255, 255, 255, 0)),
+ color-stop(0.11, rgba(255, 255, 255, 0.2)),
+ color-stop(0.17, rgba(255, 255, 255, 0.2)),
+ color-stop(0.17, rgba(255, 255, 255, 0)),
+ color-stop(0.57, rgba(255, 255, 255, 0)),
+ color-stop(0.57, rgba(255, 255, 255, 0.35)),
+ color-stop(0.63, rgba(255, 255, 255, 0.35)),
+ color-stop(0.63, rgba(255, 255, 255, 0))),
+ -webkit-gradient(linear, 0 0, 95% 0,
+ color-stop(0.07, rgba(255, 255, 255, 0)),
+ color-stop(0.07, rgba(255, 255, 255, 0.15)),
+ color-stop(0.09, rgba(255, 255, 255, 0.15)),
+ color-stop(0.09, rgba(255, 255, 255, 0)),
+ color-stop(0.51, rgba(255, 255, 255, 0)),
+ color-stop(0.51, rgba(255, 255, 255, 0.25)),
+ color-stop(0.60, rgba(255, 255, 255, 0.25)),
+ color-stop(0.60, rgba(255, 255, 255, 0)),
+ color-stop(0.68, rgba(255, 255, 255, 0)),