OLD | NEW |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script> | 4 <script> |
5 function debug(msg) { | 5 function debug(msg) { |
6 document.getElementById('debug').textContent = msg; | 6 document.getElementById('debug').textContent = msg; |
7 } | 7 } |
8 </script> | 8 </script> |
9 <style> | 9 <style> |
10 body { | 10 body { |
11 background-color: rgb(187, 187, 187); | 11 background-color: rgb(187, 187, 187); |
12 margin: 0; | 12 margin: 0; |
13 text-align: center; | 13 text-align: center; |
14 font-family: sans-serif; | 14 font-family: sans-serif; |
15 overflow: hidden; | 15 overflow: hidden; |
16 } | 16 } |
17 | 17 |
18 h1 { | 18 h1 { |
19 padding: 0pt 10pt; | 19 padding: 0pt 10pt; |
20 font-size: 10pt; | 20 font-size: 10pt; |
21 font-weight: normal; | 21 font-weight: normal; |
22 visibility: hidden; | 22 visibility: hidden; |
23 } | 23 } |
24 | 24 |
25 #outer:hover h1 { | 25 #outer:hover h1 { |
26 visibility: visible; | 26 visibility: visible; |
27 } | 27 } |
28 | 28 |
29 #outer:hover img { | |
Bernhard Bauer
2010/11/29 21:02:49
Nit: Could you join these two selectors?
Chris Evans
2010/11/30 03:17:48
Done.
| |
30 visibility: visible; | |
31 } | |
32 | |
29 #plugin_icon { | 33 #plugin_icon { |
30 opacity: .6; | 34 opacity: .6; |
31 } | 35 } |
32 | 36 |
33 p { | 37 p { |
34 padding: 0pt 14pt; | 38 padding: 0pt 14pt; |
35 font-size: 8pt; | 39 font-size: 8pt; |
36 } | 40 } |
37 | 41 |
38 #outer { | 42 #outer { |
39 width: 100%; | 43 width: 100%; |
40 height: 100%; | 44 height: 100%; |
41 position: absolute; | 45 position: absolute; |
42 border: 1px black solid; | 46 border: 1px black solid; |
43 -webkit-box-sizing: border-box; | 47 -webkit-box-sizing: border-box; |
44 } | 48 } |
45 | 49 |
46 #inner { | 50 #inner { |
47 position: relative; | 51 position: relative; |
48 top: 50%; | 52 top: 50%; |
49 margin-top: -70px; | 53 margin-top: -70px; |
50 } | 54 } |
55 | |
56 #close { | |
57 visibility: hidden; | |
58 cursor: pointer; | |
59 position: absolute; | |
60 right: 0px; | |
61 top: 0px; | |
62 } | |
51 </style> | 63 </style> |
52 </head> | 64 </head> |
53 | 65 |
54 <body id="t" onSelectStart="return false;"> | 66 <body id="t" onSelectStart="return false;"> |
55 <div i18n-values="title:name" id="outer"> | 67 <div i18n-values="title:name" id="outer"> |
56 <div id="inner"> | 68 <div id="inner"> |
57 <div><img id="plugin_icon" src="plugin_blocked.png" /></div> | 69 <div><img id="plugin_icon" src="plugin_blocked.png" /></div> |
58 <h1 i18n-content="message">PLUGIN_OUTDATED</h1> | 70 <h1 i18n-content="message">PLUGIN_OUTDATED</h1> |
59 <h1 i18n-content="name">PLUGIN_NAME</h1> | 71 <h1 i18n-content="name">PLUGIN_NAME</h1> |
60 <p id="debug"> </p> | 72 <p id="debug"> </p> |
61 </div> | 73 </div> |
74 <img id="close" onclick="plugin.hide();" src="../../browser/resources/ntp/ntp_cl ose_p.png"> | |
62 </div> | 75 </div> |
63 </body> | 76 </body> |
64 </html> | 77 </html> |
OLD | NEW |