style(tooltip): by jQuery UI 提示框样式美化

http://jqueryui.com/tooltip/

_config.yml

@@ -109,6 +109,9 @@ search_box: false
 # Animation in Homepage and Loading avatar
 animate: true
 
+# Load jQuery UI to style tooltips
+# 工具提示框样式美化
+jquery_ui: false
 
 # >>> Small features | 小功能设置 <<<
 

layout/_partial/after-footer.ejs

@@ -10,5 +10,8 @@
 <% } %>
 <%- partial('scrolling-button') %>
 <%- partial('_partial/hide-labels') %>
+<% if (theme.jquery_ui){ %>
+    <script src="//cdn.bootcss.com/jqueryui/1.10.4/jquery-ui.min.js"></script>
+<% } %>
 <script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
 </script>

layout/_partial/head.ejs

@@ -29,7 +29,10 @@
     <link rel="icon" href="<%- theme.favicon %>">
   <% } %>
   <% if (theme.animate){ %>
-  <%- css('//cdn.bootcss.com/animate.css/3.5.0/animate.min.css') %>
+      <%- css('//cdn.bootcss.com/animate.css/3.5.0/animate.min.css') %>
+  <% } %>
+  <% if (theme.jquery_ui){ %>
+      <link href="//cdn.bootcss.com/jqueryui/1.10.4/css/jquery-ui.min.css" rel="stylesheet">
   <% } %>
   <%- css('css/style') %>
   <link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">

source/css/_partial/main.styl

@@ -477,4 +477,17 @@
 
 if hexo-config("github_widget")
     .article-entry .github-widget h3::after
-        content none
+        content none
+
+if hexo-config("jquery_ui")
+    .ui-tooltip
+        padding 6px
+        max-width 30em
+        box-shadow 0 0 .8em rgba(0, 0, 0, .6)
+        color white
+        font-family font-sans, font-chs
+        font-size .9em
+        background rgba(0, 0, 0, .65)
+
+    body .ui-tooltip
+        border 1px solid white

source/js/pc.js

@@ -106,4 +106,8 @@ define([], function(){
             Tips.init();
         }
     }
+});
+
+$(function() {
+    $(document).tooltip();
 });