From 1c1af52c471549cc86a23a16f5907ae43c4310a9 Mon Sep 17 00:00:00 2001
From: Escoffier Nicolas <nico.oxydesign@free.fr>
Date: Sat, 16 Aug 2014 01:04:57 +0200
Subject: [PATCH 1/3] Improvement on loader 6

---
 css/load6.css   | 36 ++++++++++++++++-----------
 index.html      | 36 ++++++++++++++++-----------
 less/load6.less | 66 +++++++++++++++++++++++++++++--------------------
 3 files changed, 83 insertions(+), 55 deletions(-)

diff --git a/css/load6.css b/css/load6.css
index 11f5381..a32314f 100644
--- a/css/load6.css
+++ b/css/load6.css
@@ -17,43 +17,51 @@
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
-  5%,
-  95% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+  2%,
+  96% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
+  }
+  10%,
+  70% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
   30% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.51em -0.66em 0 -0.42em #ffffff, -0.75em -0.36em 0 -0.44em #ffffff, -0.83em -0.03em 0 -0.46em #ffffff, -0.81em 0.21em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
   55% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.29em -0.78em 0 -0.42em #ffffff, -0.43em -0.72em 0 -0.44em #ffffff, -0.52em -0.65em 0 -0.46em #ffffff, -0.57em -0.61em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
   }
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
 }
 @keyframes load6 {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
+  }
+  2%,
+  96% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
-  5%,
-  95% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+  10%,
+  70% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
   30% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.51em -0.66em 0 -0.42em #ffffff, -0.75em -0.36em 0 -0.44em #ffffff, -0.83em -0.03em 0 -0.46em #ffffff, -0.81em 0.21em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
   55% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.29em -0.78em 0 -0.42em #ffffff, -0.43em -0.72em 0 -0.44em #ffffff, -0.52em -0.65em 0 -0.46em #ffffff, -0.57em -0.61em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
   }
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
 }
diff --git a/index.html b/index.html
index 5172624..5a6f7c8 100644
--- a/index.html
+++ b/index.html
@@ -340,44 +340,52 @@
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
-  5%,
-  95% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+  2%,
+  96% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
+  }
+  10%,
+  70% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
   30% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.51em -0.66em 0 -0.42em #ffffff, -0.75em -0.36em 0 -0.44em #ffffff, -0.83em -0.03em 0 -0.46em #ffffff, -0.81em 0.21em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
   55% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.29em -0.78em 0 -0.42em #ffffff, -0.43em -0.72em 0 -0.44em #ffffff, -0.52em -0.65em 0 -0.46em #ffffff, -0.57em -0.61em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
   }
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
 }
 @keyframes load6 {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
+  }
+  2%,
+  96% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
-  5%,
-  95% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+  10%,
+  70% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
   30% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.51em -0.66em 0 -0.42em #ffffff, -0.75em -0.36em 0 -0.44em #ffffff, -0.83em -0.03em 0 -0.46em #ffffff, -0.81em 0.21em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
   55% {
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.29em -0.78em 0 -0.42em #ffffff, -0.43em -0.72em 0 -0.44em #ffffff, -0.52em -0.65em 0 -0.46em #ffffff, -0.57em -0.61em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
   }
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
-    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
 }
 </textarea></div><div id="load7" class="source hidden"><textarea readonly class="markup"><div class="loader">Loading...</div></textarea><textarea readonly class="css">.load7 .loader:before,
diff --git a/less/load6.less b/less/load6.less
index e775a6f..18a8e51 100644
--- a/less/load6.less
+++ b/less/load6.less
@@ -21,42 +21,54 @@
   0% {
   -webkit-transform:rotate(0deg);
   transform:rotate(0deg);
-  box-shadow:-0.11em -0.83em 0 -0.4em #FFF,
-  -0.11em -0.83em 0 -0.42em #FFF,
-  -0.11em -0.83em 0 -0.44em #FFF,
-  -0.11em -0.83em 0 -0.46em #FFF,
-  -0.11em -0.83em 0 -0.477em #FFF;
+  box-shadow:
+  0 -0.83em 0 -0.4em #FFF,
+  0 -0.83em 0 -0.42em #FFF,
+  0 -0.83em 0 -0.44em #FFF,
+  0 -0.83em 0 -0.46em #FFF,
+  0 -0.83em 0 -0.477em #FFF;
   }
