forked from canvaspixels/fed-test
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (89 loc) · 4.15 KB
/
index.html
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
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" class="no-javascript">
<head>
<meta charset="utf-8" />
<title>Home : Scientific Reports : Nature Publishing Group</title>
<script type="text/javascript"><!--//--><![CDATA[//><!--
document.getElementsByTagName('html')[0].className = 'js-enabled';
//--><!]]></script>
<link href="http://www.nature.com/view/styles/global.main.print.css" type="text/css" rel="stylesheet" media="print" />
<link href="http://www.nature.com/view/styles/global.yui.css" type="text/css" rel="stylesheet" />
<link href="http://www.nature.com/view/styles/global.layout.css" type="text/css" rel="stylesheet" />
<link href="http://www.nature.com/view/styles/global.shared.css" type="text/css" rel="stylesheet" />
<link href="http://www.nature.com/view/styles/global.page.css" type="text/css" rel="stylesheet" />
<link href="http://www.nature.com/view/styles/global.sidebar.css" type="text/css" rel="stylesheet" />
<!--[if gte IE 8]><!-->
<link href="http://www.nature.com/view/styles/global.mobile.css" type="text/css" rel="stylesheet" />
<!--<![endif]-->
<link href="http://www.nature.com/view/srep/styles/site.css" type="text/css" rel="stylesheet" />
<!--[if gte IE 8]><!-->
<link href="http://www.nature.com/view/srep/styles/site.mobile.css" type="text/css" rel="stylesheet" />
<!--<![endif]-->
<!--[if IE 6]>
<script type="text/javascript" src="http://www.nature.com/view/scripts/global.ie6.js"></script>
<![endif]-->
<!-- BEGIN fed-test -->
<!-- For simplicity the styles needed for the tooltip display are included here.
Obviously there should be on the css files with the rest of the styles. -->
<style type="text/css">
.tooltip{
background-color: #ffffbb;
border: #0c0c0c 1px solid;
color: #0c0c0c;
display: none;
padding: 0.2em;
position: absolute;
z-index: 9999;
}
.tooltipBody {
padding: 0.2em;
}
</style>
</head>
<!--[if lt IE 6]><body class="www-nature-com home lt-ie6"><![endif]-->
<!--[if IE 6]><body class="www-nature-com home ie6"><![endif]-->
<!--[if IE 7]><body class="www-nature-com home ie7"><![endif]-->
<!--[if IE 8]><body class="www-nature-com home ie8"><![endif]-->
<!--[if gt IE 8]><body class="www-nature-com home gt-ie8"><![endif]-->
<!--[if !IE]>--><body class="www-nature-com home"><!--<![endif]-->
<div id="constrain">
<div id="constrain-content" class="cleared">
<div id="extranav" role="complementary" class="col home">
<div class="social-media module">
<h1>Follow us</h1>
<div class="follow-nature">
<ul>
<li class="rss"><a href="http://www.nature.com/srep/newsfeeds.html">RSS feed</a></li>
<li class="twitter"><a href="http://twitter.com/SciReports">Follow us on Twitter</a></li>
<li class="facebook"><a href="http://www.facebook.com/scientificreports">Follow us on Facebook</a></li>
<li class="friendfeed"><a href="http://friendfeed.com/scireports">FriendFeed</a></li>
<li class="email"><a href="http://www.nature.com/srep/alerts/index.html">E-alert sign up</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script src="http://www.nature.com/view/scripts/jquery/jquery-1.7.js" type="text/javascript"></script>
<script src="http://www.nature.com/view/srep/scripts/site.js" type="text/javascript"></script>
<!-- JS/jQuery code needed for the tooltips. As before, this code should be on its own .js file -->
<script type="text/javascript">
// jQuery for the tooltip display
$(document).ready(function() {
// Create the tooltip (hidden by default)
$('body').append('<div class="tooltip"><div class="tooltipBody"></div></div>');
$('a').mouseover(function(e) {
// Display the tooltip with the text on the link as content
$('.tooltip').show().children('.tooltipBody').html($(this).text());
}).mousemove(function(e) {
// Maintain the tooltip 16px away from the mouse pointer
$('.tooltip').css('top', e.pageY + 16 );
$('.tooltip').css('left', e.pageX + 16 );
}).mouseout(function(e) {
$('.tooltip').hide();
});
});
</script>
<!-- END fed-test -->
</body>
</html>