compass 0.11.3 → 0.11.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) hide show
  1. data/VERSION.yml +1 -1
  2. data/features/command_line.feature +9 -0
  3. data/features/step_definitions/command_line_steps.rb +7 -0
  4. data/frameworks/blueprint/stylesheets/blueprint/_debug.scss +2 -2
  5. data/frameworks/blueprint/stylesheets/blueprint/_form.scss +1 -1
  6. data/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss +4 -1
  7. data/frameworks/compass/stylesheets/compass/css3/_font-face.scss +1 -1
  8. data/frameworks/compass/stylesheets/compass/css3/_images.scss +1 -4
  9. data/frameworks/compass/stylesheets/compass/css3/_opacity.scss +1 -4
  10. data/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss +2 -0
  11. data/frameworks/compass/stylesheets/compass/css3/_transition.scss +35 -1
  12. data/frameworks/compass/stylesheets/compass/typography/_text.scss +1 -0
  13. data/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss +74 -14
  14. data/frameworks/compass/stylesheets/compass/typography/text/_force-wrap.scss +12 -0
  15. data/lib/compass.rb +1 -1
  16. data/lib/compass/commands/base.rb +9 -1
  17. data/lib/compass/commands/project_base.rb +2 -2
  18. data/lib/compass/commands/update_project.rb +2 -1
  19. data/lib/compass/compiler.rb +5 -2
  20. data/lib/compass/configuration.rb +2 -1
  21. data/lib/compass/configuration/adapters.rb +2 -2
  22. data/lib/compass/configuration/defaults.rb +4 -0
  23. data/lib/compass/exec/sub_command_ui.rb +4 -3
  24. data/lib/compass/sass_extensions/functions/inline_image.rb +2 -0
  25. data/lib/compass/sass_extensions/sprites/engines/chunky_png_engine.rb +3 -2
  26. data/test/fixtures/stylesheets/blueprint/css/screen.css +5 -5
  27. data/test/fixtures/stylesheets/blueprint/css/single-imports/debug.css +4 -4
  28. data/test/fixtures/stylesheets/blueprint/css/single-imports/form.css +1 -1
  29. data/test/fixtures/stylesheets/compass/css/force-wrap.css +9 -0
  30. data/test/fixtures/stylesheets/compass/css/gradients.css +0 -3
  31. data/test/fixtures/stylesheets/compass/css/opacity.css +0 -1
  32. data/test/fixtures/stylesheets/compass/sass/force-wrap.scss +3 -0
  33. data/test/fixtures/stylesheets/compass/tmp/border_radius.css +23 -0
  34. data/test/fixtures/stylesheets/compass/tmp/box.css +103 -0
  35. data/test/fixtures/stylesheets/compass/tmp/box_shadow.css +17 -0
  36. data/test/fixtures/stylesheets/compass/tmp/columns.css +47 -0
  37. data/test/fixtures/stylesheets/compass/tmp/fonts.css +4 -0
  38. data/test/fixtures/stylesheets/compass/tmp/force-wrap.css +9 -0
  39. data/test/fixtures/stylesheets/compass/tmp/gradients.css +576 -0
  40. data/test/fixtures/stylesheets/compass/tmp/grid_background.css +78 -0
  41. data/test/fixtures/stylesheets/compass/tmp/image_size.css +15 -0
  42. data/test/fixtures/stylesheets/compass/tmp/images.css +8 -0
  43. data/test/fixtures/stylesheets/compass/tmp/layout.css +16 -0
  44. data/test/fixtures/stylesheets/compass/tmp/legacy_clearfix.css +26 -0
  45. data/test/fixtures/stylesheets/compass/tmp/lists.css +153 -0
  46. data/test/fixtures/stylesheets/compass/tmp/opacity.css +3 -0
  47. data/test/fixtures/stylesheets/compass/tmp/pie.css +28 -0
  48. data/test/fixtures/stylesheets/compass/tmp/print.css +11 -0
  49. data/test/fixtures/stylesheets/compass/tmp/reset.css +60 -0
  50. data/test/fixtures/stylesheets/compass/tmp/sprites.css +1262 -0
  51. data/test/fixtures/stylesheets/compass/tmp/stretching.css +66 -0
  52. data/test/fixtures/stylesheets/compass/tmp/text_shadow.css +14 -0
  53. data/test/fixtures/stylesheets/compass/tmp/transform.css +333 -0
  54. data/test/fixtures/stylesheets/compass/tmp/utilities.css +36 -0
  55. data/test/fixtures/stylesheets/compass/tmp/vertical_rhythm.css +42 -0
  56. metadata +78 -3
@@ -38,8 +38,8 @@ module Compass
38
38
  end
39
39
 
40
40
  def absolute_path?(path)
41
- # This is only going to work on unix, gonna need a better implementation.
42
- path.index(File::SEPARATOR) == 0
41
+ # Pretty basic implementation
42
+ path.index(File::SEPARATOR) == 0 || path.index(':') == 1
43
43
  end
44
44
 
45
45
  def to_sass_engine_options
@@ -133,6 +133,10 @@ module Compass
133
133
  :chunky_png
134
134
  end
135
135
 
136
+ def default_chunky_png_options
137
+ {:compression => Zlib::BEST_COMPRESSION}
138
+ end
139
+
136
140
  # helper functions
137
141
 
138
142
  def http_join(*segments)
@@ -12,8 +12,7 @@ module Compass::Exec
12
12
 
13
13
  def run!
14
14
  begin
15
- perform!
16
- return 0
15
+ return perform!
17
16
  rescue Exception => e
18
17
  raise e if e.is_a? SystemExit
19
18
  if e.is_a?(::Compass::Error) || e.is_a?(OptionParser::ParseError)
