loading more powerful

make loading more powerful that the flower's color is same as color by
using 'currentColor'

Author: zhangxinxu

src/mobilebone.css

@@ -45,15 +45,15 @@ html, body, .page {
 .loading { /* more info: http://www.zhangxinxu.com/wordpress/?p=3357 */
     width: 3px; height:3px;
     border-radius: 100%;                      
-    box-shadow: 0 -10px 0 1px #333,           /* top, 1px expand */
-                10px 0px #333,                /* right */    
-                0 10px #333,                  /* bottom */
-                -10px 0 #333,                 /* left */
+    box-shadow: 0 -10px 0 1px currentColor,           /* top, 1px expand */
+                10px 0px currentColor,                /* right */    
+                0 10px currentColor,                  /* bottom */
+                -10px 0 currentColor,                 /* left */
 
-                -7px -7px 0 .5px #333,        /* left-top, 0.5px expand */
-                7px -7px 0 1.5px #333,        /* right-top, 1.5px expand */                    
-                7px 7px #333,                 /* right-bottom */
-                -7px 7px #333;                /* left-bottom */
+                -7px -7px 0 .5px currentColor,        /* left-top, 0.5px expand */
+                7px -7px 0 1.5px currentColor,        /* right-top, 1.5px expand */                    
+                7px 7px currentColor,                 /* right-bottom */
+                -7px 7px currentColor;                /* left-bottom */
 	-webkit-animation: loading 1s step-start infinite;
 	animation: loading 1s step-start infinite; 
 	/*center*/

test/test.css

@@ -3,6 +3,7 @@ ul { padding-left: 0; list-style-type: none; }
 a { text-decoration: none; color: inherit; }
 li > a { display: block; line-height: 32px; padding-left: .5em; margin-top: -1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; box-shadow: inset 0 1px #fbfbfb; background-color: #eee; position: relative; }
 a:not(.follow) > .mask { left: 0; top: 0; }
+.follow { color: #34538b; }
 .follow > .mask { display: inline; width: 32px; height: 32px; background-color: transparent; }
 .page > a[data-rel="back"] { display: inline-block; line-height: 32px; margin: .5em; padding: 0 1em; border: 1px solid #ccc; border-left: 0; border-radius: 0 3px 3px 0; background-color: #eee; position: relative; left: 13px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
 .page > a[data-rel="back"]::before { content:''; width: 23px; height: 23px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-bottom-left-radius: 3px; background-color: #eee; position: absolute; left: -12px; top: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }