- add sources.
[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / ntp_android / new_tab.html
1 <!DOCTYPE html>
2 <html i18n-values="dir:textdirection;">
3   <head>
4     <meta charset="utf-8">
5     <meta name="viewport" content="width=device-width, initial-scale=1.0,
6                                    maximum-scale=1.0, user-scalable=no">
7     <title i18n-content="title"></title>
8     <link rel="stylesheet" href="ntp_android.css">
9     <link rel="stylesheet" href="bookmarks.css">
10     <link rel="stylesheet" href="bookmarks_tablet.css">
11     <link rel="stylesheet" href="mostvisited.css">
12     <link rel="stylesheet" href="mostvisited_tablet.css">
13     <link rel="stylesheet" href="opentabs.css">
14     <link rel="stylesheet" href="opentabs_tablet.css">
15     <link rel="stylesheet" href="incognito_tab.css">
16     <!-- template data placeholder -->
17     <script src="../../../../ui/webui/resources/js/cr.js"></script>
18     <script src="../../../../ui/webui/resources/js/parse_html_subset.js"></script>
19     <script src="ntp_android.js"></script>
20     <script>
21       if (document.location.host != "newtab") {
22         document.write('<script src="mockdata.js"><\/script>');
23       }
24     </script>
25   </head>
26   <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize;device:device;shortcut_item_enabled:shortcut_item_enabled">
27     <div id="content-area" style="display:none">
28       <div class="main-section" id="open_tabs_container">
29         <div class="center-empty-container" id="sync_enable_sync" style="display: none;">
30           <div class="center-empty-content" i18n-values=".innerHTML:syncEnableSync"></div>
31         </div>
32         <div class="center-empty-container" id="sync_promo" style="display: none;">
33           <div id="promo_message_on_sync_promo_legacy" class="center-empty-content" i18n-values=".innerHTML:syncPromo"></div>
34           <div id="promo_message_on_sync_promo_received" class="center-empty-content" style="display: none;"></div>
35         </div>
36         <div class="center-empty-container" id="sync_loading" style="display: none;">
37           <div class="center-empty-content" i18n-values=".innerHTML:syncLoading"></div>
38         </div>
39         <div class="page-list" id="open_tabs_list" style="display: none;"></div>
40         <div class="page-list" id="promo_vc_list" style="display: none;"></div>
41         <div class="page-list" id="snapshots_list" style="display: none;"></div>
42       </div>
43       <div class="main-section" id="bookmarks_container">
44         <div id="bookmarks_contents">
45           <div class="section-title-wrapper" id="bookmarks_title_wrapper">
46             <div class="section-title-mask">
47               <div class="section-title"></div>
48               <div class="overflow-left-mask"></div>
49               <div class="overflow-right-mask"></div>
50             </div>
51           </div>
52           <div class="icon-grid grid-set-top-margin grid-set-item-margins" id="bookmarks_list"></div>
53         </div>
54       </div>
55       <div class="main-section" id="most_visited_container">
56         <div class="icon-grid" id="most_visited_list"></div>
57         <div class="box-spacer"></div>
58         <div id="recently_closed_container" style="display:none;">
59           <div class="recently-closed-title-container">
60             <span class="title" i18n-content="recentlyclosed"></span>
61           </div>
62           <div class="page-list" id="recently_closed_list"></div>
63         </div>
64         <div id="promo_message_on_most_visited" class="promo-message" style="display: none;"></div>
65       </div>
66       <div class="main-section" id="incognito_container">
67         <div class="content">
68           <img src="../../../../ui/webui/resources/images/otr_icon_standalone.png" class="icon">
69           <span i18n-values=".innerHTML:content"></span>
70         </div>
71       </div>
72     </div>
73   </body>
74   <script src="../../../../ui/webui/resources/js/i18n_template.js"></script>
75   <script>
76     i18nTemplate.process(document, templateData);
77   </script>
78 </html>