@@ -40,7 +39,9 @@ module Compass::Exec
40
39
  else
41
40
  command_class.parse!(args)
42
41
  end
43
- command_class.new(Dir.getwd, @options).execute
42
+ cmd = command_class.new(Dir.getwd, @options)
43
+ cmd.execute
44
+ cmd.successful? ? 0 : 1
44
45
  rescue OptionParser::ParseError => e
45
46
  puts "Error: #{e.message}"
46
47
  puts command_class.usage if command_class.respond_to?(:usage)
@@ -35,6 +35,8 @@ private
35
35
  'image/jpeg'
36
36
  when /\.gif$/i
37
37
  'image/gif'
38
+ when /\.svg$/i
39
+ 'image/svg+xml'
38
40
  when /\.otf$/i
39
41
  'font/opentype'
40
42
  when /\.ttf$/i
@@ -33,10 +33,11 @@ module Compass
33
33
  if canvas.nil?
34
34
  construct_sprite
35
35
  end
36
- canvas.save(filename, :best_compression)
36
+
37
+ canvas.save(filename, Compass.configuration.chunky_png_options)
37
38
  end
38
39
 
39
40
  end
40
41
  end
41
42
  end
42
- end
43
+ end
@@ -672,10 +672,10 @@ input.span-24, textarea.span-24, select.span-24 {
672
672
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -o-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
673
673
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
674
674
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
675
- -moz-background-size: 100% 20px, auto;
676
- -webkit-background-size: 100% 20px, auto;
677
- -o-background-size: 100% 20px, auto;
678
- background-size: 100% 20px, auto;
675
+ -moz-background-size: 100% 18px, auto;
676
+ -webkit-background-size: 100% 18px, auto;
677
+ -o-background-size: 100% 18px, auto;
678
+ background-size: 100% 18px, auto;
679
679
  background-position: left top; }
680
680
 