-  5%,95% {
-  box-shadow:-0.11em -0.83em 0 -0.4em #FFF,
-  -0.11em -0.83em 0 -0.42em #FFF,
-  -0.11em -0.83em 0 -0.44em #FFF,
-  -0.11em -0.83em 0 -0.46em #FFF,
-  -0.11em -0.83em 0 -0.477em #FFF;
+  2%,96% {
+  box-shadow:
+  0 -0.83em 0 -0.4em #FFF,
+  0 -0.83em 0 -0.42em #FFF,
+  0 -0.83em 0 -0.44em #FFF,
+  0 -0.83em 0 -0.46em #FFF,
+  0 -0.83em 0 -0.477em #FFF;
+  }
+  10%,70% {
+  box-shadow:
+  0 -0.83em 0 -0.4em #FFF,
+  -0.087em -0.825em 0 -0.42em #FFF,
+  -0.173em -0.812em 0 -0.44em #FFF,
+  -0.256em -0.789em 0 -0.46em #FFF,
+  -0.338em -0.758em 0 -0.477em #FFF;
   }
-
   30% {
-  box-shadow:-0.11em -0.83em 0 -0.4em #FFF,
-  -0.51em -0.66em 0 -0.42em #FFF,
-  -0.75em -0.36em 0 -0.44em #FFF,
-  -0.83em -0.03em 0 -0.46em #FFF,
-  -0.81em 0.21em 0 -0.477em #FFF;
+  box-shadow:
+  0 -0.83em 0 -0.4em #FFF,
+  -0.338em -0.758em 0 -0.42em #FFF,
+  -0.555em -0.617em 0 -0.44em #FFF,
+  -0.671em -0.488em 0 -0.46em #FFF,
+  -0.719em -0.415em 0 -0.477em #FFF;
   }
   55% {
-  box-shadow:-0.11em -0.83em 0 -0.4em #FFF,
-  -0.29em -0.78em 0 -0.42em #FFF,
-  -0.43em -0.72em 0 -0.44em #FFF,
-  -0.52em -0.65em 0 -0.46em #FFF,
-  -0.57em -0.61em 0 -0.477em #FFF;
+  box-shadow:
+  0 -0.83em 0 -0.4em #FFF,
+  -0.256em -0.789em 0 -0.42em #FFF,
+  -0.488em -0.671em 0 -0.44em #FFF,
+  -0.617em -0.555em 0 -0.46em #FFF,
+  -0.671em -0.488em 0 -0.477em #FFF;
   }
   100% {
   -webkit-transform:rotate(360deg);
   transform:rotate(360deg);
-  box-shadow:-0.11em -0.83em 0 -0.4em #FFF,
-  -0.11em -0.83em 0 -0.42em #FFF,
-  -0.11em -0.83em 0 -0.44em #FFF,
-  -0.11em -0.83em 0 -0.46em #FFF,
-  -0.11em -0.83em 0 -0.477em #FFF;
+  box-shadow:
+  0 -0.83em 0 -0.4em #FFF,
+  0 -0.83em 0 -0.42em #FFF,
+  0 -0.83em 0 -0.44em #FFF,
+  0 -0.83em 0 -0.46em #FFF,
+  0 -0.83em 0 -0.477em #FFF;
   }
 }
 

From 9d00f1d75fca4a2bccf6335ff88958514a5f75b2 Mon Sep 17 00:00:00 2001
From: Escoffier Nicolas <nico.oxydesign@free.fr>
Date: Sun, 17 Aug 2014 16:18:18 +0200
Subject: [PATCH 2/3] Wider spacing at the peak of the transition

---
 css/load6.css   | 16 ++++++++++------
 index.html      | 16 ++++++++++------
 less/load6.less | 20 ++++++++++++++------
 3 files changed, 34 insertions(+), 18 deletions(-)

diff --git a/css/load6.css b/css/load6.css
index a32314f..9f88c19 100644
--- a/css/load6.css
+++ b/css/load6.css
@@ -23,15 +23,17 @@
   96% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
-  10%,
-  70% {
+  10% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
   30% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
   55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  }
+  80% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
   }
   100% {
     -webkit-transform: rotate(360deg);
@@ -49,15 +51,17 @@
   96% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
-  10%,
-  70% {
+  10% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
   30% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
   55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  }
+  80% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
   }
   100% {
     -webkit-transform: rotate(360deg);
diff --git a/index.html b/index.html
index 5a6f7c8..7dcf829 100644
--- a/index.html
+++ b/index.html
@@ -346,15 +346,17 @@
   96% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
-  10%,
-  70% {
+  10% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
   30% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
   55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  }
+  80% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
   }
   100% {
     -webkit-transform: rotate(360deg);
@@ -372,15 +374,17 @@
   96% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
   }
-  10%,
-  70% {
+  10% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
   30% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
   55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  }
+  80% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
   }
   100% {
     -webkit-transform: rotate(360deg);
diff --git a/less/load6.less b/less/load6.less
index 18a8e51..50921d0 100644
--- a/less/load6.less
+++ b/less/load6.less
@@ -28,7 +28,7 @@
   0 -0.83em 0 -0.46em #FFF,
   0 -0.83em 0 -0.477em #FFF;
   }
