hexo-theme-ayeria 1.9.10 → 1.9.13

package/layout/_partial/post/clipboard.ejs

@@ -1,54 +1,54 @@
-<script src="https://cdn.staticfile.org/clipboard.js/2.0.10/clipboard.min.js"></script>
-<script>
-  function wait(callback, seconds) {
-    var timelag = null;
-    timelag = window.setTimeout(callback, seconds);
-  }
-  !function (e, t, a) {
-    var initCopyCode = function(){
-      var copyHtml = '';
-      copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
-      copyHtml += '<i class="ri-file-copy-2-line"></i><span>COPY</span>';
-      copyHtml += '</button>';
-      $(".highlight .code pre").before(copyHtml);
-      $(".article pre code").before(copyHtml);
-      var clipboard = new ClipboardJS('.btn-copy', {
-        target: function(trigger) {
-          return trigger.nextElementSibling;
-        }
-      });
-      clipboard.on('success', function(e) {
-        let $btn = $(e.trigger);
-        $btn.addClass('copied');
-        let $icon = $($btn.find('i'));
-        $icon.removeClass('ri-file-copy-2-line');
-        $icon.addClass('ri-checkbox-circle-line');
-        let $span = $($btn.find('span'));
-        $span[0].innerText = 'COPIED';
-        
-        wait(function () { // 等待两秒钟后恢复
-          $icon.removeClass('ri-checkbox-circle-line');
-          $icon.addClass('ri-file-copy-2-line');
-          $span[0].innerText = 'COPY';
-        }, 2000);
-      });
-      clipboard.on('error', function(e) {
-        e.clearSelection();
-        let $btn = $(e.trigger);
-        $btn.addClass('copy-failed');
-        let $icon = $($btn.find('i'));
-        $icon.removeClass('ri-file-copy-2-line');
-        $icon.addClass('ri-time-line');
-        let $span = $($btn.find('span'));
-        $span[0].innerText = 'COPY FAILED';
-        
-        wait(function () { // 等待两秒钟后恢复
-          $icon.removeClass('ri-time-line');
-          $icon.addClass('ri-file-copy-2-line');
-          $span[0].innerText = 'COPY';
-        }, 2000);
-      });
-    }
-    initCopyCode();
-  }(window, document);
-</script>
+<script src="https://cdn.staticfile.org/clipboard.js/2.0.10/clipboard.min.js"></script>
+<script>
+  function wait(callback, seconds) {
+    var timelag = null;
+    timelag = window.setTimeout(callback, seconds);
+  }
+  !function (e, t, a) {
+    var initCopyCode = function(){
+      var copyHtml = '';
+      copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
+      copyHtml += '<i class="ri-file-copy-2-line"></i><span>COPY</span>';
+      copyHtml += '</button>';
+      $(".highlight .code pre").before(copyHtml);
+      $(".article pre code").before(copyHtml);
+      var clipboard = new ClipboardJS('.btn-copy', {
+        target: function(trigger) {
+          return trigger.nextElementSibling;
+        }
+      });
+      clipboard.on('success', function(e) {
+        let $btn = $(e.trigger);
+        $btn.addClass('copied');
+        let $icon = $($btn.find('i'));
+        $icon.removeClass('ri-file-copy-2-line');
+        $icon.addClass('ri-checkbox-circle-line');
+        let $span = $($btn.find('span'));
+        $span[0].innerText = 'COPIED';
+        
+        wait(function () { // 等待两秒钟后恢复
+          $icon.removeClass('ri-checkbox-circle-line');
+          $icon.addClass('ri-file-copy-2-line');
+          $span[0].innerText = 'COPY';
+        }, 2000);
+      });
+      clipboard.on('error', function(e) {
+        e.clearSelection();
+        let $btn = $(e.trigger);
+        $btn.addClass('copy-failed');
+        let $icon = $($btn.find('i'));
+        $icon.removeClass('ri-file-copy-2-line');
+        $icon.addClass('ri-time-line');
+        let $span = $($btn.find('span'));
+        $span[0].innerText = 'COPY FAILED';
+        
+        wait(function () { // 等待两秒钟后恢复
+          $icon.removeClass('ri-time-line');
+          $icon.addClass('ri-file-copy-2-line');
+          $span[0].innerText = 'COPY';
+        }, 2000);
+      });
+    }
+    initCopyCode();
+  }(window, document);
+</script>

