-
Notifications
You must be signed in to change notification settings - Fork 1
/
_ie_bullshit.erb
111 lines (100 loc) · 2.99 KB
/
_ie_bullshit.erb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!--[if lt IE 9]>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<script type="text/javascript" src="js/jquery.chrome_frame.js"></script>
<style type="text/css" media="screen">
html, body {
margin: 0 auto;
text-align: center;
position: relative;
}
html, body, .presentation, .slides {
overflow: visible;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 900px;
height: 700px;
}
#cover {
display: block;
margin: auto;
visibility: visible;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: visible;
width: 900px;
height: 700px;
}
.slide {
display: none;
}
.presentation {
background: none !important;
background-color: #fff !important;
}
#cover .howto {
display: none;
}
#cover .share {
margin: auto;
left: 0;
right: 0;
}
#cover .next {
display: none;
}
#cover .next.startchromeinstall {
display: block;
}
#cover a {
border-bottom: none;
text-decoration: underline;
}
#cover .start {
padding-top: 20px;
}
#cover .start .download {
float: none;
margin: 0 auto;
cursor: pointer;
}
#cover .start .next {
display: none;
}
#cover .chromeframe {
display: block !important;
padding-top:20px;
}
#chrome_msg { display:none; position: fixed; top: 0; left: 0; background: #ece475; border: 2px solid #666; border-top: none; font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 100%; width: 100%; text-align: center; padding: 5px 0; margin: 0 auto; }
#chrome_msg a, #chrome_msg a:link { color: #a70101; text-decoration: none; }
#chrome_msg a:hover { color: #a70101; text-decoration: underline; }
#chrome_msg a#msg_hide { float: right; margin-right: 15px; cursor: pointer; }
* html #chrome_msg { left: auto; margin: 0 auto; border-top: 2px solid #666; }
.chromeFrameInstallDefaultStyle {
z-index: 9999;
position: absolute;
border: 5px solid #999;
width: 800px;
height: 400px;
left: 50px;
top: 150px;
}
</style>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$(".next").click(function(e){
e.preventDefault();
var confirmation = confirm("This slide show requires an HTML5 capable browser. You could just download the PDF... better yet, let's get your browser updated so you can experience the web the way it was meant to be. Click OK to continue the install and in a few seconds you'll be ready to rock!");
if (confirmation) {
window.open('http://www.google.com/chromeframe/eula.html', 'CFWindow', 'menubar=no,width=800,height=450,toolbar=no,scrollbars=yes')
}
})
})
</script>
<![endif] -->