Permalink
Browse files

style(.visit): use icon & monospace font

  • Loading branch information...
1 parent 3e4b75a commit daa58c81c757c984ea6248f07bc73c8a3205e7d4 @MOxFIVE committed Jul 14, 2016
Showing with 21 additions and 13 deletions.
  1. +3 −5 layout/_partial/footer.ejs
  2. +18 −8 source/css/_partial/footer.styl
@@ -13,18 +13,16 @@
<div class="visit">
<% if (theme.visit_counter.site_visit) { %>
<span id="busuanzi_container_site_pv" style='display:none'>
- <span id="site-visit" ><%= __('visit_counter.site') %>:
- <span id="busuanzi_value_site_uv"></span>
+ <span id="site-visit" title="<%= __('visit_counter.site') %>"><i class="fa fa-user" aria-hidden="true"></i><span id="busuanzi_value_site_uv"></span>
</span>
</span>
<% } %>
<% if (theme.visit_counter.site_visit && theme.visit_counter.page_visit) { %>
- <span>, </span>
+ <span>| </span>
<% } %>
<% if (theme.visit_counter.page_visit) { %>
<span id="busuanzi_container_page_pv" style='display:none'>
- <span id="page-visit"><%= __('visit_counter.page') %>:
- <span id="busuanzi_value_page_pv"></span>
+ <span id="page-visit" title="<%= __('visit_counter.page') %>"><i class="fa fa-eye animated infinite pulse" aria-hidden="true"></i><span id="busuanzi_value_page_pv"></span>
</span>
</span>
<% } %>
@@ -1,21 +1,31 @@
#footer
- font-size: .8em;
+ font-size: .8rem;
font-family: font-chs, sans-serif;
text-shadow: 0 1px #fff;
position: absolute;
bottom: 20px;
opacity: 0.75;
width: 100%;
text-align: center;
+ .footer-left
+ float left
+ .footer-right
+ float right
.outer
padding: 0 30px;
.fa-heart
color red
animation-duration 1.1s
-
-.footer-left{
- float: left;
-}
-.footer-right{
- float: right;
-}
+ #busuanzi_value_site_uv
+ ,#busuanzi_container_page_pv
+ font-family font-mono
+ .visit
+ font-size .88rem
+ .fa
+ padding-right .25em
+ color gray
+ #site-visit:hover
+ ,#page-visit:hover
+ color black
+ .fa
+ color #333

1 comment on commit daa58c8

@MOxFIVE
Owner

snip20160714_4

Please sign in to comment.