package/layout/_partial/post/date.ejs

@@ -1,3 +1,3 @@
-<a href="<%- url_for(post.path) %>" class="<%= class_name %>">
-  <time datetime="<%= date_xml(post.date) %>" itemprop="datePublished"><%= date(post.date, date_format) %></time>
+<a href="<%- url_for(post.path) %>" class="<%= class_name %>">
+  <time datetime="<%= date_xml(post.date) %>" itemprop="datePublished"><%= date(post.date, date_format) %></time>
 </a>

package/layout/_partial/post/gallery.ejs

@@ -1,15 +1,15 @@
-<% if (post.photos && post.photos.length){ %>
-  <div class="article-gallery">
-    <div class="article-gallery-photos">
-      <% post.photos.forEach(function(photo, i){ %>
-        <% if (index){ %>
-          <a class="article-gallery-img" href="<%- url_for(post.path) %>" rel="gallery_<%= post._id %>">
-            <img src="<%- url_for(photo) %>" itemprop="image">
-          </a>
-        <% } else { %>
-          <img src="<%- url_for(photo) %>" itemprop="image">
-        <% } %>
-      <% }) %>
-    </div>
-  </div>
-<% } %>
+<% if (post.photos && post.photos.length){ %>
+  <div class="article-gallery">
+    <div class="article-gallery-photos">
+      <% post.photos.forEach(function(photo, i){ %>
+        <% if (index){ %>
+          <a class="article-gallery-img" href="<%- url_for(post.path) %>" rel="gallery_<%= post._id %>">
+            <img src="<%- url_for(photo) %>" itemprop="image">
+          </a>
+        <% } else { %>
+          <img src="<%- url_for(photo) %>" itemprop="image">
+        <% } %>
+      <% }) %>
+    </div>
+  </div>
+<% } %>

package/layout/_partial/post/giscus.ejs

@@ -1,40 +1,40 @@
-<% if (theme.giscus && theme.giscus.enable && post.comments !== false) { %>
-<div class="giscus-container" style="margin-top: 2rem; padding: 0 1rem;">
-  <script
-    src="https://giscus.app/client.js"
-    data-repo="<%- theme.giscus.repo %>"
-    data-repo-id="<%- theme.giscus.repo_id %>"
-    data-category="<%- theme.giscus.category %>"
-    data-category-id="<%- theme.giscus.category_id %>"
-    data-mapping="<%- theme.giscus.mapping || 'pathname' %>"
-    data-strict="0"
-    data-reactions-enabled="<%- theme.giscus.reactions_enabled || 1 %>"
-    data-emit-metadata="<%- theme.giscus.emit_metadata || 0 %>"
-    data-input-position="<%- theme.giscus.input_position || 'top' %>"
-    data-theme="dark"
-    data-lang="<%- theme.giscus.lang || 'zh-CN' %>"
-    crossorigin="anonymous"
-    async
-  ></script>
-  <script>
-    /* giscus 通过 async 加载，iframe 可能在 ayeria.js 初始化之后才就绪。
-       站点默认暗色模式所以 data-theme="dark" 覆盖多数情况，
-       但若用户之前选择了亮色模式（sessionStorage darkmode==0），
-       需要在 iframe 就绪后修正主题。 */
-    if (sessionStorage.getItem("darkmode") == 0) {
-      window.addEventListener("message", function _giscusThemeFix(e) {
-        if (e.origin !== "https://giscus.app") return;
-        if (!(typeof e.data === "object" && e.data.giscus)) return;
-        var f = document.querySelector("iframe.giscus-frame");
-        if (f) {
-          f.contentWindow.postMessage(
-            { giscus: { setConfig: { theme: "light" } } },
-            "https://giscus.app"
-          );
-        }
-        window.removeEventListener("message", _giscusThemeFix);
-      });
-    }
-  </script>
-</div>
-<% } %>
+<% if (theme.giscus && theme.giscus.enable && post.comments !== false) { %>
+<div class="giscus-container" style="margin-top: 2rem; padding: 0 1rem;">
+  <script
+    src="https://giscus.app/client.js"
+    data-repo="<%- theme.giscus.repo %>"
+    data-repo-id="<%- theme.giscus.repo_id %>"
+    data-category="<%- theme.giscus.category %>"
+    data-category-id="<%- theme.giscus.category_id %>"
+    data-mapping="<%- theme.giscus.mapping || 'pathname' %>"
+    data-strict="0"
+    data-reactions-enabled="<%- theme.giscus.reactions_enabled || 1 %>"
+    data-emit-metadata="<%- theme.giscus.emit_metadata || 0 %>"
+    data-input-position="<%- theme.giscus.input_position || 'top' %>"
+    data-theme="dark"
+    data-lang="<%- theme.giscus.lang || 'zh-CN' %>"
+    crossorigin="anonymous"
+    async
+  ></script>
+  <script>
+    /* giscus 通过 async 加载，iframe 可能在 ayeria.js 初始化之后才就绪。
+       站点默认暗色模式所以 data-theme="dark" 覆盖多数情况，
+       但若用户之前选择了亮色模式（sessionStorage darkmode==0），
+       需要在 iframe 就绪后修正主题。 */
+    if (sessionStorage.getItem("darkmode") == 0) {
+      window.addEventListener("message", function _giscusThemeFix(e) {
+        if (e.origin !== "https://giscus.app") return;
+        if (!(typeof e.data === "object" && e.data.giscus)) return;
+        var f = document.querySelector("iframe.giscus-frame");
+        if (f) {
+          f.contentWindow.postMessage(
+            { giscus: { setConfig: { theme: "light" } } },
+            "https://giscus.app"
+          );
+        }
+        window.removeEventListener("message", _giscusThemeFix);
+      });
+    }
+  </script>
+</div>
+<% } %>

