style(.pace-progress): default color & box-shadow

Style form GitHub.com
MOxFIVE · Mar 23, 2016 · dd6fd7e · dd6fd7e · MOxFIVE · Mar 23, 2016
1 parent 94f4f53
commit dd6fd7e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/layout/_partial/head.ejs b/layout/_partial/head.ejs
@@ -34,6 +34,10 @@
   <% if (theme.jquery_ui){ %>
       <link href="//cdn.bootcss.com/jqueryui/1.10.4/css/jquery-ui.min.css" rel="stylesheet">
   <% } %>
+  <% if (theme.progressBar.on) { %>
+      <script src="//cdn.bootcss.com/pace/1.0.2/pace.min.js"></script>
+      <link href="//cdn.bootcss.com/pace/1.0.2/themes/<%= theme.progressBar.color || 'blue'%>/pace-theme-<%= theme.progressBar.type || 'minimal'%>.css" rel="stylesheet">
+  <% } %>
   <%- css('css/style') %>
   <% if (is_home() && theme.animate){ %>
       <style> .article { opacity: 0;} </style>
@@ -86,9 +90,4 @@
           })();
       </script>
   <% } %>
-
-  <% if (theme.progressBar.on) { %>
-    <script src="//cdn.bootcss.com/pace/1.0.2/pace.min.js"></script>
-    <link href="//cdn.bootcss.com/pace/1.0.2/themes/<%= theme.progressBar.color || 'blue'%>/pace-theme-<%= theme.progressBar.type || 'minimal'%>.css" rel="stylesheet">
-  <% } %>
 </head>
diff --git a/source/css/_partial/main.styl b/source/css/_partial/main.styl
@@ -355,4 +355,12 @@ if hexo-config("jquery_ui")
         background rgba(0, 0, 0, .65)
 
     body .ui-tooltip
-        border 1px solid white
+        border 1px solid white
+
+
+if hexo-config("progressBar.on") && hexo-config("progressBar.type") == "minimal"
+        bar-color = hexo-config("progressBar.color")
+        if bar-color == "blue"
+            .pace .pace-progress
+                background #77b6ff
+                box-shadow 0 0 10px rgba(@background, .7)