| Index: popup.html |
| =================================================================== |
| --- a/popup.html |
| +++ b/popup.html |
| @@ -76,14 +76,50 @@ |
| 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); |
| +} |
| + |
| +#statsPage > strong, |
| +#statsTotal > strong |
| +{ |
| + display: inline-block; |
| + min-width: 30px; |
| + color: rgb(255, 50, 50); |
| + text-align: right; |
| +} |
| + |
| +#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 +137,22 @@ |
| <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 id="statsPage" class="i18n_stats_label_page label"></div> |
| + <div id="statsTotal" class="i18n_stats_label_total label"></div> |
| + </div> |
| + <div> |
| + <a id="share" class="i18n_stats_share_title" href="#"></a> |
| + <div id="shareBox" hidden> |
| + <a class="i18n_stats_share_label_fb ui-button ui-widget ui-state-default ui-corner-all" data-social="facebook"></a> |
| + <a id="shareTwitter" class="i18n_stats_share_label_twitter ui-button ui-widget ui-state-default ui-corner-all" data-social="twitter"></a> |
| + <a id="shareGplus" class="i18n_stats_share_label_gplus ui-button ui-widget ui-state-default ui-corner-all" data-social="gplus"></a> |
| + </div> |
| + </div> |
| +</div> |
| + |
| </div> |
| </body> |
| </html> |