package/layout/_partial/post/gitalk.ejs

@@ -1,12 +1,12 @@
-<%#
-  [已停用] Gitalk 评论系统模板
-  停用时间: 2026-03
-  停用原因: OAuth clientSecret 泄露 + 纯前端架构的固有安全缺陷
-  迁移目标: giscus (基于 GitHub Discussions)
-  详情参见: doc/audit-report.md #1 #9
-  历史评论: 保留在 blog-comments 仓库的 GitHub Issues 中
-
-  如需恢复，需要重新创建 OAuth App 并在 _config.ayeria.yml 中
-  设置 gitalk.enable: true 及对应的 clientID / clientSecret。
-  原始模板代码可在 git 历史记录中查看。
-%>
+<%#
+  [已停用] Gitalk 评论系统模板
+  停用时间: 2026-03
+  停用原因: OAuth clientSecret 泄露 + 纯前端架构的固有安全缺陷
+  迁移目标: giscus (基于 GitHub Discussions)
+  详情参见: doc/audit-report.md #1 #9
+  历史评论: 保留在 blog-comments 仓库的 GitHub Issues 中
+
+  如需恢复，需要重新创建 OAuth App 并在 _config.ayeria.yml 中
+  设置 gitalk.enable: true 及对应的 clientID / clientSecret。
+  原始模板代码可在 git 历史记录中查看。
+%>

package/layout/_partial/post/justifiedGallery.ejs

