incognito_tab.html revision 3345a6884c488ff3a535c2c9acdd33d74b37e311 
1<!DOCTYPE html>
2<html i18n-values="dir:textdirection;bookmarkbarattached:bookmarkbarattached">
3<head>
4<title i18n-content="title"></title>
5<style>
6body {
7  margin:10px 8px 10px 8px;
8}
9html[dir="ltr"] .icon {
10  float:right;
11  margin:0 6px 0 3px;
12  -webkit-transform: scale(-1, 1);
13}
14html[dir="rtl"] .icon {
15  float:left;
16  margin:0 3px 0 6px;
17}
18.content {
19  border-radius: 5px 5px;
20  background-color:#eee;
21  color:black;
22  padding:10px 10px 10px 10px;
23  max-width:600px;
24  margin-left:auto;
25  margin-right:auto;
26  margin-top:66px;
27}
28.extensionsmessage {
29  color:black;
30  padding:10px 10px 10px 10px;
31  max-width:600px;
32  margin-left:auto;
33  margin-right:auto;
34  margin-top:5px;
35}
36.extensionicon {
37  float:left;
38  margin:10px 5px 0 0px;
39  width:30px;
40}
41</style>
42<script>
43// Until themes can clear the cache, force-reload the theme stylesheet.
44document.write('<link id="incognitothemecss" rel="stylesheet" ' +
45               'href="chrome://theme/css/newincognitotab.css?' +
46               Date.now() + '">');
47</script>
48</head>
49<body>
50<div class="content" i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
51  <img src="shared/images/otr_icon_standalone.png" class="icon" />
52  <span i18n-values=".innerHTML:content"></span>
53  <div style="margin-top:15px">
54    <img src="/app/theme/extensions_section.png" class="extensionicon" />
55    <span i18n-values=".innerHTML:extensionsmessage"></span>
56  </div>
57</div>
58</body>
59<script>
60function themeChanged() {
61  document.getElementById('incognitothemecss').href =
62      'chrome://theme/css/newincognitotab.css?' + Date.now();
63}
64
65function bookmarkBarAttached() {
66  document.documentElement.setAttribute("bookmarkbarattached", "true");
67}
68
69function bookmarkBarDetached() {
70  document.documentElement.setAttribute("bookmarkbarattached", "false");
71}
72</script>
73</html>
74