Index: popup.html |
=================================================================== |
--- a/popup.html |
+++ b/popup.html |
@@ -76,14 +76,55 @@ |
width: 5px; |
display: block; |
} |
+ |
+#statsStuff |
+{ |
+ margin: 10px 5px; |
+ padding: 5px; |
+ border: 1px solid rgb(150, 150, 200); |
+ border-radius: 5px; |
+ white-space: nowrap; |
+ background: -webkit-linear-gradient(top, rgb(250, 250, 255), rgb(200, 200, 255) 50px); |
+ background: linear-gradient(top, rgb(250, 250, 255), rgb(200, 200, 255) 50px); |
+} |
+ |
+#statsStuff .number |
+{ |
+ display: inline-block; |
+ min-width: 30px; |
+ font-weight: bold; |
+ color: rgb(255, 50, 50); |
+ text-align: right; |
+} |
+ |
+#statsStuff .label |
+{ |
+ display: inline-block; |
+} |
+ |
+#share |
+{ |
+ display: block; |
+ color: rgb(75, 75, 200); |
+ text-align: right; |
+ text-decoration: underline; |
+} |
+ |
+#shareBox > a |
+{ |
+ display: block; |
+ margin-top: 5px; |
+} |
</style> |
<script type="text/javascript" src="jquery-ui/js/jquery-1.7.1.min.js"></script> |
<script type="text/javascript" src="i18n.js"></script> |
<script type="text/javascript" src="popup.js"></script> |
<script type="text/javascript" src="notification.js"></script> |
+<script type="text/javascript" src="stats.js"></script> |
</head> |
<body id="main"> |
+ |
<div id="notification" style="display: none"> |
<h1 id="title"></h1> |
<p id="message"></p> |
@@ -101,6 +142,28 @@ |
<button id="cancelButton" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="i18n_cancel"></span></button> |
</div> |
+<div id="statsStuff" hidden> |
+ <strong class="i18n_stats_title"></strong> |
+ <div id="stats"> |
+ <div> |
+ <span id="statsPage" class="number">0</span> |
+ <span class="i18n_stats_label_page label"></span> |
+ </div> |
+ <div> |
+ <span id="statsTotal" class="number">0</span> |
+ <span class="i18n_stats_label_total label"></span> |
+ </div> |
+ </div> |
+ <div> |
+ <a id="share" class="i18n_stats_share_title" href="#"></a> |
+ <div id="shareBox" hidden> |
+ <a class="i18n_stats_share_label ui-button ui-widget ui-state-default ui-corner-all" data-social="facebook">"Facebook"</a> |
+ <a id="shareTwitter" class="i18n_stats_share_label ui-button ui-widget ui-state-default ui-corner-all" data-social="twitter">"Twitter"</a> |
+ <a id="shareGplus" class="i18n_stats_share_label ui-button ui-widget ui-state-default ui-corner-all" data-social="gplus">"Google+"</a> |
+ </div> |
+ </div> |
+</div> |
+ |
</div> |
</body> |
</html> |