-  2%,96% {
+  2%, 96% {
   box-shadow:
   0 -0.83em 0 -0.4em #FFF,
   0 -0.83em 0 -0.42em #FFF,
@@ -36,7 +36,7 @@
   0 -0.83em 0 -0.46em #FFF,
   0 -0.83em 0 -0.477em #FFF;
   }
-  10%,70% {
+  10% {
   box-shadow:
   0 -0.83em 0 -0.4em #FFF,
   -0.087em -0.825em 0 -0.42em #FFF,
@@ -55,10 +55,18 @@
   55% {
   box-shadow:
   0 -0.83em 0 -0.4em #FFF,
-  -0.256em -0.789em 0 -0.42em #FFF,
-  -0.488em -0.671em 0 -0.44em #FFF,
-  -0.617em -0.555em 0 -0.46em #FFF,
-  -0.671em -0.488em 0 -0.477em #FFF;
+  -0.415em -0.719em 0 -0.42em #FFF,
+  -0.671em -0.488em 0 -0.44em #FFF,
+  -0.789em -0.256em 0 -0.46em #FFF,
+  -0.825em -0.087em 0 -0.477em #FFF;
+  }
+  80% {
+  box-shadow:
+  0 -0.83em 0 -0.4em #FFF,
+  -0.087em -0.825em 0 -0.42em #FFF,
+  -0.173em -0.812em 0 -0.44em #FFF,
+  -0.256em -0.789em 0 -0.46em #FFF,
+  -0.297em -0.775em 0 -0.477em #FFF;
   }
   100% {
   -webkit-transform:rotate(360deg);

From cccf3f20aa1bec98d5d789ff45db3ac37044e836 Mon Sep 17 00:00:00 2001
From: Escoffier Nicolas <nico.oxydesign@free.fr>
Date: Tue, 19 Aug 2014 18:45:27 +0200
Subject: [PATCH 3/3] Spacing adjustment & peak positioning (loader 6)

---
 css/load6.css   | 16 ++++++++--------
 index.html      | 16 ++++++++--------
 less/load6.less | 14 +++++++-------
 3 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/css/load6.css b/css/load6.css
index 9f88c19..cf5e1c0 100644
--- a/css/load6.css
+++ b/css/load6.css
@@ -26,13 +26,13 @@
   10% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
-  30% {
+  25% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
-  55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  40% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.13em 0 -0.477em #ffffff;
   }
-  80% {
+  60% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
   }
   100% {
@@ -54,13 +54,13 @@
   10% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
-  30% {
+  25% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
-  55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  40% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.13em 0 -0.477em #ffffff;
   }
-  80% {
+  60% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
   }
   100% {
diff --git a/index.html b/index.html
index 7dcf829..ad83e9e 100644
--- a/index.html
+++ b/index.html
@@ -349,13 +349,13 @@
   10% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
-  30% {
+  25% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
-  55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  40% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.13em 0 -0.477em #ffffff;
   }
-  80% {
+  60% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
   }
   100% {
@@ -377,13 +377,13 @@
   10% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
   }
-  30% {
+  25% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
   }
-  55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  40% {
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.13em 0 -0.477em #ffffff;
   }
-  80% {
+  60% {
     box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
   }
   100% {
diff --git a/less/load6.less b/less/load6.less
index 50921d0..393008e 100644
--- a/less/load6.less
+++ b/less/load6.less
@@ -44,7 +44,7 @@
   -0.256em -0.789em 0 -0.46em #FFF,
   -0.338em -0.758em 0 -0.477em #FFF;
   }
-  30% {
+  25% {
   box-shadow:
   0 -0.83em 0 -0.4em #FFF,
   -0.338em -0.758em 0 -0.42em #FFF,
@@ -52,15 +52,15 @@
   -0.671em -0.488em 0 -0.46em #FFF,
   -0.719em -0.415em 0 -0.477em #FFF;
   }
-  55% {
+  40% {
   box-shadow:
   0 -0.83em 0 -0.4em #FFF,
-  -0.415em -0.719em 0 -0.42em #FFF,
-  -0.671em -0.488em 0 -0.44em #FFF,
-  -0.789em -0.256em 0 -0.46em #FFF,
-  -0.825em -0.087em 0 -0.477em #FFF;
+  -0.377em -0.740em 0 -0.42em #FFF,
+  -0.645em -0.522em 0 -0.44em #FFF,
+  -0.775em -0.297em 0 -0.46em #FFF,
+  -0.820em -0.130em 0 -0.477em #FFF;
   }
-  80% {
+  60% {
   box-shadow:
   0 -0.83em 0 -0.4em #FFF,
   -0.087em -0.825em 0 -0.42em #FFF,