Permalink
Browse files

style: copyright info. 文末版权信息

word-break, .post-url:hover
  • Loading branch information...
MOxFIVE committed Dec 6, 2015
1 parent ad6aeb9 commit 6674f8464fe336327b4e1f6c65f1697e4d15f51d
Showing with 21 additions and 19 deletions.
  1. +4 −15 layout/_partial/post/nav.ejs
  2. +17 −4 source/css/_partial/article.styl
@@ -5,27 +5,16 @@
<p><span>发布时间:</span><%= post.date.format("YYYY年MM月DD日 - HH时mm分") %></p>
<p><span>最后更新:</span><%= post.updated.format("YYYY年MM月DD日 - HH时mm分") %></p>
<p>
<span>原始链接:</span><a href="<%- url_for(post.path) %>" title="<%= post.title %>"><%= post.permalink %></a>
<span class="btn" data-clipboard-text="原文: <%= post.permalink %>  作者: <%=theme.author%>" title="点击复制文章链接">
<span>原始链接:</span><a class="post-url" href="<%- url_for(post.path) %>" title="<%= post.title %>"><%= post.permalink %></a>
<span class="copy-path" data-clipboard-text="原文: <%= post.permalink %>  作者: <%=theme.author%>" title="点击复制文章链接">
<i class="fa fa-clipboard"></i>
</span>
</p>
<p><span>许可协议:</span><i class="fa fa-creative-commons"></i> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/cn/" title="中国大陆 (CC BY-NC-SA 3.0 CN)">"署名-非商用-相同方式共享 3.0"</a> 转载请保留原文链接及作者。</p>
<script src="/js/clipboard.min.js"></script>
<script> var clipboard = new Clipboard('.btn'); </script>
<script> var clipboard = new Clipboard('.copy-path'); </script>
</div>
<style type="text/css">
.copyright p .btn {
margin-left: 1em;
}
.copyright:hover p .btn::after {
content: "复制"
}
.copyright p .btn:hover {
color: gray;
cursor: pointer;
};
</style>
<% } else { %>
<% } %>
@@ -491,13 +491,13 @@ li:hover {
}
.copyright {
width: 85%;
margin: 0px auto;
margin: 0 auto;
max-width: 45em;
word-break: break-all;
word-break: break-word;
font-size: .93em;
line-height: 1.6em;
padding: .5em 1.8em;
background: rgba(255, 255, 255, .4)
background: rgba(255, 255, 255, .4);
border: 1px solid lightgray;
span {
color: #B5B5B5;
@@ -510,7 +510,20 @@ li:hover {
font-weight: bold;
color: #a3d2a3;
text-decoration: underline;
};
}
}
&:hover p .copy-path::after {
content: "复制";
}
.post-url:hover {
font-weight: normal;
}
.copy-path {
margin-left: 1em;
&:hover {
color: gray;
cursor: pointer;
}
}
}

0 comments on commit 6674f84

Please sign in to comment.