braiam

popup.html

Aug 6th, 2012
179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.38 KB | None | 0 0
  1. <!--///////////////////////////////////////////////////////////////////////////
  2. //                                                                           //
  3. //   All Mangas Reader : Follow updates of your favorite mangas sites.       //
  4. //   Copyright (c) 2011 Pierre-Louis DUHOUX (pl.duhoux at gmail d0t com)     //
  5. //                                                                           //
  6. ////////////////////////////////////////////////////////////////////////////-->
  7.  
  8. <!DOCTYPE html>
  9.  
  10. <html>
  11.   <head>
  12.     <link href="css/popup.css" rel="stylesheet" type="text/css" />
  13.     <link href="css/jquery-ui-1.8.7.custom.css" rel="stylesheet" type="text/css" />
  14.  
  15.     <script src="js/jquery.js" type="text/javascript"></script>
  16.     <script src="js/MangaElt.js" type="text/javascript"></script>
  17.     <script src="js/mgEntry.js" type="text/javascript"></script>
  18.     <script src="js/mgUtil.js" type="text/javascript"></script>
  19.     <script src="js/popupSearch.js" type="text/javascript"></script>
  20.     <script src="js/jquery-ui-1.8.7.custom.min.js" type="text/javascript"></script>
  21.     <script src="js/analytics.js" type="text/javascript"></script>
  22.     <script src="js/wssql.js" type="text/javascript"></script>
  23.     <script src="js/popup.js" type="text/javascript"></script>
  24.  
  25.   </head>
  26.   <body>
  27.     <div id="header">
  28.       <div id="title">
  29.         <img src="img/icon-32.png" width="24px" />
  30.         <h3>All Mangas Reader</h3>
  31.         <span id="version"></span>
  32.         <div class="mainbuttons">
  33.           <div class="mainbutton checked" id="mgListBtn">
  34.             Manga List
  35.           </div>
  36.           <div class="mainbutton" id="mgSearchBtn">
  37.             Search Manga
  38.           </div>
  39.         </div>
  40.       </div>
  41.      
  42.       <div id="access">
  43.         <ul>
  44.           <li id="dev"><img src="img/dev.png" title="Developpers lab" /></li>
  45.           <li id="searchLnk"><img src="img/find.png" title="Search all manga web sites" /></li>
  46.           <li id="bookmarks"><img src="img/bookmark.png" title="Search, view and manage bookmarks" /></li>
  47.           <li id="infos"><img src="img/infos.png" title="Information and help" /></li>
  48.           <li id="home"><img src="img/home.png" title="All Mangas Reader web site" /></li>
  49.           <li id="options"><img src="img/options.png" title="All Mangas Reader Options" /></li>
  50.           <li id="release"><img src="img/release.png" title="AMR has been updated ! View release note." /></li>
  51.         </ul>
  52.       </div>
  53.     </div>
  54.    
  55.     <div id="mangaList">
  56.       <div id="footer">
  57.         <ul id="cats">
  58.           <li class="category native include">New<img src="img/list10.gif" class="actcatview" title='View only mangas from this category'/></li>
  59.           <li class="category native include">Read<img src="img/list10.gif" class="actcatview" title='View only mangas from this category'/></li>
  60.           <li class="category native include">Unread<img src="img/list10.gif" class="actcatview" title='View only mangas from this category'/></li>
  61.           <li class="category native include">One Shots<img src="img/list10.gif" class="actcatview" title='View only mangas from this category'/></li>
  62.           <li class="category native addcategory" title="Create a new category">+</li>
  63.         </ul>
  64.         <div class="globalquestion actdeleteglobcat" style="display:none">
  65.           <span>Are you sure to delete this category ?</span>
  66.           <div class="button yes">Yes</div>
  67.           <div class="button no">No</div>
  68.         </div>
  69.       </div>
  70.       <div id="main">
  71.         <div id="nomangas" style="display:none">
  72.           <b>No manga in your list. Check the filters above or add mangas to the list.</b>
  73.           <br />
  74.           To add a manga in the reading list, just go read a manga on a site supported by All Mangas Reader. Each manga you are reading is added or updated in the All Mangas Reader reading list. You can start reading a manga by searching one <a id="firstSearch" href="#">here</a>.
  75.         </div>
  76.       </div>
  77.       <div id="footact">
  78.         <div id="accessbar">
  79.           <ul>
  80.             <li id="time"><img src="img/history.png" title="View timers (when AMR is updated)" /></li>
  81.             <li id="impexp"><img src="img/importexport.png" title="Import / Export AMR manga list and preferences" /></li>
  82.           </ul>
  83.           <ul>
  84.             <li id="readallmg"><img src="img/eyeblue.png" title="Mark all currently viewable mangas as read" /></li>
  85.             <li id="deleteallmg"><img src="img/cancel.png" title="Delete all currently viewable mangas from list" /></li>
  86.           </ul>
  87.           <ul>
  88.             <li id="forum"><img src="img/forum.png" title="All Mangas Reader's forum : Discuss the extension, report bugs and request new features." /></li>
  89.             <li id="stats"><img src="img/stats.png" title="View AMR's statistics and add most read manga to your reading list." /></li>
  90.             <li id="pstats"><img src="img/pstat.png" title="View your personnal reading statistics." /></li>        
  91.             <li id="external"><img src="img/external.png" title="All Mangas Reader's popup in a new tab" /></li>
  92.             <li id="fblike"><img src="img/facebook.png" title="All Mangas Reader on Facebook" /></li>
  93.             <li id="gplike"><img src="img/gplus.png" title="All Mangas Reader on Google+" /></li>
  94.             <li id="donate"><img src="img/donate.png" title="Help All Mangas Reader" /></li>
  95.           </ul>
  96.         </div>
  97.         <div style="clear:both"></div>
  98.         <div class="bottomdiv globalquestion timers" style="display:none">
  99.           <span>Chapters lists have been updated </span><br />
  100.           <span>Manga lists have been updated </span><br />
  101.           <span>AMR has been sychronized </span>
  102.         </div>
  103.         <div class="bottomdiv globalquestion actdeleteallmg" style="display:none">
  104.           <span>Are you sure to delete all currently viewable mangas from the list ?</span>
  105.           <div class="button yes">Yes</div>
  106.           <div class="button no">No</div>
  107.         </div>
  108.         <div class="bottomdiv globalquestion actreadallmg" style="display:none">
  109.           <span>Are you sure to mark all currently viewable mangas as read ?</span>
  110.           <div class="button yes">Yes</div>
  111.           <div class="button no">No</div>
  112.         </div>
  113.         <div class="bottomdiv globalquestion donate" style="display:none">
  114.           <p>Did you know that All Mangas Reader requires a big part of my time. If you can't live without this extension or if you just like it and want to help me continue to support and evolve AMR, please donate : </p>
  115.           <center>
  116.           <table style="margin-bottom:5px;">
  117.             <tr style="background-color:#CCCCEE;text-align:center;font-weight:bold;">
  118.               <td>US Dollar</td>
  119.               <td>Euro</td>
  120.             </tr>
  121.             <tr>
  122.               <td>
  123.                 <img id="paypalus" src="img/paypaldon.gif" title="Donate to All Mangas Reader (US Dollar)" style="cursor:pointer;">
  124.               </td>
  125.               <td>
  126.                 <img id="paypaleuro" src="img/paypaldon.gif" title="Donate to All Mangas Reader (Euro)" style="cursor:pointer;">
  127.               </td>
  128.             </tr>
  129.           </table>
  130.           </center>
  131.         </div>
  132.         <div class="bottomdiv globalquestion desactivate" style="display:none">
  133.           <span>You don't have deactivated a website yet.
  134.           It is strongly recommended that you deactivate websites you don't use (like those which are in foreign language that you can't read).
  135.           AMR recommends to have no more than 25 active websites. (If you have more, your manga list could not be saved and bugs can occur.)
  136.           Go to the <a id="desactivateLink">option page</a> and deactivate some websites !</span>
  137.         </div>
  138.       </div>
  139.     </div>
  140.     <div id="search" style="display:none">
  141.       <table>
  142.         <tr>
  143.           <td>
  144.             <div class="block">
  145.               <div class="title">
  146.                 Search a manga :
  147.               </div>
  148.               <table>
  149.                 <tr id="searchBox">
  150.                   <td>
  151.                     <p>Text to search :
  152.                       <input id="searchBoxInput" type="text" />
  153.                       <a id="butFind" href="#" class="imgSearch"></a>
  154.                       <a id="coverLoadServer" style="display:none"><img src="img/lab_load.gif"/></a>
  155.                     </p><div id="selectors"></div>
  156.                     <p>Web sites to search (click on the icon to enable / disable) : </p>
  157.                     <div style="clear:both"></div>
  158.                     <div id="filMirrors"></div>
  159.                   </td>
  160.                 </tr>
  161.               </table>
  162.             </div>
  163.           </td>
  164.         </tr>
  165.         <tr id="resTr" style="display:none;">
  166.           <td>
  167.             <div class="block">
  168.               <div class="title">
  169.                 Search results
  170.               </div>
  171.               <table>
  172.                 <tr>
  173.                   <td id="searchZone">
  174.                     <div id="nbRes" style="display:none">
  175.                     </div>
  176.                     <div id="results">
  177.                      
  178.                     </div>
  179.                     <div id="nores" style="display:none">
  180.                       <p>No result found</p>
  181.                     </div>
  182.                   </td>
  183.                 </tr>
  184.               </table>
  185.             </div>
  186.           </td>
  187.         </tr>
  188.       </table>
  189.     </div>
  190.  
  191.   </body>
  192. </html>
Advertisement
Add Comment
Please, Sign In to add comment