681
681
  .feedback, .error, .alert, .notice, .success, .info {
@@ -759,7 +759,7 @@ textarea {
759
759
  border: 1px solid #bbbbbb; }
760
760
  input.text:focus, input.title:focus, input[type=email]:focus, input[type=text]:focus, input[type=password]:focus,
761
761
  textarea:focus {
762
- border: 1px solid #666666; }
762
+ border-color: #666666; }
763
763
 
764
764
  select {
765
765
  background-color: #fff;
@@ -5,8 +5,8 @@
5
5
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -o-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
6
6
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
7
7
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
8
- -moz-background-size: 100% 20px, auto;
9
- -webkit-background-size: 100% 20px, auto;
10
- -o-background-size: 100% 20px, auto;
11
- background-size: 100% 20px, auto;
8
+ -moz-background-size: 100% 18px, auto;
9
+ -webkit-background-size: 100% 18px, auto;
10
+ -o-background-size: 100% 18px, auto;
11
+ background-size: 100% 18px, auto;
12
12
  background-position: left top; }
@@ -30,7 +30,7 @@ form.bp textarea {
30
30
  border: 1px solid #bbbbbb; }
31
31
  form.bp input.text:focus, form.bp input.title:focus, form.bp input[type=email]:focus, form.bp input[type=text]:focus, form.bp input[type=password]:focus,
32
32
  form.bp textarea:focus {
33
- border: 1px solid #666666; }
33
+ border-color: #666666; }
34
34
  form.bp select {
35
35
  background-color: #fff;
36
36
  border-width: 1px;
@@ -0,0 +1,9 @@
1
+ pre {
2
+ white-space: pre;
3
+ white-space: pre-wrap;
4
+ white-space: pre-line;
5
+ white-space: -pre-wrap;
6
+ white-space: -o-pre-wrap;
7
+ white-space: -moz-pre-wrap;
8
+ white-space: -hp-pre-wrap;
9
+ word-wrap: break-word; }
@@ -565,15 +565,12 @@
565
565
 
566
566
  .ie-horizontal-filter {
567
567
  *zoom: 1;
568
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FF000000')";
569
568
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); }
570
569
 
571
570
  .ie-vertical-filter {
572
571
  *zoom: 1;
573
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FF000000')";
574
572
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); }
575
573
 
576
574
  .ie-alpha-filter {
577
575
  *zoom: 1;
578
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF')";
579
576
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF'); }
@@ -1,4 +1,3 @@
1
1
  div {
2
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
3
2
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
4
3
  opacity: 0.2; }
@@ -0,0 +1,3 @@
1
+ @import "compass/typography/text";
2
+
3
+ pre { @include force-wrap; }
@@ -0,0 +1,23 @@
1
+ .simple {
2
+ -webkit-border-radius: 4px 4px;
3
+ -moz-border-radius: 4px / 4px;
4
+ -o-border-radius: 4px / 4px;
5
+ -ms-border-radius: 4px / 4px;
6
+ -khtml-border-radius: 4px / 4px;
7
+ border-radius: 4px / 4px; }
8
+
9
+ .compound {
10
+ -webkit-border-radius: 2px 3px;
11
+ -moz-border-radius: 2px 5px / 3px 6px;
12
+ -o-border-radius: 2px 5px / 3px 6px;
13
+ -ms-border-radius: 2px 5px / 3px 6px;
14
+ -khtml-border-radius: 2px 5px / 3px 6px;
15
+ border-radius: 2px 5px / 3px 6px; }
16
+
17
+ .crazy {
18
+ -webkit-border-radius: 1px 2px;
19
+ -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
20
+ -o-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
21
+ -ms-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
22
+ -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
23
+ border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
@@ -0,0 +1,103 @@
1
+ .hbox {
2
+ display: -moz-box;
3
+ display: -webkit-box;
4
+ display: -ms-box;
5
+ display: box;
6
+ -moz-box-orient: horizontal;
7
+ -webkit-box-orient: horizontal;
8
+ -ms-box-orient: horizontal;
9
+ box-orient: horizontal;
10
+ -moz-box-align: stretch;
11
+ -webkit-box-align: stretch;
12
+ -ms-box-align: stretch;
13
+ box-align: stretch; }
14
+ .hbox > * {
15
+ -moz-box-flex: 0;
16
+ -webkit-box-flex: 0;
17
+ -ms-box-flex: 0;
18
+ box-flex: 0; }
19
+
20
+ .vbox {
21
+ display: -moz-box;
22
+ display: -webkit-box;
23
+ display: -ms-box;
24
+ display: box;
25
+ -moz-box-orient: vertical;
26
+ -webkit-box-orient: vertical;
27
+ -ms-box-orient: vertical;
28
+ box-orient: vertical;
29
+ -moz-box-align: stretch;
30
+ -webkit-box-align: stretch;
31
+ -ms-box-align: stretch;
32
+ box-align: stretch; }
33
+ .vbox > * {
34
+ -moz-box-flex: 0;
35
+ -webkit-box-flex: 0;
36
+ -ms-box-flex: 0;
37
+ box-flex: 0; }
38
+
39
+ .spacer {
40
+ -moz-box-flex: 1;
41
+ -webkit-box-flex: 1;
42
+ -ms-box-flex: 1;
43
+ box-flex: 1; }
44
+
45
+ .reverse {
46
+ -moz-box-direction: reverse;
47
+ -webkit-box-direction: reverse;
48
+ -ms-box-direction: reverse;
49
+ box-direction: reverse; }
50
+
51
+ .box-flex-0 {
52
+ -moz-box-flex: 0;
53
+ -webkit-box-flex: 0;
54
+ -ms-box-flex: 0;
55
+ box-flex: 0; }
56
+
57
+ .box-flex-1 {
58
+ -moz-box-flex: 1;
59
+ -webkit-box-flex: 1;
60
+ -ms-box-flex: 1;
61
+ box-flex: 1; }
62
+
63
+ .box-flex-2 {
64
+ -moz-box-flex: 2;
65
+ -webkit-box-flex: 2;
66
+ -ms-box-flex: 2;
67
+ box-flex: 2; }
68
+
69
+ .box-flex-group-0 {
70
+ -moz-box-flex-group: 0;
71
+ -webkit-box-flex-group: 0;
72
+ -ms-box-flex-group: 0;
73
+ box-flex-group: 0; }
74
+
75
+ .box-flex-group-1 {
76
+ -moz-box-flex-group: 1;
77
+ -webkit-box-flex-group: 1;
78
+ -ms-box-flex-group: 1;
79
+ box-flex-group: 1; }
80
+
81
+ .box-flex-group-2 {
82
+ -moz-box-flex-group: 2;
83
+ -webkit-box-flex-group: 2;
84
+ -ms-box-flex-group: 2;
85
+ box-flex-group: 2; }
86
+
87
+ .start {
88
+ -moz-box-pack: start;
89
+ -webkit-box-pack: start;
90
+ -ms-box-pack: start;
91
+ box-pack: start; }
92
+
93
+ .end {
94
+ -moz-box-pack: end;
95
+ -webkit-box-pack: end;
96
+ -ms-box-pack: end;
97
+ box-pack: end; }
98
+
99
+ .center {
100
+ -moz-box-pack: center;
101
+ -webkit-box-pack: center;
102
+ -ms-box-pack: center;
103
+ box-pack: center; }
@@ -0,0 +1,17 @@
1
+ .box-shadow {
2
+ -moz-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;
3
+ -webkit-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;
4
+ -o-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;
5
+ box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222; }
6
+
7
+ .single-box-shadow {
8
+ -moz-box-shadow: 0px 0px 5px #333333;
9
+ -webkit-box-shadow: 0px 0px 5px #333333;
10
+ -o-box-shadow: 0px 0px 5px #333333;
11
+ box-shadow: 0px 0px 5px #333333; }
12
+
13
+ .multiple-box-shadows {
14
+ -moz-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;
15
+ -webkit-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;
16
+ -o-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;
17
+ box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222; }
@@ -0,0 +1,47 @@
1
+ .column-count {
2
+ -moz-column-count: 5;
3
+ -webkit-column-count: 5;
4
+ -o-column-count: 5;
5
+ column-count: 5; }
6
+
7
+ .column-gap {
8
+ -moz-column-gap: 10px;
9
+ -webkit-column-gap: 10px;
10
+ -o-column-gap: 10px;
11
+ column-gap: 10px; }
12
+
13
+ .column-width {
14
+ -moz-column-width: 90px;
15
+ -webkit-column-width: 90px;
16
+ -o-column-width: 90px;
17
+ column-width: 90px; }
18
+
19
+ .column-rule-width {
20
+ -moz-rule-width: 1px;
21
+ -webkit-rule-width: 1px;
22
+ -o-rule-width: 1px;
23
+ rule-width: 1px; }
24
+
25
+ .column-rule-style {
26
+ -moz-rule-style: dotted;
27
+ -webkit-rule-style: dotted;
28
+ -o-rule-style: dotted;
29
+ rule-style: dotted; }
30
+
31
+ .column-rule-color {
32
+ -moz-rule-color: blue;
33
+ -webkit-rule-color: blue;
34
+ -o-rule-color: blue;
35
+ rule-color: blue; }
36
+
37
+ .column-rule {
38
+ -moz-column-rule: 1px solid blue;
39
+ -webkit-column-rule: 1px solid blue;
40
+ -o-column-rule: 1px solid blue;
41
+ column-rule: 1px solid blue; }
42
+
43
+ .column-rule-spaced {
44
+ -moz-column-rule: 1px solid blue;
45
+ -webkit-column-rule: 1px solid blue;
46
+ -o-column-rule: 1px solid blue;
47
+ column-rule: 1px solid blue; }
@@ -0,0 +1,4 @@
1
+ @font-face {
2
+ font-family: "font1";
3
+ src: url('/tmp/fonts/font1.eot');
4
+ src: url('/tmp/fonts/font1.eot?iefix') format('eot'), url('/tmp/fonts/font1.woff') format('woff'); }
@@ -0,0 +1,9 @@
1
+ pre {
2
+ white-space: pre;
3
+ white-space: pre-wrap;
4
+ white-space: pre-line;
5
+ white-space: -pre-wrap;
6
+ white-space: -o-pre-wrap;
7
+ white-space: -moz-pre-wrap;
8
+ white-space: -hp-pre-wrap;
9
+ word-wrap: break-word; }
@@ -0,0 +1,576 @@
1
+ .bg-shortcut-simple-image {
2
+ background: white url("foo.png"); }
3
+
4
+ .bg-shortcut-linear-gradient {
5
+ background: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
6
+ background: white -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
7
+ background: white -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
8
+ background: white -moz-linear-gradient(top left, #dddddd, #aaaaaa);
9
+ background: white -o-linear-gradient(top left, #dddddd, #aaaaaa);
10
+ background: white -ms-linear-gradient(top left, #dddddd, #aaaaaa);
11
+ background: white linear-gradient(top left, #dddddd, #aaaaaa); }
12
+
13
+ .bg-shortcut-radial-gradient {
14
+ background: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
15
+ background: white -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
16
+ background: white -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
17
+ background: white -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
18
+ background: white -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
19
+ background: white -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
20
+ background: white radial-gradient(center center, #dddddd, #aaaaaa 100px); }
21
+
22
+ .bg-linear-gradient-angle-svg {
23
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00NSIgeTE9IiIgeDI9Ii00NSIgeTI9IiIgZ3JhZGllbnRUcmFuc2Zvcm0gPSAicm90YXRlKC00NSkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
24
+ background-size: 100%;
25
+ background-image: -webkit-gradient(linear, -45deg, -45deg, color-stop(0%, #0000ff), color-stop(100%, #000000));
26
+ background-image: -webkit-linear-gradient(-45deg, #0000ff, #000000);
27
+ background-image: -moz-linear-gradient(-45deg, #0000ff, #000000);
28
+ background-image: -o-linear-gradient(-45deg, #0000ff, #000000);
29
+ background-image: -ms-linear-gradient(-45deg, #0000ff, #000000);
30
+ background-image: linear-gradient(-45deg, #0000ff, #000000); }
31
+
32
+ .bg-linear-gradient-angle2-svg {
33
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
34
+ background-size: 100%;
35
+ background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #0000ff), color-stop(100%, #000000));
36
+ background-image: -webkit-linear-gradient(top left, #0000ff, #000000);
37
+ background-image: -moz-linear-gradient(top left, #0000ff, #000000);
38
+ background-image: -o-linear-gradient(top left, #0000ff, #000000);
39
+ background-image: -ms-linear-gradient(top left, #0000ff, #000000);
40
+ background-image: linear-gradient(top left, #0000ff, #000000); }
41
+
42
+ .bg-all-gradient-types-with-simplification {
43
+ background: #ffcc00;
44
+ background: url('/images/4x6.png?busted=true'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), #ffcc00;
45
+ background: url('/images/4x6.png?busted=true'), -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa)), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa)), #ffcc00;
46
+ background: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
47
+ background: url('/images/4x6.png?busted=true'), -moz-linear-gradient(top left, #dddddd, #aaaaaa), -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
48
+ background: url('/images/4x6.png?busted=true'), -o-linear-gradient(top left, #dddddd, #aaaaaa), -o-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
49
+ background: url('/images/4x6.png?busted=true'), -ms-linear-gradient(top left, #dddddd, #aaaaaa), -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
50
+ background: url('/images/4x6.png?busted=true'), linear-gradient(top left, #dddddd, #aaaaaa), radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00; }
51
+
52
+ .bg-simple-image {
53
+ background-image: url("foo.png"); }
54
+
55
+ .bg-linear-gradient {
56
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
57
+ background-size: 100%;
58
+ background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
59
+ background-image: -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
60
+ background-image: -moz-linear-gradient(top left, #dddddd, #aaaaaa);
61
+ background-image: -o-linear-gradient(top left, #dddddd, #aaaaaa);
62
+ background-image: -ms-linear-gradient(top left, #dddddd, #aaaaaa);
63
+ background-image: linear-gradient(top left, #dddddd, #aaaaaa); }
64
+
65
+ .bg-linear-gradient-pixel-stop-from-top {
66
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
67
+ background-size: 100%;
68
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 40, color-stop(25%, #dddddd), color-stop(100%, #aaaaaa));
69
+ background-image: -webkit-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
70
+ background-image: -moz-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
71
+ background-image: -o-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
72
+ background-image: -ms-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
73
+ background-image: linear-gradient(top, #dddddd 10px, #aaaaaa 40px); }
74
+
75
+ .bg-linear-gradient-pixel-stop-from-left {
76
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
77
+ background-size: 100%;
78
+ background-image: -webkit-gradient(linear, 0% 50%, 40 50%, color-stop(25%, #dddddd), color-stop(100%, #aaaaaa));
79
+ background-image: -webkit-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
80
+ background-image: -moz-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
81
+ background-image: -o-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
82
+ background-image: -ms-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
83
+ background-image: linear-gradient(left, #dddddd 10px, #aaaaaa 40px); }
84
+
85
+ .bg-radial-gradient {
86
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
87
+ background-size: 100%;
88
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
89
+ background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
90
+ background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
91
+ background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
92
+ background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
93
+ background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
94
+
95
+ .bg-linear-gradient-with-angle {
96
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00NSIgeTE9IiIgeDI9Ii00NSIgeTI9IiIgZ3JhZGllbnRUcmFuc2Zvcm0gPSAicm90YXRlKC00NSkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
97
+ background-size: 100%;
98
+ background-image: -webkit-gradient(linear, -45deg, -45deg, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
99
+ background-image: -webkit-linear-gradient(-45deg, #dddddd, #aaaaaa);
100
+ background-image: -moz-linear-gradient(-45deg, #dddddd, #aaaaaa);
101
+ background-image: -o-linear-gradient(-45deg, #dddddd, #aaaaaa);
102
+ background-image: -ms-linear-gradient(-45deg, #dddddd, #aaaaaa);
103
+ background-image: linear-gradient(-45deg, #dddddd, #aaaaaa); }
104
+
105
+ .bg-radial-gradient-with-angle-and-shape {
106
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9ImVsbGlwc2UiIGN5PSJjb3ZlciIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
107
+ background-size: 100%;
108
+ background-image: -webkit-gradient(radial, ellipse cover, 0, ellipse cover, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
109
+ background-image: -webkit-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
110
+ background-image: -moz-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
111
+ background-image: -o-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
112
+ background-image: -ms-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
113
+ background-image: radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px); }
114
+
115
+ .bg-all-gradient-types {
116
+ background-image: url('/images/4x6.png?busted=true'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
117
+ background-size: 100%;
118
+ background-image: url('/images/4x6.png?busted=true'), -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa)), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
119
+ background-image: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
120
+ background-image: url('/images/4x6.png?busted=true'), -moz-linear-gradient(top left, #dddddd, #aaaaaa), -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
121
+ background-image: url('/images/4x6.png?busted=true'), -o-linear-gradient(top left, #dddddd, #aaaaaa), -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
122
+ background-image: url('/images/4x6.png?busted=true'), -ms-linear-gradient(top left, #dddddd, #aaaaaa), -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
123
+ background-image: url('/images/4x6.png?busted=true'), linear-gradient(top left, #dddddd, #aaaaaa), radial-gradient(center center, #dddddd, #aaaaaa 100px); }
124
+
125
+ .border-image-gradient {
126
+ -moz-border-image: -moz-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
127
+ -webkit-border-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #00ff00), color-stop(100%, #ff0000)) 100 stretch;
128
+ -webkit-border-image: -webkit-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
129
+ -o-border-image: -o-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
130
+ border-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBmZjAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 100 stretch;
131
+ border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch; }
132
+
133
+ .direct-list-image-plain {
134
+ list-style-image: url('/images/4x6.png?busted=true'); }
135
+
136
+ .shorthand-list-image-plain {
137
+ list-style-image: outside url('/images/4x6.png?busted=true'); }
138
+
139
+ .direct-list-image-with-gradient {
140
+ list-style-image: -moz-radial-gradient(#00ff00, #ff0000 10px);
141
+ list-style-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 10, color-stop(0%, #00ff00), color-stop(100%, #ff0000));
142
+ list-style-image: -webkit-radial-gradient(#00ff00, #ff0000 10px);
143
+ list-style-image: -o-radial-gradient(#00ff00, #ff0000 10px);
144
+ list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
145
+ list-style-image: radial-gradient(#00ff00, #ff0000 10px); }
146
+
147
+ .shorthand-list-image-with-gradient {
148
+ list-style-image: outside -moz-radial-gradient(#00ff00, #ff0000 10px);
149
+ list-style-image: outside -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 10, color-stop(0%, #00ff00), color-stop(100%, #ff0000));
150
+ list-style-image: outside -webkit-radial-gradient(#00ff00, #ff0000 10px);
151
+ list-style-image: outside -o-radial-gradient(#00ff00, #ff0000 10px);
152
+ list-style-image: outside url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
153
+ list-style-image: outside radial-gradient(#00ff00, #ff0000 10px); }
154
+
155
+ .content-plain {
156
+ content: "asdf"; }
157
+
158
+ .content-with-gradient {
159
+ content: -moz-radial-gradient(#00ff00, #ff0000 10px);
160
+ content: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 10, color-stop(0%, #00ff00), color-stop(100%, #ff0000));
161
+ content: -webkit-radial-gradient(#00ff00, #ff0000 10px);
162
+ content: -o-radial-gradient(#00ff00, #ff0000 10px);
163
+ content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
164
+ content: radial-gradient(#00ff00, #ff0000 10px); }
165
+
166
+ .bg-linear-gradient-no-position {
167
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
168
+ background-image: -webkit-linear-gradient(#dddddd, #aaaaaa);
169
+ background-image: -moz-linear-gradient(#dddddd, #aaaaaa);
170
+ background-image: -o-linear-gradient(#dddddd, #aaaaaa);
171
+ background-image: -ms-linear-gradient(#dddddd, #aaaaaa);
172
+ background-image: linear-gradient(#dddddd, #aaaaaa); }
173
+
174
+ .bg-radial-gradient-no-position {
175
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
176
+ background-image: -webkit-radial-gradient(#dddddd, #aaaaaa 100px);
177
+ background-image: -moz-radial-gradient(#dddddd, #aaaaaa 100px);
178
+ background-image: -o-radial-gradient(#dddddd, #aaaaaa 100px);
179
+ background-image: -ms-radial-gradient(#dddddd, #aaaaaa 100px);
180
+ background-image: radial-gradient(#dddddd, #aaaaaa 100px); }
181
+
182
+ .image-fallback {
183
+ background-image: image(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
184
+ background-image: image(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
185
+ background-image: image(-moz-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
186
+ background-image: image(-o-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
187
+ background-image: image(-ms-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
188
+ background-image: image(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000); }
189
+
190
+ .cross-fade {
191
+ background-image: cross-fade(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
192
+ background-image: cross-fade(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
193
+ background-image: cross-fade(-moz-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
194
+ background-image: cross-fade(-o-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
195
+ background-image: cross-fade(-ms-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
196
+ background-image: cross-fade(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true')); }
197
+
198
+ .unknown-function-wrapper {
199
+ background: foo(radial-gradient(#dddddd, #aaaaaa 100px));
200
+ background: foo(-webkit-radial-gradient(#dddddd, #aaaaaa 100px));
201
+ background: foo(-moz-radial-gradient(#dddddd, #aaaaaa 100px));
202
+ background: foo(-o-radial-gradient(#dddddd, #aaaaaa 100px));
203
+ background: foo(-ms-radial-gradient(#dddddd, #aaaaaa 100px));
204
+ background: foo(radial-gradient(#dddddd, #aaaaaa 100px)); }
205
+
206
+ .linear-1 {
207
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
208
+ background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa);
209
+ background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa);
210
+ background-image: -o-linear-gradient(top, #dddddd, #aaaaaa);
211
+ background-image: -ms-linear-gradient(top, #dddddd, #aaaaaa);
212
+ background-image: linear-gradient(top, #dddddd, #aaaaaa); }
213
+
214
+ .linear-2 {
215
+ background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
216
+ background-image: -webkit-linear-gradient(left, #dddddd, #aaaaaa);
217
+ background-image: -moz-linear-gradient(left, #dddddd, #aaaaaa);
218
+ background-image: -o-linear-gradient(left, #dddddd, #aaaaaa);
219
+ background-image: -ms-linear-gradient(left, #dddddd, #aaaaaa);
220
+ background-image: linear-gradient(left, #dddddd, #aaaaaa); }
221
+
222
+ .linear-3 {
223
+ background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
224
+ background-image: -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
225
+ background-image: -moz-linear-gradient(top left, #dddddd, #aaaaaa);
226
+ background-image: -o-linear-gradient(top left, #dddddd, #aaaaaa);
227
+ background-image: -ms-linear-gradient(top left, #dddddd, #aaaaaa);
228
+ background-image: linear-gradient(top left, #dddddd, #aaaaaa); }
229
+
230
+ .linear-4 {
231
+ background-image: -webkit-gradient(linear, 100% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
232
+ background-image: -webkit-linear-gradient(top right, #dddddd, #aaaaaa);
233
+ background-image: -moz-linear-gradient(top right, #dddddd, #aaaaaa);
234
+ background-image: -o-linear-gradient(top right, #dddddd, #aaaaaa);
235
+ background-image: -ms-linear-gradient(top right, #dddddd, #aaaaaa);
236
+ background-image: linear-gradient(top right, #dddddd, #aaaaaa); }
237
+
238
+ .linear-5 {
239
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(50%, #cccccc), color-stop(100%, #aaaaaa));
240
+ background-image: -webkit-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
241
+ background-image: -moz-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
242
+ background-image: -o-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
243
+ background-image: -ms-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
244
+ background-image: linear-gradient(top, #dddddd, #cccccc, #aaaaaa); }
245
+
246
+ .linear-6 {
247
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #cccccc), color-stop(100%, #aaaaaa));
248
+ background-image: -webkit-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
249
+ background-image: -moz-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
250
+ background-image: -o-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
251
+ background-image: -ms-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
252
+ background-image: linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa); }
253
+
254
+ .linear-7 {
255
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #cccccc), color-stop(60%, #eeeeee), color-stop(100%, #aaaaaa));
256
+ background-image: -webkit-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
257
+ background-image: -moz-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
258
+ background-image: -o-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
259
+ background-image: -ms-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
260
+ background-image: linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa); }
261
+
262
+ .linear-8 {
263
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(80%, #dddddd), color-stop(100%, #aaaaaa));
264
+ background-image: -webkit-linear-gradient(top, #dddddd 80%, #aaaaaa);
265
+ background-image: -moz-linear-gradient(top, #dddddd 80%, #aaaaaa);
266
+ background-image: -o-linear-gradient(top, #dddddd 80%, #aaaaaa);
267
+ background-image: -ms-linear-gradient(top, #dddddd 80%, #aaaaaa);
268
+ background-image: linear-gradient(top, #dddddd 80%, #aaaaaa); }
269
+
270
+ .linear-9 {
271
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #aaaaaa));
272
+ background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa 20%);
273
+ background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa 20%);
274
+ background-image: -o-linear-gradient(top, #dddddd, #aaaaaa 20%);
275
+ background-image: -ms-linear-gradient(top, #dddddd, #aaaaaa 20%);
276
+ background-image: linear-gradient(top, #dddddd, #aaaaaa 20%); }
277
+
278
+ .linear-10 {
279
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #dddddd), color-stop(50%, #aaaaaa));
280
+ background-image: -webkit-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
281
+ background-image: -moz-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
282
+ background-image: -o-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
283
+ background-image: -ms-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
284
+ background-image: linear-gradient(top, #dddddd 40%, #aaaaaa 50%); }
285
+
286
+ .linear-11 {
287
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #dddddd), color-stop(45%, #000000), color-stop(50%, #aaaaaa));
288
+ background-image: -webkit-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
289
+ background-image: -moz-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
290
+ background-image: -o-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
291
+ background-image: -ms-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
292
+ background-image: linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%); }
293
+
294
+ .linear-12 {
295
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(33%, #0000ff), color-stop(67%, #000000));
296
+ background-image: -webkit-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
297
+ background-image: -moz-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
298
+ background-image: -o-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
299
+ background-image: -ms-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
300
+ background-image: linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%); }
301
+
302
+ .radial-1 {
303
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
304
+ background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
305
+ background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
306
+ background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
307
+ background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
308
+ background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
309
+
310
+ .radial-2 {
311
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
312
+ background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
313
+ background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
314
+ background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
315
+ background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
316
+ background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
317
+
318
+ .radial-3 {
319
+ background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
320
+ background-image: -webkit-radial-gradient(top center, #dddddd, #aaaaaa 100px);
321
+ background-image: -moz-radial-gradient(top center, #dddddd, #aaaaaa 100px);
322
+ background-image: -o-radial-gradient(top center, #dddddd, #aaaaaa 100px);
323
+ background-image: -ms-radial-gradient(top center, #dddddd, #aaaaaa 100px);
324
+ background-image: radial-gradient(top center, #dddddd, #aaaaaa 100px); }
325
+
326
+ .radial-4 {
327
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
328
+ background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
329
+ background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
330
+ background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
331
+ background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
332
+ background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
333
+
334
+ .radial-5 {
335
+ background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
336
+ background-image: -webkit-radial-gradient(top center, #dddddd, #aaaaaa 100px);
337
+ background-image: -moz-radial-gradient(top center, #dddddd, #aaaaaa 100px);
338
+ background-image: -o-radial-gradient(top center, #dddddd, #aaaaaa 100px);
339
+ background-image: -ms-radial-gradient(top center, #dddddd, #aaaaaa 100px);
340
+ background-image: radial-gradient(top center, #dddddd, #aaaaaa 100px); }
341
+
342
+ .radial-6 {
343
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 50, color-stop(40%, #dddddd), color-stop(100%, #aaaaaa));
344
+ background-image: -webkit-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
345
+ background-image: -moz-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
346
+ background-image: -o-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
347
+ background-image: -ms-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
348
+ background-image: radial-gradient(center center, #dddddd 20px, #aaaaaa 50px); }
349
+
350
+ .radial-7 {
351
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 50, color-stop(20%, #dddddd), color-stop(100%, #aaaaaa));
352
+ background-image: -webkit-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
353
+ background-image: -moz-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
354
+ background-image: -o-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
355
+ background-image: -ms-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
356
+ background-image: radial-gradient(center center, #dddddd 20%, #aaaaaa 50px); }
357
+
358
+ .alpha-linear {
359
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(45%, rgba(255, 127, 127, 0.5)), color-stop(50%, #ffffff));
360
+ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
361
+ background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
362
+ background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
363
+ background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
364
+ background-image: linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%); }
365
+
366
+ .linear-svg-1 {
367
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
368
+ background-size: 100%;
369
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
370
+ background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa);
371
+ background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa);
372
+ background-image: -o-linear-gradient(top, #dddddd, #aaaaaa);
373
+ background-image: -ms-linear-gradient(top, #dddddd, #aaaaaa);
374
+ background-image: linear-gradient(top, #dddddd, #aaaaaa); }
375
+
376
+ .linear-svg-2 {
377
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
378
+ background-size: 100%;
379
+ background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
380
+ background-image: -webkit-linear-gradient(left, #dddddd, #aaaaaa);
381
+ background-image: -moz-linear-gradient(left, #dddddd, #aaaaaa);
382
+ background-image: -o-linear-gradient(left, #dddddd, #aaaaaa);
383
+ background-image: -ms-linear-gradient(left, #dddddd, #aaaaaa);
384
+ background-image: linear-gradient(left, #dddddd, #aaaaaa); }
385
+
386
+ .linear-svg-3 {
387
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
388
+ background-size: 100%;
389
+ background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
390
+ background-image: -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
391
+ background-image: -moz-linear-gradient(top left, #dddddd, #aaaaaa);
392
+ background-image: -o-linear-gradient(top left, #dddddd, #aaaaaa);
393
+ background-image: -ms-linear-gradient(top left, #dddddd, #aaaaaa);
394
+ background-image: linear-gradient(top left, #dddddd, #aaaaaa); }
395
+
396
+ .linear-svg-4 {
397
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
398
+ background-size: 100%;
399
+ background-image: -webkit-gradient(linear, 100% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
400
+ background-image: -webkit-linear-gradient(top right, #dddddd, #aaaaaa);
401
+ background-image: -moz-linear-gradient(top right, #dddddd, #aaaaaa);
402
+ background-image: -o-linear-gradient(top right, #dddddd, #aaaaaa);
403
+ background-image: -ms-linear-gradient(top right, #dddddd, #aaaaaa);
404
+ background-image: linear-gradient(top right, #dddddd, #aaaaaa); }
405
+
406
+ .linear-svg-5 {
407
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
408
+ background-size: 100%;
409
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(50%, #cccccc), color-stop(100%, #aaaaaa));
410
+ background-image: -webkit-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
411
+ background-image: -moz-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
412
+ background-image: -o-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
413
+ background-image: -ms-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
414
+ background-image: linear-gradient(top, #dddddd, #cccccc, #aaaaaa); }
415
+
416
+ .linear-svg-6 {
417
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
418
+ background-size: 100%;
419
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #cccccc), color-stop(100%, #aaaaaa));
420
+ background-image: -webkit-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
421
+ background-image: -moz-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
422
+ background-image: -o-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
423
+ background-image: -ms-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
424
+ background-image: linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa); }
425
+
426
+ .linear-svg-7 {
427
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
428
+ background-size: 100%;
429
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #cccccc), color-stop(60%, #eeeeee), color-stop(100%, #aaaaaa));
430
+ background-image: -webkit-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
431
+ background-image: -moz-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
432
+ background-image: -o-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
433
+ background-image: -ms-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
434
+ background-image: linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa); }
435
+
436
+ .linear-svg-8 {
437
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
438
+ background-size: 100%;
439
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(80%, #dddddd), color-stop(100%, #aaaaaa));
440
+ background-image: -webkit-linear-gradient(top, #dddddd 80%, #aaaaaa);
441
+ background-image: -moz-linear-gradient(top, #dddddd 80%, #aaaaaa);
442
+ background-image: -o-linear-gradient(top, #dddddd 80%, #aaaaaa);
443
+ background-image: -ms-linear-gradient(top, #dddddd 80%, #aaaaaa);
444
+ background-image: linear-gradient(top, #dddddd 80%, #aaaaaa); }
445
+
446
+ .linear-svg-9 {
447
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
448
+ background-size: 100%;
449
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #aaaaaa));
450
+ background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa 20%);
451
+ background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa 20%);
452
+ background-image: -o-linear-gradient(top, #dddddd, #aaaaaa 20%);
453
+ background-image: -ms-linear-gradient(top, #dddddd, #aaaaaa 20%);
454
+ background-image: linear-gradient(top, #dddddd, #aaaaaa 20%); }
455
+
456
+ .linear-svg-10 {
457
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
458
+ background-size: 100%;
459
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #dddddd), color-stop(50%, #aaaaaa));
460
+ background-image: -webkit-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
461
+ background-image: -moz-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
462
+ background-image: -o-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
463
+ background-image: -ms-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
464
+ background-image: linear-gradient(top, #dddddd 40%, #aaaaaa 50%); }
465
+
466
+ .linear-svg-11 {
467
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
468
+ background-size: 100%;
469
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #dddddd), color-stop(45%, #000000), color-stop(50%, #aaaaaa));
470
+ background-image: -webkit-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
471
+ background-image: -moz-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
472
+ background-image: -o-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
473
+ background-image: -ms-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
474
+ background-image: linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%); }
475
+
476
+ .linear-svg-12 {
477
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjMDAwMGZmIi8+PHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
478
+ background-size: 100%;
479
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(33%, #0000ff), color-stop(67%, #000000));
480
+ background-image: -webkit-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
481
+ background-image: -moz-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
482
+ background-image: -o-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
483
+ background-image: -ms-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
484
+ background-image: linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%); }
485
+
486
+ .radial-svg-1 {
487
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
488
+ background-size: 100%;
489
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
490
+ background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
491
+ background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
492
+ background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
493
+ background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
494
+ background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
495
+
496
+ .radial-svg-2 {
497
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
498
+ background-size: 100%;
499
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
500
+ background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
501
+ background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
502
+ background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
503
+ background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
504
+ background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
505
+
506
+ .radial-svg-3 {
507
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjAlIiByPSIxMDAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
508
+ background-size: 100%;
509
+ background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
510
+ background-image: -webkit-radial-gradient(top center, #dddddd, #aaaaaa 100px);
511
+ background-image: -moz-radial-gradient(top center, #dddddd, #aaaaaa 100px);
512
+ background-image: -o-radial-gradient(top center, #dddddd, #aaaaaa 100px);
513
+ background-image: -ms-radial-gradient(top center, #dddddd, #aaaaaa 100px);
514
+ background-image: radial-gradient(top center, #dddddd, #aaaaaa 100px); }
515
+
516
+ .radial-svg-4 {
517
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
518
+ background-size: 100%;
519
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
520
+ background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
521
+ background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
522
+ background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
523
+ background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
524
+ background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
525
+
526
+ .radial-svg-5 {
527
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjAlIiByPSIxMDAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
528
+ background-size: 100%;
529
+ background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
530
+ background-image: -webkit-radial-gradient(top center, #dddddd, #aaaaaa 100px);
531
+ background-image: -moz-radial-gradient(top center, #dddddd, #aaaaaa 100px);
532
+ background-image: -o-radial-gradient(top center, #dddddd, #aaaaaa 100px);
533
+ background-image: -ms-radial-gradient(top center, #dddddd, #aaaaaa 100px);
534
+ background-image: radial-gradient(top center, #dddddd, #aaaaaa 100px); }
535
+
536
+ .radial-svg-6 {
537
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNTAiPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
538
+ background-size: 100%;
539
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 50, color-stop(40%, #dddddd), color-stop(100%, #aaaaaa));
540
+ background-image: -webkit-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
541
+ background-image: -moz-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
542
+ background-image: -o-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
543
+ background-image: -ms-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
544
+ background-image: radial-gradient(center center, #dddddd 20px, #aaaaaa 50px); }
545
+
546
+ .radial-svg-7 {
547
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNTAiPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
548
+ background-size: 100%;
549
+ background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 50, color-stop(20%, #dddddd), color-stop(100%, #aaaaaa));
550
+ background-image: -webkit-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
551
+ background-image: -moz-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
552
+ background-image: -o-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
553
+ background-image: -ms-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
554
+ background-image: radial-gradient(center center, #dddddd 20%, #aaaaaa 50px); }
555
+
556
+ .alpha-linear-svg {
557
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMCkiLz48c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDEyNywgMTI3LCAwLjUpIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
558
+ background-size: 100%;
559
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(45%, rgba(255, 127, 127, 0.5)), color-stop(50%, #ffffff));
560
+ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
561
+ background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
562
+ background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
563
+ background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
564
+ background-image: linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%); }
565
+
566
+ .ie-horizontal-filter {
567
+ *zoom: 1;
568
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); }
569
+
570
+ .ie-vertical-filter {
571
+ *zoom: 1;
572
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); }
573
+
574
+ .ie-alpha-filter {
575
+ *zoom: 1;
576
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF'); }