From 45eeb6588a286afef92c15e2021ecff8d4241f7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=AA=8E?= <apple@apples-MacBook-Pro.local>
Date: Wed, 12 Apr 2017 15:53:32 +0800
Subject: [PATCH] Change Download Style.

---
 cps/static/css/style.css  | 51 +++++++++++++++++++++++++++++++++++++++
 cps/templates/detail.html | 29 +++++++++++-----------
 cps/templates/stats.html  | 17 ++++++++++---
 3 files changed, 80 insertions(+), 17 deletions(-)

diff --git a/cps/static/css/style.css b/cps/static/css/style.css
index e136fedf..214172c1 100644
--- a/cps/static/css/style.css
+++ b/cps/static/css/style.css
@@ -52,3 +52,54 @@ span.glyphicon.glyphicon-tags {padding-right: 5px;color: #999;vertical-align: te
 .spinner {margin:0 41%;}
 .spinner2 {margin:0 41%;}
 
+* .ebook-icon{
+  padding: 1em;
+  background-image:    ;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.ebook-icon.ebook-epub{
+  background-image:
+    url(
+      data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGlkPSLQodC70L7QuV8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48Zz48cGF0aCBkPSJNMTA5LDM0djc1YzAsOC4zLTYuNywxNS0xNSwxNUgzNGMtOC4zLDAtMTUtNi43LTE1LTE1VjE5YzAtOC4zLDYuNy0xNSwxNS0xNWg0NUwxMDksMzR6IiBmaWxsPSIjRjZGM0UwIi8+PC9nPjxnPjxwYXRoIGQ9Ik05NCwxMjUuMkgzNGMtOSwwLTE2LjItNy4zLTE2LjItMTYuMlYxOUMxNy44LDEwLDI1LDIuOCwzNCwyLjhoNDVjMC4zLDAsMC42LDAuMSwwLjksMC40bDMwLDMwICAgIGMwLjIsMC4yLDAuNCwwLjYsMC40LDAuOXY3NUMxMTAuMiwxMTgsMTAzLDEyNS4yLDk0LDEyNS4yeiBNMzQsNS4yYy03LjYsMC0xMy44LDYuMi0xMy44LDEzLjh2OTBjMCw3LjYsNi4yLDEzLjgsMTMuOCwxMy44aDYwICAgIGM3LjYsMCwxMy44LTYuMiwxMy44LTEzLjhWMzQuNUw3OC41LDUuMkgzNHoiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGc+PHBhdGggZD0iTTk0LDExMC4ySDM0Yy0wLjcsMC0xLjItMC42LTEuMi0xLjJzMC42LTEuMiwxLjItMS4yaDYwYzAuNywwLDEuMiwwLjYsMS4yLDEuMlM5NC43LDExMC4yLDk0LDExMC4yeiIgZmlsbD0iIzJEMkUyRCIvPjwvZz48Zz48cGF0aCBkPSJNOTQsOTguMkgzNGMtMC43LDAtMS4yLTAuNi0xLjItMS4yczAuNi0xLjIsMS4yLTEuMmg2MGMwLjcsMCwxLjIsMC42LDEuMiwxLjJTOTQuNyw5OC4yLDk0LDk4LjJ6IiBmaWxsPSIjMkQyRTJEIi8+PC9nPjxnPjxwYXRoIGQ9Ik05NCw4Ni4ySDM0Yy0wLjcsMC0xLjItMC42LTEuMi0xLjJzMC42LTEuMiwxLjItMS4yaDYwYzAuNywwLDEuMiwwLjYsMS4yLDEuMlM5NC43LDg2LjIsOTQsODYuMnoiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGcgb3BhY2l0eT0iMC4xIj48cGF0aCBkPSJNMTA5LDM4di00TDc5LDRoLTR2MTVjMCwxMC41LDguNSwxOSwxOSwxOUgxMDl6IiBmaWxsPSIjMDMwNTA1Ii8+PC9nPjxnPjxwYXRoIGQ9Ik03OSwxOWMwLDguMyw2LjcsMTUsMTUsMTVoMTVMNzksNFYxOXoiIGZpbGw9IiNGOUUzNzMiLz48L2c+PGc+PHBhdGggZD0iTTEwOSwzNS4ySDk0Yy05LDAtMTYuMi03LjMtMTYuMi0xNi4yVjRjMC0wLjUsMC4zLTEsMC44LTEuMmMwLjUtMC4yLDEtMC4xLDEuNCwwLjNsMzAsMzAgICAgYzAuNCwwLjQsMC41LDAuOSwwLjMsMS40QzExMCwzNC45LDEwOS41LDM1LjIsMTA5LDM1LjJ6IE04MC4yLDd2MTJjMCw3LjYsNi4yLDEzLjgsMTMuOCwxMy44aDEyTDgwLjIsN3oiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGc+PHBhdGggZD0iTTMwLjcsNjkuNiAgICBjMCwxLjItMC44LDItMiwycy0xLjktMC44LTEuOS0yYzAtMS4xLDAuOC0xLjksMS45LTEuOVMzMC43LDY4LjUsMzAuNyw2OS42eiIgZmlsbD0iIzJEMkUyRCIgc3Ryb2tlPSIjMkQyRTJEIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik0zOC4xLDY4LjEgICAgYzAsMC42LDAuNCwwLjksMSwwLjloMTAuMWMwLjcsMCwxLjEsMC41LDEuMSwxLjJjMCwwLjctMC40LDEuMi0xLjEsMS4ySDM4LjRjLTIsMC0yLjktMC45LTIuOS0zVjUyLjVjMC0yLjIsMC45LTMuMSwyLjktMy4xSDQ5ICAgIGMwLjcsMCwxLjEsMC41LDEuMSwxLjJzLTAuNCwxLjItMS4xLDEuMmgtOS45Yy0wLjcsMC0xLDAuMy0xLDF2NS44aDkuNmMwLjcsMCwxLjEsMC41LDEuMSwxLjJjMCwwLjYtMC40LDEuMi0xLjEsMS4yaC05LjZWNjguMXoiIGZpbGw9IiMyRDJFMkQiIHN0cm9rZT0iIzJEMkUyRCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJNNTUuOCw3Ni40ICAgIGMwLDAuNy0wLjUsMS4xLTEuMiwxLjFjLTAuOCwwLTEuMy0wLjQtMS4zLTEuMVY1Ni43YzAtMC43LDAuNS0xLjEsMS4zLTEuMWMwLjcsMCwxLjIsMC4zLDEuMiwxdjAuNWMwLDAuNCwwLDEuMS0wLjEsMS42ICAgIGMxLTIsMi41LTMuMyw1LjMtMy4zYzQuMiwwLDYuNiwzLjEsNi42LDguMXMtMi41LDguNC02LjgsOC40Yy0yLjYsMC00LjItMS4zLTUuMi0zLjNjMC4xLDAuNSwwLjEsMS4xLDAuMSwxLjZWNzYuNHogTTU1LjgsNjMuNiAgICBjMCwzLjUsMS44LDYsNC44LDZjMi45LDAsNC41LTIuNCw0LjUtNi4xYzAtMy43LTEuNi02LTQuNC02QzU3LjUsNTcuNiw1NS44LDYwLjEsNTUuOCw2My42eiIgZmlsbD0iIzJEMkUyRCIgc3Ryb2tlPSIjMkQyRTJEIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik03MC45LDU2LjcgICAgYzAtMC44LDAuNS0xLjEsMS4zLTEuMXMxLjMsMC40LDEuMywxLjF2OWMwLDIuNCwxLDMuOCwzLjEsMy44YzEuNSwwLDIuNy0wLjcsMy43LTJjMC43LTEsMS0xLjgsMS0yLjl2LTcuOWMwLTAuOCwwLjUtMS4xLDEuMy0xLjEgICAgYzAuNywwLDEuMywwLjQsMS4zLDEuMXYxMy43YzAsMC44LTAuNSwxLjEtMS4yLDEuMWMtMC44LDAtMS4zLTAuMy0xLjMtMXYtMC44YzAtMC4zLDAuMS0wLjksMC4yLTEuM2MtMC45LDItMi41LDMuNC01LjMsMy40ICAgIGMtMy4zLDAtNS4yLTIuMS01LjItNS41VjU2Ljd6IiBmaWxsPSIjMkQyRTJEIiBzdHJva2U9IiMyRDJFMkQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZD0iTTkwLjQsNzAuNSAgICBjMCwwLjYtMC40LDEtMS4yLDFjLTAuOCwwLTEuMy0wLjQtMS4zLTEuMVY1MC40YzAtMC44LDAuNS0xLjEsMS4zLTEuMWMwLjcsMCwxLjIsMC40LDEuMiwxLjF2Ni4yYzAsMC42LTAuMSwxLjQtMC4xLDIuMSAgICBjMS0yLDIuNy0zLjIsNS4zLTMuMmM0LjIsMCw2LjcsMy4xLDYuNyw4LjFjMCw1LTIuNiw4LjMtNi44LDguM2MtMi42LDAtNC4zLTEuMy01LjItMy4yYzAuMSwwLjQsMC4xLDEsMC4xLDEuNFY3MC41eiBNOTAuMyw2My42ICAgIGMwLDMuNSwxLjgsNiw0LjgsNmMyLjksMCw0LjUtMi40LDQuNS02LjFjMC0zLjctMS42LTYtNC40LTZDOTIuMSw1Ny42LDkwLjMsNjAuMSw5MC4zLDYzLjZ6IiBmaWxsPSIjMkQyRTJEIiBzdHJva2U9IiMyRDJFMkQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9nPjwvZz48L3N2Zz4=
+      )
+  ;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.ebook-icon.ebook-pdf{
+  background-image:
+    url(
+      data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGlkPSLQodC70L7QuV8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48Zz48cGF0aCBkPSJNMTA5LDM0djc1YzAsOC4zLTYuNywxNS0xNSwxNUgzNGMtOC4zLDAtMTUtNi43LTE1LTE1VjE5YzAtOC4zLDYuNy0xNSwxNS0xNWg0NUwxMDksMzR6IiBmaWxsPSIjRjZGM0UwIi8+PC9nPjxnPjxwYXRoIGQ9Ik05NCwxMjUuMkgzNGMtOSwwLTE2LjItNy4zLTE2LjItMTYuMlYxOUMxNy44LDEwLDI1LDIuOCwzNCwyLjhoNDVjMC4zLDAsMC42LDAuMSwwLjksMC40bDMwLDMwICAgIGMwLjIsMC4yLDAuNCwwLjYsMC40LDAuOXY3NUMxMTAuMiwxMTgsMTAzLDEyNS4yLDk0LDEyNS4yeiBNMzQsNS4yYy03LjYsMC0xMy44LDYuMi0xMy44LDEzLjh2OTBjMCw3LjYsNi4yLDEzLjgsMTMuOCwxMy44aDYwICAgIGM3LjYsMCwxMy44LTYuMiwxMy44LTEzLjhWMzQuNUw3OC41LDUuMkgzNHoiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGc+PHBhdGggZD0iTTk0LDExMC4ySDM0Yy0wLjcsMC0xLjItMC42LTEuMi0xLjJzMC42LTEuMiwxLjItMS4yaDYwYzAuNywwLDEuMiwwLjYsMS4yLDEuMlM5NC43LDExMC4yLDk0LDExMC4yeiIgZmlsbD0iIzJEMkUyRCIvPjwvZz48Zz48cGF0aCBkPSJNOTQsOTguMkgzNGMtMC43LDAtMS4yLTAuNi0xLjItMS4yczAuNi0xLjIsMS4yLTEuMmg2MGMwLjcsMCwxLjIsMC42LDEuMiwxLjJTOTQuNyw5OC4yLDk0LDk4LjJ6IiBmaWxsPSIjMkQyRTJEIi8+PC9nPjxnPjxwYXRoIGQ9Ik05NCw4Ni4ySDM0Yy0wLjcsMC0xLjItMC42LTEuMi0xLjJzMC42LTEuMiwxLjItMS4yaDYwYzAuNywwLDEuMiwwLjYsMS4yLDEuMlM5NC43LDg2LjIsOTQsODYuMnoiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGcgb3BhY2l0eT0iMC4xIj48cGF0aCBkPSJNMTA5LDM4di00TDc5LDRoLTR2MTVjMCwxMC41LDguNSwxOSwxOSwxOUgxMDl6IiBmaWxsPSIjMDMwNTA1Ii8+PC9nPjxnPjxwYXRoIGQ9Ik03OSwxOWMwLDguMyw2LjcsMTUsMTUsMTVoMTVMNzksNFYxOXoiIGZpbGw9IiNGOUUzNzMiLz48L2c+PGc+PHBhdGggZD0iTTEwOSwzNS4ySDk0Yy05LDAtMTYuMi03LjMtMTYuMi0xNi4yVjRjMC0wLjUsMC4zLTEsMC44LTEuMmMwLjUtMC4yLDEtMC4xLDEuNCwwLjNsMzAsMzAgICAgYzAuNCwwLjQsMC41LDAuOSwwLjMsMS40QzExMCwzNC45LDEwOS41LDM1LjIsMTA5LDM1LjJ6IE04MC4yLDd2MTJjMCw3LjYsNi4yLDEzLjgsMTMuOCwxMy44aDEyTDgwLjIsN3oiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGc+PHBhdGggZD0iTTQwLjIsNjkuNiAgICBjMCwxLjItMC44LDItMiwycy0xLjktMC44LTEuOS0yYzAtMS4xLDAuOC0xLjksMS45LTEuOVM0MC4yLDY4LjUsNDAuMiw2OS42eiIgZmlsbD0iIzJEMkUyRCIgc3Ryb2tlPSIjMkQyRTJEIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik00Nyw3Ni40ICAgIGMwLDAuNy0wLjUsMS4xLTEuMiwxLjFjLTAuOCwwLTEuMy0wLjQtMS4zLTEuMVY1Ni43YzAtMC43LDAuNS0xLjEsMS4zLTEuMWMwLjcsMCwxLjIsMC4zLDEuMiwxdjAuNWMwLDAuNCwwLDEuMS0wLjEsMS42ICAgIGMxLTIsMi41LTMuMyw1LjMtMy4zYzQuMiwwLDYuNiwzLjEsNi42LDguMXMtMi41LDguNC02LjgsOC40Yy0yLjYsMC00LjItMS4zLTUuMi0zLjNjMC4xLDAuNSwwLjEsMS4xLDAuMSwxLjZWNzYuNHogTTQ3LDYzLjYgICAgYzAsMy41LDEuOCw2LDQuOCw2YzIuOSwwLDQuNS0yLjQsNC41LTYuMWMwLTMuNy0xLjYtNi00LjQtNkM0OC43LDU3LjYsNDcsNjAuMSw0Nyw2My42eiIgZmlsbD0iIzJEMkUyRCIgc3Ryb2tlPSIjMkQyRTJEIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik03My4zLDUwLjQgICAgYzAtMC44LDAuNS0xLjEsMS4yLTEuMWMwLjgsMCwxLjMsMC40LDEuMywxLjF2MjAuMWMwLDAuOC0wLjUsMS4xLTEuMywxLjFjLTAuOCwwLTEuMi0wLjUtMS4yLTF2LTAuNmMwLTAuMywwLjEtMC45LDAuMS0xLjMgICAgYy0xLDItMi42LDMuMi01LjIsMy4yYy00LjEsMC02LjctMy4yLTYuNy04LjNjMC00LjksMi42LTguMSw2LjgtOC4xYzIuNiwwLDQuMiwxLjIsNS4yLDMuMmMtMC4xLTAuNi0wLjEtMS41LTAuMS0yLjFWNTAuNHogICAgIE02NCw2My41YzAsMy43LDEuNiw2LjEsNC41LDYuMWMzLDAsNC44LTIuNiw0LjgtNi4xYzAtMy40LTEuNy02LTQuOC02QzY1LjcsNTcuNiw2NCw1OS45LDY0LDYzLjV6IiBmaWxsPSIjMkQyRTJEIiBzdHJva2U9IiMyRDJFMkQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZD0iTTgxLjcsNTMuNyAgICBjMC0zLjYsMi4yLTQuNiw0LjQtNC42YzAuOSwwLDEuNiwwLjEsMi40LDAuM2MwLjUsMC4yLDAuOCwwLjYsMC44LDFjMCwwLjIsMCwwLjQtMC4xLDAuNWMtMC4yLDAuNS0wLjYsMC44LTEuMSwwLjggICAgYy0wLjEsMC0wLjMsMC0wLjUtMC4xYy0wLjUtMC4yLTEtMC4zLTEuNi0wLjNjLTEsMC0xLjgsMC42LTEuOCwyLjZ2MS43aDMuNGMwLjcsMCwxLDAuNSwxLDEuMmMwLDAuNi0wLjQsMS4xLTEsMS4xaC0zLjR2MTIuNSAgICBjMCwwLjgtMC41LDEuMS0xLjMsMS4xYy0wLjgsMC0xLjMtMC40LTEuMy0xLjFWNThoLTIuNGMtMC43LDAtMS0wLjQtMS0xLjFzMC4zLTEuMiwxLTEuMmgyLjRWNTMuN3oiIGZpbGw9IiMyRDJFMkQiIHN0cm9rZT0iIzJEMkUyRCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48L2c+PC9nPjwvc3ZnPg==
+      )
+  ;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.ebook-icon.ebook-fb2{
+  background-image:
+    url(
+      data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGlkPSLQodC70L7QuV8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48Zz48cGF0aCBkPSJNMTA5LDM0djc1YzAsOC4zLTYuNywxNS0xNSwxNUgzNGMtOC4zLDAtMTUtNi43LTE1LTE1VjE5YzAtOC4zLDYuNy0xNSwxNS0xNWg0NUwxMDksMzR6IiBmaWxsPSIjRjZGM0UwIi8+PC9nPjxnPjxwYXRoIGQ9Ik05NCwxMjUuMkgzNGMtOSwwLTE2LjItNy4zLTE2LjItMTYuMlYxOUMxNy44LDEwLDI1LDIuOCwzNCwyLjhoNDVjMC4zLDAsMC42LDAuMSwwLjksMC40bDMwLDMwICAgIGMwLjIsMC4yLDAuNCwwLjYsMC40LDAuOXY3NUMxMTAuMiwxMTgsMTAzLDEyNS4yLDk0LDEyNS4yeiBNMzQsNS4yYy03LjYsMC0xMy44LDYuMi0xMy44LDEzLjh2OTBjMCw3LjYsNi4yLDEzLjgsMTMuOCwxMy44aDYwICAgIGM3LjYsMCwxMy44LTYuMiwxMy44LTEzLjhWMzQuNUw3OC41LDUuMkgzNHoiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGc+PHBhdGggZD0iTTk0LDExMC4ySDM0Yy0wLjcsMC0xLjItMC42LTEuMi0xLjJzMC42LTEuMiwxLjItMS4yaDYwYzAuNywwLDEuMiwwLjYsMS4yLDEuMlM5NC43LDExMC4yLDk0LDExMC4yeiIgZmlsbD0iIzJEMkUyRCIvPjwvZz48Zz48cGF0aCBkPSJNOTQsOTguMkgzNGMtMC43LDAtMS4yLTAuNi0xLjItMS4yczAuNi0xLjIsMS4yLTEuMmg2MGMwLjcsMCwxLjIsMC42LDEuMiwxLjJTOTQuNyw5OC4yLDk0LDk4LjJ6IiBmaWxsPSIjMkQyRTJEIi8+PC9nPjxnPjxwYXRoIGQ9Ik05NCw4Ni4ySDM0Yy0wLjcsMC0xLjItMC42LTEuMi0xLjJzMC42LTEuMiwxLjItMS4yaDYwYzAuNywwLDEuMiwwLjYsMS4yLDEuMlM5NC43LDg2LjIsOTQsODYuMnoiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGcgb3BhY2l0eT0iMC4xIj48cGF0aCBkPSJNMTA5LDM4di00TDc5LDRoLTR2MTVjMCwxMC41LDguNSwxOSwxOSwxOUgxMDl6IiBmaWxsPSIjMDMwNTA1Ii8+PC9nPjxnPjxwYXRoIGQ9Ik03OSwxOWMwLDguMyw2LjcsMTUsMTUsMTVoMTVMNzksNFYxOXoiIGZpbGw9IiNGOUUzNzMiLz48L2c+PGc+PHBhdGggZD0iTTEwOSwzNS4ySDk0Yy05LDAtMTYuMi03LjMtMTYuMi0xNi4yVjRjMC0wLjUsMC4zLTEsMC44LTEuMmMwLjUtMC4yLDEtMC4xLDEuNCwwLjNsMzAsMzAgICAgYzAuNCwwLjQsMC41LDAuOSwwLjMsMS40QzExMCwzNC45LDEwOS41LDM1LjIsMTA5LDM1LjJ6IE04MC4yLDd2MTJjMCw3LjYsNi4yLDEzLjgsMTMuOCwxMy44aDEyTDgwLjIsN3oiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGc+PHBhdGggZD0iTTM4LjYsNjkuNiAgICBjMCwxLjItMC44LDItMiwyYy0xLjEsMC0yLTAuOC0yLTJjMC0xLjEsMC44LTEuOSwyLTEuOUMzNy44LDY3LjcsMzguNiw2OC41LDM4LjYsNjkuNnoiIGZpbGw9IiMyRDJFMkQiIHN0cm9rZT0iIzJEMkUyRCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJNNDYuMSw3MC40ICAgIGMwLDAuOC0wLjYsMS4yLTEuNCwxLjJjLTAuOCwwLTEuMy0wLjQtMS4zLTEuMlY1Mi40YzAtMi4yLDAuOS0zLDIuOS0zaDExLjJjMC44LDAsMS4yLDAuNSwxLjIsMS4ycy0wLjQsMS4yLTEuMiwxLjJINDcgICAgYy0wLjUsMC0wLjksMC4zLTAuOSwwLjl2Ni4xaDkuOGMwLjcsMCwxLjEsMC41LDEuMSwxLjJjMCwwLjYtMC40LDEuMi0xLjEsMS4yaC05LjhWNzAuNHoiIGZpbGw9IiMyRDJFMkQiIHN0cm9rZT0iIzJEMkUyRCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJNNjQsNzAuNSAgICBjMCwwLjYtMC40LDEtMS4yLDFjLTAuOCwwLTEuMy0wLjQtMS4zLTEuMVY1MC40YzAtMC44LDAuNS0xLjEsMS4zLTEuMWMwLjcsMCwxLjIsMC40LDEuMiwxLjF2Ni4yYzAsMC42LTAuMSwxLjQtMC4xLDIuMSAgICBjMS0yLDIuNy0zLjIsNS4zLTMuMmM0LjIsMCw2LjcsMy4xLDYuNyw4LjFjMCw1LTIuNiw4LjMtNi44LDguM2MtMi42LDAtNC4zLTEuMy01LjItMy4yYzAuMSwwLjQsMC4xLDEsMC4xLDEuNFY3MC41eiBNNjMuOSw2My42ICAgIGMwLDMuNSwxLjgsNiw0LjgsNmMyLjksMCw0LjUtMi40LDQuNS02LjFjMC0zLjctMS42LTYtNC40LTZDNjUuNyw1Ny42LDYzLjksNjAuMSw2My45LDYzLjZ6IiBmaWxsPSIjMkQyRTJEIiBzdHJva2U9IiMyRDJFMkQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZD0iTTkzLjEsNjkgICAgYzAuNywwLDEsMC41LDEsMS4ycy0wLjQsMS4zLTEsMS4zSDgwLjJjLTEuMSwwLTEuNy0wLjYtMS43LTEuN2MwLTEsMC42LTIuNCwxLjEtMy4yYzEtMS45LDIuNy0zLjcsNS40LTUuNGwxLjktMS4zICAgIGMyLjgtMS44LDQtMi45LDQtNS4xYzAtMi4xLTEuOC0zLjQtNC40LTMuNGMtMy4zLDAtNC40LDEuOS00LjksMy45Yy0wLjIsMC42LTAuNywwLjktMS4yLDAuOWMtMC4xLDAtMC4zLDAtMC40LDAgICAgYy0wLjYtMC4xLTEuMS0wLjUtMS4xLTEuMmMwLTAuMSwwLTAuMywwLjEtMC40YzAuMy0xLjIsMC45LTIuNSwxLjktMy40YzEuMy0xLjIsMy4xLTIsNS44LTJjNC4zLDAsNywyLjIsNyw1LjggICAgYzAsMy40LTIuMiw1LTQuNyw2LjZsLTEuOSwxLjFjLTMuMSwyLTQuOSwzLjgtNS42LDYuNEg5My4xeiIgZmlsbD0iIzJEMkUyRCIgc3Ryb2tlPSIjMkQyRTJEIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjwvZz48L2c+PC9zdmc+
+      )
+  ;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.ebook-icon.ebook-mobi{
+  background-image:
+    url(
+      data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGlkPSLQodC70L7QuV8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48Zz48cGF0aCBkPSJNMTA5LDM0djc1YzAsOC4zLTYuNywxNS0xNSwxNUgzNGMtOC4zLDAtMTUtNi43LTE1LTE1VjE5YzAtOC4zLDYuNy0xNSwxNS0xNWg0NUwxMDksMzR6IiBmaWxsPSIjRjZGM0UwIi8+PC9nPjxnPjxwYXRoIGQ9Ik05NCwxMjUuMkgzNGMtOSwwLTE2LjItNy4zLTE2LjItMTYuMlYxOUMxNy44LDEwLDI1LDIuOCwzNCwyLjhoNDVjMC4zLDAsMC42LDAuMSwwLjksMC40bDMwLDMwICAgIGMwLjIsMC4yLDAuNCwwLjYsMC40LDAuOXY3NUMxMTAuMiwxMTgsMTAzLDEyNS4yLDk0LDEyNS4yeiBNMzQsNS4yYy03LjYsMC0xMy44LDYuMi0xMy44LDEzLjh2OTBjMCw3LjYsNi4yLDEzLjgsMTMuOCwxMy44aDYwICAgIGM3LjYsMCwxMy44LTYuMiwxMy44LTEzLjhWMzQuNUw3OC41LDUuMkgzNHoiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGc+PHBhdGggZD0iTTk0LDExMC4ySDM0Yy0wLjcsMC0xLjItMC42LTEuMi0xLjJzMC42LTEuMiwxLjItMS4yaDYwYzAuNywwLDEuMiwwLjYsMS4yLDEuMlM5NC43LDExMC4yLDk0LDExMC4yeiIgZmlsbD0iIzJEMkUyRCIvPjwvZz48Zz48cGF0aCBkPSJNOTQsOTguMkgzNGMtMC43LDAtMS4yLTAuNi0xLjItMS4yczAuNi0xLjIsMS4yLTEuMmg2MGMwLjcsMCwxLjIsMC42LDEuMiwxLjJTOTQuNyw5OC4yLDk0LDk4LjJ6IiBmaWxsPSIjMkQyRTJEIi8+PC9nPjxnPjxwYXRoIGQ9Ik05NCw4Ni4ySDM0Yy0wLjcsMC0xLjItMC42LTEuMi0xLjJzMC42LTEuMiwxLjItMS4yaDYwYzAuNywwLDEuMiwwLjYsMS4yLDEuMlM5NC43LDg2LjIsOTQsODYuMnoiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGcgb3BhY2l0eT0iMC4xIj48cGF0aCBkPSJNMTA5LDM4di00TDc5LDRoLTR2MTVjMCwxMC41LDguNSwxOSwxOSwxOUgxMDl6IiBmaWxsPSIjMDMwNTA1Ii8+PC9nPjxnPjxwYXRoIGQ9Ik03OSwxOWMwLDguMyw2LjcsMTUsMTUsMTVoMTVMNzksNFYxOXoiIGZpbGw9IiNGOUUzNzMiLz48L2c+PGc+PHBhdGggZD0iTTEwOSwzNS4ySDk0Yy05LDAtMTYuMi03LjMtMTYuMi0xNi4yVjRjMC0wLjUsMC4zLTEsMC44LTEuMmMwLjUtMC4yLDEtMC4xLDEuNCwwLjNsMzAsMzAgICAgYzAuNCwwLjQsMC41LDAuOSwwLjMsMS40QzExMCwzNC45LDEwOS41LDM1LjIsMTA5LDM1LjJ6IE04MC4yLDd2MTJjMCw3LjYsNi4yLDEzLjgsMTMuOCwxMy44aDEyTDgwLjIsN3oiIGZpbGw9IiMyRDJFMkQiLz48L2c+PGc+PHBhdGggZD0iTTMxLjgsNjkuNiAgICBjMCwxLjItMC44LDItMiwyYy0xLjEsMC0yLTAuOC0yLTJjMC0xLjEsMC44LTEuOSwyLTEuOUMzMC45LDY3LjcsMzEuOCw2OC41LDMxLjgsNjkuNnoiIGZpbGw9IiMyRDJFMkQiIHN0cm9rZT0iIzJEMkUyRCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJNNDkuNCw3MC4zICAgIGMtMC40LDEtMC45LDEuMy0xLjgsMS4zYy0wLjksMC0xLjQtMC4zLTEuOC0xLjNsLTQuMy0xMC43Yy0wLjgtMi0yLjItNi4xLTIuNy03LjljMC4xLDEuOCwwLjQsNywwLjQsMTAuOXY3LjkgICAgYzAsMC44LTAuNSwxLjEtMS4zLDEuMWMtMC44LDAtMS4zLTAuNC0xLjMtMS4xVjUwLjljMC0xLDAuNy0xLjcsMS44LTEuN2MxLjIsMCwxLjgsMC41LDIuMywxLjVsNS4yLDEzLjFjMC42LDEuNCwxLjUsNCwxLjgsNS4zICAgIGMwLjMtMS4yLDEuMS0zLjcsMS44LTUuM2w1LjEtMTIuOWMwLjUtMS4xLDEuMS0xLjYsMi4zLTEuNmMxLDAsMS44LDAuNiwxLjgsMS43djE5LjZjMCwwLjgtMC42LDEuMS0xLjMsMS4xICAgIGMtMC44LDAtMS4zLTAuNC0xLjMtMS4xdi03LjhjMC00LDAuMy05LjEsMC41LTExYy0wLjUsMS44LTEuOSw1LjgtMi43LDcuOEw0OS40LDcwLjN6IiBmaWxsPSIjMkQyRTJEIiBzdHJva2U9IiMyRDJFMkQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZD0iTTc2LjksNjMuNiAgICBjMCw0LjktMi43LDguMy03LjEsOC4zYy00LjcsMC03LjQtMy4zLTcuNC04LjNjMC00LjksMi43LTguMiw3LjMtOC4yQzc0LjIsNTUuNCw3Ni45LDU4LjYsNzYuOSw2My42eiBNNjUsNjMuNmMwLDMuNiwxLjcsNiw0LjYsNiAgICBjMy4xLDAsNC43LTIuNCw0LjctNi4yYzAtMy42LTEuNi02LTQuNS02QzY2LjcsNTcuNSw2NSw1OS45LDY1LDYzLjZ6IiBmaWxsPSIjMkQyRTJEIiBzdHJva2U9IiMyRDJFMkQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZD0iTTgyLjcsNzAuNSAgICBjMCwwLjYtMC40LDEtMS4yLDFjLTAuOCwwLTEuMy0wLjQtMS4zLTEuMVY1MC40YzAtMC44LDAuNS0xLjEsMS4zLTEuMWMwLjcsMCwxLjIsMC40LDEuMiwxLjF2Ni4yYzAsMC42LTAuMSwxLjQtMC4xLDIuMSAgICBjMS0yLDIuNy0zLjIsNS4zLTMuMmM0LjIsMCw2LjcsMy4xLDYuNyw4LjFjMCw1LTIuNiw4LjMtNi44LDguM2MtMi42LDAtNC4zLTEuMy01LjItMy4yYzAuMSwwLjQsMC4xLDEsMC4xLDEuNFY3MC41eiBNODIuNiw2My42ICAgIGMwLDMuNSwxLjgsNiw0LjgsNmMyLjksMCw0LjUtMi40LDQuNS02LjFjMC0zLjctMS42LTYtNC40LTZDODQuNCw1Ny42LDgyLjYsNjAuMSw4Mi42LDYzLjZ6IiBmaWxsPSIjMkQyRTJEIiBzdHJva2U9IiMyRDJFMkQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZD0iTTEwMSw1MS4xICAgIGMwLDEuMS0wLjgsMS45LTEuOSwxLjljLTEuMSwwLTEuOS0wLjgtMS45LTEuOWMwLTEuMSwwLjgtMS45LDEuOS0xLjlDMTAwLjEsNDkuMiwxMDEsNTAsMTAxLDUxLjF6IE05Ny44LDU2LjcgICAgYzAtMC43LDAuNS0xLjEsMS4zLTEuMWMwLjgsMCwxLjMsMC40LDEuMywxLjF2MTMuOGMwLDAuOC0wLjUsMS4xLTEuMywxLjFjLTAuOCwwLTEuMy0wLjQtMS4zLTEuMVY1Ni43eiIgZmlsbD0iIzJEMkUyRCIgc3Ryb2tlPSIjMkQyRTJEIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjwvZz48L2c+PC9zdmc+
+      )
+  ;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
diff --git a/cps/templates/detail.html b/cps/templates/detail.html
index 44fc8f55..c53c5fd3 100644
--- a/cps/templates/detail.html
+++ b/cps/templates/detail.html
@@ -63,7 +63,7 @@
       <p>
       <div class="tags">
         <span class="glyphicon glyphicon-tags"></span>
-        
+
         {% for tag in entry.tags %}
           <a href="{{ url_for('category', book_id=tag.id) }}" class="btn btn-xs btn-info" role="button">{{tag.name}}</a>
         {%endfor%}
@@ -85,7 +85,7 @@
         <div class="custom_columns">
         {% for c in cc %}
           {% if entry['custom_column_' ~ c.id]|length > 0 %}
-            {{ c.name }}: 
+            {{ c.name }}:
             {% for column in entry['custom_column_' ~ c.id] %}
               {% if c.datatype == 'rating' %}
                 {{ '%d' % (column.value / 2) }}
@@ -106,7 +106,7 @@
         {% endfor %}
         </div>
         </p>
-      {% endif %}  
+      {% endif %}
       {% if not g.user.is_anonymous() %}
       <p>
         <div class="custom_columns" id="have_read_container">
@@ -117,7 +117,7 @@
         </div>
       </p>
       {% endif %}
-        
+
 
       {% if entry.comments|length > 0 and entry.comments[0].text|length > 0%}
         <h3>{{_('Description:')}}</h3>
@@ -130,15 +130,18 @@
         <div class="btn-group" role="group" aria-label="Download, send to Kindle, reading">
           {% if g.user.role_download() %}
             <div class="btn-group" role="group">
-              <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                <span class="glyphicon glyphicon-download"></span> {{_('Download')}}
-                <span class="caret"></span>
+              <button id="btnGroupDrop1" type="button" class="btn btn-primary">
+                {{_('Download')}} :
               </button>
-              <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                 {% for format in entry.data %}
-                <li><a href="{{ url_for('get_download_link_ext', book_id=entry.id, book_format=format.format|lower, anyname=entry.id|string+'.'+format.format) }}">{{format.format}}</a></li>
+                <button id="btnGroupDrop1{{format.format|lower}}" type="button" class="btn btn-primary">
+                  <a href="{{ url_for('get_download_link_ext', book_id=entry.id, book_format=format.format|lower, anyname=entry.id|string+'.'+format.format) }}">
+                  <span class="glyphicon glyphicon-download"></span>
+                    {{format.format}}
+                  <span class="ebook-icon ebook-{{format.format|lower}}"></span>
+                  </a>
+                </button>
                 {%endfor%}
-              </ul>
             </div>
           {% endif %}
 
@@ -160,7 +163,7 @@
                 </ul>
               </div>
           {% endif %}
-        </div> 
+        </div>
       </div>
       </br>
       {% if g.user.is_authenticated %}
@@ -183,7 +186,7 @@
                   {% endif %}
                 {%endfor%}
               </ul>
-        </div> 
+        </div>
         {% if books_shelfs %}
         <div class="btn-group" role="group" aria-label="Remove from shelves">
               {% for shelf in g.user.shelf %}
@@ -247,5 +250,3 @@
   });
 </script>
 {% endblock %}
-
-
diff --git a/cps/templates/stats.html b/cps/templates/stats.html
index 4b08afda..6745e908 100644
--- a/cps/templates/stats.html
+++ b/cps/templates/stats.html
@@ -88,7 +88,18 @@
     </tr>
   </tbody>
 </table>
-
+<table id="libs" class="table">
+  <thead>
+    <tr>
+      <th>{{_('File License')}}</th>
+      <th>{{_('License Type')}}</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th><a href="//www.iconfinder.com/iconsets/document-file">File Document Icon</a> By <a href="//www.iconfinder.com/Zerg">Sergei Kokota</a></th>
+      <td><a href="//creativecommons.org/licenses/by/3.0/">Creative Commons (Attribution 3.0 Unported)</a></td>
+    </tr>
+  </tbody>
+</table>
 {% endblock %}
-
-