@@ -1,9 +1,9 @@
-<% if (post.albums && post.albums.length){ %>
-<div class="justified-gallery" id="gallery">
-  <% post.albums.forEach(function(photo){ %>
-  <div>
-    <img src="<%- url_for(photo[0]) %>" itemprop="image" alt="<%- photo[1] %>" style="cursor: pointer;">
-  </div>
-  <% }) %>
-</div>
+<% if (post.albums && post.albums.length){ %>
+<div class="justified-gallery" id="gallery">
+  <% post.albums.forEach(function(photo){ %>
+  <div>
+    <img src="<%- url_for(photo[0]) %>" itemprop="image" alt="<%- photo[1] %>" style="cursor: pointer;">
+  </div>
+  <% }) %>
+</div>
 <% } %>

package/layout/_partial/post/nav.ejs

@@ -1,22 +1,22 @@
-<% if (post.prev || post.next){ %>
-  <nav class="article-nav">
-    <% if (post.prev){ %>
-      <a href="<%- url_for(post.prev.path) %>" class="article-nav-link">
-        <strong class="article-nav-caption"><%- theme.nav_text.post_prev %></strong>
-        <div class="article-nav-title">
-          <% if (post.prev.title){ %>
-            <%= post.prev.title %>
-          <% } else { %>
-            (no title)
-          <% } %>
-        </div>
-      </a>
-    <% } %>
-    <% if (post.next){ %>
-      <a href="<%- url_for(post.next.path) %>" class="article-nav-link">
-        <strong class="article-nav-caption"><%- theme.nav_text.post_next %></strong>
-        <div class="article-nav-title"><%= post.next.title %></div>
-      </a>
-    <% } %>
-  </nav>
-<% } %>
+<% if (post.prev || post.next){ %>
+  <nav class="article-nav">
+    <% if (post.prev){ %>
+      <a href="<%- url_for(post.prev.path) %>" class="article-nav-link">
+        <strong class="article-nav-caption"><%- theme.nav_text.post_prev %></strong>
+        <div class="article-nav-title">
+          <% if (post.prev.title){ %>
+            <%= post.prev.title %>
+          <% } else { %>
+            (no title)
+          <% } %>
+        </div>
+      </a>
+    <% } %>
+    <% if (post.next){ %>
+      <a href="<%- url_for(post.next.path) %>" class="article-nav-link">
+        <strong class="article-nav-caption"><%- theme.nav_text.post_next %></strong>
+        <div class="article-nav-title"><%= post.next.title %></div>
+      </a>
+    <% } %>
+  </nav>
+<% } %>

package/layout/_partial/post/search.ejs

@@ -1,4 +1,4 @@
-<div class="local-search local-search-plugin">
-  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
-  <div id="local-search-result" class="local-search-result"></div>
+<div class="local-search local-search-plugin">
+  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
+  <div id="local-search-result" class="local-search-result"></div>
 </div>

package/layout/_partial/post/share.ejs

@@ -1,53 +1,53 @@
-<%
-  var sUrl = url.replace(/index\.html$/, '');
-  sUrl = /^(http:|https:)\/\//.test(sUrl) ? sUrl : 'http:' + sUrl;
-%>
-<div class="share-btn">
-      <span class="share-sns share-outer">
-        <i class="ri-share-forward-line"></i>
-        <%- theme.share_text %>
-      </span>
-      <div class="share-wrap">
-        <i class="arrow"></i>
-        <div class="share-icons">
-          <% if( theme.share_china ){ %>
-          <a class="weibo share-sns" href="javascript:;" data-type="weibo">
-            <i class="ri-weibo-fill"></i>
-          </a>
-          <a class="weixin share-sns wxFab" href="javascript:;" data-type="weixin">
-            <i class="ri-wechat-fill"></i>
-          </a>
-          <a class="qq share-sns" href="javascript:;" data-type="qq">
-            <i class="ri-qq-fill"></i>
-          </a>
-          <a class="douban share-sns" href="javascript:;" data-type="douban">
-            <i class="ri-douban-line"></i>
-          </a>
-          <!-- <a class="qzone share-sns" href="javascript:;" data-type="qzone">
-            <i class="icon icon-qzone"></i>
-          </a> -->
-          <% } %>
-          <a class="facebook share-sns" href="javascript:;" data-type="facebook">
-            <i class="ri-facebook-circle-fill"></i>
-          </a>
-          <a class="twitter share-sns" href="javascript:;" data-type="twitter">
-            <i class="ri-twitter-fill"></i>
-          </a>
-          <a class="google share-sns" href="javascript:;" data-type="google">
-            <i class="ri-google-fill"></i>
-          </a>
-        </div>
-      </div>
-</div>
-
-<div class="wx-share-modal">
-  <div class="wx-modal-close">
-    <i class="ri-close-line"></i>
-  </div>
-  <p class="wx-modal-caption">扫一扫，分享到微信</p>
-  <div class="wx-qrcode-frame">
-    <img class="wx-qrcode-img" src="" data-url="<%- 'qrcode' in locals ? qrcode(sUrl) : '//api.qrserver.com/v1/create-qr-code/?size=150x150&data=' + encodeURIComponent(sUrl) %>" alt="微信分享二维码">
-  </div>
-</div>
-
-<div id="share-mask"></div>
+<%
+  var sUrl = url.replace(/index\.html$/, '');
+  sUrl = /^(http:|https:)\/\//.test(sUrl) ? sUrl : 'http:' + sUrl;
+%>
+<div class="share-btn">
+      <span class="share-sns share-outer">
+        <i class="ri-share-forward-line"></i>
+        <%- theme.share_text %>
+      </span>
+      <div class="share-wrap">
+        <i class="arrow"></i>
+        <div class="share-icons">
+          <% if( theme.share_china ){ %>
+          <a class="weibo share-sns" href="javascript:;" data-type="weibo">
+            <i class="ri-weibo-fill"></i>
+          </a>
+          <a class="weixin share-sns wxFab" href="javascript:;" data-type="weixin">
+            <i class="ri-wechat-fill"></i>
+          </a>
+          <a class="qq share-sns" href="javascript:;" data-type="qq">
+            <i class="ri-qq-fill"></i>
+          </a>
+          <a class="douban share-sns" href="javascript:;" data-type="douban">
+            <i class="ri-douban-line"></i>
+          </a>
+          <!-- <a class="qzone share-sns" href="javascript:;" data-type="qzone">
+            <i class="icon icon-qzone"></i>
+          </a> -->
+          <% } %>
+          <a class="facebook share-sns" href="javascript:;" data-type="facebook">
+            <i class="ri-facebook-circle-fill"></i>
+          </a>
+          <a class="twitter share-sns" href="javascript:;" data-type="twitter">
+            <i class="ri-twitter-fill"></i>
+          </a>
+          <a class="google share-sns" href="javascript:;" data-type="google">
+            <i class="ri-google-fill"></i>
+          </a>
+        </div>
+      </div>
+</div>
+
+<div class="wx-share-modal">
+  <div class="wx-modal-close">
+    <i class="ri-close-line"></i>
+  </div>
+  <p class="wx-modal-caption">扫一扫，分享到微信</p>
+  <div class="wx-qrcode-frame">
+    <img class="wx-qrcode-img" src="" data-url="<%- 'qrcode' in locals ? qrcode(sUrl) : '//api.qrserver.com/v1/create-qr-code/?size=150x150&data=' + encodeURIComponent(sUrl) %>" alt="微信分享二维码">
+  </div>
+</div>
+
+<div id="share-mask"></div>

package/layout/_partial/post/tag.ejs

@@ -1,6 +1,6 @@
-<% if (post.tags && post.tags.length){ %>
-  <%- list_tags(post.tags, {
-    show_count: false,
-    class: 'article-tag'
-  }) %>
+<% if (post.tags && post.tags.length){ %>
+  <%- list_tags(post.tags, {
+    show_count: false,
+    class: 'article-tag'
+  }) %>
 <% } %>

package/layout/_partial/post/title.ejs

@@ -1,16 +1,16 @@
-<% if (post.link){ %>
-<h2 itemprop="name">
-  <a class="<%= class_name %>" href="<%- url_for(post.link) %>" itemprop="url"
-    ><%= post.title %></a
-  >
-</h2>
-<% } else if (post.title){ %> <% if (index){ %>
-<h2 itemprop="name">
-  <a class="<%= class_name %>" href="<%- url_for(post.path) %>"
-    ><%= post.title %><%- partial('topping') %></a> 
-</h2>
-<% } else { %>
-<h1 class="<%= class_name %> sea-center" style="border-left:0" itemprop="name">
-  <%= post.title %>
-</h1>
-<% } %> <% } %>
+<% if (post.link){ %>
+<h2 itemprop="name">
+  <a class="<%= class_name %>" href="<%- url_for(post.link) %>" itemprop="url"
+    ><%= post.title %></a
+  >
+</h2>
+<% } else if (post.title){ %> <% if (index){ %>
+<h2 itemprop="name">
+  <a class="<%= class_name %>" href="<%- url_for(post.path) %>"
+    ><%= post.title %><%- partial('topping') %></a> 
+</h2>
+<% } else { %>
+<h1 class="<%= class_name %> sea-center" style="border-left:0" itemprop="name">
+  <%= post.title %>
+</h1>
+<% } %> <% } %>

package/layout/_partial/post/tocbot.ejs

@@ -1,6 +1,6 @@
-<% if (post.toc != false && toc(page.content).length!==0){ %>
-    <div class="tocbot"></div>
-<% } %>
-
-
-
+<% if (post.toc != false && toc(page.content).length!==0){ %>
+    <div class="tocbot"></div>
+<% } %>
+
+
+

package/layout/_partial/post/topping.ejs

@@ -1,3 +1,3 @@
-<% if (is_home() && post.top) { %>
-  <i class="article-topping"><%= __('post.sticky') %></i>
+<% if (is_home() && post.top) { %>
+  <i class="article-topping"><%= __('post.sticky') %></i>
 <% } %>

package/layout/_partial/post/twikoo.ejs

@@ -1,7 +1,7 @@
-<%#
-  [已停用] Twikoo 评论系统模板
-  说明: 该系统从未实际启用（envId 始终为空），随 Gitalk → giscus 迁移一并清理
-  迁移时间: 2026-03
-  详情参见: doc/audit-report.md #9
-  原始模板代码可在 git 历史记录中查看。
-%>
+<%#
+  [已停用] Twikoo 评论系统模板
+  说明: 该系统从未实际启用（envId 始终为空），随 Gitalk → giscus 迁移一并清理
+  迁移时间: 2026-03
+  详情参见: doc/audit-report.md #9
+  原始模板代码可在 git 历史记录中查看。
+%>

package/layout/_partial/post/valine.ejs

@@ -1,48 +1,48 @@
-<% if (!index && theme.leancloud && theme.leancloud.enable && post.comments){ %>
-<!-- valine评论 -->
-<div id="vcomments-box">
-  <div id="vcomments"></div>
-</div>
-<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
-<script src="https://cdn.staticfile.org/valine/1.4.16/Valine.min.js"></script>
-<script>
-  new Valine({
-    el: "#vcomments",
-    app_id: "<%- theme.leancloud.app_id %>",
-    app_key: "<%- theme.leancloud.app_key %>",
-    path: window.location.pathname,
-    avatar: "<%- theme.valine.avatar %>",
-    placeholder: "<%- theme.valine.placeholder %>",
-    recordIP: true,
-  });
-  const infoEle = document.querySelector("#vcomments .info");
-  if (infoEle && infoEle.childNodes && infoEle.childNodes.length > 0) {
-    infoEle.childNodes.forEach(function (item) {
-      item.parentNode.removeChild(item);
-    });
-  }
-</script>
-<style>
-  #vcomments-box {
-    padding: 5px 30px;
-  }
-
-  @media screen and (max-width: 800px) {
-    #vcomments-box {
-      padding: 5px 0px;
-    }
-  }
-
-  #vcomments-box #vcomments {
-    background-color: #fff;
-  }
-
-  .v .vlist .vcard .vh {
-    padding-right: 20px;
-  }
-
-  .v .vlist .vcard {
-    padding-left: 10px;
-  }
-</style>
-<% } %>
+<% if (!index && theme.leancloud && theme.leancloud.enable && post.comments){ %>
+<!-- valine评论 -->
+<div id="vcomments-box">
+  <div id="vcomments"></div>
+</div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="https://cdn.staticfile.org/valine/1.4.16/Valine.min.js"></script>
+<script>
+  new Valine({
+    el: "#vcomments",
+    app_id: "<%- theme.leancloud.app_id %>",
+    app_key: "<%- theme.leancloud.app_key %>",
+    path: window.location.pathname,
+    avatar: "<%- theme.valine.avatar %>",
+    placeholder: "<%- theme.valine.placeholder %>",
+    recordIP: true,
+  });
+  const infoEle = document.querySelector("#vcomments .info");
+  if (infoEle && infoEle.childNodes && infoEle.childNodes.length > 0) {
+    infoEle.childNodes.forEach(function (item) {
+      item.parentNode.removeChild(item);
+    });
+  }
+</script>
+<style>
+  #vcomments-box {
+    padding: 5px 30px;
+  }
+
+  @media screen and (max-width: 800px) {
+    #vcomments-box {
+      padding: 5px 0px;
+    }
+  }
+
+  #vcomments-box #vcomments {
+    background-color: #fff;
+  }
+
+  .v .vlist .vcard .vh {
+    padding-right: 20px;
+  }
+
+  .v .vlist .vcard {
+    padding-left: 10px;
+  }
+</style>
+<% } %>